:root{color-scheme:dark;--tg-bg: #04131a;--tg-text: #dceaf0;--tg-surface: #09232f;--tg-muted: #8ea6b4;--bg: radial-gradient(circle at 12% 4%, #155166 0%, transparent 40%), radial-gradient(circle at 88% 16%, #9d5322 0%, transparent 42%), linear-gradient(180deg, #021017 0%, #061a24 44%, #02080d 100%);--surface: color-mix(in oklab, #09293a 72%, black 28%);--surface-2: color-mix(in oklab, #103347 76%, black 24%);--line: color-mix(in oklab, #4e8dab 42%, transparent);--line-strong: color-mix(in oklab, #86c2dd 55%, transparent);--accent: #ff9b4f;--accent-2: #49d1c8;--danger: #ff7979;--text-main: #e8f0f4;--text-soft: #9fb3bf;--radius: 1.25rem;--panel-bg: color-mix(in oklab, #081f2e 80%, black 20%);--input-bg: color-mix(in oklab, #082332 76%, black 24%);--pill-bg: color-mix(in oklab, #061a27 80%, black 20%)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Space Grotesk,Avenir Next,Segoe UI,sans-serif;color:var(--text-main);background:#02080d}body:before{content:"";position:fixed;inset:0;z-index:-1;background:var(--bg);pointer-events:none}a{color:inherit}button,input,select{font:inherit}:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}button{border:0;border-radius:.95rem;padding:.7rem 1rem;background:linear-gradient(135deg,color-mix(in oklab,var(--accent-2) 78%,#07232f),#0a2934);color:#dff8f6;cursor:pointer;transition:transform .16s ease,filter .16s ease,opacity .16s ease}button:hover{transform:translateY(-1px);filter:brightness(1.08)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}input,select{border:1px solid var(--line);border-radius:.8rem;padding:.65rem .8rem;background:var(--input-bg);color:var(--text-main)}input:focus,select:focus{outline:2px solid color-mix(in oklab,var(--accent-2) 45%,transparent);border-color:var(--line-strong)}h1,h2,h3,p{margin:0}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:var(--text-soft)}.error-line{color:var(--danger);font-size:.93rem}.ghost-button{border:1px solid var(--line);background:color-mix(in oklab,var(--surface-2) 80%,black 20%);color:#d9e7f0}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-bg);padding:clamp(.75rem,2vw,1rem)}.pill-group,.mode-switch,.kind-filter,.theme-switch{display:inline-flex;gap:.45rem;padding:.35rem;border-radius:999px;border:1px solid var(--line);background:var(--pill-bg)}.pill-group button,.mode-switch button,.kind-filter button,.theme-switch button{border-radius:999px;background:transparent;color:var(--text-soft);padding:.5rem .85rem}.pill-group .active,.mode-switch .active,.kind-filter .active,.theme-switch .active{background:linear-gradient(135deg,color-mix(in oklab,var(--accent-2) 78%,#081f29),color-mix(in oklab,var(--accent) 65%,#10262e));color:#03141a;font-weight:600}.mode-switch{display:inline-grid;grid-template-columns:1fr 1fr}.kind-filter{width:fit-content}.kind-filter button{padding:.5rem .95rem}.loading-screen{min-height:100dvh;display:grid;place-content:center;gap:.7rem;text-align:center;color:var(--text-soft)}.loading-screen.inline{min-height:30dvh}.loader-orb{width:3rem;aspect-ratio:1;border-radius:999px;background:conic-gradient(from 0deg,var(--accent),var(--accent-2),var(--accent));filter:blur(.2px);animation:spin 1.2s linear infinite;justify-self:center}@keyframes spin{to{transform:rotate(360deg)}}.auth-layout{min-height:100dvh;padding:clamp(1rem,2.5vw,2rem);display:grid;grid-template-columns:minmax(16rem,1.2fr) minmax(16rem,1fr);gap:clamp(1rem,2vw,2rem);align-items:stretch}.hero-panel,.auth-card{border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(180deg,color-mix(in oklab,var(--surface) 82%,black),color-mix(in oklab,#071820 74%,black));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:clamp(1.1rem,2.5vw,2rem);box-shadow:0 18px 50px color-mix(in oklab,#02080d 70%,transparent)}.hero-panel{display:grid;align-content:center;gap:1rem}.hero-panel h1{font-size:clamp(2rem,5vw,3.4rem);line-height:.98}.hero-panel p{max-width:46ch;color:color-mix(in oklab,var(--text-main) 84%,var(--text-soft))}.hero-tags{display:flex;gap:.6rem;flex-wrap:wrap}.hero-tags span{padding:.45rem .75rem;border-radius:999px;border:1px solid var(--line);background:color-mix(in oklab,var(--surface-2) 76%,black 24%);font-size:.88rem}.auth-card{display:grid;gap:1rem}.auth-form{display:grid;gap:.9rem}.auth-form label{display:grid;gap:.4rem;font-size:.94rem;color:var(--text-soft)}.hint{font-size:.84rem;color:color-mix(in oklab,var(--text-soft) 88%,transparent)}.library-layout{min-height:100dvh;width:min(1280px,100%);margin-inline:auto;padding:clamp(.8rem,2vw,1.6rem);display:grid;gap:1rem}.library-header{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;padding:clamp(.9rem,2vw,1.4rem);border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(115deg,var(--panel-bg),var(--surface-2))}.library-header h1{font-size:clamp(1.5rem,3.5vw,2.3rem);line-height:1}.header-copy{color:var(--text-soft);margin-top:.35rem}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:1rem}.work-card{display:grid;grid-template-rows:auto 1fr;border-radius:1.15rem;overflow:hidden;border:1px solid var(--line);background:linear-gradient(190deg,color-mix(in oklab,#0d2735 76%,black),color-mix(in oklab,#071722 76%,black));cursor:pointer;transform:translateY(12px);opacity:0;animation:rise .52s ease forwards;animation-delay:calc(var(--i, 0) * 70ms);transition:translate .2s ease,box-shadow .2s ease}.work-card:hover{translate:0 -4px;box-shadow:0 8px 24px #0000004d}@keyframes rise{to{transform:translateY(0);opacity:1}}.work-card img{width:100%;aspect-ratio:2 / 3;object-fit:cover;background:var(--surface-2)}.work-card-body{position:relative;padding:1.4rem .95rem .95rem;display:grid;gap:.55rem;background:color-mix(in oklab,#071722 76%,black);border-top:1px solid color-mix(in oklab,#4e8dab 22%,transparent)}.work-card-body:before{content:"";position:absolute;bottom:100%;left:0;right:0;height:4rem;background:linear-gradient(to top,color-mix(in oklab,#071722 76%,black),transparent);pointer-events:none}.work-kind{font-size:.7rem;letter-spacing:.14em;color:color-mix(in oklab,var(--accent-2) 82%,white 18%)}.work-card-body h3{font-size:1.15rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.work-card-body .work-desc{color:color-mix(in oklab,var(--text-soft) 80%,var(--text-main) 20%);font-size:.92rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.work-card-body p{color:color-mix(in oklab,var(--text-soft) 80%,var(--text-main) 20%);font-size:.92rem}.work-card footer{margin-top:.2rem;font-size:.82rem;display:flex;justify-content:space-between;color:color-mix(in oklab,var(--text-soft) 88%,white 12%)}.reader-layout{height:100dvh;display:grid;grid-template-columns:260px 1fr;gap:0;overflow:hidden}.reader-sidebar{display:flex;flex-direction:column;gap:.75rem;padding:.85rem;border-right:1px solid var(--line);background:var(--panel-bg);overflow-y:auto;z-index:10}.reader-sidebar h2{font-size:1.1rem;line-height:1.2}.reader-sidebar .sidebar-nav{display:flex;gap:.5rem}.reader-sidebar .sidebar-nav button{flex:1;font-size:.85rem;padding:.55rem .6rem}.sidebar-section{display:grid;gap:.5rem}.sidebar-section label{display:grid;gap:.3rem;color:var(--text-soft);font-size:.88rem}.sidebar-page-nav{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.sidebar-page-nav button{font-size:.85rem;padding:.5rem}.sidebar-slider input[type=range]{width:100%}.sidebar-toggle{display:none;position:fixed;bottom:1rem;left:1rem;z-index:20;width:3rem;height:3rem;border-radius:50%;padding:0;font-size:1.3rem;line-height:1;box-shadow:0 4px 16px #0006}.sidebar-backdrop{display:none}.reader-content{min-height:0;min-width:0;display:grid;grid-template-rows:1fr;overflow:hidden}.comic-canvas{background:color-mix(in oklab,#01060a 92%,#0f2633);min-height:0;display:flex;flex-direction:column;align-items:center;overflow-y:auto;overflow-x:hidden;padding:.5rem}.comic-canvas img{max-width:min(100%,720px);height:auto;display:block}.comic-canvas p{color:var(--text-soft);font-size:.85rem;padding:.4rem}.comic-strip{min-height:0;overflow:auto;display:grid;gap:0}.comic-strip figure{margin:0}.comic-strip img{width:100%;display:block}.episode-divider{padding:.6rem .8rem;font-size:.85rem;font-weight:600;color:var(--accent-2);border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--panel-bg);z-index:2}.chapter-toolbar{border:1px solid var(--line);border-radius:1rem;padding:.75rem;background:var(--panel-bg);display:grid;gap:.75rem}.chapter-toolbar label{display:grid;gap:.35rem;color:var(--text-soft);font-size:.92rem}.progress-track{height:.55rem;border-radius:999px;background:color-mix(in oklab,#082534 70%,black 30%);overflow:hidden}.progress-track span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.settings-panel{border:1px solid var(--line);border-radius:1rem;padding:.85rem;background:var(--panel-bg);display:grid;gap:.9rem}.settings-panel label{display:grid;gap:.45rem;color:var(--text-soft)}.text-surface{min-height:0;border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in oklab,#07131b 90%,black 10%);overflow:hidden}.text-scroller{height:100%;overflow:auto;padding:clamp(1rem,3vw,2rem)}.text-scroller article{margin-inline:auto;max-width:var(--reader-measure, 66ch);font-family:Literata,Iowan Old Style,serif;font-size:var(--reader-font-size, 19px);line-height:var(--reader-line-height, 1.72);font-variant-ligatures:common-ligatures}.text-scroller article h1{font-family:Space Grotesk,Avenir Next,sans-serif;margin-bottom:1rem;line-height:1.1}.text-scroller article p+p{margin-top:1.2rem}.text-scroller article img{max-width:100%;height:auto;display:block;margin:1.1rem auto;border-radius:.5rem}.text-scroller article .ql-align-center{text-align:center}.text-scroller article .ql-align-justify{text-align:justify}.theme-paper{background:#f4ecdf;color:#2f271e}.theme-dawn{background:#f0dfcb;color:#2f1f17}.theme-night{background:#0f151a;color:#d8e0e6}@media(max-width:980px){.auth-layout{grid-template-columns:1fr;align-content:start}.hero-panel{min-height:auto}.library-header{align-items:center}.library-grid{grid-template-columns:repeat(auto-fill,minmax(175px,1fr))}}@media(max-width:768px){.reader-layout{grid-template-columns:1fr}.reader-sidebar{position:fixed;inset:0;width:280px;transform:translate(-100%);transition:transform .25s ease;border-right:1px solid var(--line);border-radius:0}.reader-sidebar.open{transform:translate(0)}.sidebar-toggle{display:grid;place-content:center}.sidebar-backdrop{position:fixed;inset:0;background:#00000080;z-index:9;opacity:0;pointer-events:none;transition:opacity .25s ease}.sidebar-backdrop.open{display:block;opacity:1;pointer-events:auto}}@media(max-width:640px){.library-header{flex-direction:column;align-items:flex-start}}