:root{color-scheme:light;--sidebar-width: 360px;--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)}body.library-scroll-locked{overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.app-shell{display:grid;grid-template-columns:minmax(360px,min(var(--sidebar-width),42vw)) minmax(0,1fr);min-height:100vh;padding-bottom:92px}.sidebar{position:fixed;top:0;bottom:0;left:0;width:min(var(--sidebar-width),42vw);min-width:360px;height:100vh;overflow:hidden;display:flex;flex-direction:column;gap:12px;border-right:1px solid var(--border);background:var(--sidebar-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:22px}.sidebar-resizer{position:absolute;top:0;right:-6px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:12px;height:100%;border:0;border-radius:0;background:transparent;color:transparent;padding:0;cursor:col-resize;touch-action:none}.sidebar-resizer:hover,.sidebar-resizer:focus-visible,.is-resizing-sidebar .sidebar-resizer{color:var(--muted);background:color-mix(in srgb,var(--accent) 8%,transparent);outline:0}.is-resizing-sidebar,.is-resizing-sidebar *{cursor:col-resize;-webkit-user-select:none;user-select:none}.brand-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.mobile-library-bar{display:none}.library-panel{display:flex;flex:1 1 auto;min-height:0;flex-direction:column;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:flex;gap:0;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.stats div{flex:1 1 0;display:flex;align-items:baseline;justify-content:center;gap:5px;min-width:0;padding:8px 10px}.stats div+div{border-left:1px solid var(--border)}.stats strong{display:inline;color:var(--text);font-size:16px;line-height:1}.stats span{display:inline;margin-top:0;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;gap:9px}.filter-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.filter-heading span{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:12px}.clear-filters{display:inline-flex;align-items:center;gap:4px;border:0;background:transparent;color:var(--muted-strong);padding:0;font-size:12px}.clear-filters:hover{color:var(--text)}.collection-tabs,.genre-chips{display:flex;gap:6px;min-width:0}.collection-tabs{padding:3px;border:1px solid var(--border);border-radius:8px;background:var(--subtle-surface)}.collection-tabs button,.genre-chips button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:32px;border:1px solid transparent;border-radius:7px;color:var(--muted-strong);background:transparent;white-space:nowrap;font-size:12px}.collection-tabs button{flex:1 1 0;padding:0 8px}.collection-tabs button.active,.genre-chips button.active{border-color:var(--accent);background:var(--accent);color:var(--accent-contrast)}.collection-tabs button.active:before,.genre-chips button.active:before{content:"";width:6px;height:6px;border-radius:999px;background:currentColor}.genre-chips button.active span{color:currentColor;opacity:.72}.collection-tabs button:not(.active):hover,.genre-chips button:not(.active):hover{border-color:var(--border-strong);background:var(--hover-surface);color:var(--text)}.genre-chips{flex-wrap:wrap;max-height:168px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-bottom:2px}.genre-chips button{flex:0 0 auto;border-color:var(--border);background:var(--surface);padding:0 9px}.genre-chips button span{color:var(--muted);font-size:11px}.filter-status{display:flex;align-items:baseline;gap:3px;color:var(--muted);font-size:12px}.filter-status strong{color:var(--text);font-size:14px}.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{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:4px;padding:0 4px 72px 0;scroll-padding-bottom:72px}.article-card{position:relative;display:grid;grid-template-columns:82px 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:78px;min-height:28px;border-radius:6px;background:var(--subtle-surface);color:var(--muted-strong);padding:0 5px;font-size:10.5px;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)}.no-results{display:grid;place-items:center;min-height:120px;border:1px dashed var(--border-strong);border-radius:8px;color:var(--muted);font-size:13px}.content{grid-column:2;min-width:0;padding:24px 28px}.topbar{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;width:100%;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;min-width: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:24px clamp(18px,2.4vw,34px);box-shadow:var(--reader-shadow)}.reader h1{margin:0 0 10px;color:var(--text);font-size:34px;line-height:1.24;letter-spacing:0}.reader h2{margin:28px 0 10px;border-top:1px solid var(--border);padding-top:18px;color:var(--text);font-size:22px;line-height:1.35;letter-spacing:0}.reader h3{margin:22px 0 8px;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:1.9}.reader p{margin:0 0 16px}.reader ul{margin:6px 0 18px;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}.mobile-library-sheet{display:none}@keyframes mobile-sheet-fade-in{0%{opacity:0}to{opacity:1}}@keyframes mobile-library-panel-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes mobile-sheet-fade-out{0%{opacity:1}to{opacity:0}}@keyframes mobile-library-panel-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.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;align-self:center;min-width:0}.player-controls>*{align-self:center}.play-button{width:42px;height:42px;padding:0;color:var(--accent-contrast);background:var(--accent);border-color:var(--accent)}audio{display:block;min-width:0;width:100%;height:38px}.player-controls select{height:42px;padding-top:0;padding-bottom:0}.empty-state{display:grid;place-items:center;min-height:60vh;color:var(--muted)}@media(max-width:1180px){.app-shell{grid-template-columns:minmax(360px,min(var(--sidebar-width),48vw)) minmax(0,1fr)}.sidebar{width:min(var(--sidebar-width),48vw);padding-right:16px;padding-left:16px}.content{padding-right:20px;padding-left:20px}.reader-layout{grid-template-columns:1fr}.nav-actions{display:grid;grid-template-columns:repeat(2,minmax(88px,1fr));min-width:208px}.nav-actions button{min-width:0}.reader{padding:22px 20px}.outline-panel{display:none}}@media(max-width:820px){.app-shell{display:block}.sidebar{position:sticky;top:0;bottom:auto;left:auto;width:auto;min-width:0;z-index:9;height:auto;min-height:0;max-height:none;overflow:visible;overscroll-behavior:contain;border-right:0;border-bottom:1px solid var(--border);gap:12px;padding:16px}.sidebar-resizer{display:none}.library-panel{flex:0 0 auto;gap:12px;overflow-x:hidden;overflow-y:auto;max-height:calc(100dvh - 240px);overscroll-behavior:contain;scrollbar-width:thin;opacity:1;transform:translateY(0);transition:max-height .26s ease,opacity .18s ease,transform .22s ease}.mobile-library-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:10px 12px}.mobile-library-bar div{min-width:0;display:grid;gap:2px}.mobile-library-bar span,.mobile-library-bar strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-library-bar span{color:var(--muted);font-size:11px}.mobile-library-bar strong{color:var(--text);font-size:14px;line-height:1.3}.mobile-library-bar button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;gap:6px;min-height:36px;border:1px solid var(--border-strong);border-radius:8px;background:var(--accent);color:var(--accent-contrast);padding:0 10px;font-size:12px;font-weight:700}.sidebar.library-collapsed{gap:0}.sidebar.library-collapsed .library-panel{max-height:0;opacity:0;overflow:hidden;transform:translateY(-8px);pointer-events:none;visibility:hidden}.genre-chips,.article-list{overflow:visible}.genre-chips{max-height:none}.article-list{flex:0 0 auto;padding:0;scroll-padding-bottom:0}.mobile-library-sheet{position:fixed;inset:0;z-index:30;display:flex;flex-direction:column;gap:12px;height:100dvh;overflow:hidden;border-bottom:1px solid var(--border);background:var(--sidebar-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:16px;opacity:0;transition:opacity .18s ease}.mobile-library-sheet.open{opacity:1;animation:mobile-sheet-fade-in .16s ease both}.mobile-library-sheet.closing{opacity:0;pointer-events:none;animation:mobile-sheet-fade-out .16s ease both}.mobile-library-sheet .library-panel{opacity:1;transform:translateY(0);transition:opacity .22s ease,transform .24s cubic-bezier(.2,.8,.2,1)}.mobile-library-sheet.open .library-panel{animation:mobile-library-panel-in .22s cubic-bezier(.2,.8,.2,1) both}.mobile-library-sheet.closing .library-panel{animation:mobile-library-panel-out .16s ease both}.mobile-library-sheet-bar{display:flex;align-items:center;justify-content:space-between;flex:0 0 auto;gap:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:10px 12px}.mobile-library-sheet-bar div{min-width:0;display:grid;gap:2px}.mobile-library-sheet-bar span,.mobile-library-sheet-bar strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-library-sheet-bar span{color:var(--muted);font-size:11px}.mobile-library-sheet-bar strong{color:var(--text);font-size:14px;line-height:1.3}.mobile-library-sheet-bar button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;gap:6px;min-height:36px;border:1px solid var(--border-strong);border-radius:8px;background:var(--accent);color:var(--accent-contrast);padding:0 10px;font-size:12px;font-weight:700}.mobile-library-sheet .library-panel{flex:1 1 auto;min-height:0;max-height:none;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.mobile-library-sheet .genre-chips{max-height:none;overflow:visible}.mobile-library-sheet .article-list{flex:0 0 auto;min-height:0;overflow:visible;padding:0 4px 12px 0;scroll-padding-bottom:0}.content{padding:18px 12px 112px}.topbar{display:grid;grid-template-columns:minmax(0,1fr);justify-items:stretch;min-width:0}.topbar>div:first-child{min-width:0}.topbar h1{font-size:30px}.topbar p{overflow-wrap:anywhere}.nav-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);justify-self:stretch;width:100%}.nav-actions button{width:100%;min-width:0}.reader{padding:20px 16px}.reader h1{font-size:28px}.player{grid-template-columns:1fr;gap:10px}@media(prefers-reduced-motion:reduce){.mobile-library-sheet,.library-panel{transition:none}}}@media(max-width:540px){.sidebar{gap:10px;padding:14px}.library-panel{max-height:calc(100dvh - 260px)}.stats strong{font-size:15px}.stats span{font-size:11px}.filters{gap:7px}.genre-chips{max-height:none}.collection-tabs button{padding:0 5px;font-size:11px}.article-card{grid-template-columns:70px minmax(0,1fr) 26px;gap:8px;padding:8px}.article-context{width:66px;font-size:10px}.player{right:10px;bottom:10px;left:10px;padding:10px}.content{padding-bottom:96px}.player-info{gap:8px}.player-info>svg{display:none}.player-info span{display:none}.player-controls{grid-template-columns:minmax(0,1fr) 72px;gap:8px}.player-controls .play-button{display:none}}