:root{--color-bg:#f4f2ec;--color-surface:#fffefa;--color-surface-muted:#edf4f1;--color-text:#1f2522;--color-text-muted:#66716b;--color-primary:#286b62;--color-primary-contrast:#fff;--color-border:#d8ddd3;--color-success:#2f7a5f;--color-warning:#a86525;--color-danger:#b84435;--shadow-soft:0 18px 46px #1f252214;--radius-card:8px;--radius-control:8px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{background:var(--color-bg)}body{color:var(--color-text);background:linear-gradient(180deg, #ffffff85, #f4f2ecb3), var(--color-bg);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #286b6247}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{grid-template-columns:280px minmax(0,1fr);gap:24px;width:min(1180px,100% - 40px);min-height:100vh;margin:0 auto;padding:40px 0;display:grid}.sidebar,.topbar,.intake-card,.content-card,.metric{border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);background:#fffefaeb}.sidebar{align-self:start;padding:18px;position:sticky;top:24px}.brand-block{gap:4px;padding:6px 4px 18px;display:grid}.brand-block strong{letter-spacing:0;max-width:210px;font-size:22px;line-height:1.05}.eyebrow{color:var(--color-text-muted);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:700}.nav-list{gap:10px;display:grid}.nav-item{min-height:54px;color:var(--color-text);border-radius:var(--radius-control);border:1px solid #0000;grid-template-columns:38px 1fr auto;align-items:center;padding:8px;text-decoration:none;display:grid}.nav-item:hover,.nav-item.active{background:#edf4f1;border-color:#b7cec6}.nav-icon{width:32px;height:32px;color:var(--color-primary);background:#e0ede8;border-radius:50%;place-items:center;display:inline-grid}.nav-item strong{min-width:28px;color:var(--color-text-muted);text-align:center;background:var(--color-surface);border-radius:999px;padding:4px 7px;font-size:12px}.workspace{gap:14px;display:grid}.topbar{justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.topbar>div,.topbar-actions,.card-actions,.filter-row,.card-meta,.detection-preview,.warning-line{align-items:center;display:flex}.topbar>div,.topbar-actions{gap:8px}.status-dot{background:var(--color-primary);border-radius:999px;width:9px;height:9px}.icon-button,.soft-button,.primary-button,.management-bar button,.filter-row button,.content-card button,.content-card a{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);min-height:40px;color:var(--color-text);justify-content:center;align-items:center;gap:7px;display:inline-flex}.icon-button,.content-card button,.content-card a{width:40px;padding:0}.content-card a{text-decoration:none}.soft-button,.management-bar button,.filter-row button{padding:0 13px}.primary-button{color:var(--color-primary-contrast);background:var(--color-primary);border-color:var(--color-primary);padding:0 16px}.intake-card{gap:20px;padding:22px;display:grid}.section-heading{gap:6px;display:grid}h1,h2,h3,p{margin:0}h1{letter-spacing:0;font-size:clamp(32px,5vw,56px);line-height:.98}h2{letter-spacing:0;font-size:28px;line-height:1.1}h3{letter-spacing:0;font-size:20px;line-height:1.25}p{color:var(--color-text-muted);line-height:1.7}.url-form{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.url-input-wrap{min-height:54px;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-control);background:#fbfaf5;align-items:center;gap:10px;padding:0 14px;display:flex}.url-input-wrap input{width:100%;min-width:0;color:var(--color-text);background:0 0;border:0}.url-input-wrap input:focus{outline:none}.detection-preview{min-height:36px;color:var(--color-primary);gap:8px;font-size:14px}.detection-preview.muted{color:var(--color-text-muted)}.detection-preview.warning,.warning-line,.notice-line{color:var(--color-warning)}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.metric{gap:8px;padding:14px;display:grid}.metric span{color:var(--color-text-muted);font-size:13px}.metric strong{font-size:30px;line-height:1}.metric-success strong{color:var(--color-success)}.metric-warning strong{color:var(--color-warning)}.metric-danger strong{color:var(--color-danger)}.results-section{gap:14px;padding-top:12px;display:grid}.results-header{justify-content:space-between;align-items:end;gap:16px;display:flex}.results-header>div:first-child{gap:4px;display:grid}.filter-row{flex-wrap:wrap;justify-content:flex-end;gap:8px}.filter-row.compact{justify-content:flex-start}.filter-row button.active,.management-bar button.active,.content-card button.action-active{color:var(--color-primary);background:#edf4f1;border-color:#b7cec6}.management-bar{grid-template-columns:minmax(220px,1fr) auto auto auto;align-items:center;gap:8px;display:grid}.search-input-wrap{min-height:42px;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-control);background:#fffefad1;align-items:center;gap:9px;padding:0 12px;display:flex}.search-input-wrap input{width:100%;min-width:0;color:var(--color-text);background:0 0;border:0}.search-input-wrap input:focus{outline:none}.content-list{gap:10px;display:grid}.content-card{gap:12px;padding:16px;display:grid}.card-excerpt{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tag-row{flex-wrap:wrap;gap:6px;min-height:26px;display:flex}.tag-chip,.project-chip{min-height:24px;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:999px;align-items:center;padding:0 8px;font-size:12px;display:inline-flex}.project-chip{color:var(--color-primary);background:#edf4f1;border-color:#c7dcd4}.tag-chip{background:#fbfaf5}.inline-edit-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.inline-edit-row label{gap:4px;display:grid}.inline-edit-row span{color:var(--color-text-muted);font-size:12px}.inline-edit-row input{min-width:0;min-height:38px;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-control);background:#fbfaf5;padding:0 10px}.card-meta{color:var(--color-text-muted);flex-wrap:wrap;gap:8px;font-size:13px}.platform-pill,.status-pill,.sync-label,.favorite-label{border:1px solid var(--color-border);border-radius:999px;align-items:center;gap:5px;min-height:26px;padding:0 9px;display:inline-flex}.platform-blog{color:#286b62;background:#edf4f1;border-color:#c7dcd4}.platform-x{color:#24313a;background:#eef1f3;border-color:#d6dde1}.platform-facebook{color:#255c91;background:#edf5fb;border-color:#c8dced}.status-done{color:var(--color-success)}.status-needs-review,.status-failed{color:var(--color-warning)}.sync-label{color:var(--color-warning);background:#fff8ed;border-color:#ead1af}.sync-label.synced,.favorite-label{color:var(--color-success);background:#edf4f1;border-color:#c7dcd4}.card-footer{color:var(--color-text-muted);justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.card-actions{gap:7px}.warning-line{gap:7px;padding-top:2px;font-size:13px}.notice-line{min-height:28px;font-size:14px}.empty-state{min-height:160px;color:var(--color-text-muted);text-align:center;border:1px dashed var(--color-border);border-radius:var(--radius-card);background:#fffefa9e;place-items:center;gap:8px;padding:28px;display:grid}.empty-state strong{color:var(--color-text);font-size:18px}.reader-shell{width:min(1440px,100% - 32px);margin:0 auto;padding:40px 0}.reader-nav{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.reader-nav a,.reader-nav button{min-height:40px;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-control);align-items:center;gap:7px;padding:0 13px;text-decoration:none;display:inline-flex}.reader-nav div{gap:8px;display:flex}.reader-nav-note{min-height:40px;color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-control);align-items:center;padding:0 13px;display:inline-flex}.reader-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);gap:22px;padding:clamp(20px,4vw,34px);display:grid}.article-reader{background:linear-gradient(180deg, #fffefaf5, #faf9f4eb), var(--color-surface)}.reader-header{gap:12px;display:grid}.reader-summary{background:var(--color-surface-muted);border-radius:var(--radius-card);border:1px solid #c7dcd4;gap:12px;padding:16px;display:grid}.reader-fact-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.reader-fact{border-radius:var(--radius-control);background:#fffefac2;border:1px solid #d7e4df;gap:3px;padding:10px;display:grid}.reader-fact span{color:var(--color-text-muted);font-size:12px}.reader-fact strong{overflow-wrap:anywhere;font-size:14px}.reader-warning,.reader-taxonomy{color:var(--color-warning);flex-wrap:wrap;align-items:center;gap:7px;font-size:14px;display:flex}.reader-taxonomy{color:var(--color-primary)}.reader-taxonomy span{background:#fffefac2;border:1px solid #c7dcd4;border-radius:999px;min-height:24px;padding:2px 8px}.version-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:12px;display:grid}.version-panel{border:1px solid var(--color-border);border-radius:var(--radius-card);background:#fffefac7;gap:18px;min-height:620px;max-height:calc(100vh - 120px);padding:22px;display:grid;overflow:auto}.version-panel-header{z-index:1;background:linear-gradient(#fffefa 78%,#fffefa00);gap:7px;padding:0 0 14px;display:grid;position:sticky;top:-22px}.version-panel-header h2{font-size:clamp(24px,2.2vw,36px);line-height:1.04}.version-panel-header p{font-size:14px;line-height:1.55}.markdown-lite{color:var(--color-text);gap:12px;display:grid}.markdown-lite h2{font-size:27px;line-height:1.14}.markdown-lite h3{margin-top:12px;font-size:20px}.markdown-lite blockquote{color:var(--color-primary);border:1px solid #c7dcd4;border-left:4px solid var(--color-primary);border-radius:var(--radius-card);background:#edf4f1;margin:0;padding:14px 16px}.markdown-lite p,.markdown-lite li,.markdown-lite blockquote{color:var(--color-text);line-height:1.85}.markdown-lite li{border-radius:var(--radius-control);background:#edf4f18f;border:1px solid #d7e4df;margin-left:0;padding:10px 12px 10px 34px;list-style:none;position:relative}.markdown-lite li:before{content:"";background:var(--color-primary);border-radius:999px;width:7px;height:7px;position:absolute;top:17px;left:14px}.markdown-lite strong{color:var(--color-primary);font-weight:800}.reader-space{height:4px;display:block}.login-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);width:min(440px,100%);box-shadow:var(--shadow-soft);gap:18px;padding:24px;display:grid}.login-icon{width:46px;height:46px;color:var(--color-primary);background:var(--color-surface-muted);border:1px solid #c7dcd4;border-radius:50%;place-items:center;display:inline-grid}.spin-icon{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:860px){.app-shell{grid-template-columns:1fr;width:min(100% - 24px,680px);padding:18px 0 32px}.sidebar{position:static}.nav-list{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-item{grid-template-columns:34px 1fr}.nav-item strong{display:none}.url-form,.metrics-grid,.management-bar,.inline-edit-row,.reader-fact-grid,.version-grid{grid-template-columns:1fr}.version-panel{min-height:auto;max-height:none}.results-header,.card-footer,.topbar,.reader-nav,.reader-nav div{flex-direction:column;align-items:stretch}.filter-row,.topbar-actions{justify-content:flex-start}}@media (prefers-reduced-motion:no-preference){.content-card,.intake-card,.metric{transition:border-color .18s,transform .18s,box-shadow .18s}.content-card:hover,.intake-card:hover{border-color:#b7cec6;transform:translateY(-1px)}}