@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Literata:opsz,wght@7..72,400;7..72,500;7..72,600&display=swap";: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}*{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:var(--bg);background-attachment:fixed}a{color:inherit}button,input,select{font:inherit}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:color-mix(in oklab,#082332 76%,black 24%);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}.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}.mode-switch{display:inline-grid;grid-template-columns:1fr 1fr;padding:.35rem;border-radius:999px;background:color-mix(in oklab,#051722 84%,black 16%);border:1px solid var(--line)}.mode-switch button{border-radius:999px;padding-block:.55rem;background:transparent;color:var(--text-soft)}.mode-switch .active{background:linear-gradient(135deg,color-mix(in oklab,var(--accent) 65%,#1d262d),color-mix(in oklab,var(--accent-2) 68%,#092a38));color:#04141c;font-weight:600}.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,color-mix(in oklab,#081f2d 72%,black),color-mix(in oklab,#0f2a3a 76%,black))}.library-header h1{font-size:clamp(1.5rem,3.5vw,2.3rem);line-height:1}.header-copy{color:var(--text-soft);margin-top:.35rem}.kind-filter{display:inline-flex;gap:.55rem;padding:.35rem;border-radius:999px;border:1px solid var(--line);background:color-mix(in oklab,#061a27 80%,black 20%);width:fit-content}.kind-filter button{border-radius:999px;background:transparent;color:var(--text-soft);padding:.5rem .95rem}.kind-filter .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}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:1rem}.work-card{display:grid;grid-template-rows:300px 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}@keyframes rise{to{transform:translateY(0);opacity:1}}.work-card img{width:100%;height:100%;object-fit:cover}.work-card-body{padding:.95rem;display:grid;gap:.55rem}.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}.work-card-body p{color:var(--text-soft);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{min-height:100dvh;max-width:1220px;margin-inline:auto;padding:clamp(.8rem,2vw,1.35rem);display:grid;gap:.95rem}.reader-header{display:flex;justify-content:space-between;align-items:center;gap:.8rem;padding:.75rem .9rem;border-radius:1rem;border:1px solid var(--line);background:color-mix(in oklab,#071f2e 78%,black 22%)}.reader-header h2{font-size:clamp(1rem,2vw,1.35rem)}.comic-canvas{border-radius:var(--radius);border:1px solid var(--line);background:color-mix(in oklab,#01060a 92%,#0f2633);min-height:min(76dvh,900px);display:grid;place-items:center;overflow:hidden;padding:.7rem}.comic-canvas img{width:100%;height:calc(100dvh - 15.5rem);object-fit:contain}.comic-canvas p{color:var(--text-soft);font-size:.85rem}.comic-strip{height:calc(100dvh - 12.2rem);overflow:auto;display:grid;gap:1rem;padding-right:.25rem}.comic-strip figure{margin:0;border:1px solid var(--line);border-radius:1rem;overflow:hidden;background:color-mix(in oklab,#071d2a 78%,black 22%)}.comic-strip img{width:100%;display:block}.comic-strip figcaption{padding:.55rem .8rem;font-size:.82rem;color:var(--text-soft)}.reader-controls{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:center;border:1px solid var(--line);border-radius:1rem;padding:.75rem;background:color-mix(in oklab,#081f2e 82%,black 18%)}.reader-controls input[type=range]{width:100%}.chapter-toolbar{border:1px solid var(--line);border-radius:1rem;padding:.75rem;background:color-mix(in oklab,#071f2b 82%,black 18%);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:color-mix(in oklab,#082434 80%,black 20%);display:grid;gap:.9rem}.settings-panel label{display:grid;gap:.45rem;color:var(--text-soft)}.theme-switch{display:inline-flex;gap:.45rem}.theme-switch button{border-radius:999px;padding:.45rem .75rem;background:color-mix(in oklab,#0b2f3f 76%,black 24%);color:var(--text-soft);border:1px solid var(--line)}.theme-switch .active{background:linear-gradient(135deg,color-mix(in oklab,var(--accent) 62%,#122027),color-mix(in oklab,var(--accent-2) 70%,#0b2733));color:#07141a;border-color:transparent;font-weight:600}.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:calc(100dvh - 17rem);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))}.work-card{grid-template-rows:250px 1fr}}@media(max-width:640px){.library-header,.reader-header{flex-direction:column;align-items:flex-start}.reader-controls{grid-template-columns:1fr}.reader-controls button{width:100%}.comic-canvas img{height:calc(100dvh - 19rem)}}