:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{--bg:#0f0f12;--bg-elevated:#18181f;--text:#f4f1ea;--muted:#a39e94;--accent:#ff6b2c;--accent-soft:#ff6b2c2e;--border:#2a2a33;--card:#1c1c24;--danger:#ff6b6b;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,sans-serif;line-height:1.5}html[data-theme=light]{--bg:#f6f2eb;--bg-elevated:#fff;--text:#1a1714;--muted:#5c574f;--accent:#d9480f;--accent-soft:#d9480f1f;--border:#e3dcd2;--card:#fff;--danger:#c92a2a}*,:before,:after{box-sizing:border-box}body{background:var(--bg);min-height:100dvh;margin:0}#root{min-height:100dvh}a{color:var(--accent)}.app-shell{min-height:100dvh;padding-bottom:calc(4.5rem + env(safe-area-inset-bottom));flex-direction:column;display:flex}.app-header{z-index:10;background:linear-gradient(180deg, var(--bg) 60%, transparent);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.75rem 1rem;position:sticky;top:0}.brand{align-items:center;gap:.75rem;display:flex}.brand-mark{background:conic-gradient(from 210deg, var(--accent), #ffb347, #ff512f, var(--accent));width:2.5rem;height:2.5rem;box-shadow:0 0 0 2px var(--border);border-radius:.75rem}.brand-title{letter-spacing:.02em;margin:0;font-size:1.05rem;font-weight:700}.brand-sub{color:var(--muted);margin:0;font-size:.75rem}.app-main{flex:1;width:100%;max-width:720px;margin:0 auto;padding:1rem 1rem 1.5rem}.app-nav{border-top:1px solid var(--border);background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;position:fixed;bottom:0;left:0;right:0}.app-nav-scroll{padding:.45rem .6rem;padding-bottom:calc(.45rem + env(safe-area-inset-bottom));scrollbar-width:thin;gap:.35rem;display:flex;overflow-x:auto}.nav-link{color:var(--muted);white-space:nowrap;border:1px solid #0000;border-radius:999px;flex:none;padding:.35rem .65rem;font-size:.72rem;text-decoration:none}.nav-link-stacked{padding-block:.28rem}.nav-link-inner{flex-direction:column;align-items:center;gap:.08rem;line-height:1.15;display:flex}.nav-link-label{font-weight:600}.nav-link-sublabel{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:.62rem;font-weight:500}.nav-link-active .nav-link-sublabel{color:color-mix(in srgb, var(--text) 72%, var(--muted))}.nav-link:hover{color:var(--text)}.nav-link-active{color:var(--text);background:var(--accent-soft);border-color:var(--border)}.page-title{margin:0 0 .35rem;font-size:1.45rem;line-height:1.2}.page-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:-.15rem 0 .5rem;font-size:.8rem;font-weight:600}.page-lead{color:var(--muted);margin:0 0 1.25rem;font-size:.95rem}.stack{flex-direction:column;gap:.75rem;display:flex}.grid{gap:.75rem;display:grid}@media (width>=520px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.card{background:var(--card);border:1px solid var(--border);color:inherit;border-radius:.9rem;gap:.75rem;padding:.75rem;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}.card:hover{border-color:color-mix(in srgb, var(--accent) 35%, var(--border));transform:translateY(-1px)}.card-thumb{background:linear-gradient(135deg, var(--accent-soft), transparent);border-radius:.65rem;flex-shrink:0;width:4rem;height:4rem}.topic-thumb{background:radial-gradient(circle at 30% 30%, var(--accent), transparent 70%);opacity:.35}.card-body{min-width:0}.card-meta{color:var(--muted);align-items:center;gap:.5rem;margin:0 0 .25rem;font-size:.78rem;display:flex}.card-title{margin:0 0 .35rem;font-size:1rem}.card-desc{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.85rem;display:-webkit-box;overflow:hidden}.card-sub{color:var(--muted);margin:0 0 .35rem;font-size:.85rem}.badge{text-transform:uppercase;letter-spacing:.04em;background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:.1rem .45rem;font-size:.65rem;font-weight:600;display:inline-block}.pill{border:1px solid var(--border);color:var(--muted);border-radius:999px;margin-bottom:.35rem;padding:.15rem .45rem;font-size:.68rem;display:inline-block}.tag-list{flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.tag{background:var(--bg-elevated);border:1px solid var(--border);border-radius:.35rem;padding:.15rem .4rem;font-size:.72rem}.back-link{margin-bottom:.75rem;font-size:.9rem;display:inline-block}.object-card{flex-direction:column;gap:.25rem;display:flex}.object-hero{border:1px solid var(--border);background:var(--card);border-radius:1rem;gap:1rem;margin-bottom:.5rem;padding:1rem;display:flex}.object-hero-art{background:radial-gradient(circle at 30% 30%, var(--accent), transparent 72%);opacity:.45;border-radius:.85rem;flex-shrink:0;width:5.5rem;height:5.5rem}.object-hero-body{min-width:0}.object-title{margin:.35rem 0 .25rem}.object-subtitle{color:var(--muted);margin:0 0 .5rem;font-size:.95rem}.object-tags{margin-top:.25rem}.object-section{margin-top:1.15rem}.object-synopsis{color:var(--text);margin:0;font-size:.95rem;line-height:1.55}.object-link-list{flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.object-external-link{color:var(--accent);align-items:center;gap:.35rem;font-size:.92rem;font-weight:600;text-decoration:none;display:inline-flex}.object-external-link:hover{text-decoration:underline}.object-episode-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.object-episode-link{border:1px solid var(--border);background:var(--bg-elevated);color:inherit;border-radius:.75rem;flex-direction:column;gap:.15rem;padding:.75rem .85rem;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}.object-episode-link:hover{border-color:color-mix(in srgb, var(--accent) 35%, var(--border));transform:translateY(-1px)}.object-episode-title{font-size:.95rem;font-weight:600}.object-episode-date{color:var(--muted);font-size:.78rem}.episode-article .page-title{margin-top:.25rem}.player{border:1px solid var(--border);background:var(--bg-elevated);border-radius:.85rem;margin:1.25rem 0;padding:1rem}.player-disabled{opacity:.95}.player-title{margin:0 0 .5rem;font-weight:600}.player-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.btn-primary{appearance:none;cursor:pointer;background:var(--accent);color:#1a0f0a;border:none;border-radius:.65rem;padding:.55rem 1rem;font-size:.95rem;font-weight:600}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-ghost{appearance:none;border:1px dashed var(--border);cursor:pointer;color:var(--text);background:0 0;border-radius:.65rem;margin-top:.5rem;padding:.45rem .85rem;font-size:.85rem}.muted{color:var(--muted);font-size:.9rem}.error-inline{color:var(--danger);margin:0;font-size:.85rem}.section{margin-top:1.5rem}.section-title{margin:0 0 .5rem;font-size:1rem}.inline-topics{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.inline-topic{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.table-wrap{border:1px solid var(--border);border-radius:.75rem;overflow-x:auto}.ratings-table{border-collapse:collapse;width:100%;font-size:.9rem}.ratings-table th,.ratings-table td{text-align:left;border-bottom:1px solid var(--border);padding:.55rem .65rem}.ratings-table th{background:var(--bg-elevated);color:var(--muted);font-weight:600}.ratings-table tr:last-child td{border-bottom:none}.watch-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.watch-card{border:1px solid var(--border);background:var(--card);border-radius:.85rem;padding:1rem}.watch-title{margin:.35rem 0;font-size:1.05rem}.watch-reason{color:var(--muted);margin:0 0 .5rem;font-size:.9rem}.text-link{font-size:.9rem}.settings-block{border:1px solid var(--border);background:var(--card);border-radius:.85rem;margin-bottom:1.5rem;padding:1rem}.muted-block{opacity:.9}.segmented{border:1px solid var(--border);border-radius:.65rem;margin:.75rem 0;display:inline-flex;overflow:hidden}.segmented button{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:.45rem .85rem;font-size:.85rem}.segmented button+button{border-left:1px solid var(--border)}.seg-active{font-weight:600;background:var(--accent-soft)!important;color:var(--text)!important}.shop-placeholder{border:1px dashed var(--border);text-align:center;border-radius:.85rem;padding:1.25rem}.empty-state{text-align:center;padding:2rem 0}