@font-face{font-family:Cabinet;src:url('./assets/cabinet-grotesk-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Cabinet;src:url('./assets/cabinet-grotesk-700.woff2') format('woff2');font-weight:600 700;font-display:swap}
@font-face{font-family:Cabinet;src:url('./assets/cabinet-grotesk-800.woff2') format('woff2');font-weight:800 900;font-display:swap}
@font-face{font-family:Alexandria;src:url('./assets/alexandria-700.ttf') format('truetype');font-weight:600 900;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-0891,U+0897-08FF,U+200C-200E,U+FB50-FDFF,U+FE70-FEFC}
.aether-page-accent,.aether-showcase,.aether-flutter,.aether-art-controls,.aether-title-book,.aether-garden-scene,.aether-title-copy,.aether-description-copy{display:none}
:root{color-scheme:light;--bg:#f0f2e9;--surface:#fafcf5;--surface-2:#e2e7d9;--text:#20271f;--muted:#54604e;--muted-2:#596650;--accent:#52671f;--accent-ink:#fff;--accent-soft:#52671f0d;--line:#cbd3c0;--focus:#52671f;--chrome:#f0f2e9;--phone:1240px;--font-display:Alexandria,Cabinet,Lunar,sans-serif;--font-ui:Cabinet,Lunar,'Geeza Pro',sans-serif;--ease-out:cubic-bezier(.23,1,.32,1);--reader-bg:#111510;--reader-text:#f0f3e9;--hero-panel:#e6ebdb;--display-green:#d6ed75;--reader-line:#ffffff18}
:root[data-appearance=night]{color-scheme:dark;--bg:#141714;--surface:#1c211b;--surface-2:#293025;--text:#eef2e6;--muted:#bdc7b2;--muted-2:#aebba3;--accent:#d6ed75;--accent-ink:#202710;--accent-soft:#d6ed750e;--line:#ffffff19;--focus:#d6ed75;--chrome:#141714;--hero-panel:#1d251a}
:root[data-appearance=oled]{color-scheme:dark;--bg:#050705;--surface:#11170e;--surface-2:#222c1b;--text:#eef2e6;--muted:#bdc7b2;--muted-2:#aebba3;--accent:#d6ed75;--accent-ink:#202710;--accent-soft:#d6ed7510;--line:#ffffff20;--focus:#d6ed75;--chrome:#080c06;--hero-panel:#10180c}
body{font-family:var(--font-ui);font-size:15px;line-height:1.85}
h1,h2,h3{font-family:var(--font-display);font-weight:700;letter-spacing:0}
p{font-size:14px}
::selection{background:var(--accent);color:var(--accent-ink)}
.site-header,#app{border-inline:0;max-width:none}
#app{overflow-x:clip;width:100%;max-width:100%}
.site-header{background:var(--bg);border-bottom:1px solid var(--line)}
.header-shell{max-width:var(--phone);padding-inline:max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-left));min-height:74px}
.brand{gap:8px}
.brand-mark{background:transparent;border-radius:0;width:27px;color:var(--accent)}
.brand-mark svg{width:25px;height:25px;fill:currentColor}
.brand-word{font-family:Alexandria,Lunar,sans-serif;font-size:18px;font-weight:700}
.brand-kicker{display:none}
.header-actions{gap:2px}
.profile-button{background:transparent;border:1px solid var(--line);border-radius:50%}
.page-shell{padding:28px max(24px,env(safe-area-inset-right)) calc(120px + env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));max-width:var(--phone)}
.primary-button,.secondary-button{border-radius:6px;font-size:13px;min-height:50px;padding:12px 18px;font-weight:700}
.primary-button{background:var(--accent);color:var(--accent-ink)}
.primary-button>svg:last-child{margin-inline-start:auto}
.secondary-button{background:transparent;border:1px solid var(--line);color:var(--text)}
.primary-button,.secondary-button,.icon-button,.profile-button,.text-button{transition:transform 150ms var(--ease-out),background-color 180ms ease,color 180ms ease}
.primary-button:active,.secondary-button:active,.icon-button:active,.profile-button:active{transform:scale(.96)}
.icon-button{border-radius:6px}
.text-button{font-size:12px}
.mobile-nav{inset-inline:0;bottom:0;max-width:none;padding:8px max(12px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));border-radius:0;border:0;border-top:1px solid var(--line);min-height:76px;background:var(--chrome);box-shadow:none;gap:0}
.mobile-nav a{border-radius:4px;min-height:54px;gap:3px;font-size:10px}
.mobile-nav a[aria-current=page]{background:var(--accent-soft);color:var(--accent)}
.mobile-nav svg{width:21px;height:21px}
.jouri-theme-wallpaper{display:block;position:fixed;pointer-events:none;z-index:-1;inset:0;background:radial-gradient(ellipse at 80% 20%,#859a2110,transparent 55%)}
.taste-home{padding-top:24px}
.home-lead{display:flex;flex-direction:column;gap:30px;position:relative;isolation:isolate}
.hero-copy{min-width:0;direction:rtl;position:relative;z-index:3;padding-top:6px}
.hero-welcome{font-size:11px;color:var(--muted);margin-bottom:15px}
.hero-copy h1{font-size:clamp(31px,8.5vw,47px);font-weight:700;line-height:1.65;width:100%;max-width:72rem;text-wrap:nowrap;overflow-wrap:normal;margin:0}
.hero-copy h1 em{color:var(--accent);font-style:normal}
.inline-story{display:inline-block;vertical-align:middle;width:43px;height:29px;margin-inline-start:10px;transform:rotate(-7deg);overflow:hidden;border-radius:3px}
.inline-story>.library-cover-wrap{width:100%;height:100%;aspect-ratio:auto;border-radius:3px}
.inline-story img{object-position:center 24%;object-fit:cover}
.inline-story .library-cover-fallback{padding:0}
.inline-story .cover-copy{display:none}
.hero-description{font-size:13px;line-height:1.95;color:var(--muted);margin-top:18px}
.hero-actions{display:flex;gap:10px;margin-top:24px;align-items:center}
.hero-actions>.primary-button{flex:1;justify-content:start;max-width:240px;gap:7px}
.hero-actions>.primary-button>svg:first-child{width:15px;height:15px;fill:currentColor;stroke:none}
.hero-actions>.secondary-button{padding-inline:13px;min-width:100px;font-size:12px}
.hero-actions>.secondary-button svg{width:16px}
.hero-art{min-height:300px;position:relative;isolation:isolate;background:var(--hero-panel);overflow:hidden;border-radius:4px;direction:ltr;display:grid;place-items:center}
.hero-orbit{position:absolute;width:330px;height:330px;border-radius:50%;background:radial-gradient(ellipse,#d6ed7538 0%,#d6ed7512 45%,transparent 70%);inset:auto;z-index:0}
.hero-word{position:absolute;left:18px;top:25px;font-family:Cabinet,sans-serif;font-weight:800;font-size:91px;line-height:1;letter-spacing:-.045em;color:var(--accent);opacity:.16;white-space:nowrap;user-select:none}
.hero-main-cover{display:block;position:absolute;left:calc(50% - 77px);top:25px;width:148px;transform:rotate(-8deg);z-index:2;box-shadow:9px 16px 26px #0004;border-radius:4px}
.hero-main-cover>.library-cover-wrap{border-radius:4px;aspect-ratio:2/3}
.hero-back-cover{position:absolute;top:38px;left:calc(50% + 15px);width:130px;transform:rotate(11deg);z-index:1;box-shadow:7px 12px 26px #0003}
.hero-back-cover>.library-cover-wrap{border-radius:4px;aspect-ratio:2/3}
.hero-art-caption{position:absolute;inset-inline:20px;bottom:14px;font-size:9px;color:var(--muted);direction:rtl;text-align:center}
.reading-dock{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:5px 12px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line);margin-top:8px}
.reading-dock-label{display:flex;align-items:center;gap:7px;grid-column:1;font-size:10px;color:var(--muted-2)}
.reading-signal{width:5px;height:5px;background:var(--accent);border-radius:50%}
.reading-dock-copy{min-width:0;grid-column:1}
.reading-dock-copy h2{font-family:Cabinet,Lunar,sans-serif;font-size:21px;line-height:1.4;font-weight:700;overflow-wrap:anywhere}
.reading-dock-copy p{font-size:10px;color:var(--muted-2);margin-top:5px}
.reading-dock-action{grid-column:2;grid-row:1/span 2;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;color:var(--accent)}
.taste-section{margin-top:clamp(64px,8vw,144px)}
.section-heading{margin-bottom:24px;align-items:end}
.section-heading h2,.home-recent .section-heading h2{font-size:27px;line-height:1.6;font-weight:700}
.section-heading .eyebrow{font-size:10px;color:var(--muted-2);margin-bottom:5px}
.section-heading .text-button{padding-inline:0;gap:5px;font-size:11px}
.section-heading .text-button svg{width:17px}
.story-bento{display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:dense;gap:3px;background:var(--bg);border-radius:5px;overflow:hidden}
.story-tile{position:relative;min-width:0;overflow:hidden;min-height:242px;background:var(--surface-2)}
.story-tile:first-child{grid-column:1/-1;min-height:290px}
.story-tile>a{position:absolute;inset:0;display:block;overflow:hidden}
.story-media{position:absolute;inset:0;transform-origin:center;overflow:hidden}
.story-media>.library-cover-wrap{height:100%;width:100%;aspect-ratio:auto;border-radius:0}
.story-media img{object-position:center 26%;object-fit:cover}
.story-tile-copy{position:absolute;inset-inline:0;bottom:0;padding:50px 16px 18px;background:linear-gradient(0deg,#0c1009f7,#0c1009a0 65%,transparent);color:#f5f7ed;z-index:3}
.story-tile-copy h3{font-family:Cabinet,Lunar,sans-serif;font-size:19px;font-weight:700;line-height:1.25;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.story-tile-copy>span{display:flex;align-items:center;justify-content:space-between;color:#dce8ca;font-size:10px;margin-top:9px}
.story-tile-copy svg{width:18px}
.gallery-count-1{grid-template-columns:1fr}
.gallery-count-2 .story-tile:first-child{grid-column:auto;min-height:242px}
.story-marquee{overflow:hidden;margin:64px -24px 0;padding-block:22px;border-block:1px solid var(--line);direction:ltr;contain:paint}
.marquee-track{display:flex;width:max-content;will-change:auto}
.marquee-group{display:flex;align-items:center;gap:28px;padding-inline:14px;flex-shrink:0;direction:ltr}
.marquee-group>span{font-family:Cabinet,Lunar,sans-serif;font-size:28px;font-weight:700;white-space:nowrap;color:var(--muted-2);line-height:1.4}
.marquee-group>i{width:6px;height:6px;border-radius:50%;background:var(--accent);flex:none}
.marquee-control{min-width:44px;min-height:44px;display:block;margin:4px auto -18px;font-size:10px;color:var(--muted);text-decoration:underline;text-underline-offset:4px}
.discovery-intro{text-align:center;margin:0 auto 32px;max-width:760px}
.story-line{font-size:clamp(25px,5vw,47px);line-height:1.8;font-weight:700;text-wrap:balance}
.story-line>span{display:inline}
.discovery-intro>p{font-size:12px;line-height:2;margin-top:20px}
.discovery-panels{display:flex;gap:4px;height:310px;overflow:hidden;border-radius:5px;direction:rtl}
.discovery-panel{position:relative;isolation:isolate;flex:0 0 44px;min-width:0;background:var(--surface-2);overflow:hidden}
.discovery-panel.is-active{flex:1}
.discovery-art{position:absolute;inset:0;z-index:0;pointer-events:none}
.discovery-art>.library-cover-wrap{width:100%;height:100%;aspect-ratio:auto;border-radius:0}
.discovery-art img{object-fit:cover;object-position:center 28%}
.discovery-panel::after{content:"";position:absolute;inset:0;background:#11190be0;z-index:1;pointer-events:none}
.discovery-panel.is-active::after{background:linear-gradient(0deg,#11190bfa,#11190b20 70%)}
.discovery-select{position:absolute;inset:0;z-index:3;display:flex;justify-content:center;align-items:start;min-width:44px;color:#f1f8e4;padding-top:16px}
.discovery-select>span{display:none}
.discovery-select svg{width:17px;height:17px;transition:transform 200ms var(--ease-out)}
.discovery-panel.is-active .discovery-select{bottom:108px;justify-content:start;padding-inline:16px}
.discovery-panel.is-active .discovery-select svg{transform:rotate(45deg)}
.discovery-copy{position:absolute;inset-inline:18px;bottom:18px;z-index:4;color:#f1f8e4}
.discovery-copy h3{font-family:Cabinet,Lunar,sans-serif;font-size:22px;line-height:1.2;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.discovery-copy>a{display:flex;align-items:center;gap:8px;color:#d6ed75;font-size:11px;min-height:44px;margin-top:8px}
.discovery-copy>a svg{width:17px}
.saved-places .continue-list{gap:0}
.continue-card,.update-row{padding-block:18px}
.continue-copy strong,.update-row strong{font-family:Cabinet,Lunar,sans-serif;font-size:17px;line-height:1.35}
.continue-copy small,.update-row small{font-size:11px;margin-top:7px}
.continue-copy .progress-track{height:2px;background:var(--surface-2);margin-top:12px}
.quiet-empty{font-size:13px;border-block:0;border-bottom:1px solid var(--line);padding:0 0 24px;line-height:2}
.home-updates .section-heading h2{font-size:22px}
.home-finale{display:flex;flex-direction:column;gap:36px;background:var(--display-green);color:#202710;padding:32px 24px 20px;border-radius:4px}
.home-finale h2{font-size:38px;line-height:1.55;font-weight:700}
.home-finale .primary-button{background:#202710;color:#f1f7e8;max-width:290px;width:100%;justify-content:start;gap:10px;margin-top:24px}
.home-library-meta{display:flex;align-items:baseline;gap:9px;font-size:11px;color:#35431d;margin:0}
.home-library-meta::before{display:none}
.home-library-meta bdi{font-family:Cabinet,sans-serif;font-size:36px;font-weight:700;line-height:1}
.finale-links{display:flex;align-items:center;gap:18px;border-top:1px solid #20271030;padding-top:16px;font-size:10px;color:#202710;width:100%;flex-wrap:wrap}
.finale-links>span{font-family:Cabinet,sans-serif;font-size:17px;font-weight:800;margin-inline-end:auto;letter-spacing:.04em}
.finale-links>a,.finale-links>button{min-height:44px;min-width:44px;display:flex;align-items:center;font-size:11px;padding:0}
.empty-art{position:relative;min-height:290px;background:var(--hero-panel);overflow:hidden;display:grid;place-items:center;border-radius:4px}
.empty-art>span{font-family:Cabinet,sans-serif;font-size:80px;font-weight:800;color:var(--accent);opacity:.15;letter-spacing:-.04em}
.empty-book{position:absolute;top:45px;width:140px;height:200px;background:var(--display-green);color:#202710;transform:rotate(-9deg);border-radius:3px 8px 8px 3px;box-shadow:9px 12px 0 var(--surface-2);padding:24px;display:flex;flex-direction:column;justify-content:space-between;font-family:Alexandria,Lunar,sans-serif;font-size:22px;font-weight:700;line-height:1.7}
.screen-heading h1,.library-head h1,.history-head h1{font-family:var(--font-display);font-size:34px;line-height:1.7;font-weight:700}
.screen-heading,.library-head,.browse-head{margin-block:4px 26px}
.library-head .eyebrow{font-size:11px}
.library-title-line{display:flex;align-items:baseline;gap:12px}
.library-total{font-family:Cabinet,sans-serif;font-size:18px;font-weight:400;color:var(--muted-2)}
.library-heading-actions{gap:2px}
.library-head .add-work-button{border-radius:6px;background:var(--accent);color:var(--accent-ink);min-width:46px;min-height:46px}
.search-field,.chapter-search-field{border-radius:5px;background:var(--surface);border:1px solid var(--line);min-height:50px;padding-inline:14px}
.search-field input::placeholder,.chapter-search-field input::placeholder{font-size:12px}
.library-toolbar{margin:18px -24px 0;padding-inline:24px;gap:6px}
.filter-chip{min-height:44px;border-radius:4px;background:transparent;border:1px solid var(--line);font-size:11px;padding-inline:12px}
.filter-chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.library-viewbar{margin-top:18px;gap:6px}
.library-refine{margin-bottom:22px}
.library-refine summary{font-size:11px}
.library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 12px}
.library-cover-wrap,.source-detail-cover-wrap{border-radius:4px}
.library-card-title{font-family:Cabinet,Lunar,sans-serif;font-size:15px;font-weight:700;line-height:1.3;min-height:38px;-webkit-line-clamp:2;margin-top:10px}
.library-card-meta,.card-context{font-size:9px;line-height:1.7}
.library-card-meta{margin-top:6px}
.library-card-progress small{font-size:9px}
.library-card-progress>span{height:2px}
.library-list-view .library-card-main{grid-template-columns:82px minmax(0,1fr);gap:18px}
.library-list-view .library-card-title{font-size:22px;line-height:1.3}
.library-list-view .library-card-meta,.library-list-view .card-context{font-size:11px}
.library-list-view .library-card-copy{padding-top:5px}
.detail-toolbar{margin-bottom:24px}
.detail-book{display:flex;flex-direction:column;gap:28px;align-items:center;margin:0;padding:24px 18px 28px;background:var(--hero-panel);position:relative;isolation:isolate;overflow:hidden;border-radius:5px}
.detail-book::before{content:"";position:absolute;width:330px;height:330px;top:-20px;left:calc(50% - 165px);background:radial-gradient(ellipse,#d6ed7530,transparent 70%);z-index:-1}
.detail-book .detail-media{width:152px;margin:0;transform:rotate(-5deg)}
.detail-media>.source-detail-cover-wrap{box-shadow:8px 12px 24px #0003;border-radius:4px}
.detail-heading{width:100%;min-width:0;text-align:center}
.detail-heading h1{font-family:Cabinet,Lunar,sans-serif;font-size:32px;line-height:1.15;font-weight:800;text-align:center;max-width:100%;margin:10px auto 16px;overflow-wrap:anywhere}
.detail-heading .eyebrow{font-size:10px;text-align:center}
.detail-heading .series-tags{justify-content:center;gap:7px;margin:0}
.tag{background:transparent;color:var(--muted);border:0;border-radius:0;font-size:10px;padding:0}
.tag:not(:last-child)::after{content:"/";margin-inline-start:7px;color:var(--muted-2)}
.detail-content>.detail-actions{margin-top:22px}
.detail-content>.detail-actions .primary-button{border-radius:6px;min-height:54px}
.detail-content .detail-summary{font-size:13px;line-height:2.1;margin-block:24px}
.detail-progress-pill{font-size:11px}
.chapter-section{margin-top:48px}
.chapter-section .chapter-heading h2{font-size:28px;font-weight:700}
.chapter-heading p{font-size:11px}
.chapter-sort-row{margin-top:14px;gap:8px}
.chapter-filters{gap:5px}
.chapter-filters .filter-chip{font-size:10px;padding-inline:10px}
.chapter-row{border-radius:0;min-height:86px;padding:16px 0;border-color:var(--line)}
.chapter-row.is-current{border-radius:5px;padding-inline:12px;background:var(--accent-soft);border-inline-start:2px solid var(--accent)}
.chapter-state{background:none;font-size:10px;padding-inline:3px}
.chapter-copy strong{font-size:13px;font-weight:650;line-height:1.75}
.chapter-copy small{font-size:10px;line-height:1.8}
.chapter-row.is-current .chapter-state{background:var(--accent);color:var(--accent-ink);padding:5px 8px;border-radius:4px}
.chapter-bulk-trigger{font-size:10px;gap:5px}
.chapter-bulk-trigger svg{width:17px}
.history-head{align-items:end;margin-bottom:36px}
.history-head p{font-size:12px}
.history-head>.secondary-button{border:0;font-size:11px;padding-inline:0;white-space:nowrap;min-width:70px;color:var(--accent)}
.history-group{margin-top:32px}
.history-group .section-heading{margin-bottom:10px}
.history-group .section-heading h2{font-family:var(--font-ui);font-size:13px;font-weight:650;color:var(--accent)}
.history-card-main{gap:16px;padding-block:20px}
.history-card-main>.library-cover-wrap{width:70px;flex:none;border-radius:4px}
.history-card-copy strong{font-family:Cabinet,Lunar,sans-serif;font-size:20px;font-weight:700;line-height:1.3}
.history-card-copy small{font-size:10px;line-height:1.9;margin-top:10px}
.settings-page>.library-head{margin-bottom:24px}
.account-summary{border:0;background:var(--display-green);color:#202710;border-radius:6px;padding:24px 18px;gap:14px;margin-bottom:16px}
.account-summary strong{font-family:var(--font-display);font-size:22px;color:#202710;font-weight:700}
.account-summary small{font-size:10px;color:#3b4b25}
.account-summary .text-button{color:#202710;font-size:11px}
.account-summary .account-avatar{background:#202710;color:#d6ed75;border-radius:50%;width:46px;height:46px}
.settings-section{padding-block:28px;border-color:var(--line)}
.settings-section h2{font-size:18px;line-height:1.8}
.settings-section p{font-size:12px}
.settings-facts>div,.series-facts>div{border-color:var(--line)}
dialog{max-width:500px;background:var(--surface);border-radius:16px 16px 0 0;padding:26px 24px calc(24px + env(safe-area-inset-bottom))}
.dialog-head h2{font-size:23px;font-weight:700}
.dialog-head .icon-button{border-radius:50%;background:var(--surface-2)}
.form-field input,.form-field select{border-radius:5px;background:var(--bg);border-color:var(--line)}
.toast{background:var(--text);color:var(--bg);border-radius:6px;box-shadow:0 8px 24px #0003}
.reader-shell{max-width:760px}
.reader-topbar,.reader-progress-bar{max-width:760px}
.reader-shell .primary-button{background:#d6ed75;color:#202710}
.reader-progress-bar span{background:#d6ed75}
.reader-page-counter{color:var(--reader-text)}
.reader-intro h1{font-family:var(--font-display);font-size:24px;line-height:1.8}
.reader-shell .text-button,.reader-shell .eyebrow{color:var(--reader-text)}
.swatch-washi{background:#f0f2e9}.swatch-nocturne{background:#141714}.swatch-eclipse{background:#050705}
.auth-shell{max-width:480px;padding:28px max(28px,env(safe-area-inset-right)) calc(32px + env(safe-area-inset-bottom)) max(28px,env(safe-area-inset-left))}
.auth-brand>span{font-family:Alexandria,Lunar,sans-serif;font-size:21px;font-weight:700}
.auth-brand>svg{width:25px;height:25px;color:var(--accent)}
.auth-brand>small{font-family:Cabinet,sans-serif;font-size:12px;letter-spacing:.12em;font-weight:700}
.auth-art{height:225px;margin:26px 0;position:relative;display:block;overflow:hidden;background:var(--hero-panel);border-radius:4px}
.auth-art-word{position:absolute;top:35px;left:20px;font-family:Cabinet,sans-serif;font-size:77px;font-weight:800;line-height:1;letter-spacing:-.04em;color:var(--accent);opacity:.2;direction:ltr}
.auth-poster{position:absolute;object-fit:cover;width:105px;height:157px;border-radius:3px;box-shadow:8px 12px 18px #0004}
.poster-front{top:17px;left:calc(50% - 58px);transform:rotate(-10deg);z-index:2}
.poster-back{top:29px;left:calc(50% + 14px);transform:rotate(13deg);z-index:1}
.auth-edition{position:absolute;inset-inline:0;bottom:8px;text-align:center;font-family:Cabinet,sans-serif;font-size:8px;letter-spacing:.15em;color:var(--muted-2);direction:ltr}
.auth-heading{margin-bottom:24px}
.auth-kicker{font-size:10px;margin-bottom:8px}
.auth-heading h1{font-size:30px;line-height:1.7;font-family:var(--font-display);font-weight:700;margin-bottom:7px}
.auth-heading>p:last-child{font-size:12px;line-height:1.95}
.auth-form,.account-form{gap:18px}
.auth-form input,.account-form input{background:var(--surface);border-radius:5px;min-height:52px}
.auth-form .form-field>span,.account-form .form-field>span{font-size:12px}
.auth-form .primary-button{border-radius:5px;font-size:13px;min-height:52px}
.invite-explainer{margin-top:24px;padding-top:20px;gap:12px}
.invite-explainer>span{background:transparent;border:1px solid var(--line);border-radius:50%;width:38px;height:38px}
.invite-explainer p{font-size:11px;line-height:1.9}
.invite-explainer strong{font-size:12px}
.auth-footer{font-size:9px;padding-top:22px}
.appearance-picker label{border-radius:5px}
.account-avatar{border-radius:6px}
.account-identity strong{font-family:var(--font-display);font-size:19px}
.account-role{border-radius:3px}
.invite-ready{border-radius:6px}
@media(min-width:700px){
 .header-shell{padding-inline:max(48px,env(safe-area-inset-right)) max(48px,env(safe-area-inset-left));min-height:94px}
 .brand-word{font-size:22px}
 .page-shell{padding-inline:max(48px,env(safe-area-inset-right)) max(48px,env(safe-area-inset-left));padding-top:48px}
 .home-lead{display:grid;grid-template-columns:1fr 1fr;direction:ltr;gap:56px;align-items:center}
 .hero-copy{padding:0;grid-column:1;grid-row:1}
 .hero-copy h1{font-size:clamp(36px,4.25vw,60px);line-height:1.6}
 .hero-welcome{font-size:12px;margin-bottom:22px}
 .inline-story{width:65px;height:41px;margin-inline-start:16px}
 .hero-description{font-size:15px;line-height:2;margin-top:26px}
 .hero-actions{margin-top:30px;gap:14px}
 .hero-actions>.primary-button{max-width:245px;min-width:170px}
 .hero-actions>.secondary-button{min-width:125px}
 .hero-art{grid-column:2;grid-row:1;min-height:470px}
 .hero-orbit{width:580px;height:580px}
 .hero-word{font-size:clamp(100px,13vw,166px);left:20px;top:56px}
 .hero-main-cover{width:220px;top:65px;left:calc(50% - 133px)}
 .hero-back-cover{width:200px;top:80px;left:calc(50% + 9px)}
 .hero-art-caption{bottom:25px;font-size:11px}
 .reading-dock{grid-template-columns:150px minmax(0,1fr) 48px;gap:24px;padding-block:30px;margin-top:28px}
 .reading-dock-label{grid-column:1;grid-row:1;font-size:11px}
 .reading-dock-copy{grid-column:2;grid-row:1;display:flex;align-items:center;gap:22px;justify-content:space-between}
 .reading-dock-copy h2{font-size:26px}
 .reading-dock-copy p{font-size:11px;margin:0;white-space:nowrap}
 .reading-dock-action{grid-column:3;grid-row:1}
 .section-heading{margin-bottom:32px}
 .section-heading h2,.home-recent .section-heading h2{font-size:40px}
 .section-heading .eyebrow{font-size:12px;margin-bottom:8px}
 .story-bento{grid-template-columns:1.15fr 1fr;grid-template-rows:230px 230px}
 .story-tile:first-child{grid-column:1;grid-row:1/span 2;min-height:0}
 .story-tile{min-height:0}
 .gallery-count-1{grid-template-columns:1fr;grid-template-rows:430px}
 .gallery-count-1 .story-tile:first-child{grid-row:1}
 .gallery-count-2{grid-template-columns:1fr 1fr;grid-template-rows:430px}
 .gallery-count-2 .story-tile:first-child{grid-column:auto;grid-row:1;min-height:0}
 .story-tile-copy{padding:80px 28px 25px}
 .story-tile-copy h3{font-size:31px;max-width:94%}
 .story-tile-copy>span{font-size:12px;margin-top:13px}
 .story-marquee{margin:128px -48px 0;padding-block:32px}
 .marquee-group>span{font-size:46px}
 .marquee-group{gap:48px;padding-inline:24px}
 .discovery-intro{margin-bottom:64px}
 .discovery-intro>p{font-size:14px;margin-top:24px}
 .discovery-panels{height:480px;gap:8px}
 .discovery-panel{flex-basis:100px}
 .discovery-panel.is-active{flex:1}
 .discovery-copy{inset-inline:32px;bottom:28px}
 .discovery-copy h3{font-size:40px;max-width:90%}
 .discovery-copy>a{font-size:13px;margin-top:16px}
 .discovery-select{padding-top:24px}
 .discovery-panel.is-active .discovery-select{padding-inline:32px;bottom:150px}
 .continue-list,.updates-list{display:grid;grid-template-columns:1fr 1fr;column-gap:48px}
 .home-updates .section-heading h2{font-size:32px}
 .home-finale{padding:56px 56px 20px;display:grid;grid-template-columns:1.5fr 1fr;align-items:end;gap:48px}
 .home-finale h2{font-size:60px;line-height:1.5}
 .home-library-meta{justify-content:end;align-items:center;flex-direction:column;font-size:12px}
 .home-library-meta bdi{font-size:86px}
 .finale-links{grid-column:1/-1;gap:30px}
 .finale-links>span{font-size:23px}
 .finale-links>a,.finale-links>button{font-size:12px}
 .empty-art{grid-column:2;grid-row:1;min-height:440px}
 .empty-art>span{font-size:140px}
 .empty-book{top:85px;width:190px;height:265px;font-size:28px}
 .library-head h1,.history-head h1,.settings-page>.library-head h1{font-size:46px}
 .library-toolbar{margin-inline:0;padding-inline:0;gap:10px}
 .library-inline-search{max-width:500px}
 .library-refine{max-width:600px}
 .library-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 22px}
 .library-card-title{font-size:20px;min-height:48px}
 .library-card-meta,.card-context{font-size:11px}
 .detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
 .detail-book{padding:40px 32px 32px;gap:32px}
 .detail-book .detail-media{width:190px}
 .detail-heading h1{font-size:40px;max-width:100%}
 .chapter-section{margin-top:0}
 .chapter-section .chapter-heading h2{font-size:32px}
 .history-list{display:grid;grid-template-columns:1fr 1fr;gap:0 48px}
 .settings-sections{display:grid;grid-template-columns:1fr 1fr;gap:0 64px;align-items:start}
 .account-summary{max-width:530px;margin-bottom:24px;padding:28px}
 dialog{inset:0;margin:auto;border:1px solid var(--line);border-radius:12px;max-height:min(88dvh,var(--dialog-vh,88dvh))}
 .auth-shell{max-width:1120px;min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;column-gap:100px;align-content:center;direction:ltr;padding:48px max(48px,env(safe-area-inset-right)) calc(48px + env(safe-area-inset-bottom)) max(48px,env(safe-area-inset-left))}
 .auth-brand{grid-column:2;grid-row:1;direction:rtl;margin-bottom:42px}
 .auth-art{grid-column:1;grid-row:1/span 5;min-height:590px;height:100%;margin:0;align-self:stretch}
 .auth-art-word{font-size:110px;top:85px;left:26px}
 .auth-poster{width:190px;height:285px}
 .poster-front{top:135px;left:calc(50% - 125px)}
 .poster-back{top:165px;left:calc(50% + 5px)}
 .auth-edition{bottom:48px;font-size:10px}
 .auth-heading,.auth-form,.invite-explainer,.auth-back,.auth-footer,.auth-shell>.quiet-empty{grid-column:2;direction:rtl}
 .auth-heading{grid-row:2}
 .auth-heading h1{font-size:34px}
 .auth-form{grid-row:3}
 .invite-explainer{grid-row:4}
 .auth-footer{grid-row:5;text-align:start}
}
@media(min-width:1100px){
 .mobile-nav{position:fixed;top:20px;bottom:auto;inset-inline:0;width:470px;min-height:54px;border:0;padding:0;max-width:470px;background:transparent;z-index:25}
 .mobile-nav a{flex-direction:row;gap:8px;min-height:54px;font-size:12px;border-radius:5px}
 .mobile-nav a svg{width:18px;height:18px}
 .brand-kicker{display:block;font-family:Cabinet,sans-serif;font-size:13px;font-weight:700;letter-spacing:.12em;color:var(--muted-2);margin-inline-start:6px}
 .library-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:36px 24px}
 .page-shell{padding-bottom:80px}
}
@media(max-width:359px){
 .header-shell,.page-shell{padding-inline:max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-left))}
 .hero-copy h1{font-size:30px}
 .inline-story{width:35px;height:25px;margin-inline-start:7px}
 .hero-art{min-height:280px}
 .hero-main-cover{width:132px;left:calc(50% - 74px);top:22px}
 .hero-back-cover{width:118px;top:32px;left:calc(50% + 8px)}
 .hero-word{font-size:74px;left:16px;top:40px}
 .hero-actions{gap:8px}
 .hero-actions>.primary-button{font-size:12px;padding-inline:12px}
 .hero-actions>.secondary-button{min-width:92px;font-size:11px;padding-inline:10px}
 .library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}
 .library-card-title{font-size:16px}
 .library-toolbar{margin-inline:-20px;padding-inline:20px}
 .story-marquee{margin-inline:-20px}
 .story-tile{min-height:218px}
 .story-tile:first-child{min-height:260px}
 .story-tile-copy{padding-inline:12px}
 .story-tile-copy h3{font-size:17px}
 .section-heading h2,.home-recent .section-heading h2{font-size:25px}
 .home-updates .section-heading h2{font-size:19px}
 .discovery-panels{height:290px}
 .discovery-copy{inset-inline:12px}
 .discovery-copy h3{font-size:19px}
 .home-finale{padding:28px 20px 16px}
 .home-finale h2{font-size:32px}
 .chapter-filters .filter-chip{padding-inline:8px;font-size:9px}
 .chapter-bulk-trigger{font-size:9px}
 .auth-shell{padding-inline:24px}
 .auth-art{height:200px;margin-block:22px}
 .auth-art-word{font-size:65px}
 .auth-poster{width:92px;height:138px}
 .auth-heading h1{font-size:27px}
}
@media(hover:hover) and (pointer:fine){
 .library-card-main .library-cover-wrap img,.story-tile img,.hero-main-cover img,.discovery-art img{transition:transform 220ms var(--ease-out)}
 .library-card-main:hover .library-cover-wrap img,.story-tile:hover img,.hero-main-cover:hover img,.discovery-panel:hover img{transform:scale(1.05)}
 .library-card-main:hover,.rail-card a:hover{transform:none}
 .primary-button:hover{background:var(--accent);color:var(--accent-ink);filter:brightness(1.07)}
 .home-finale .primary-button:hover{background:#293616;color:#f1f7e8}
 .secondary-button:hover{background:var(--surface-2);color:var(--text)}
 .profile-button:hover{background:var(--surface-2);filter:none}
 .mobile-nav a:hover{background:var(--accent-soft);color:var(--accent)}
}
:root[data-motion=reduced] .story-media,:root[data-motion=reduced] .story-line>span{opacity:1!important;transform:none!important}
@media(prefers-reduced-motion:reduce){.story-media,.story-line>span{opacity:1!important;transform:none!important}}
@media(min-width:700px) and (max-height:500px) and (orientation:landscape){
 .header-shell{min-height:60px}
 .page-shell{padding-top:18px}
 .home-lead{align-items:start;gap:28px}
 .hero-copy h1{font-size:28px;line-height:1.5}
 .hero-welcome{margin-bottom:8px}
 .hero-description{font-size:12px;line-height:1.7;margin-top:10px}
 .hero-actions{margin-top:14px;gap:8px}
 .hero-actions>.primary-button,.hero-actions>.secondary-button{min-height:46px;min-width:0;font-size:11px;padding:10px 12px}
 .hero-art{min-height:260px}
 .hero-main-cover{width:132px;top:14px;left:calc(50% - 92px)}
 .hero-back-cover{width:118px;top:27px;left:calc(50% + 5px)}
 .hero-art-caption{font-size:9px;bottom:10px}
 .hero-word{font-size:84px;top:30px}
 .auth-shell{padding-block:28px}
 .auth-art{min-height:450px}
}