:root{--ob-bg:#0c0e12;--ob-surface:#141820;--ob-surface-elevated:#1c2230;--ob-border:#2a3344;--ob-text:#e8e4dc;--ob-text-muted:#9aa3b2;--ob-accent:#e8a54b;--ob-accent-dim:#8a6230;--ob-danger:#e86a5c;--ob-success:#5cb88a;--ob-radius:10px;--ob-radius-sheet:16px;--ob-font-display:"Fraunces", "Source Serif 4", Georgia, serif;--ob-font-body:"IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--ob-ease:cubic-bezier(.22, 1, .36, 1);--ob-safe-top:env(safe-area-inset-top,0px);--ob-safe-right:env(safe-area-inset-right,0px);--ob-safe-bottom:env(safe-area-inset-bottom,0px);--ob-safe-left:env(safe-area-inset-left,0px);--ob-tab-h:56px}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;min-height:100%}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{font-family:var(--ob-font-body);color:var(--ob-text);background:var(--ob-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.55}h1,h2,h3{font-family:var(--ob-font-display);letter-spacing:-.02em;font-weight:560;line-height:1.2}a{color:var(--ob-accent)}button,input,select{font:inherit}.app-viewport{min-height:100svh;padding-top:var(--ob-safe-top);padding-right:var(--ob-safe-right);padding-left:var(--ob-safe-left);flex-direction:column;display:flex}.app-main{padding:16px 16px calc(var(--ob-tab-h) + var(--ob-safe-bottom) + 16px);flex:1;overflow:auto}.app-main.auth-main{padding-bottom:calc(24px + var(--ob-safe-bottom));justify-content:center;align-items:center;display:flex}.bottom-tab{padding:8px 12px calc(8px + var(--ob-safe-bottom));background:color-mix(in srgb, var(--ob-surface) 92%, transparent);border-top:1px solid var(--ob-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:40;gap:4px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-tab a{text-align:center;color:var(--ob-text-muted);border-radius:var(--ob-radius);flex:1;padding:10px 8px;font-size:13px;text-decoration:none}.bottom-tab a.active{color:var(--ob-accent);background:color-mix(in srgb, var(--ob-accent) 12%, transparent)}.card{background:var(--ob-surface);border:1px solid var(--ob-border);border-radius:var(--ob-radius-sheet);width:min(420px,100%);padding:24px}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field label{color:var(--ob-text-muted);font-size:13px}.field input,.field select{background:var(--ob-bg);border:1px solid var(--ob-border);border-radius:var(--ob-radius);color:var(--ob-text);padding:12px 14px}.field input:focus,.field select:focus{outline:2px solid color-mix(in srgb, var(--ob-accent) 55%, transparent);border-color:var(--ob-accent-dim)}.btn{border-radius:var(--ob-radius);cursor:pointer;transition:transform .16s var(--ob-ease), background .16s var(--ob-ease);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 16px;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--ob-accent);color:#1a1208;width:100%;font-weight:600}.btn-primary:hover:not(:disabled){filter:brightness(1.05)}.btn-ghost{color:var(--ob-text-muted);background:0 0}.error-banner{background:color-mix(in srgb, var(--ob-danger) 18%, var(--ob-surface));border:1px solid color-mix(in srgb, var(--ob-danger) 45%, var(--ob-border));color:#ffd4cf;border-radius:var(--ob-radius);margin-bottom:14px;padding:10px 12px;font-size:14px}.muted{color:var(--ob-text-muted);font-size:14px}.auth-brand-row{align-items:center;gap:12px;margin-bottom:4px;display:flex}.auth-brand-icon{border-radius:14px;box-shadow:0 4px 16px #00000059}.auth-brand{margin:0;font-size:32px}.auth-sub{color:var(--ob-text-muted);margin:0 0 24px}.stack-gap{flex-direction:column;gap:12px;display:flex}.row-between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.book-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.book-row{background:var(--ob-surface);border:1px solid var(--ob-border);border-radius:var(--ob-radius-sheet);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.book-meta{flex-direction:column;gap:4px;min-width:0;display:flex}.book-title{color:var(--ob-text);text-overflow:ellipsis;white-space:nowrap;font-weight:600;text-decoration:none;overflow:hidden}.book-actions{flex-shrink:0;gap:6px;display:flex}.search-input{background:var(--ob-bg);border:1px solid var(--ob-border);border-radius:var(--ob-radius);min-width:160px;color:var(--ob-text);flex:1;padding:12px 14px}.home-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width>=600px){.home-actions{grid-template-columns:1fr 1fr}}.linkish{text-align:left;cursor:pointer;font:inherit;background:0 0;border:none;padding:0}.audio-player{width:100%;margin-top:12px}.news-frame{background:#fff}.lookup-popover-scrim{z-index:60;cursor:default;background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0}.lookup-popover{z-index:70;background:var(--ob-surface-elevated);border:1px solid var(--ob-border);border-radius:12px;width:min(340px,100vw - 20px);max-height:min(320px,48vh);padding:10px 12px 12px;position:fixed;overflow:auto;box-shadow:0 12px 40px #00000073}.lookup-popover-head{margin-bottom:6px}.selection-bubble{z-index:72;background:var(--ob-surface-elevated);border:1px solid var(--ob-border);border-radius:14px;width:min(300px,100vw - 24px);padding:10px 12px 8px;position:fixed;box-shadow:0 12px 36px #0006}.selection-bubble-badge{letter-spacing:.04em;text-transform:uppercase;color:var(--ob-accent);margin-bottom:4px;font-size:11px}.selection-bubble-text{white-space:pre-wrap;max-height:140px;margin:0 0 10px;font-size:14px;line-height:1.45;overflow:auto}.selection-bubble-text.is-error{color:var(--ob-danger);font-size:12px}.selection-bubble-actions{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.mark-config-bar{z-index:75;left:50%;bottom:max(72px, calc(16px + var(--ob-safe-bottom,0px)));background:var(--ob-surface-elevated);border:1px solid var(--ob-border);border-radius:16px;flex-direction:column;gap:12px;width:min(400px,100vw - 24px);padding:12px 14px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 32px #0006}.mark-config-styles,.mark-config-colors{justify-content:space-between;gap:6px;display:flex}.mark-style-btn{cursor:pointer;color:var(--ob-text);background:#ffffff0a;border:0;border-radius:8px;flex:1;padding:8px 4px}.mark-style-btn.is-on{outline:2px solid var(--ob-accent)}.mark-style-preview{font-size:15px;font-weight:600}.mark-style-solid{text-decoration:underline;text-decoration-thickness:2px}.mark-style-dashed{-webkit-text-decoration:underline dashed;text-decoration:underline dashed;text-decoration-thickness:2px}.mark-style-dotted{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-decoration-thickness:2px}.mark-style-wavy{-webkit-text-decoration:underline wavy;text-decoration:underline wavy;text-decoration-thickness:2px}.mark-style-highlight{background:#ffcc0059;border-radius:3px;padding:0 2px;text-decoration:none}.mark-color-btn{cursor:pointer;border:0;border-radius:999px;width:30px;height:30px;padding:0}.mark-color-btn.is-on{outline:2px solid var(--ob-text);outline-offset:3px}.mark-config-cancel{align-self:flex-end}.sentence-action-sheet{z-index:80;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sentence-action-scrim{cursor:default;background:#00000073;border:0;position:absolute;inset:0}.sentence-action-panel{z-index:1;background:var(--ob-surface);border:1px solid var(--ob-border);width:min(560px,100%);max-height:min(78vh,720px);padding:14px 16px calc(16px + var(--ob-safe-bottom,0px));border-radius:16px 16px 0 0;position:relative;overflow:auto;box-shadow:0 -8px 40px #0006}.sentence-action-source{white-space:pre-wrap;margin:0 0 6px;font-size:15px;line-height:1.5}.sentence-action-translation{margin:0 0 12px;font-size:13px;line-height:1.45}.sentence-action-chips{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.sentence-chip{padding:6px 10px;font-size:12px}.sentence-action-form{gap:8px;margin-bottom:12px;display:flex}.sentence-action-form input{border:1px solid var(--ob-border);background:var(--ob-surface-elevated);min-width:0;color:var(--ob-text);font:inherit;border-radius:8px;flex:1;padding:8px 10px}.sentence-action-answer{white-space:pre-wrap;background:var(--ob-surface-elevated);border:1px solid var(--ob-border);border-radius:10px;padding:10px 12px;font-size:14px;line-height:1.55}.error-text{color:var(--ob-danger);font-size:13px}.llm-profile-list{flex-direction:column;gap:8px;margin:0 0 12px;padding:0;list-style:none;display:flex}.llm-profile-row{border:1px solid var(--ob-border);border-radius:var(--ob-radius);background:var(--ob-surface-elevated);justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.llm-profile-actions{flex-shrink:0;gap:4px;display:flex}.lookup-compact{gap:8px!important}.lookup-compact-card{margin:0!important;padding:8px 10px!important}.lookup-compact-error{padding:6px 8px;font-size:12px}.lookup-sheet{background:var(--ob-surface-elevated);border-top:1px solid var(--ob-border);max-height:55%;padding:12px 16px calc(16px + var(--ob-safe-bottom));z-index:50;border-radius:16px 16px 0 0;position:fixed;bottom:0;left:0;right:0;overflow:auto;box-shadow:0 -8px 32px #00000059}.lookup-embedded h1{display:none}.home-card{width:100%;color:inherit;flex-direction:column;gap:6px;text-decoration:none;display:flex}.reader-screen{background:var(--ob-bg);height:100svh;max-height:100svh;padding-top:var(--ob-safe-top);padding-left:var(--ob-safe-left);padding-right:var(--ob-safe-right);box-sizing:border-box;flex-direction:column;display:flex;position:relative;overflow:hidden}html.is-native .reader-screen{padding-top:max(var(--ob-safe-top), 12px)}html.is-native .app-viewport{padding-top:max(var(--ob-safe-top), 12px);padding-bottom:0}.reader-screen.is-chrome-hidden .reader-chrome,.reader-screen.is-chrome-hidden .reader-tool-strip,.reader-screen.is-chrome-hidden .reader-settings-panel,.reader-screen.is-chrome-hidden .reader-settings-scrim{display:none}@media (width<=720px){.reader-chrome{gap:4px;padding:6px 8px}.reader-chrome-actions .btn{padding:6px 8px;font-size:13px}.reader-title-main{font-size:14px}.mo-badge{padding:2px 6px;font-size:11px}}.reader-chrome{border-bottom:1px solid var(--ob-border);background:var(--ob-surface);align-items:center;gap:8px;padding:8px 12px;display:flex}.reader-title{flex-direction:column;flex:1;gap:2px;min-width:0;margin:0;font-size:16px;display:flex;overflow:hidden}.reader-title-main{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.reader-chapter{color:var(--ob-muted,#9aa3b2);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;overflow:hidden}.reader-chrome-actions .btn.is-active{color:var(--ob-accent)}.reader-chrome-actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:2px;display:flex}.reader-tool-strip{border-bottom:1px solid var(--ob-border);background:var(--ob-surface-elevated);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;display:flex}.reader-settings-strip .btn.is-active,.reader-drawer-tabs .btn.is-active{color:var(--ob-accent)}.reader-settings-scrim{z-index:55;cursor:default;background:#06080c47;border:0;margin:0;padding:0;position:absolute;inset:0}.reader-settings-panel{top:calc(52px + var(--ob-safe-top,0px));right:max(10px, var(--ob-safe-right,0px));bottom:max(72px, calc(56px + var(--ob-safe-bottom,0px)));z-index:56;border:1px solid var(--ob-border);background:color-mix(in srgb, var(--ob-surface-elevated) 94%, transparent);-webkit-backdrop-filter:blur(14px);border-radius:16px;flex-direction:column;width:min(280px,100vw - 24px);animation:.24s cubic-bezier(.22,1,.36,1) reader-settings-in;display:flex;position:absolute;overflow:hidden;box-shadow:-8px 12px 40px #00000073}@keyframes reader-settings-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.reader-settings-panel{animation:none}}.reader-settings-panel-head{border-bottom:1px solid var(--ob-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:12px 12px 10px;display:flex}.reader-settings-panel-head h2{color:var(--ob-text);margin:0;font-family:Fraunces,"Source Serif 4",Georgia,serif;font-size:18px;font-weight:600}.reader-settings-sections{overscroll-behavior:contain;flex:auto;min-height:0;padding:4px 0 10px;overflow-y:auto}.reader-settings-section{border-bottom:1px solid color-mix(in srgb, var(--ob-border) 70%, transparent)}.reader-settings-section:last-child{border-bottom:0}.reader-settings-section-head{width:100%;color:var(--ob-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:12px 14px;display:grid}.reader-settings-section-head:hover{background:color-mix(in srgb, var(--ob-accent) 8%, transparent)}.reader-settings-section-head:focus-visible{outline:2px solid var(--ob-accent);outline-offset:-2px}.reader-settings-section.is-open .reader-settings-section-head{background:color-mix(in srgb, var(--ob-accent) 10%, transparent)}.reader-settings-section-title{font-size:14px;font-weight:600}.reader-settings-section-summary{color:var(--ob-text-muted);text-overflow:ellipsis;white-space:nowrap;text-align:right;max-width:9em;font-size:12px;overflow:hidden}.reader-settings-chevron{color:var(--ob-accent);text-align:center;width:1em;font-size:11px}.reader-settings-section-body{flex-direction:column;gap:8px;padding:0 12px 14px;animation:.16s cubic-bezier(.22,1,.36,1) reader-settings-body-in;display:flex}@keyframes reader-settings-body-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.reader-settings-section-body{animation:none}}.reader-settings-chips{flex-wrap:wrap;gap:6px;display:flex}.reader-settings-chips .btn{padding:6px 10px;font-size:13px}.reader-settings-chips .btn.is-active,.reader-settings-section-body .btn.is-active{color:var(--ob-accent);box-shadow:inset 0 -2px 0 var(--ob-accent)}.reader-settings-stepper{justify-content:space-between;align-items:center;gap:8px;padding:4px 2px;display:flex}.reader-settings-value{text-align:center;font-variant-numeric:tabular-nums;min-width:4.5em;color:var(--ob-text);font-size:15px;font-weight:600}.reader-settings-sublabel{color:var(--ob-text-muted);margin:4px 0 0;font-size:12px}@media (width<=720px){.reader-settings-panel{border-radius:16px 16px 0 0;width:100%;max-height:min(72dvh,560px);animation-name:reader-settings-up;inset:auto 0 0}@keyframes reader-settings-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.reader-settings-scrim{background:#06080c73}}.reader-drawer-scrim{z-index:55;background:#00000059;border:0;position:fixed;inset:0}.reader-drawer{z-index:56;background:var(--ob-surface-elevated);border-right:1px solid var(--ob-border);width:min(360px,92vw);padding:10px 0 calc(12px + var(--ob-safe-bottom));flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:8px 0 32px #00000059}.reader-drawer-head{border-bottom:1px solid var(--ob-border);padding:4px 10px 8px}.reader-drawer-tabs{gap:4px;display:flex}.reader-drawer-empty{margin:0;padding:16px}.toc-list{flex:1;margin:0;padding:8px 0;list-style:none;overflow:auto}.toc-row{align-items:flex-start;gap:2px;display:flex}.toc-toggle,.toc-toggle-spacer{text-align:center;flex-shrink:0;width:28px}.toc-toggle-spacer{height:1px;display:inline-block}.toc-label{appearance:none;color:inherit;text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1;padding:8px 12px 8px 4px;font-size:14px;line-height:1.35}.toc-label:hover:not(:disabled){background:color-mix(in srgb, var(--ob-accent) 14%, transparent)}.toc-label.is-active{color:var(--ob-accent);background:color-mix(in srgb, var(--ob-accent) 12%, transparent);font-weight:600}.toc-label:disabled{opacity:.55;cursor:default}.bookmark-main{text-align:left;flex-direction:column;gap:2px;display:flex}.bookmark-excerpt{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}.bookmark-row{align-items:center;gap:4px;padding-right:6px;display:flex}.bookmark-row .toc-label{padding-left:12px}.reader-frame{background:#0c0e12;border:0;flex:1 1 0;width:100%;min-height:0}.reader-toast{left:50%;bottom:max(72px, calc(12px + var(--ob-safe-bottom,0px)));z-index:80;background:var(--ob-surface-elevated);border:1px solid var(--ob-border);text-align:center;border-radius:10px;max-width:min(420px,100vw - 24px);padding:10px 14px;font-size:13px;position:fixed;transform:translate(-50%);box-shadow:0 8px 28px #00000059}.reader-error,.reader-status{margin:8px 12px 0}.mo-badge{letter-spacing:.04em;color:#1a1208;background:var(--ob-accent);border-radius:999px;flex-shrink:0;padding:4px 10px;font-size:12px;font-weight:600}button.tts-badge{cursor:pointer;font:inherit;letter-spacing:.04em;border:none;font-size:12px;font-weight:600}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.studio{--ob-rail-w:232px;--ob-content-max:1120px}.studio-rail{display:none}.studio-stage{flex-direction:column;flex:1;min-width:0;display:flex}.studio-main{width:min(100%, var(--ob-content-max));margin:0 auto}.btn-inline{white-space:nowrap;width:auto}.page-hero{border-bottom:1px solid var(--ob-border);gap:20px;margin-bottom:24px;padding-bottom:20px;display:grid}.page-hero-compact{grid-template-columns:1fr auto;align-items:end}.library-import-icon{background:var(--ob-accent);color:#1a1208;cursor:pointer;width:44px;height:44px;transition:transform .16s var(--ob-ease), filter .16s ease, opacity .16s ease;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.library-import-icon:hover:not(:disabled){filter:brightness(1.06)}.library-import-icon:active:not(:disabled){transform:scale(.96)}.library-import-icon:disabled,.library-import-icon.is-busy{opacity:.55;cursor:not-allowed}.library-import-icon svg{width:22px;height:22px}.ink-tabs{align-items:stretch;gap:4px;max-width:100%;margin:-4px 0 18px;display:inline-flex}.ink-tab{appearance:none;color:var(--ob-text-muted);font:inherit;cursor:pointer;white-space:nowrap;transition:color .16s var(--ob-ease), border-color .16s var(--ob-ease);background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 10px 10px;font-size:14px;font-weight:550;line-height:1.2}.ink-tab:hover{color:var(--ob-text)}.ink-tab.active{color:var(--ob-accent);border-bottom-color:var(--ob-accent)}.library-tab-panel{flex-direction:column;gap:16px;display:flex}.cloud-shelf-panel{flex-direction:column;gap:14px;display:flex}.lookup-vocab-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.cefr-chip{color:#0c0e12;letter-spacing:.02em;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;min-width:36px;padding:3px 8px;font-size:12px;font-weight:700;display:inline-flex}.library-toolbar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;max-width:min(100%,520px);display:flex}.library-continue{border:1px solid var(--ob-border);background:var(--ob-surface-elevated);min-width:0;max-width:360px;color:inherit;transition:border-color .15s var(--ob-ease), background .15s var(--ob-ease);border-radius:10px;align-items:center;gap:8px;padding:8px 12px;text-decoration:none;display:flex}.library-continue:hover{border-color:var(--ob-accent-dim);background:var(--ob-surface)}.library-continue-label{color:var(--ob-accent);letter-spacing:.02em;flex-shrink:0;font-size:12px;font-weight:600}.library-continue-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:500;overflow:hidden}.library-continue-pct{color:var(--ob-text-muted);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:12px}@media (width<=720px){.page-hero-compact{grid-template-columns:1fr}.library-toolbar{justify-content:stretch;max-width:none}.library-continue{flex:auto;max-width:none}}.page-hero h1{margin:0;font-size:clamp(28px,4vw,40px)}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--ob-accent);font-size:12px;font-family:var(--ob-font-body);margin:0 0 8px;font-weight:600}.lede{max-width:42rem;color:var(--ob-text-muted);margin:10px 0 0;font-size:15px}.shelf-search{flex-wrap:wrap;gap:10px;display:flex}.toolbar-meta{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.chip-row{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.chip{border:1px solid var(--ob-border);background:var(--ob-surface);color:var(--ob-text-muted);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:13px;display:inline-flex}.chip:hover{border-color:var(--ob-accent-dim);color:var(--ob-text)}.chip.active{color:#1a1208;background:var(--ob-accent);border-color:var(--ob-accent);font-weight:600}.chip-count{opacity:.75;font-size:11px}.cover-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.cover-card{background:var(--ob-surface);border:1px solid var(--ob-border);border-radius:var(--ob-radius-sheet);min-height:100%;transition:border-color .16s var(--ob-ease), transform .16s var(--ob-ease);flex-direction:column;display:flex;overflow:hidden}.cover-card:hover{border-color:color-mix(in srgb, var(--ob-accent) 45%, var(--ob-border));transform:translateY(-2px)}.cover-card.skeleton{background:linear-gradient(110deg, var(--ob-surface) 30%, var(--ob-surface-elevated) 45%, var(--ob-surface) 60%);background-size:200% 100%;min-height:280px;animation:1.2s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.cover-frame{aspect-ratio:2/3;background:#0a0c10;overflow:hidden}.cover-img{object-fit:cover;width:100%;height:100%;display:block}.cover-fallback{width:100%;height:100%;font-family:var(--ob-font-display);color:var(--ob-accent);background:radial-gradient(circle at 30% 20%,#2a3344,#12161e 70%);place-items:center;font-size:42px;display:grid}.cover-body{flex-direction:column;flex:1;gap:6px;padding:12px;display:flex}.cover-title{font-size:14px;font-family:var(--ob-font-body);letter-spacing:0;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.cover-meta,.cover-series{-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:0;font-size:12px;display:-webkit-box;overflow:hidden}.cover-cta{justify-content:center;align-self:stretch;margin-top:auto}.empty-panel{border:1px dashed var(--ob-border);border-radius:var(--ob-radius-sheet);text-align:center;color:var(--ob-text-muted);padding:48px 24px}.home-hero{grid-template-columns:1fr;align-items:stretch}.hero-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;display:flex}.account-chip{border:1px solid var(--ob-border);border-radius:var(--ob-radius);background:var(--ob-surface);flex-direction:column;gap:2px;margin:0;padding:10px 14px;display:flex}.home-hero-panel{display:none}.ink-slab{border-radius:var(--ob-radius-sheet);background:linear-gradient(135deg, transparent 40%, color-mix(in srgb, var(--ob-accent) 18%, transparent)), repeating-linear-gradient(-12deg, #12161e, #12161e 10px, #171c26 10px, #171c26 20px);border:1px solid var(--ob-border);height:160px}.ink-caption{color:var(--ob-text-muted);margin:10px 0 0;font-size:13px}.home-section{margin-bottom:28px}.section-head h2{margin:0 0 12px;font-size:18px}.recent-rail{grid-auto-columns:minmax(200px,240px);grid-auto-flow:column;gap:12px;margin:0;padding:0 0 4px;list-style:none;display:grid;overflow-x:auto}.recent-card{background:var(--ob-surface);border:1px solid var(--ob-border);border-radius:var(--ob-radius-sheet);color:inherit;flex-direction:column;gap:6px;min-height:96px;padding:16px;text-decoration:none;display:flex}.recent-title{color:var(--ob-text);font-weight:600}.dest-grid{grid-template-columns:1fr;gap:12px;display:grid}.dest-card{background:var(--ob-surface);border:1px solid var(--ob-border);border-radius:var(--ob-radius-sheet);color:inherit;transition:border-color .16s var(--ob-ease), transform .16s var(--ob-ease);flex-direction:column;gap:6px;padding:18px 20px;text-decoration:none;display:flex}.dest-card:hover{border-color:color-mix(in srgb, var(--ob-accent) 40%, var(--ob-border));transform:translateY(-1px)}.dest-card strong{font-family:var(--ob-font-display);font-size:20px}.library-grid{grid-template-columns:1fr;gap:12px;margin:0;padding:0;list-style:none;display:grid}.library-reading-section{margin:0 0 28px}.library-reading-rail{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:12px;margin:0;padding:4px 2px 12px;list-style:none;display:flex;overflow-x:auto}.library-reading-rail>li{scroll-snap-align:start;flex:none}.library-reading-card{width:112px;color:inherit;flex-direction:column;gap:8px;text-decoration:none;display:flex}.library-reading-cover,.library-cover,.book-cover-fallback{object-fit:cover;background:linear-gradient(145deg,#2a4060,#1a2838);border-radius:6px;width:112px;height:158px;display:block;box-shadow:0 6px 18px #00000059}.library-cover{width:88px;height:124px}.book-cover-fallback{font-family:var(--ob-font-display);color:#e8e4dc8c;place-items:center;font-size:28px;display:grid}.library-reading-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.library-reading-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.library-reading-author{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.library-reading-pct{color:var(--ob-accent);font-variant-numeric:tabular-nums;font-size:11px}.library-card{background:var(--ob-surface);border:1px solid var(--ob-border);border-radius:var(--ob-radius-sheet);grid-template-columns:88px 1fr;align-items:start;gap:14px;padding:12px;display:grid;overflow:hidden}.library-cover-link{flex-shrink:0}.library-body{flex-direction:column;gap:6px;min-width:0;padding:0;display:flex}.library-title{color:var(--ob-text);font-size:17px;font-weight:600;line-height:1.3;text-decoration:none}.library-author{color:var(--ob-text-muted);margin:0;font-size:13px}.library-meta-line{margin:0;font-size:12px}.library-progress-bar{background:#ffffff14;border-radius:999px;height:4px;margin:2px 0 4px;overflow:hidden}.library-progress-bar>span{background:var(--ob-accent);border-radius:inherit;height:100%;display:block}.library-card-actions{align-items:center;gap:14px;margin-top:2px;display:flex}.library-card-action{appearance:none;font:inherit;color:var(--ob-accent);cursor:pointer;background:0 0;border:0;margin:0;padding:0;font-size:13px;line-height:1.2;text-decoration:none}.library-card-action:hover{text-underline-offset:3px;text-decoration:underline}.library-card-action.is-muted{color:var(--ob-text-muted)}.library-card-action.is-muted:hover{color:color-mix(in srgb, var(--ob-danger,#e07070) 85%, white);text-underline-offset:3px;text-decoration:underline}@media (width>=600px){.cover-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:20px}.dest-grid,.library-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=840px){.studio{flex-direction:row;align-items:stretch}.studio-rail{width:var(--ob-rail-w);border-right:1px solid var(--ob-border);background:linear-gradient(180deg, color-mix(in srgb, var(--ob-surface) 80%, transparent), transparent 48%), var(--ob-bg);flex-direction:column;flex-shrink:0;gap:28px;height:100svh;padding:28px 18px 28px 22px;display:flex;position:sticky;top:0;overflow:auto}.studio-brand{align-items:flex-start;gap:12px;display:flex}.studio-mark{background:var(--ob-accent);color:#1a1208;width:42px;height:42px;font-family:var(--ob-font-display);letter-spacing:.04em;border-radius:12px;flex-shrink:0;place-items:center;font-size:13px;font-weight:600;display:grid}.studio-mark-img{object-fit:cover;border-radius:12px;flex-shrink:0;width:42px;height:42px;box-shadow:0 2px 10px #00000059}.studio-name{font-family:var(--ob-font-display);letter-spacing:-.02em;font-size:22px;display:block}.studio-tag{margin:4px 0 0;font-size:12px;line-height:1.4}.studio-nav{flex-direction:column;gap:4px;display:flex}.studio-nav a{color:var(--ob-text-muted);border-radius:var(--ob-radius);border-left:2px solid #0000;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none}.studio-nav a:hover{color:var(--ob-text);background:color-mix(in srgb, var(--ob-surface) 80%, transparent)}.studio-nav a.active{color:var(--ob-accent);background:color-mix(in srgb, var(--ob-accent) 10%, transparent);border-left-color:var(--ob-accent)}.bottom-tab{display:none}.app-main.studio-main{padding:32px 36px 48px}.home-hero{grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);gap:32px}.home-hero-panel{display:block}.dest-grid{grid-template-columns:repeat(3,1fr)}.cover-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (width>=1024px){.cover-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}}.profile-screen{flex-direction:column;gap:16px;width:min(560px,100%);margin:0 auto;padding-bottom:48px;display:flex}.profile-nav-bar{grid-template-columns:72px 1fr 72px;align-items:center;gap:8px;margin:-4px 0 4px;display:grid}.profile-back{color:var(--ob-accent);justify-self:start;font-size:15px;font-weight:500;text-decoration:none}.profile-nav-title{text-align:center;font-size:17px;font-family:var(--ob-font-body);letter-spacing:-.01em;margin:0;font-weight:600}.profile-nav-spacer{width:1px;height:1px}.profile-card{background:var(--ob-surface);border:1px solid color-mix(in srgb, var(--ob-border) 70%, transparent);border-radius:20px;width:100%;overflow:hidden;box-shadow:0 8px 28px #00000038}.profile-header{align-items:center;gap:18px;padding:20px;display:flex}.profile-avatar-btn{cursor:pointer;background:0 0;border:none;flex-shrink:0;width:72px;height:72px;padding:0;position:relative}.profile-avatar-img,.profile-avatar-fallback{object-fit:cover;outline:3px solid color-mix(in srgb, var(--ob-text) 18%, transparent);border-radius:50%;width:72px;height:72px;display:block;box-shadow:0 2px 10px #00000059}.profile-avatar-fallback{background:color-mix(in srgb, var(--ob-accent) 18%, var(--ob-surface-elevated));color:var(--ob-accent);font-family:var(--ob-font-display);place-items:center;font-size:28px;font-weight:600;display:grid}.profile-avatar-cam{color:#fff;outline:2px solid var(--ob-surface);background:#3b82f6;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;bottom:-2px;right:-2px}.profile-avatar-cam svg{width:12px;height:12px}.profile-meta{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.profile-name-row{align-items:center;gap:8px;display:flex}.profile-name{font-size:20px;font-family:var(--ob-font-body);letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.2}.profile-edit-btn{background:color-mix(in srgb, var(--ob-text-muted) 18%, transparent);width:28px;height:28px;color:var(--ob-text-muted);cursor:pointer;border:none;border-radius:50%;place-items:center;padding:0;display:grid}.profile-edit-btn svg{width:14px;height:14px}.profile-edit-btn:hover{color:var(--ob-text);background:color-mix(in srgb, var(--ob-text-muted) 28%, transparent)}.profile-join-pill{color:var(--ob-text-muted);background:var(--ob-surface-elevated);border-radius:999px;align-self:flex-start;padding:3px 10px;font-size:12px}.profile-card-divider{background:var(--ob-border);opacity:.7;height:1px;margin:0 16px}.profile-stats{align-items:stretch;padding:16px 8px;display:flex}.profile-stat{text-align:center;flex-direction:column;flex:1;align-items:center;gap:4px;min-width:0;display:flex}.profile-stat strong{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:20px;font-weight:700;line-height:1.1}.profile-stat span{color:var(--ob-text-muted);font-size:12px}.profile-stat-sep{background:var(--ob-border);opacity:.75;flex-shrink:0;align-self:center;width:1px;height:30px}.stat-blue{color:#5b9cff}.stat-green{color:#5cb88a}.stat-pink{color:#f472b6}.stat-orange{color:#f0a35e}.profile-menu{padding:0}.profile-menu-row{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:16px;padding:16px;text-decoration:none;display:flex;position:relative}.profile-menu-row.has-divider:after{content:"";background:var(--ob-border);opacity:.65;height:1px;position:absolute;bottom:0;left:64px;right:0}.profile-menu-row:hover{background:color-mix(in srgb, var(--ob-surface-elevated) 55%, transparent)}.profile-menu-icon{border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.profile-menu-icon svg{width:15px;height:15px}.profile-menu-icon.tone-blue{color:#3b82f6;background:#3b82f624}.profile-menu-icon.tone-gray{color:#9aa3b2;background:#9aa3b224}.profile-menu-icon.tone-purple{color:#a78bfa;background:#a78bfa24}.profile-menu-icon.tone-pink{color:#f472b6;background:#f472b624}.profile-menu-icon.tone-green{color:#22c55e;background:#22c55e24}.profile-menu-icon.tone-orange{color:#f0a35e;background:#f0a35e24}.profile-menu-icon.tone-indigo{color:#818cf8;background:#818cf824}.profile-menu-label{flex:1;font-size:16px}.profile-chevron{width:16px;height:16px;color:color-mix(in srgb, var(--ob-text-muted) 70%, transparent);flex-shrink:0}.profile-footer{flex-direction:column;align-items:center;gap:12px;padding:40px 0 8px;display:flex}.profile-footer-icon{border-radius:12px;box-shadow:0 4px 14px #00000059}.profile-footer p{color:var(--ob-text-muted);margin:0;font-size:12px}.profile-sheet{z-index:80;padding:16px;padding-bottom:calc(16px + var(--ob-safe-bottom));background:#0000008c;place-items:end center;display:grid;position:fixed;inset:0}.profile-sheet-panel{background:var(--ob-surface-elevated);border:1px solid var(--ob-border);border-radius:16px 16px 12px 12px;flex-direction:column;gap:16px;width:min(480px,100%);padding:16px;display:flex;box-shadow:0 -8px 40px #0006}.profile-sheet-bar{justify-content:space-between;align-items:center;gap:8px;display:flex}.profile-sheet-bar strong{font-size:16px}.profile-stat-row{justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex;position:relative}.profile-stat-row.has-divider:after{content:"";background:var(--ob-border);opacity:.65;height:1px;position:absolute;bottom:0;left:16px;right:0}.profile-stat-row strong{font-variant-numeric:tabular-nums;color:var(--ob-accent)}.about-screen .about-status{text-align:center}.about-hero{text-align:center;padding:24px 8px 8px}.about-app-icon{border-radius:22px;box-shadow:0 10px 28px #00000059}.about-app-name{margin:16px 0 4px;font-size:28px;font-weight:700}.about-version{color:var(--ob-text-muted);margin:0;font-size:14px}.about-desc{max-width:36em;color:var(--ob-text-muted);margin:16px auto 0;font-size:15px;line-height:1.6}.about-notice{background:var(--ob-surface);border:1px solid color-mix(in srgb, var(--ob-border) 70%, transparent);color:var(--ob-text-muted);border-radius:12px;align-items:flex-start;gap:10px;padding:14px;font-size:13px;line-height:1.45;display:flex}.about-notice p{margin:0}.about-notice-icon{opacity:.8;flex-shrink:0}.about-block{flex-direction:column;gap:12px;display:flex}.about-section-title{font-size:17px;font-family:var(--ob-font-body);margin:8px 4px 0;font-weight:600}.about-feature-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.about-feature-card{background:var(--ob-surface);border:1px solid color-mix(in srgb, var(--ob-border) 70%, transparent);border-radius:14px;gap:12px;padding:14px 16px;display:flex}.about-feature-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:6px}.about-feature-card strong{margin-bottom:4px;font-size:15px;display:block}.about-feature-card p{color:var(--ob-text-muted);margin:0;font-size:13px;line-height:1.45}.about-footer{text-align:center;color:var(--ob-text-muted);padding:16px 0 8px;font-size:12px;line-height:1.55}.about-web-note{opacity:.85;margin-top:8px}.contact-hero-card{color:#fff;background:linear-gradient(145deg,#ff2e4d 0%,#ff6b6b 100%);border-radius:20px;padding:24px;box-shadow:0 12px 32px #ff2e4d47}.contact-hero-top{align-items:center;gap:16px;display:flex}.contact-hero-avatar{object-fit:cover;border-radius:50%;outline:2px solid #ffffffd9;flex-shrink:0;width:64px;height:64px;box-shadow:0 4px 12px #00000040}.contact-dev-name{color:#fff;font-size:22px;font-weight:700;font-family:var(--ob-font-body);margin:0}.contact-xhs-id{color:#ffffffd9;font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:14px}.contact-hero-rule{background:#ffffff59;height:1px;margin:20px 0}.contact-tagline{margin:0 0 8px;font-size:16px;font-weight:600}.contact-slogan{color:#ffffffeb;margin:0 0 10px;font-size:14px}.contact-bio{color:#ffffffd1;margin:0;font-size:13px;line-height:1.55}.contact-hero-bottom{justify-content:space-between;align-items:center;gap:12px;margin-top:24px;display:flex}.contact-xhs-btn{color:#ff2e4d;background:#fff;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.contact-xhs-btn svg{width:14px;height:14px}.contact-qr{object-fit:contain;background:#fff;border-radius:8px;width:48px;height:48px;padding:2px}.contact-action-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.contact-copy-label{color:var(--ob-text-muted);font-size:13px}.contact-qr-hint{text-align:center;color:var(--ob-text-muted);margin:0;font-size:12px}.works-card{background:var(--ob-surface);border:1px solid color-mix(in srgb, var(--ob-border) 70%, transparent);border-radius:16px;flex-direction:column;gap:14px;padding:16px;display:flex}.works-top{align-items:flex-start;gap:14px;display:flex}.works-icon{object-fit:cover;border-radius:14px;flex-shrink:0;width:64px;height:64px;box-shadow:0 4px 12px #00000047}.works-titles{flex:1;min-width:0}.works-titles h2{font-size:17px;font-family:var(--ob-font-body);margin:0;font-weight:650;line-height:1.3}.works-sub{color:var(--ob-accent);margin:6px 0 0;font-size:14px;line-height:1.35}.works-summary{color:var(--ob-text-muted);margin:0;font-size:14px;line-height:1.55}.works-actions{flex-direction:column;gap:8px;display:flex}.works-btn{text-align:center;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;width:100%;padding:12px 14px;font-size:15px;font-weight:650;text-decoration:none;display:flex}.works-btn-ios{color:#fff;background:#007aff}.works-btn-android{background:var(--ob-accent);color:#1a1208}.works-btn-soft{background:var(--ob-surface-elevated);color:var(--ob-text);border-color:var(--ob-border)}.works-btn:hover{filter:brightness(1.06)}@media (width<=400px){.profile-stats{flex-wrap:wrap;row-gap:12px}.profile-stat{flex:40%}.profile-stat-sep{display:none}}.podcast-now-playing-meta{align-items:center;gap:12px;display:flex}.podcast-now-playing-art{object-fit:cover;border-radius:8px;flex-shrink:0}.podcast-pane-toolbar{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.podcast-add-channel-btn{align-self:end;padding:8px 14px;font-size:13px;font-weight:600}.podcast-back{align-self:flex-start;margin-bottom:8px}.podcast-lang-section{margin-bottom:28px}.podcast-lang-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.podcast-lang-head h3{margin:0;font-size:18px;font-weight:600}.podcast-channel-strip{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;gap:12px;padding-bottom:8px;display:flex;overflow-x:auto}.podcast-channel-card{color:inherit;text-align:left;cursor:pointer;scroll-snap-align:start;font:inherit;background:0 0;border:0;flex-direction:column;flex:0 0 112px;gap:6px;padding:0;display:flex}.podcast-channel-card img,.podcast-channel-card-fallback,.podcast-detail-art,.podcast-detail-art-fallback{object-fit:cover;background:var(--ob-surface-elevated,#1c2230);border:1px solid var(--ob-border,#2a3344);border-radius:12px;width:96px;height:96px}.podcast-channel-card-fallback.sm{border-radius:8px;width:48px;height:48px}.podcast-channel-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.podcast-channel-card-artist{-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}.podcast-channel-badge{color:var(--ob-accent,#e8a54b);font-size:11px}.podcast-detail-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.podcast-detail-head{align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.podcast-detail-art{width:88px;height:88px}.podcast-detail-title{margin:0 0 4px;font-size:20px}.podcast-subscribe-btn{flex-shrink:0;width:auto;margin:0}.podcast-episode-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.podcast-episode-row{background:var(--ob-surface,#141820);border:1px solid var(--ob-border,#2a3344);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px;transition:border-color .16s,background .16s;display:flex}.podcast-episode-row:hover{border-color:color-mix(in srgb, var(--ob-accent,#e8a54b) 45%, var(--ob-border,#2a3344));background:var(--ob-surface-elevated,#1c2230)}.podcast-episode-row:focus-visible{outline:2px solid var(--ob-accent,#e8a54b);outline-offset:2px}.podcast-episode-meta{flex-direction:column;gap:4px;min-width:0;display:flex}.podcast-episode-title{font-weight:500;line-height:1.35}.podcast-sub-strip{gap:8px;margin-bottom:8px;padding-bottom:12px;display:flex;overflow-x:auto}.podcast-sub-chip{border:1px solid var(--ob-border,#2a3344);background:var(--ob-surface,#141820);color:var(--ob-text-muted,#9aa3b2);font:inherit;cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 6px;font-size:13px;display:inline-flex}.podcast-sub-chip img{object-fit:cover;border-radius:50%;width:36px;height:36px}.podcast-sub-chip.is-active{color:var(--ob-accent,#e8a54b);border-color:var(--ob-accent-dim,#8a6230);box-shadow:inset 0 -2px 0 var(--ob-accent,#e8a54b)}.podcast-search-panel{width:100%;margin-bottom:12px}.podcast-search-form{gap:8px;margin-bottom:12px;display:flex}.podcast-search-form input{flex:1;min-width:0}.podcast-search-form .btn{width:auto}.podcast-search-results{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.podcast-search-row{align-items:center;gap:10px;display:flex}.podcast-search-row img{object-fit:cover;border-radius:8px}.podcast-search-meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.podcast-search-row .btn{width:auto}.podcast-empty{text-align:center;padding:32px 12px}.podcast-busy{margin:0}.podcast-player-page{box-sizing:border-box;max-width:720px;min-height:0;color:var(--ob-text,#e8e4dc);margin:0 auto;padding:8px 8px 48px}.podcast-player-top{margin-bottom:16px}.podcast-player-back{text-decoration:none}.podcast-player-hero{align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.podcast-player-art{object-fit:cover;border:1px solid var(--ob-border,#2a3344);background:var(--ob-surface-elevated,#1c2230);border-radius:14px;flex-shrink:0;width:120px;height:120px}.podcast-player-art-fallback{width:120px;height:120px}.podcast-player-meta{flex:1;min-width:0}.podcast-player-title-row{align-items:flex-start;gap:12px;margin:4px 0 8px;display:flex}.podcast-player-title{min-width:0;font-family:var(--ob-font-display,"Fraunces", Georgia, serif);flex:1;margin:0;font-size:clamp(20px,3vw,28px);font-weight:600;line-height:1.25}.podcast-play-icon{background:var(--ob-accent,#e8a54b);color:#1a1208;cursor:pointer;width:44px;height:44px;transition:transform .16s var(--ob-ease,ease), filter .16s ease;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;padding:0;display:inline-flex}.podcast-play-icon:hover{filter:brightness(1.06)}.podcast-play-icon:active{transform:scale(.96)}.podcast-play-icon svg{fill:currentColor;width:20px;height:20px}.podcast-play-icon:not(.is-playing) svg{margin-left:2px}.podcast-player-date{margin:0;font-size:12px}.podcast-player-transport{background:0 0;border:none;flex-direction:column;gap:8px;margin:0 0 18px;padding:0;display:flex}.podcast-player-transport audio{display:none}.podcast-player-seek{width:100%;accent-color:var(--ob-accent,#e8a54b);margin:0}.podcast-player-clock{font-variant-numeric:tabular-nums;align-self:flex-end;font-size:12px}.podcast-player-transcript{width:100%}.podcast-player-transcript-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.podcast-player-transcript-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.podcast-generate-icon{background:var(--ob-accent,#e8a54b);color:#1a1208;cursor:pointer;width:36px;height:36px;transition:transform .16s var(--ob-ease,ease), filter .16s ease, opacity .16s ease;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.podcast-generate-icon:hover{filter:brightness(1.06)}.podcast-generate-icon:active{transform:scale(.96)}.podcast-generate-icon svg{width:18px;height:18px}.podcast-generate-icon.is-ghost{color:var(--ob-accent,#e8a54b);border:1px solid color-mix(in srgb, var(--ob-accent,#e8a54b) 55%, var(--ob-border,#2a3344));background:0 0}.podcast-whisper-progress{flex-direction:column;gap:10px;margin-bottom:14px;display:flex}.podcast-whisper-progress-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.podcast-whisper-progress-row p{margin:0}.podcast-whisper-pct{font-variant-numeric:tabular-nums;color:var(--ob-accent,#e8a54b);font-size:18px;font-weight:600}.podcast-whisper-detail{font-variant-numeric:tabular-nums;margin:0;font-size:12px}.podcast-whisper-bar{background:var(--ob-surface-elevated,#1c2230);border:1px solid var(--ob-border,#2a3344);border-radius:999px;height:8px;overflow:hidden}.podcast-whisper-bar-fill{background:var(--ob-accent,#e8a54b);height:100%;transition:width .24s var(--ob-ease,ease)}.podcast-whisper-hint{margin:0;font-size:12px}.page-video .ink-tabs{flex-wrap:wrap}.video-card-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.video-card-list>li{grid-template-columns:1fr auto;align-items:center;gap:10px;display:grid}.video-card-row{background:var(--ob-surface,#141820);border:1px solid var(--ob-border,#2a3344);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:10px;display:flex}.video-card-row:hover{border-color:color-mix(in srgb, var(--ob-accent,#e8a54b) 45%, var(--ob-border,#2a3344))}.video-card-row img,.video-thumb-fallback{object-fit:cover;background:var(--ob-surface-elevated,#1c2230);border-radius:8px;flex-shrink:0;width:120px;height:68px}.video-card-meta{flex-direction:column;gap:4px;min-width:0;display:flex}.video-card-title{font-weight:600;line-height:1.3}.video-player-page .podcast-player-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.video-stage{aspect-ratio:16/9;background:#000;border-radius:12px;width:100%;margin-bottom:12px;overflow:hidden}.video-frame,.video-el{background:#000;border:0;width:100%;height:100%;display:block}.video-resolve-note,.video-play-source{margin:0 0 10px;font-size:12px}.video-transport{margin-bottom:14px}.video-transport-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.video-speed-row{flex-wrap:wrap;gap:6px;display:flex}.video-speed-chip{appearance:none;border:1px solid var(--ob-border,#2a3344);color:var(--ob-text-muted);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:4px 10px;font-size:12px}.video-speed-chip.is-active{border-color:var(--ob-accent,#e8a54b);color:var(--ob-accent,#e8a54b)}.video-nav-row{gap:8px;margin-top:4px;display:flex}.video-cue-list{flex-direction:column;gap:6px;max-height:min(52vh,520px);display:flex;overflow:auto}.video-cue-row{grid-template-columns:1fr auto;align-items:stretch;gap:6px;display:grid}.video-cue-main{text-align:left;width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;gap:10px;padding:8px 10px;display:flex}.video-cue-row.is-active .video-cue-main{background:color-mix(in srgb, var(--ob-accent,#e8a54b) 14%, transparent);border-color:color-mix(in srgb, var(--ob-accent,#e8a54b) 35%, transparent)}.video-cue-row.is-loop .video-cue-loop{color:var(--ob-accent,#e8a54b)}.video-cue-time{width:40px;color:var(--ob-text-muted);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:12px}.video-cue-text{flex-direction:column;gap:4px;min-width:0;display:flex}.video-cue-tr{color:var(--ob-text-muted);font-size:13px}.video-cue-loop{appearance:none;color:var(--ob-text-muted);cursor:pointer;background:0 0;border:0;padding:0 8px;font-size:16px}.podcast-player-transcript-head h2{margin:0;font-size:16px;font-weight:600}.podcast-cc-badge{background:var(--ob-accent-dim,#8a6230);color:var(--ob-accent,#e8a54b);letter-spacing:.04em;vertical-align:middle;border-radius:6px;align-items:center;margin-left:8px;padding:1px 6px;font-size:10px;font-weight:700;display:inline-flex}.podcast-transcript-empty{margin:0;padding:20px 4px}.podcast-cue-list{flex-direction:column;gap:6px;max-height:min(55vh,520px);padding-right:4px;display:flex;overflow-y:auto}.podcast-cue{text-align:left;width:100%;color:var(--ob-text-muted,#9aa3b2);font:inherit;cursor:pointer;transition:background .16s var(--ob-ease,ease), color .16s var(--ob-ease,ease), border-color .16s var(--ob-ease,ease);background:0 0;border:1px solid #0000;border-radius:10px;grid-template-columns:48px 1fr;align-items:start;gap:10px;padding:10px 12px;display:grid}.podcast-cue:hover{background:var(--ob-surface-elevated,#1c2230);color:var(--ob-text,#e8e4dc)}.podcast-cue.is-active{background:var(--ob-surface-elevated,#1c2230);border-color:var(--ob-accent-dim,#8a6230);color:var(--ob-text,#e8e4dc);box-shadow:inset 3px 0 0 var(--ob-accent,#e8a54b)}.podcast-cue-time{font-variant-numeric:tabular-nums;color:var(--ob-accent,#e8a54b);padding-top:2px;font-size:12px}.podcast-cue-text{white-space:pre-wrap;font-size:15px;line-height:1.45}.podcast-episode-title .podcast-cc-badge{margin-left:6px}