:root{color-scheme:light;--page-bg: #f6f7f9;--surface: #ffffff;--surface-raised: rgba(255, 255, 255, .94);--sidebar-bg: rgba(255, 255, 255, .9);--text: #111827;--text-soft: #1f2937;--body-text: #374151;--muted: #6b7280;--muted-strong: #4b5563;--border: #e5e7eb;--border-strong: #d1d5db;--accent: #111827;--accent-contrast: #ffffff;--hover-surface: #f9fafb;--subtle-surface: #f3f4f6;--success-surface: #ecfdf5;--success-text: #047857;--reader-shadow: 0 24px 70px rgba(17, 24, 39, .08);--floating-shadow: 0 18px 54px rgba(17, 24, 39, .18);--select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");color:var(--text-soft);background:var(--page-bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}:root[data-theme=dark]{color-scheme:dark;--page-bg: #0f141b;--surface: #171d26;--surface-raised: rgba(23, 29, 38, .94);--sidebar-bg: rgba(18, 24, 33, .92);--text: #f3f6fb;--text-soft: #d9e2ee;--body-text: #c6d1de;--muted: #8f9bad;--muted-strong: #aeb8c7;--border: #2b3543;--border-strong: #3b4656;--accent: #dce7f5;--accent-contrast: #101720;--hover-surface: #202837;--subtle-surface: #222b38;--success-surface: rgba(16, 185, 129, .13);--success-text: #6ee7b7;--reader-shadow: 0 24px 70px rgba(0, 0, 0, .32);--floating-shadow: 0 18px 54px rgba(0, 0, 0, .34);--select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238f9bad' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--page-bg)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.app-shell{display:grid;grid-template-columns:360px minmax(0,1fr);min-height:100vh;padding-bottom:92px}.sidebar{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;flex-direction:column;gap:18px;border-right:1px solid var(--border);background:var(--sidebar-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:22px}.brand-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;color:var(--accent-contrast);background:var(--accent);box-shadow:0 12px 30px #1118272e}.brand p,.brand strong{display:block;margin:0;line-height:1.1}.brand p{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:0}.brand strong{color:var(--text);font-size:17px}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:40px;height:40px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);color:var(--text);transition:background-color .16s ease,border-color .16s ease}.theme-toggle:hover{border-color:var(--accent);background:var(--hover-surface)}.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stats div{border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:12px}.stats strong{display:block;color:var(--text);font-size:22px;line-height:1}.stats span{display:block;margin-top:6px;color:var(--muted);font-size:12px}.search-box{display:flex;align-items:center;gap:10px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);padding:0 12px;color:var(--muted)}.search-box input{width:100%;height:42px;border:0;outline:0;color:var(--text);background:transparent}.filters{display:grid;grid-template-columns:1fr 1fr;gap:10px}.filters label{display:grid;gap:6px}.filters span{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:12px}.filters select,.player-controls select{width:100%;appearance:none;border:1px solid var(--border-strong);border-radius:8px;background-color:var(--surface);background-image:var(--select-chevron);background-position:right 10px center;background-repeat:no-repeat;background-size:16px 16px;color:var(--text);padding:9px 34px 9px 10px}.article-list{min-height:0;overflow:auto;display:flex;flex-direction:column;gap:4px;padding-right:4px}.article-card{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr) 26px;align-items:center;gap:10px;width:100%;text-align:left;border:1px solid transparent;border-radius:8px;background:transparent;padding:9px 10px;transition:background-color .16s ease,border-color .16s ease;transform:none}.article-card:hover,.article-card.active{background:var(--hover-surface);border-color:var(--border);box-shadow:none;transform:none}.article-card.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:999px;background:var(--accent)}.article-context{display:inline-flex;align-items:center;justify-content:center;width:68px;min-height:28px;border-radius:6px;background:var(--subtle-surface);color:var(--muted-strong);padding:0 6px;font-size:11px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-main{min-width:0;display:grid;gap:3px}.article-card strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:13px;line-height:1.35}.article-meta{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:11px;line-height:1.3}.audio-badge{display:inline-flex;align-items:center;justify-content:center;gap:5px;width:24px;height:24px;border-radius:6px;background:var(--subtle-surface);color:var(--muted);padding:0;font-size:11px}.audio-badge.available{background:var(--success-surface);color:var(--success-text)}.content{min-width:0;padding:34px 42px}.topbar{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;max-width:1180px;margin:0 auto 26px}.eyebrow{display:inline-flex;margin-bottom:9px;border:1px solid var(--border-strong);border-radius:999px;background:var(--surface);color:var(--body-text);padding:5px 10px;font-size:12px}.topbar h1{max-width:860px;margin:0;color:var(--text);font-size:clamp(28px,4vw,46px);line-height:1.16;letter-spacing:0}.topbar p{margin:10px 0 0;color:var(--muted);font-size:13px}.nav-actions{display:flex;gap:8px;flex-shrink:0}.nav-actions button,.play-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);color:var(--text);min-height:40px;padding:0 12px}.reader-layout{display:grid;grid-template-columns:minmax(0,820px) 260px;gap:28px;align-items:start;max-width:1180px;margin:0 auto}.reader{border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:32px clamp(20px,3vw,44px);box-shadow:var(--reader-shadow)}.reader h1{margin:0 0 12px;color:var(--text);font-size:34px;line-height:1.24;letter-spacing:0}.reader h2{margin:42px 0 14px;border-top:1px solid var(--border);padding-top:28px;color:var(--text);font-size:22px;line-height:1.35;letter-spacing:0}.reader h3{margin:34px 0 12px;color:var(--text-soft);font-size:19px;line-height:1.45;letter-spacing:0}.reader p,.reader li{color:var(--body-text);font-size:16px;line-height:2.05}.reader p{margin:0 0 18px}.reader ul{margin:8px 0 22px;padding-left:1.2em}.reader li+li{margin-top:4px}.reader .meta-line{display:inline-flex;margin:2px 8px 18px 0;border-radius:999px;background:var(--subtle-surface);color:var(--muted);padding:5px 10px;font-size:12px;line-height:1.4}.outline-panel{position:sticky;top:28px;display:grid;gap:6px;border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:16px}.panel-title{display:flex;align-items:center;gap:8px;margin-bottom:6px;color:var(--text);font-weight:700;font-size:14px}.outline-panel a{border-radius:6px;color:var(--muted-strong);padding:7px 8px;text-decoration:none;font-size:13px;line-height:1.35}.outline-panel a:hover{background:var(--subtle-surface);color:var(--text)}.outline-panel a.nested{padding-left:18px;color:var(--muted)}.player{position:fixed;right:18px;bottom:18px;left:18px;z-index:10;display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,560px);gap:18px;align-items:center;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface-raised);box-shadow:var(--floating-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:12px 14px}.player-info{display:flex;align-items:center;min-width:0;gap:12px}.player-info svg{flex-shrink:0;color:var(--text)}.player-info div{min-width:0}.player-info strong,.player-info span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-info strong{color:var(--text);font-size:14px}.player-info span{margin-top:3px;color:var(--muted);font-size:12px}.player-controls{display:grid;grid-template-columns:42px minmax(0,1fr) 84px;gap:10px;align-items:center}.play-button{width:42px;height:42px;padding:0;color:var(--accent-contrast);background:var(--accent);border-color:var(--accent)}audio{width:100%;height:38px}.empty-state{display:grid;place-items:center;min-height:60vh;color:var(--muted)}@media(max-width:1100px){.app-shell{grid-template-columns:310px minmax(0,1fr)}.reader-layout{grid-template-columns:1fr}.outline-panel{display:none}}@media(max-width:820px){.app-shell{display:block}.sidebar{position:relative;height:auto;max-height:70vh;border-right:0;border-bottom:1px solid var(--border)}.content{padding:24px 16px 120px}.topbar{display:grid}.topbar h1{font-size:30px}.nav-actions{width:100%}.nav-actions button{flex:1}.reader{padding:24px 18px}.reader h1{font-size:28px}.player{grid-template-columns:1fr;gap:10px}}@media(max-width:540px){.filters,.stats,.player-controls{grid-template-columns:1fr}.player-controls{justify-items:stretch}.play-button{width:100%}}