:root{--sr-ink:#1a1a1a;--sr-ink-muted:#5c5c5c;--sr-ink-subtle:#8a8a8a;--sr-surface:#fafaf8;--sr-surface-raised:#fff;--sr-surface-inset:#f0efeb;--sr-border:#e2e0da;--sr-border-strong:#c8c5bc;--sr-accent:#c45d3e;--sr-accent-hover:#a94d32;--sr-accent-subtle:#fdf0ec;--sr-success:#3a7d5c;--sr-success-subtle:#edf7f1;--sr-warning:#c4873e;--sr-warning-subtle:#fdf5ec;--sr-danger:#c43e3e;--sr-danger-subtle:#fdecec;--sr-font-serif:"IBM Plex Serif",serif;--sr-font-sans:"IBM Plex Sans",sans-serif;--sr-font-mono:"IBM Plex Mono",monospace;--sr-space-1:4px;--sr-space-2:8px;--sr-space-3:12px;--sr-space-4:16px;--sr-space-5:20px;--sr-space-6:24px;--sr-space-8:32px;--sr-space-10:40px;--sr-space-12:48px;--sr-space-16:64px;--sr-radius-sm:4px;--sr-radius-md:8px;--sr-radius-lg:12px;--sr-radius-xl:16px;--sr-radius-full:9999px;--sr-shadow-sm:0 1px 2px #0000000d;--sr-shadow-md:0 2px 8px #00000014;--sr-shadow-lg:0 4px 16px #0000001a;--sr-shadow-xl:0 8px 32px #0000001f;--sr-ease-default:.15s ease;--sr-ease-spring:.3s cubic-bezier(.34,1.56,.64,1)}:root[data-theme=dark]{--sr-ink:#ece8df;--sr-ink-muted:#c2bbb0;--sr-ink-subtle:#9d9488;--sr-surface:#151310;--sr-surface-raised:#1d1a16;--sr-surface-inset:#26221c;--sr-border:#3a342d;--sr-border-strong:#575046;--sr-accent:#e28663;--sr-accent-hover:#f2a487;--sr-accent-subtle:#35261f;--sr-success:#7cc39f;--sr-success-subtle:#1f2d26;--sr-warning:#deae66;--sr-warning-subtle:#32291a;--sr-danger:#e58989;--sr-danger-subtle:#3a2323;--sr-shadow-sm:0 1px 2px #0006;--sr-shadow-md:0 2px 8px #00000073;--sr-shadow-lg:0 4px 16px #00000080;--sr-shadow-xl:0 8px 32px #0000008c}
:root{--sr-font-scale:1}:root[data-font-scale=small]{--sr-font-scale:.9375}:root[data-font-scale=default]{--sr-font-scale:1}:root[data-font-scale=large]{--sr-font-scale:1.125}*,:before,:after{box-sizing:border-box}html,body{background:var(--sr-surface);color:var(--sr-ink);font-family:var(--sr-font-sans);font-size:calc(16px*var(--sr-font-scale));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;line-height:1.6}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:focus-visible{outline:2px solid var(--sr-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}a{color:var(--sr-accent);text-decoration:none}a:hover{color:var(--sr-accent-hover)}.sr-nav{z-index:100;background:var(--sr-surface-raised);border-bottom:1px solid var(--sr-border);position:sticky;top:0}.sr-nav-inner{max-width:960px;padding:0 var(--sr-space-8);justify-content:space-between;align-items:center;height:56px;margin:0 auto;display:flex}.sr-nav-logo{font-family:var(--sr-font-serif);font-size:calc(18px*var(--sr-font-scale));color:var(--sr-ink);font-weight:600;text-decoration:none}.sr-nav-logo:hover{color:var(--sr-ink)}.sr-nav-links{gap:var(--sr-space-6);align-items:center;display:flex}.sr-nav-link{font-family:var(--sr-font-sans);font-size:calc(14px*var(--sr-font-scale));color:var(--sr-ink-muted);transition:color var(--sr-ease-default);font-weight:400;text-decoration:none}.sr-nav-link:hover{color:var(--sr-ink)}.sr-nav-link.active{color:var(--sr-accent);font-weight:500}.sr-nav-links form{display:contents}.sr-nav-links button.sr-nav-link{cursor:pointer;font-family:var(--sr-font-sans);background:0 0;border:none;padding:0}.sr-nav-avatar{border-radius:var(--sr-radius-full);background:var(--sr-surface-inset);border:1px solid var(--sr-border);width:32px;height:32px}.language-form,.language-form .ds-field{align-items:center;gap:var(--sr-space-2);display:flex}.language-form .ds-field label{font-size:calc(12px*var(--sr-font-scale));color:var(--sr-ink-muted);font-weight:500}.language-form .ds-select{border:1px solid var(--sr-border);border-radius:var(--sr-radius-md);font-size:calc(12px*var(--sr-font-scale));font-family:var(--sr-font-sans);background:var(--sr-surface-raised);color:var(--sr-ink);padding:6px 10px}.sr-page{max-width:960px;padding:var(--sr-space-10)var(--sr-space-8);margin:0 auto}.sr-page-narrow{max-width:720px;padding:var(--sr-space-10)var(--sr-space-8);margin:0 auto}.ds-button{justify-content:center;align-items:center;gap:var(--sr-space-2);border-radius:var(--sr-radius-md);font-family:var(--sr-font-sans);font-size:calc(14px*var(--sr-font-scale));cursor:pointer;transition:background var(--sr-ease-default),color var(--sr-ease-default),border-color var(--sr-ease-default);border:1px solid #0000;padding:10px 20px;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.ds-button-primary{background:var(--sr-accent);color:#fff;border-color:#0000}.ds-button-primary:hover{background:var(--sr-accent-hover)}.ds-button-secondary{color:var(--sr-ink);border-color:var(--sr-border);background:0 0}.ds-button-secondary:hover{border-color:var(--sr-border-strong);background:var(--sr-surface-inset)}.ds-button-ghost{color:var(--sr-accent);border-color:var(--sr-accent);background:0 0}.ds-button-ghost:hover{background:var(--sr-accent-subtle)}.ds-button-danger{background:var(--sr-danger-subtle);color:var(--sr-danger);border-color:#0000}.ds-button-danger:hover{background:#fad7d7}.ds-button-small{font-size:calc(13px*var(--sr-font-scale));background:var(--sr-accent-subtle);color:var(--sr-accent);border-color:#0000;border-radius:6px;padding:6px 14px}.ds-button-small:hover{background:#fbe1d9}.ds-button:disabled,.ds-button[aria-disabled=true]{background:var(--sr-surface-inset);color:var(--sr-ink-subtle);cursor:not-allowed;pointer-events:none;border-color:#0000}.button{justify-content:center;align-items:center;gap:var(--sr-space-2);border-radius:var(--sr-radius-md);font-family:var(--sr-font-sans);font-size:calc(14px*var(--sr-font-scale));cursor:pointer;transition:background var(--sr-ease-default),color var(--sr-ease-default),border-color var(--sr-ease-default);border:1px solid #0000;padding:10px 20px;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.button.primary{background:var(--sr-accent);color:#fff}.button.primary:hover{background:var(--sr-accent-hover)}.button.secondary{color:var(--sr-ink);border-color:var(--sr-border);background:0 0}.button.secondary:hover{border-color:var(--sr-border-strong);background:var(--sr-surface-inset)}.ds-field{gap:6px;display:grid}.ds-field label{font-family:var(--sr-font-sans);font-size:calc(13px*var(--sr-font-scale));color:var(--sr-ink);font-weight:500}.ds-input{font-family:var(--sr-font-sans);font-size:calc(15px*var(--sr-font-scale));border:1px solid var(--sr-border);border-radius:var(--sr-radius-md);background:var(--sr-surface);color:var(--sr-ink);transition:border-color var(--sr-ease-default),box-shadow var(--sr-ease-default);outline:none;padding:10px 14px}.ds-input::placeholder{color:var(--sr-ink-subtle)}.ds-input:focus{border-color:var(--sr-border-strong);box-shadow:var(--sr-shadow-sm)}.ds-input-error{border-color:var(--sr-danger);background:var(--sr-danger-subtle)}.ds-input-error:focus{border-color:var(--sr-danger)}.ds-field-helper{font-family:var(--sr-font-sans);font-size:calc(12px*var(--sr-font-scale));color:var(--sr-ink-muted);margin:0}.ds-field-error{font-family:var(--sr-font-sans);font-size:calc(12px*var(--sr-font-scale));color:var(--sr-danger);margin:0}.ds-field-error label{color:var(--sr-danger)}.ds-select{font-family:var(--sr-font-sans);font-size:calc(15px*var(--sr-font-scale));border:1px solid var(--sr-border);border-radius:var(--sr-radius-md);background:var(--sr-surface);color:var(--sr-ink);transition:border-color var(--sr-ease-default);outline:none;padding:10px 14px}.ds-select:focus{border-color:var(--sr-border-strong);box-shadow:var(--sr-shadow-sm)}.card{background:var(--sr-surface-raised);border:1px solid var(--sr-border);border-radius:var(--sr-radius-lg);padding:var(--sr-space-6);box-shadow:var(--sr-shadow-sm)}.card h2{margin:0 0 var(--sr-space-4);font-family:var(--sr-font-sans);font-size:calc(22px*var(--sr-font-scale));letter-spacing:-.01em;font-weight:600}.card ul{gap:var(--sr-space-2);color:var(--sr-ink-muted);font-size:calc(14px*var(--sr-font-scale));margin:0;padding-left:20px;line-height:1.5;display:grid}.ds-surface-card{gap:var(--sr-space-4);display:grid}.sr-tag{font-family:var(--sr-font-sans);font-size:calc(11px*var(--sr-font-scale));text-transform:uppercase;letter-spacing:.05em;border-radius:var(--sr-radius-sm);padding:4px 10px;font-weight:500;line-height:1;display:inline-block}.sr-tag-category{color:var(--sr-accent);background:var(--sr-accent-subtle)}.add-article-modal-backdrop{z-index:200;padding:var(--sr-space-4);background:#1a1a1a66;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.add-article-modal{background:var(--sr-surface-raised);border:1px solid var(--sr-border);border-radius:var(--sr-radius-xl);box-shadow:var(--sr-shadow-xl);padding:var(--sr-space-8);width:100%;max-width:440px}.add-article-modal-heading{font-family:var(--sr-font-serif);font-size:calc(18px*var(--sr-font-scale));color:var(--sr-ink);margin:0 0 var(--sr-space-4);letter-spacing:-.01em;font-weight:600}.add-article-modal-lead{font-family:var(--sr-font-sans);font-size:calc(14px*var(--sr-font-scale));color:var(--sr-ink-muted);margin:0 0 var(--sr-space-6);line-height:1.5}.add-article-modal-form{gap:var(--sr-space-5);display:grid}.add-article-modal-form .ds-field:first-of-type{margin-bottom:0}.add-article-modal-tags{gap:var(--sr-space-3);display:grid}.add-article-modal-tags-label{font-family:var(--sr-font-sans);font-size:calc(13px*var(--sr-font-scale));color:var(--sr-ink);font-weight:500}.add-article-modal-tags-row{gap:var(--sr-space-2);flex-wrap:wrap;display:flex}.add-article-modal-tag{font-family:var(--sr-font-sans);font-size:calc(11px*var(--sr-font-scale));text-transform:uppercase;letter-spacing:.05em;border-radius:var(--sr-radius-sm);background:var(--sr-surface-inset);color:var(--sr-ink-muted);cursor:pointer;transition:background var(--sr-ease-default),color var(--sr-ease-default);border:none;padding:4px 10px;font-weight:500}.add-article-modal-tag:hover{background:var(--sr-border);color:var(--sr-ink)}.add-article-modal-tag-selected{background:var(--sr-accent-subtle);color:var(--sr-accent)}.add-article-modal-tag-selected:hover{color:var(--sr-accent-hover);background:#fbe1d9}.add-article-modal-tags-selected{gap:var(--sr-space-2);flex-wrap:wrap;display:flex}.add-article-modal-tag-chip{align-items:center;gap:4px;display:inline-flex}.add-article-modal-tag-remove{font-size:calc(14px*var(--sr-font-scale));color:var(--sr-ink-muted);cursor:pointer;background:0 0;border:none;border-radius:2px;margin-left:2px;padding:0 4px;line-height:1}.add-article-modal-tag-remove:hover{color:var(--sr-danger)}.add-article-modal-custom-tag{gap:6px;display:grid}.add-article-modal-custom-tag .label-only,.add-article-modal-custom-tag label.ds-field{font-size:calc(13px*var(--sr-font-scale));color:var(--sr-ink-muted);margin:0;font-weight:500;display:block}.add-article-modal-custom-tag-inner{gap:var(--sr-space-2);display:flex}.add-article-modal-custom-tag-inner .ds-input{flex:1}.add-article-modal-actions{gap:var(--sr-space-3);padding-top:var(--sr-space-2);justify-content:flex-end;display:flex}.sr-tag-read{color:var(--sr-success);background:var(--sr-success-subtle)}.sr-tag-unread,.sr-tag-meta{color:var(--sr-ink-muted);background:var(--sr-surface-inset)}.sr-tag-archived{color:var(--sr-ink-subtle);background:var(--sr-surface-inset)}.sr-article-card{background:var(--sr-surface-raised);border:1px solid var(--sr-border);border-radius:var(--sr-radius-lg);padding:var(--sr-space-6);transition:box-shadow var(--sr-ease-default)}.sr-article-card:hover{box-shadow:var(--sr-shadow-md)}.sr-article-card-read{border-color:var(--sr-success)}.sr-article-card-tags{gap:var(--sr-space-2);margin-bottom:var(--sr-space-3);flex-wrap:wrap;display:flex}.sr-article-card-title{font-family:var(--sr-font-serif);font-size:calc(18px*var(--sr-font-scale));color:var(--sr-ink);margin:0 0 var(--sr-space-2);font-weight:600;line-height:1.3}.sr-article-card-excerpt{font-family:var(--sr-font-sans);font-size:calc(14px*var(--sr-font-scale));color:var(--sr-ink-muted);margin:0 0 var(--sr-space-4);line-height:1.5}.sr-article-card-footer{justify-content:space-between;align-items:center;display:flex}.sr-article-card-actions{align-items:center;gap:var(--sr-space-4);display:flex}.sr-article-card-actions .ds-button-danger.ds-button-small{font-size:calc(13px*var(--sr-font-scale));background:var(--sr-danger-subtle);color:var(--sr-danger);border-radius:6px;padding:6px 14px}.sr-article-card-actions .ds-button-danger.ds-button-small:hover{background:#fad7d7}.sr-article-card-date{font-family:var(--sr-font-sans);font-size:calc(12px*var(--sr-font-scale));color:var(--sr-ink-subtle)}.sr-article-card-action{font-family:var(--sr-font-sans);font-size:calc(13px*var(--sr-font-scale));color:var(--sr-accent);cursor:pointer;font-weight:500;text-decoration:none}.sr-article-card-action:hover{color:var(--sr-accent-hover)}.sr-empty-state{background:var(--sr-surface-raised);border:1px solid var(--sr-border);border-radius:var(--sr-radius-lg);padding:var(--sr-space-12)var(--sr-space-8);text-align:center}.sr-empty-state-icon{border-radius:var(--sr-radius-lg);background:var(--sr-accent-subtle);width:48px;height:48px;margin:0 auto var(--sr-space-4);font-size:calc(20px*var(--sr-font-scale));justify-content:center;align-items:center;display:flex}.sr-empty-state h3{font-family:var(--sr-font-serif);font-size:calc(18px*var(--sr-font-scale));margin:0 0 var(--sr-space-2);font-weight:600}.sr-empty-state p{font-family:var(--sr-font-sans);font-size:calc(14px*var(--sr-font-scale));color:var(--sr-ink-muted);margin:0 0 var(--sr-space-5)}.landing{max-width:1160px;padding:var(--sr-space-12)var(--sr-space-8);gap:var(--sr-space-10);margin:0 auto;display:grid}.landing-hero{gap:var(--sr-space-8);grid-template-columns:minmax(0,1fr) minmax(420px,540px);align-items:center;display:grid}.landing-hero-copy{max-width:540px}.landing-hero h1,.landing-workflow h2,.landing-spotlight h2,.landing-cta h2{font-family:var(--sr-font-serif);font-size:calc(clamp(32px,5vw,52px)*var(--sr-font-scale));letter-spacing:-.03em;color:var(--sr-ink);margin:0;font-weight:600;line-height:1.05}.eyebrow{font-family:var(--sr-font-sans);color:var(--sr-accent);letter-spacing:.08em;font-size:calc(12px*var(--sr-font-scale));text-transform:uppercase;margin:0 0 10px;font-weight:500}.lead{margin:var(--sr-space-4)0 0;max-width:62ch;color:var(--sr-ink-muted);font-size:calc(16px*var(--sr-font-scale));line-height:1.6}.landing-actions{margin-top:var(--sr-space-6);gap:var(--sr-space-3);flex-wrap:wrap;display:flex}.social-actions{flex-direction:column}.landing-section-heading,.landing-spotlight-copy{gap:var(--sr-space-3);display:grid}.landing-section-heading h2,.landing-spotlight-copy h2,.landing-cta h2{font-size:calc(clamp(28px,4vw,40px)*var(--sr-font-scale));line-height:1.1}.landing-section-heading p:not(.eyebrow),.landing-spotlight-copy>p:not(.eyebrow),.landing-cta p{color:var(--sr-ink-muted);font-size:calc(16px*var(--sr-font-scale));margin:0;line-height:1.65}.landing-hero-visual{min-height:560px;position:relative}.landing-screen{background:linear-gradient(#fff 0%,#fcf4ee 100%);border:1px solid #c2a89559;border-radius:24px;position:absolute;overflow:hidden;box-shadow:0 24px 60px #4f372724}.landing-screen-label{z-index:2;font-size:calc(11px*var(--sr-font-scale));letter-spacing:.08em;text-transform:uppercase;color:var(--sr-accent);background:#fff7f1eb;border:1px solid #c2a89547;border-radius:999px;padding:7px 10px;font-weight:600;position:absolute;top:16px;left:18px}.landing-screen-modal{z-index:3;width:52%;top:10px;left:0;transform:rotate(-4deg)}.landing-screen-list{z-index:2;width:86%;bottom:0;right:0}.landing-screen-reader{z-index:1;width:72%;top:54px;right:8px;transform:rotate(6deg)}.landing-screen-spotlight{width:100%}.landing-screenshot-placeholder{background:linear-gradient(#fffffffa 0%,#fbf1e9eb 100%);min-height:100%;padding:58px 20px 20px}.landing-screenshot-topbar{justify-content:space-between;align-items:center;gap:var(--sr-space-4);display:flex}.landing-actions-cta{gap:var(--sr-space-2);flex-wrap:wrap;display:flex}.landing-screenshot-topbar span{background:#cbb5a659;border-radius:999px;width:72px;height:10px;display:block}.landing-screenshot-body{margin-top:var(--sr-space-4);gap:var(--sr-space-5);display:grid}.landing-screenshot-copy{gap:var(--sr-space-2);display:grid}.landing-screenshot-copy p{font-family:var(--sr-font-serif);font-size:calc(22px*var(--sr-font-scale));letter-spacing:-.02em;color:var(--sr-ink);margin:0;font-weight:600;line-height:1.15}.landing-screenshot-copy span{color:var(--sr-ink-muted);font-size:calc(13px*var(--sr-font-scale));margin:0;line-height:1.5}.landing-screenshot-wireframe{gap:var(--sr-space-3);background:#ffffffd1;border:1px solid #c2a89547;border-radius:20px;padding:18px;display:grid}.landing-screenshot-line{background:#cbb5a659;border-radius:999px;height:10px;display:block}.landing-screenshot-line-strong{background:#d374472e;width:56%}.landing-screenshot-grid{gap:var(--sr-space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.landing-screenshot-grid span{background:linear-gradient(#efe1d599,#fcf5efe6);border:1px solid #c2a89538;border-radius:16px;min-height:92px;display:block}.landing-workflow-card h3,.landing-point h3{font-family:var(--sr-font-serif);font-size:calc(20px*var(--sr-font-scale));letter-spacing:-.02em;margin:0;font-weight:600;line-height:1.2}.landing-workflow{gap:var(--sr-space-6);display:grid}.landing-workflow-grid{gap:var(--sr-space-5);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.landing-workflow-card{gap:var(--sr-space-3);padding:var(--sr-space-6);display:grid}.landing-step{width:fit-content;color:var(--sr-accent);font-size:calc(11px*var(--sr-font-scale));letter-spacing:.08em;text-transform:uppercase;background:#d3744724;border-radius:999px;padding:4px 10px;font-weight:700;display:inline-flex}.landing-workflow-card p,.landing-point p{font-size:calc(15px*var(--sr-font-scale));color:var(--sr-ink-muted);margin:0;line-height:1.7}.landing-spotlight{gap:var(--sr-space-8);grid-template-columns:minmax(0,1fr) minmax(340px,480px);align-items:center;display:grid}.landing-spotlight-points{gap:var(--sr-space-4);margin-top:var(--sr-space-3);display:grid}.landing-point{padding-top:var(--sr-space-4);border-top:1px solid #c2a89547}.landing-spotlight-visual .landing-screen{width:100%;position:relative;inset:auto;transform:none}.landing-spotlight-visual .landing-screen-label{top:18px;left:20px}.landing-cta{justify-content:space-between;align-items:center;gap:var(--sr-space-6);padding:var(--sr-space-8);background:radial-gradient(circle at 0 0,#d374471f,#0000 42%),linear-gradient(#fffdfb 0%,#fcf4ee 100%);display:flex}.auth-card{max-width:480px}.auth-card h1{font-family:var(--sr-font-serif);font-size:calc(clamp(22px,4vw,28px)*var(--sr-font-scale));letter-spacing:-.015em;margin:0;font-weight:600;line-height:1.2}.auth-form{margin-top:var(--sr-space-5);gap:var(--sr-space-3);display:grid}.auth-form label{font-family:var(--sr-font-sans);font-size:calc(13px*var(--sr-font-scale));color:var(--sr-ink);font-weight:500}.auth-form input:not([type=hidden]){font-family:var(--sr-font-sans);font-size:calc(15px*var(--sr-font-scale));border:1px solid var(--sr-border);border-radius:var(--sr-radius-md);background:var(--sr-surface);color:var(--sr-ink);transition:border-color var(--sr-ease-default);outline:none;padding:10px 14px}.auth-form input:not([type=hidden]):focus{border-color:var(--sr-border-strong);box-shadow:var(--sr-shadow-sm)}.auth-form button{margin-top:var(--sr-space-2);width:fit-content}.auth-divider{margin:var(--sr-space-4)0;font-size:calc(13px*var(--sr-font-scale));color:var(--sr-ink-subtle);text-align:center;align-items:center;gap:var(--sr-space-3);display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--sr-border);flex:1;height:1px}.auth-switch{font-size:calc(14px*var(--sr-font-scale));color:var(--sr-ink-muted);margin:0}.auth-switch a{color:var(--sr-accent);font-weight:500}.auth-forgot{font-size:calc(13px*var(--sr-font-scale));color:var(--sr-accent);text-decoration:none}.auth-forgot:hover{color:var(--sr-accent-hover)}.note{color:var(--sr-ink-muted);font-size:calc(14px*var(--sr-font-scale));margin:0}.error{color:var(--sr-danger);font-size:calc(13px*var(--sr-font-scale));margin:0}.dev-login{margin-top:var(--sr-space-4);padding:var(--sr-space-4);background:var(--sr-surface-inset);border-radius:var(--sr-radius-md)}.dev-login summary{font-size:calc(13px*var(--sr-font-scale));color:var(--sr-ink-muted);cursor:pointer}.app-header{margin-bottom:var(--sr-space-8)}.app-heading{font-family:var(--sr-font-serif);font-size:calc(28px*var(--sr-font-scale));letter-spacing:-.015em;margin:0 0 var(--sr-space-2);font-weight:600;line-height:1.2}.composer-section{gap:var(--sr-space-6);display:grid}.composer-filters{gap:var(--sr-space-3);flex-wrap:wrap;align-items:center;display:flex}.composer-status-tabs{background:var(--sr-surface-inset);border-radius:var(--sr-radius-md);gap:2px;padding:2px;display:flex}.composer-status-tabs [role=tab]{font-family:var(--sr-font-sans);font-size:calc(13px*var(--sr-font-scale));color:var(--sr-ink-muted);cursor:pointer;padding:var(--sr-space-1)var(--sr-space-3);border-radius:var(--sr-radius-sm);transition:color var(--sr-ease-default),background var(--sr-ease-default);background:0 0;border:none;font-weight:500}.composer-status-tabs [role=tab]:hover{color:var(--sr-ink)}.composer-status-tabs [role=tab].active,.composer-status-tabs [role=tab][aria-selected=true]{color:var(--sr-ink);background:var(--sr-surface-raised);box-shadow:0 1px 2px #0000000d}.composer-tag-filters{gap:var(--sr-space-2);flex-wrap:wrap;align-items:center;display:flex}.composer-tag-chip{font-family:var(--sr-font-sans);font-size:calc(12px*var(--sr-font-scale));color:var(--sr-ink-muted);background:var(--sr-surface-inset);border:1px solid var(--sr-border);padding:var(--sr-space-1)var(--sr-space-2);cursor:pointer;transition:color var(--sr-ease-default),background var(--sr-ease-default),border-color var(--sr-ease-default);border-radius:999px;font-weight:500}.composer-tag-chip:hover{color:var(--sr-ink);border-color:var(--sr-ink-muted)}.composer-tag-chip.selected,.composer-tag-chip[aria-pressed=true]{color:var(--sr-accent);border-color:var(--sr-accent);background:var(--sr-surface-raised)}.composer-add-tag-form{gap:var(--sr-space-2);align-items:center;display:inline-flex}.composer-add-tag-input{font-family:var(--sr-font-sans);font-size:calc(13px*var(--sr-font-scale));padding:var(--sr-space-1)var(--sr-space-2);border-radius:var(--sr-radius-sm);border:1px solid var(--sr-border);background:var(--sr-surface-raised);color:var(--sr-ink)}.composer-add-tag-button{font-family:var(--sr-font-sans);font-size:calc(12px*var(--sr-font-scale));color:var(--sr-ink);background:var(--sr-surface-inset);border:1px solid var(--sr-border);border-radius:var(--sr-radius-sm);padding:var(--sr-space-1)var(--sr-space-2);cursor:pointer;font-weight:500}.composer-add-tag-button:hover{background:var(--sr-surface-raised)}.composer-selected-tags{gap:var(--sr-space-2);flex-wrap:wrap;align-items:center;display:flex}.composer-selected-tag{font-size:calc(12px*var(--sr-font-scale));color:var(--sr-ink-muted);background:var(--sr-surface-inset);padding:2px var(--sr-space-1)2px var(--sr-space-2);border-radius:var(--sr-radius-sm);align-items:center;gap:4px;display:inline-flex}.composer-selected-tag button{font-size:calc(16px*var(--sr-font-scale));color:var(--sr-ink-muted);cursor:pointer;background:0 0;border:none;margin:0;padding:0;line-height:1}.composer-selected-tag button:hover{color:var(--sr-ink)}.composer-card{gap:var(--sr-space-4);display:grid}.user-details{gap:var(--sr-space-2);margin:0;display:grid}.user-details div{gap:2px;display:grid}.user-details dt{color:var(--sr-ink-muted);font-size:calc(12px*var(--sr-font-scale));font-weight:500}.user-details dd{margin:0;font-weight:600}.sr-filter-bar{gap:var(--sr-space-4);margin-bottom:var(--sr-space-4);align-items:center;display:flex}.sr-filter-button{font-family:var(--sr-font-sans);font-size:calc(13px*var(--sr-font-scale));color:var(--sr-ink-subtle);cursor:pointer;padding:var(--sr-space-1)var(--sr-space-2);border-radius:var(--sr-radius-sm);transition:color var(--sr-ease-default),background var(--sr-ease-default);background:0 0;border:none;font-weight:400}.sr-filter-button:hover{color:var(--sr-ink);background:var(--sr-surface-inset)}.sr-filter-button.active{color:var(--sr-accent);font-weight:500}.article-form{gap:var(--sr-space-3);max-width:600px;display:grid}.article-list{gap:var(--sr-space-3);display:grid}.article-list h3{font-family:var(--sr-font-serif);font-size:calc(18px*var(--sr-font-scale));margin:0;font-weight:600}.article-list ul{gap:var(--sr-space-4);margin:0;padding:0;list-style:none;display:grid}.article-item-status{font-size:calc(11px*var(--sr-font-scale));text-transform:uppercase;letter-spacing:.02em;color:var(--sr-ink-muted);font-weight:500}.article-item--read .article-item-status{color:var(--sr-ink-subtle)}.article-item{background:var(--sr-surface-raised);border:1px solid var(--sr-border);border-radius:var(--sr-radius-lg);padding:var(--sr-space-6);gap:var(--sr-space-2);transition:box-shadow var(--sr-ease-default);display:grid}.article-item:hover{box-shadow:var(--sr-shadow-md)}.article-title{font-family:var(--sr-font-serif);font-size:calc(18px*var(--sr-font-scale));margin:0;font-weight:600;line-height:1.3}.article-item a{word-break:break-all;font-size:calc(13px*var(--sr-font-scale));color:var(--sr-accent)}.article-viewer-link{width:fit-content;font-size:calc(13px*var(--sr-font-scale));color:var(--sr-accent);font-weight:500}.article-meta{color:var(--sr-ink-subtle);font-size:calc(12px*var(--sr-font-scale));margin:0}.viewer-page{flex-direction:column;max-width:960px;height:calc(100dvh - 56px);min-height:0;display:flex;overflow:hidden}.viewer-page .viewer-card{gap:var(--sr-space-4);flex-direction:column;flex:1;min-height:0;display:flex}.viewer-card{gap:var(--sr-space-4);display:grid}.viewer-page .viewer-header,.viewer-page .viewer-extraction-banner{flex-shrink:0}.viewer-header{gap:var(--sr-space-3);display:grid}.viewer-header-back{justify-content:space-between;align-items:center;gap:var(--sr-space-3);display:flex}.viewer-header-back-actions{justify-content:flex-end;align-items:center;gap:var(--sr-space-2);flex-wrap:wrap;display:flex}.viewer-content-wrap{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.viewer-extracted-shell{flex-direction:column;flex:1;min-height:0;display:flex}.viewer-content-wrap .article-viewer-extracted{flex:1;min-height:0;max-height:none;overflow:auto}.viewer-content-wrap .article-viewer-frame{flex:1;height:100%;min-height:0}.viewer-header h1{font-family:var(--sr-font-serif);font-size:calc(clamp(22px,3vw,28px)*var(--sr-font-scale));letter-spacing:-.015em;word-break:break-word;margin:0;font-weight:600;line-height:1.2}.viewer-read-toggle{white-space:nowrap}.viewer-read-toggle-compact,.viewer-read-footer{display:none}.viewer-read-footer{padding-top:var(--sr-space-2)}.viewer-read-footer .viewer-read-toggle-bottom{width:100%}@media (max-height:640px) and (max-width:768px){.viewer-page .viewer-header-detail{display:none}.viewer-page .viewer-header-back{z-index:10;padding:var(--sr-space-2)0;margin-bottom:var(--sr-space-2);background:var(--sr-surface);border-bottom:1px solid var(--sr-border);position:sticky;top:0}.viewer-page .viewer-read-toggle-desktop,.viewer-page .viewer-open-original-desktop{display:none}.viewer-page .viewer-read-toggle-compact,.viewer-page .viewer-read-footer{display:block}.viewer-page{height:calc(100dvh - 52px)}}@media (max-width:640px){.viewer-page{height:calc(100dvh - 52px)}}.viewer-meta{gap:var(--sr-space-2);font-family:var(--sr-font-sans);font-size:calc(14px*var(--sr-font-scale));color:var(--sr-ink-muted);flex-wrap:wrap;align-items:baseline;line-height:1.4;display:flex}.viewer-meta-byline{color:var(--sr-ink);font-weight:500}.viewer-meta-stats{font-size:calc(13px*var(--sr-font-scale));color:var(--sr-ink-subtle)}.viewer-meta-byline+.viewer-meta-stats:before{content:"·";margin-right:var(--sr-space-2)}.viewer-tags{gap:var(--sr-space-2);font-size:calc(14px*var(--sr-font-scale));flex-wrap:wrap;align-items:center;display:flex}.viewer-tags-label{color:var(--sr-ink-muted);font-weight:500}.viewer-tags-list{gap:var(--sr-space-2);flex-wrap:wrap;align-items:center;display:flex}.viewer-tag-chip{align-items:center;gap:2px;display:inline-flex}.viewer-tag-remove{font-size:calc(18px*var(--sr-font-scale));color:var(--sr-ink-muted);cursor:pointer;border-radius:var(--sr-radius-sm);background:0 0;border:none;padding:0 4px;line-height:1}.viewer-tag-remove:hover{color:var(--sr-ink);background:var(--sr-surface-inset)}.viewer-tag-remove:disabled{opacity:.6;cursor:not-allowed}.viewer-tags-add{gap:var(--sr-space-2);align-items:center;display:flex}.viewer-tags-input{width:140px;min-width:0;padding:var(--sr-space-1)var(--sr-space-2);font-size:calc(14px*var(--sr-font-scale))}.viewer-tags-error{width:100%;font-size:calc(13px*var(--sr-font-scale));color:var(--sr-error);margin:0}.viewer-extraction-banner{border-radius:var(--sr-radius-lg);padding:var(--sr-space-5)var(--sr-space-6);font-family:var(--sr-font-sans);font-size:calc(14px*var(--sr-font-scale));line-height:1.5}.viewer-extraction-banner p{margin:0}.viewer-extraction-banner-pending{align-items:center;gap:var(--sr-space-3);background:var(--sr-accent-subtle);color:var(--sr-accent);border:1px solid #0000;display:flex}.viewer-extraction-banner-failed{gap:var(--sr-space-2);background:var(--sr-danger-subtle);border:1px solid #0000;display:grid}.viewer-extraction-title{color:var(--sr-danger);font-weight:600}.viewer-extraction-message{color:var(--sr-ink-muted);font-size:calc(13px*var(--sr-font-scale))}.viewer-extraction-banner-failed .button{width:fit-content;margin-top:var(--sr-space-2)}@keyframes sr-spin{to{transform:rotate(360deg)}}.viewer-extraction-spinner{border:2px solid var(--sr-accent);border-radius:var(--sr-radius-full);border-top-color:#0000;flex-shrink:0;width:18px;height:18px;animation:.8s linear infinite sr-spin}.article-viewer-frame{border:1px solid var(--sr-border);border-radius:var(--sr-radius-lg);background:var(--sr-surface-raised);width:100%;min-height:70vh}.viewer-content-wrap .article-viewer-frame{min-height:0}.article-viewer-extracted{max-width:720px;max-height:80vh;padding:var(--sr-space-8)var(--sr-space-6);border:1px solid var(--sr-border);border-radius:var(--sr-radius-lg);background:var(--sr-surface-raised);font-family:var(--sr-font-serif);font-size:calc(18px*var(--sr-font-scale));color:var(--sr-ink);margin:0 auto;line-height:1.75;overflow:auto}.article-viewer-extracted h1,.article-viewer-extracted h2,.article-viewer-extracted h3,.article-viewer-extracted h4,.article-viewer-extracted h5,.article-viewer-extracted h6{font-family:var(--sr-font-serif);letter-spacing:-.01em;margin-top:1.6em;margin-bottom:.6em;line-height:1.3}.article-viewer-extracted h1{font-size:1.6em}.article-viewer-extracted h2{font-size:1.35em}.article-viewer-extracted h3{font-size:1.15em}.article-viewer-extracted p{margin:0 0 1.2em}.article-viewer-extracted a{color:var(--sr-accent);text-underline-offset:2px;text-decoration:underline}.article-viewer-extracted a:hover{color:var(--sr-accent-hover)}.article-viewer-extracted blockquote{padding:var(--sr-space-2)var(--sr-space-5);border-left:3px solid var(--sr-accent);color:var(--sr-ink-muted);margin:1.4em 0;font-style:italic}.article-viewer-extracted pre,.article-viewer-extracted code{font-family:var(--sr-font-mono)}.article-viewer-extracted pre{background:var(--sr-surface-inset);border-radius:var(--sr-radius-md);padding:var(--sr-space-4);font-size:.85em;line-height:1.5;overflow-x:auto}.article-viewer-extracted code{background:var(--sr-surface-inset);border-radius:3px;padding:2px 5px;font-size:.9em}.article-viewer-extracted pre code{background:0 0;border-radius:0;padding:0}.article-viewer-extracted img,.article-viewer-extracted video,.article-viewer-extracted iframe{border-radius:var(--sr-radius-md);max-width:100%;height:auto}.article-viewer-extracted figure{margin:1.6em 0}.article-viewer-extracted figcaption{font-family:var(--sr-font-sans);font-size:calc(13px*var(--sr-font-scale));color:var(--sr-ink-subtle);text-align:center;margin-top:var(--sr-space-2)}.article-viewer-extracted ul,.article-viewer-extracted ol{margin:0 0 1.2em;padding-left:1.6em}.article-viewer-extracted li{margin-bottom:.4em}.article-viewer-extracted hr{border:none;border-top:1px solid var(--sr-border);margin:2em 0}.viewer-empty{border:1px dashed var(--sr-border);border-radius:var(--sr-radius-lg);padding:var(--sr-space-6);gap:var(--sr-space-2);text-align:center;display:grid}.viewer-empty h2{font-family:var(--sr-font-serif);margin:0}.account-header{margin-bottom:var(--sr-space-8)}.account-avatar-row{gap:var(--sr-space-5);align-items:center;display:flex}.account-avatar{border-radius:var(--sr-radius-full);object-fit:cover;flex-shrink:0;width:64px;height:64px}.account-avatar-placeholder{background:var(--sr-accent-subtle);color:var(--sr-accent);font-family:var(--sr-font-serif);font-size:calc(24px*var(--sr-font-scale));border:1px solid var(--sr-border);justify-content:center;align-items:center;font-weight:600;display:flex}.account-name{font-family:var(--sr-font-serif);font-size:calc(24px*var(--sr-font-scale));letter-spacing:-.015em;margin:0 0 var(--sr-space-1);font-weight:600;line-height:1.2}.account-lead{font-size:calc(14px*var(--sr-font-scale));color:var(--sr-ink-muted);margin:0}.account-section{margin-bottom:var(--sr-space-5)}.account-section h2{font-family:var(--sr-font-sans);font-size:calc(16px*var(--sr-font-scale));margin:0 0 var(--sr-space-4);font-weight:600}.account-details{gap:var(--sr-space-4);margin:0;display:grid}.account-details>div{gap:2px;display:grid}.account-details dt{font-size:calc(12px*var(--sr-font-scale));color:var(--sr-ink-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:500}.account-details dd{font-size:calc(15px*var(--sr-font-scale));margin:0;font-weight:500}.account-plan-badge{text-transform:capitalize;display:inline-block}.account-danger{border-color:var(--sr-danger-subtle)}.account-danger h2{color:var(--sr-danger)}.account-section .language-form{gap:var(--sr-space-3)}.account-section .language-form .ds-select{font-size:calc(15px*var(--sr-font-scale));padding:10px 14px}.accessibility-controls{gap:var(--sr-space-3);display:grid}.accessibility-controls-row{gap:var(--sr-space-2);display:grid}.accessibility-controls-row label{font-size:calc(13px*var(--sr-font-scale));color:var(--sr-ink-muted);font-weight:500}.accessibility-controls-row .ds-select{max-width:220px}.sr-nav-theme-toggle{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;display:inline-flex}.sr-nav-theme-toggle-icon{display:block}.sr-nav-font-controls{align-items:center;gap:var(--sr-space-1);display:inline-flex}.sr-nav-font-button{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;display:inline-flex}.sr-nav-font-button-icon,.sr-nav-font-button-svg{display:block}.sr-nav-theme-toggle:hover{color:var(--sr-ink)}@media (max-width:1024px){.sr-nav-inner{padding:0 var(--sr-space-6)}.sr-page,.sr-page-narrow,.landing{padding:var(--sr-space-10)var(--sr-space-6)}.landing-hero,.landing-spotlight{grid-template-columns:1fr}.landing-hero-visual{order:-1;min-height:520px}.landing-hero-copy{max-width:none}.landing-cta{flex-direction:column;align-items:flex-start}}@media (max-width:640px){.sr-nav-theme-toggle{display:none}.sr-nav-inner{padding:0 var(--sr-space-4);height:52px}.sr-page,.sr-page-narrow,.landing{padding:var(--sr-space-8)var(--sr-space-4)}.landing-hero h1,.landing-workflow h2,.landing-spotlight h2,.landing-cta h2{font-size:calc(28px*var(--sr-font-scale))}.auth-card h1{font-size:calc(22px*var(--sr-font-scale))}.landing-hero-visual{min-height:420px}.landing-screen-modal{width:64%}.landing-screen-list{width:100%}.landing-screen-reader{width:84%;top:48px}.landing-screenshot-placeholder{padding:52px 16px 16px}.landing-screenshot-copy p,.landing-workflow-card h3,.landing-point h3{font-size:calc(18px*var(--sr-font-scale))}.landing-screenshot-copy span,.landing-workflow-card p,.landing-point p,.landing-section-heading p:not(.eyebrow),.landing-spotlight-copy>p:not(.eyebrow),.landing-cta p,.lead{font-size:calc(15px*var(--sr-font-scale))}.landing-actions,.landing-actions-cta{width:100%}.landing-actions .button{flex:180px}}
