/* أثير — a moonlit reading garden. Decorative material stays static;
   the motion controller owns bounded transform/opacity effects and cleanup. */
@font-face{font-family:AetherArabic;src:url('./assets/aether-tajawal-400.ttf') format('truetype');font-weight:400;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}
@font-face{font-family:AetherArabic;src:url('./assets/aether-tajawal-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}
@font-face{font-family:AetherLatin;src:url('./assets/aether-outfit.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root[data-design=aether]{--bg:#f2eff8;--surface:#fcf9ff;--surface-2:#e7e1f0;--text:#282d45;--muted:#4b536d;--muted-2:#535b74;--accent:#575483;--accent-ink:#fff;--accent-soft:#62579016;--line:#b9b1ce;--focus:#615084;--chrome:#f2eff8f5;--hero-panel:#eee7f5;--display-green:#e7e1f0;--font-ui:AetherArabic,AetherLatin,sans-serif;--font-display:AetherArabic,AetherLatin,sans-serif;--aether-panel:#fbf8ffeb;--aether-panel-deep:#ede6f4ed;--aether-edge:#b9afcd;--aether-glow:#c0b7d914;--aether-button:linear-gradient(110deg,#575786,#755776);--aether-button-ink:#fff;--aether-garden-opacity:1;--aether-veil:linear-gradient(90deg,#eeeaf618,#f6f3fa0d 35%,#f6f3fa22);--aether-image-ink:#ece8ff;--pack-control-radius:14px;--pack-media-radius:20px;--pack-section-space:48px;--aether-blush:#dbbfcd;--aether-wing-light:#f0e5f9;--aether-wing-mid:#b9b5ec;--aether-wing-deep:#787bc0;--aether-wing-line:#ddd0f4;--aether-wing-body:#aaa6d8;--aether-garden-image:url('./assets/aether-conservatory-day.webp');}
:root[data-design=aether][data-appearance=night]{--bg:#0d1739;--surface:#18264c;--surface-2:#26365c;--text:#f7f3ff;--muted:#ccd0e1;--muted-2:#b9c1d9;--accent:#c7beff;--accent-ink:#1c2449;--accent-soft:#bdbeef14;--line:#3c4863;--focus:#cdccff;--chrome:#101c40f5;--hero-panel:#1b2a51;--display-green:#27324d;--aether-panel:#1a2853f0;--aether-panel-deep:#152344;--aether-edge:#6b73ae;--aether-glow:#b7acdc0c;--aether-button:linear-gradient(115deg,#a9ceff,#c2b5fc 66%,#d6b8ed);--aether-button-ink:#222b47;--aether-garden-opacity:.9;--aether-veil:linear-gradient(90deg,#0d173922,#0d17394d 22%,#0d17391a 70%,#0d17391a);}
:root[data-design=aether][data-appearance=oled]{--bg:#030711;--surface:#101a2c;--surface-2:#202c42;--text:#f7f3ff;--muted:#ccd0e1;--muted-2:#b9c1d9;--accent:#c7beff;--accent-ink:#1c2449;--accent-soft:#bdbeef16;--line:#35405a;--focus:#cdccff;--chrome:#030711fa;--hero-panel:#101b2e;--display-green:#202c42;--aether-panel:#101a2cf5;--aether-panel-deep:#0b1424;--aether-edge:#424d6a;--aether-glow:#b7acdc0a;--aether-button:linear-gradient(115deg,#a9ceff,#c2b5fc 66%,#d6b8ed);--aether-button-ink:#222b47;--aether-garden-opacity:.58;--aether-veil:linear-gradient(90deg,#03071144,#03071180 26%,#03071144 76%,#03071144);}

/* Day has a real morning illustration. No full-page white wash or animated filter. */

:root[data-design=aether]:is([data-appearance=night],[data-appearance=oled]){--aether-garden-image:url('./assets/aether-conservatory.webp');}
:root[data-design=aether] body{font-family:var(--font-ui);font-size:15px;line-height:1.85;background:var(--bg);}
:root[data-design=aether] .jouri-theme-wallpaper{display:block;position:fixed;inset:0;z-index:0;pointer-events:none;background:transparent;overflow:hidden}
:root[data-design=aether] .jouri-theme-wallpaper::before{content:"";position:absolute;inset:0;background:var(--aether-garden-image) center center / cover no-repeat;opacity:var(--aether-garden-opacity)}
:root[data-design=aether] .jouri-theme-wallpaper::after{content:"";position:absolute;inset:0;background:var(--aether-veil)}
:root[data-design=aether] :is(#app,#authRoot){position:relative;z-index:1;background:transparent}
:root[data-design=aether] .site-header{background:linear-gradient(180deg,var(--bg),transparent);box-shadow:none;border:0;}
:root[data-design=aether] .site-header.is-scrolled{background:var(--chrome);box-shadow:0 8px 24px #02091a16}
:root[data-design=aether] .header-shell{min-height:70px;padding-inline:max(22px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-left));padding:5px max(22px,env(safe-area-inset-right)) 5px max(22px,env(safe-area-inset-left));}
:root[data-design=aether] .brand{gap:10px}
:root[data-design=aether] .brand-word{font-family:var(--font-display);font-size:25px;font-weight:700;line-height:1.4;color:var(--text);}
:root[data-design=aether] .brand-mark{width:29px;color:var(--accent);}
:root[data-design=aether] .brand-mark svg{width:29px;height:29px;fill:currentColor;}
:root[data-design=aether] .brand-kicker{display:none}
:root[data-design=aether] .header-actions{gap:6px;}
:root[data-design=aether] :is(.header-actions .icon-button,.profile-button){width:44px;height:44px;border-radius:50%;background:var(--aether-panel);border:1px solid var(--aether-edge);color:var(--text);box-shadow:none;}
:root[data-design=aether] .page-shell{padding:18px max(30px,env(safe-area-inset-right)) calc(108px + env(safe-area-inset-bottom)) max(30px,env(safe-area-inset-left));max-width:1180px;}
:root[data-design=aether] :is(h1,h2,h3,.library-card-title,.history-card-copy strong,.continue-copy strong,.update-row strong,.reading-dock-copy h2,.account-identity strong){font-family:var(--font-display)}
:root[data-design=aether] :is(.primary-button,.secondary-button){border-radius:var(--pack-control-radius);min-height:50px;font-size:15px;padding:11px 16px;line-height:1.55;}
:root[data-design=aether] .primary-button{background:var(--aether-button);color:var(--aether-button-ink);border:1px solid transparent;box-shadow:none;filter:none;}
:root[data-design=aether] .secondary-button{background:var(--aether-panel);border:1px solid var(--line);box-shadow:none;color:var(--text);}
:root[data-design=aether] :is(.icon-button,.filter-chip){border-radius:14px}
:root[data-design=aether] .text-button{font-size:14px;line-height:1.7}
:root[data-design=aether] :is(.primary-button,.secondary-button,.icon-button,.profile-button,.filter-chip,.mobile-nav a){transition:transform 140ms var(--ease-out),color 140ms ease,background-color 140ms ease}
:root[data-design=aether] :is(.primary-button,.secondary-button,.icon-button,.profile-button):active{transform:scale(.97)}
:root[data-design=aether] .mobile-nav{background:var(--chrome);border:0;border-bottom:0;border-radius:20px 20px 0 0;box-shadow:none;min-height:70px;padding:6px max(8px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));gap:4px;border-top:1px solid var(--line);}
:root[data-design=aether] .mobile-nav a{min-height:54px;border-radius:16px;font-size:12px;line-height:1.4;gap:3px;}
:root[data-design=aether] .mobile-nav svg{width:22px;height:22px;}
:root[data-design=aether] .mobile-nav a[aria-current=page]{background:var(--accent-soft);color:var(--accent);box-shadow:none;}

/* A compact invitation into the garden, followed by the illustrated showcase. */
:root[data-design=aether] .taste-home{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "showcase" "artcontrols" "resume" "recent" "discovery" "saved" "updates" "finale";row-gap:0;padding-top:16px;}
:root[data-design=aether] .home-primary{display:contents}
:root[data-design=aether] .home-primary>.hero-copy{grid-area:intro}
:root[data-design=aether] .home-primary>.hero-art{grid-area:showcase}
:root[data-design=aether] .hero-copy{padding-top:0;min-width:0;position:relative}
:root[data-design=aether] .hero-welcome{font-size:14px;line-height:1.8;margin-bottom:9px;color:var(--muted);}
:root[data-design=aether] .hero-copy h1{font-family:var(--font-display);font-size:clamp(34px,9.8vw,44px);font-weight:700;line-height:1.4;max-width:100%;width:100%;text-wrap:nowrap;letter-spacing:0;}
:root[data-design=aether] .hero-copy h1 em{color:var(--accent)}
:root[data-design=aether] :is(.standard-title-copy,.standard-description-copy){display:none}
:root[data-design=aether] .aether-title-copy{display:contents}
:root[data-design=aether] .aether-description-copy{display:block}
:root[data-design=aether] .aether-title-book{display:none;vertical-align:middle;margin-inline-start:8px;color:var(--accent);width:35px;height:35px;align-items:center;justify-content:center;}
:root[data-design=aether] .hero-copy .inline-story{display:none}
:root[data-design=aether] .hero-description{font-size:15px;line-height:1.8;margin-top:14px;color:var(--muted);}
:root[data-design=aether] .hero-actions{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:10px;margin-top:18px;}
:root[data-design=aether] .hero-actions>.primary-button{max-width:none;min-width:0;width:100%;justify-content:start;font-size:15px;gap:8px;padding-inline:14px;}
:root[data-design=aether] .hero-actions>.secondary-button{min-width:0;font-size:14px;padding-inline:10px;gap:6px;}
:root[data-design=aether] .hero-actions>.primary-button>svg:first-child{display:none}
:root[data-design=aether] .hero-art{margin-top:40px;min-height:0;border:1px solid var(--aether-edge);border-radius:22px;background:linear-gradient(145deg,var(--aether-panel),var(--aether-panel-deep));overflow:hidden;box-shadow:none;grid-column:auto;grid-row:auto;display:block;}
:root[data-design=aether] :is(.hero-word,.hero-orbit){display:none}
:root[data-design=aether] .aether-flutter{position:absolute;left:22px;top:22px;display:block;width:48px;height:48px;z-index:3;background:none;pointer-events:none;}
:root[data-design=aether] .aether-flutter--near{left:auto;right:24px;top:78px;bottom:auto;width:34px;height:34px;}
:root[data-design=aether] .aether-flutter--far{left:auto;right:24px;top:22px;width:24px;height:24px;opacity:.65;}
/* Native snapping keeps cover changes responsive to a finger and usable if JS fails. */
:root[data-design=aether] .hero-art :is(.hero-main-cover,.hero-back-cover,.hero-art-caption){display:none}
:root[data-design=aether] .aether-showcase{display:block;width:100%;min-width:0;padding-top:7px;padding-bottom:3px;align-self:stretch;padding:7px 0 3px;}
:root[data-design=aether] .aether-showcase-track{display:flex;align-items:flex-start;gap:13px;width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:18px;overscroll-behavior-x:contain;scrollbar-width:none;padding:9px 18px 0;direction:rtl;}
:root[data-design=aether] .aether-showcase-track::-webkit-scrollbar{display:none}
:root[data-design=aether] .aether-showcase-slide{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:12px;flex:0 0 calc(100% - 13px);min-width:0;padding:10px 2px 0;scroll-snap-align:start;scroll-snap-stop:always;direction:rtl;text-align:center;}
:root[data-design=aether] .aether-feature-book{display:block;min-width:0;max-width:125px;width:50%;transform:rotate(-4deg);position:relative;isolation:isolate;margin:0 auto;}
:root[data-design=aether] .aether-feature-book>.library-cover-wrap{aspect-ratio:2/3;border-radius:10px;box-shadow:4px 7px 16px #080d2429;overflow:hidden;}
:root[data-design=aether] .aether-feature-copy{min-width:0;padding-block:0;}
:root[data-design=aether] .aether-feature-copy h2{font-family:var(--font-display);font-size:23px;line-height:1.35;font-weight:600;overflow-wrap:break-word;word-break:normal;display:block;-webkit-line-clamp:unset;-webkit-box-orient:initial;overflow:visible;color:var(--text);}
:root[data-design=aether] .aether-feature-copy small{display:block;color:var(--muted);font-size:12px;line-height:1.7;margin-top:0;margin:0 0 5px;}
:root[data-design=aether] .aether-feature-open{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;min-width:44px;padding:8px 10px;margin-top:8px;border-radius:12px;color:var(--accent);background:transparent;border:0;font-size:13px;line-height:1.6;}
:root[data-design=aether] .aether-feature-open svg{width:18px;height:18px}
:root[data-design=aether] .aether-showcase-controls{display:flex;gap:0;justify-content:center;align-items:center;position:relative;z-index:5;min-height:44px;margin-top:0;margin:0;}
:root[data-design=aether] .aether-showcase-controls button{display:grid;place-items:center;min-width:44px;min-height:44px;border-radius:50%;font-size:0;color:var(--accent);padding:0;background:transparent;transition:transform 140ms var(--ease-out)}
:root[data-design=aether] .aether-showcase-controls button::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--muted-2);opacity:.45;pointer-events:none}
:root[data-design=aether] .aether-showcase-controls button:is([aria-pressed=true],[aria-current=true],.is-active)::before{width:11px;height:11px;background:var(--accent);opacity:1}
:root[data-design=aether] .aether-showcase-controls button:active{transform:scale(.9)}
:root[data-design=aether] .aether-art-controls{grid-area:artcontrols;display:flex;justify-content:flex-end;min-width:0;margin-top:3px}
:root[data-design=aether] .aether-art-controls button{min-height:44px;min-width:44px;border-radius:14px;font-size:12px;line-height:1.7;color:var(--muted);padding:8px 10px;background:transparent;}
:root[data-design=aether] .reading-dock{position:relative;grid-area:resume;grid-template-columns:minmax(0,1fr) 48px;background:var(--aether-panel);border:0;border-radius:18px;padding:18px;margin-top:12px;gap:7px 12px;}
:root[data-design=aether] .reading-dock-label{font-size:13px}
:root[data-design=aether] .reading-dock-copy{display:block;grid-column:1;grid-row:auto}
:root[data-design=aether] .reading-dock-copy h2{font-size:22px;font-weight:600;line-height:1.35;}
:root[data-design=aether] .reading-dock-copy p{font-size:13px;margin-top:8px;white-space:normal}
:root[data-design=aether] .reading-dock-action{grid-column:2;grid-row:1 / span 2;width:48px;height:48px;background:var(--accent-soft);border-color:var(--aether-edge);color:var(--accent)}
:root[data-design=aether] .taste-section{margin-top:var(--pack-section-space)}
:root[data-design=aether] .home-recent{grid-area:recent}
:root[data-design=aether] .story-discovery{grid-area:discovery}
:root[data-design=aether] .saved-places{grid-area:saved}
:root[data-design=aether] .home-updates{grid-area:updates}
:root[data-design=aether] .home-finale{grid-area:finale}
:root[data-design=aether] .section-heading{margin-bottom:20px;align-items:center}
:root[data-design=aether] :is(.section-heading h2,.home-recent .section-heading h2){font-size:25px;line-height:1.5;font-weight:600;}
:root[data-design=aether] .section-heading .text-button{font-size:14px}
:root[data-design=aether] .section-heading .eyebrow{font-size:13px;margin-bottom:7px;display:none;}
/* Deliberate contained horizontal shelf, with an adjacent cover visible. */
:root[data-design=aether] .story-bento{display:flex;gap:18px;background:transparent;border-radius:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding-inline:1px;overscroll-behavior-x:contain;padding:2px 1px 12px;scrollbar-width:thin;scrollbar-color:var(--aether-edge) transparent}
:root[data-design=aether] :is(.story-tile,.story-tile:first-child,.gallery-count-2 .story-tile:first-child){flex:0 0 76%;min-height:0;grid-column:auto;grid-row:auto;overflow:hidden;scroll-snap-align:start;background:var(--aether-panel);border:0;border-radius:18px;}
:root[data-design=aether] .story-tile>a{position:relative;inset:auto;display:block;overflow:hidden;height:100%}
:root[data-design=aether] .story-media{position:relative;inset:auto;aspect-ratio:3 / 3.8;height:auto;overflow:hidden}
:root[data-design=aether] .story-media>.library-cover-wrap{width:100%;height:100%;aspect-ratio:auto}
:root[data-design=aether] .story-media img{object-position:center 24%}
:root[data-design=aether] .story-tile-copy{position:relative;inset:auto;padding:17px;background:var(--aether-panel);color:var(--text);}
:root[data-design=aether] .story-tile-copy h3{font-family:var(--font-display);font-size:22px;line-height:1.3;font-weight:600;-webkit-line-clamp:unset;display:block;overflow:visible;}
:root[data-design=aether] .story-tile-copy>span{color:var(--muted);font-size:13px;margin-top:12px}
:root[data-design=aether] :is(.story-marquee,.marquee-control){display:none}
:root[data-design=aether] .discovery-intro{text-align:start;margin:0 0 24px;max-width:720px}
:root[data-design=aether] .story-line{font-size:27px;line-height:1.65;font-weight:600;text-wrap:balance;max-width:100%;}
:root[data-design=aether] .discovery-intro>p{font-size:15px;line-height:1.9;margin-top:14px;}
:root[data-design=aether] .discovery-panels{height:325px;gap:7px;border-radius:18px;}
:root[data-design=aether] .discovery-panel{flex-basis:44px;border-radius:15px;background:var(--surface-2);}
:root[data-design=aether] .discovery-panel.is-active{flex:1}
:root[data-design=aether] .discovery-panel::after{background:#0a1237df}
:root[data-design=aether] .discovery-panel.is-active::after{background:linear-gradient(0deg,#080e2afc,#080e2a33 75%)}
:root[data-design=aether] .discovery-copy{inset-inline:14px;bottom:18px;color:#f4f1ff}
:root[data-design=aether] .discovery-copy h3{font-family:var(--font-display);font-size:24px;line-height:1.25;-webkit-line-clamp:3}
:root[data-design=aether] .discovery-copy>a{font-size:14px;color:#d4c7ff;margin-top:8px;line-height:1.5}
:root[data-design=aether] .discovery-select{color:#f4f1ff}
:root[data-design=aether] .discovery-panel.is-active .discovery-select{bottom:128px;padding-inline:14px}
:root[data-design=aether] :is(.continue-card,.update-row){border:0;background:var(--aether-panel);border-radius:16px;padding:16px;gap:15px;margin-bottom:12px;}
:root[data-design=aether] :is(.continue-copy strong,.update-row strong){font-size:21px;line-height:1.35;font-weight:600;}
:root[data-design=aether] :is(.continue-copy small,.update-row small){font-size:13px;line-height:1.8;color:var(--muted)}
:root[data-design=aether] :is(.continue-cover,.update-cover){border-radius:12px}
:root[data-design=aether] .home-updates .section-heading h2{font-size:25px;line-height:1.7}
:root[data-design=aether] .quiet-empty{font-size:14px;line-height:1.95;border:0;border-radius:16px;background:var(--aether-panel);padding:16px 18px;color:var(--muted);}
:root[data-design=aether] .home-finale{position:relative;display:flex;gap:26px;padding:28px 22px 16px;background:var(--aether-panel);color:var(--text);border:0;border-radius:22px;}
:root[data-design=aether] .home-finale h2{color:var(--text);font-size:34px;line-height:1.4;font-weight:600;}
:root[data-design=aether] .home-finale .primary-button{background:var(--aether-button);color:var(--aether-button-ink);border-radius:14px;font-size:15px;max-width:100%;margin-top:22px;}
:root[data-design=aether] .home-library-meta{color:var(--muted);font-size:14px;justify-content:start;flex-direction:row;align-items:baseline}
:root[data-design=aether] .home-library-meta bdi{font-family:AetherLatin,AetherArabic,sans-serif;font-size:37px}
:root[data-design=aether] .finale-links{color:var(--muted);border-color:var(--line);gap:12px}
:root[data-design=aether] .finale-links>span{font-family:AetherLatin,sans-serif;font-size:19px;letter-spacing:.05em}
:root[data-design=aether] :is(.finale-links>a,.finale-links>button){font-size:13px}

/* Illustrated library rows are a different reading rhythm from cover grids. */
:root[data-design=aether] :is(.screen-heading h1,.library-head h1,.history-head h1){font-family:var(--font-display);font-size:33px;line-height:1.35;font-weight:700;}
:root[data-design=aether] :is(.screen-heading,.library-head,.browse-head){margin-block:0 18px;}
:root[data-design=aether] :is(.library-head .eyebrow,.browse-heading>p,.history-head p){font-size:14px;line-height:1.8}
:root[data-design=aether] .library-total{font-family:AetherLatin,sans-serif;font-size:20px;color:var(--muted);}
:root[data-design=aether] .library-head .add-work-button{border-radius:50%;background:var(--accent-soft);color:var(--accent);width:44px;height:44px;}
:root[data-design=aether] :is(.search-field,.chapter-search-field){background:var(--aether-panel);border:1px solid var(--line);border-radius:14px;min-height:48px;padding-inline:15px;}
:root[data-design=aether] :is(input,select,.search-field input,.chapter-search-field input){font-size:16px;min-width:0}
:root[data-design=aether] :is(.search-field input::placeholder,.chapter-search-field input::placeholder){font-size:15px}
:root[data-design=aether] .filter-chip{font-size:13px;min-height:44px;padding-inline:14px;background:var(--aether-panel);border-color:var(--line);border:0;}
:root[data-design=aether] .filter-chip[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
:root[data-design=aether] .library-toolbar{margin-inline:-22px;padding-inline:22px;margin-top:8px;gap:8px;scroll-padding-inline:22px;}
:root[data-design=aether] .library-viewbar{margin-top:4px;gap:7px;margin:4px 0 0;}
:root[data-design=aether] .browse-count{font-size:14px}
:root[data-design=aether] .library-sort-control select{font-size:13px;max-width:128px;}
:root[data-design=aether] :is(.library-refine,.detail-more){border:1px solid var(--line);border-radius:17px;background:var(--aether-panel);padding-inline:16px;margin-top:8px}
:root[data-design=aether] :is(.library-refine summary,.detail-more summary){font-size:14px;line-height:1.8;min-height:48px}
:root[data-design=aether] .library-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;grid-auto-flow:dense;}
:root[data-design=aether] .library-card{background:var(--aether-panel);border:0;border-radius:18px;overflow:hidden;min-width:0;padding:0;box-shadow:none;}
:root[data-design=aether] .library-card-main{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:16px;padding:16px;min-width:0;min-height:164px;}
:root[data-design=aether] .library-cover-wrap{border-radius:14px}
:root[data-design=aether] .library-card-main>.library-cover-wrap{border-radius:11px;aspect-ratio:2/3;width:100%;transform:none;}
:root[data-design=aether] .library-card:nth-child(even) .library-card-main>.library-cover-wrap{transform:none;}
:root[data-design=aether] .library-card-copy{min-width:0;padding:0}
:root[data-design=aether] .library-card-title{font-family:var(--font-display);font-size:21px;font-weight:600;line-height:1.35;min-height:0;margin:0 0 8px;-webkit-line-clamp:unset;display:block;overflow:visible;}
:root[data-design=aether] .card-context{font-size:12px;line-height:1.8;gap:5px;}
:root[data-design=aether] .library-card-meta{font-size:12px;line-height:1.8;margin-top:5px;}
:root[data-design=aether] .library-card-genres{font-size:12px;line-height:1.8}
:root[data-design=aether] .library-card-progress{margin-top:9px;margin-inline:0;}
:root[data-design=aether] .library-card-progress>span{height:2px;border-radius:3px;background:var(--surface-2);overflow:hidden;}
:root[data-design=aether] .library-card-progress small{font-size:11px;line-height:1.8;margin-top:7px;}
:root[data-design=aether] .library-list-view .library-grid{display:flex;flex-direction:column;gap:12px}
:root[data-design=aether] .library-list-view .library-card-main{grid-template-columns:66px minmax(0,1fr);gap:16px;min-height:128px;padding:14px 16px;}
:root[data-design=aether] .library-list-view .library-card-main>.library-cover-wrap{transform:none;border-radius:10px}
:root[data-design=aether] .library-list-view .library-card-title{font-size:20px;line-height:1.3;margin:0 0 8px;min-height:0;-webkit-line-clamp:unset;display:block;overflow:visible;}
:root[data-design=aether] .library-list-view .library-card-copy{padding:0}
:root[data-design=aether] :is(.library-list-view .card-context,.library-list-view .library-card-meta){font-size:13px}
:root[data-design=aether] .library-list-view .library-card-genres{display:none}
:root[data-design=aether] :is(.refine-content select,.work-organization input,.work-organization select){background:var(--surface);border-color:var(--line);border-radius:12px}

/* The cover reads as an object; the chapter section is a separate destination. */
:root[data-design=aether] .detail-toolbar{margin-bottom:16px;}
:root[data-design=aether] .detail-layout{display:flex;flex-direction:column;gap:0}
:root[data-design=aether] .source-detail-hero{width:100%;min-width:0}
:root[data-design=aether] .detail-book{position:relative;display:flex;flex-direction:column;align-items:center;gap:18px;background:var(--aether-panel);border:0;border-radius:22px;padding:25px 20px 22px;overflow:hidden;}
:root[data-design=aether] .detail-book::before{display:none}
:root[data-design=aether] .detail-book .detail-media{width:165px;max-width:64%;transform:rotate(-3deg);margin:0;align-self:center;}
:root[data-design=aether] .detail-media>.source-detail-cover-wrap{border-radius:11px;box-shadow:5px 8px 16px #080d2429;}
:root[data-design=aether] .detail-heading{width:100%;text-align:center}
:root[data-design=aether] .detail-heading h1{font-family:var(--font-display);font-size:30px;line-height:1.3;font-weight:600;margin:9px auto 14px;max-width:100%;text-align:center;}
:root[data-design=aether] .detail-heading .eyebrow{font-size:12px;line-height:1.8;text-align:center;color:var(--muted);}
:root[data-design=aether] .detail-heading .series-tags{justify-content:center;gap:9px}
:root[data-design=aether] .tag{font-size:12px;line-height:1.9;color:var(--muted);}
:root[data-design=aether] .detail-content>.detail-actions{margin-top:16px;}
:root[data-design=aether] .detail-content>.detail-actions .primary-button{border-radius:14px;min-height:52px;font-size:16px;}
:root[data-design=aether] .detail-content .detail-summary{font-size:15px;line-height:1.95;margin-block:24px;color:var(--text);}
:root[data-design=aether] .detail-progress-pill{font-size:14px;line-height:1.8;margin-top:12px}
:root[data-design=aether] .series-facts{font-size:15px}
:root[data-design=aether] .chapter-section{width:100%;margin-top:32px;padding:22px 18px;background:var(--aether-panel);border:0;border-radius:20px;min-width:0;}
:root[data-design=aether] .chapter-section .chapter-heading h2{font-size:25px;line-height:1.5;font-weight:600;}
:root[data-design=aether] .chapter-heading p{font-size:14px}
:root[data-design=aether] .chapter-bulk-trigger{font-size:13px;gap:6px}
:root[data-design=aether] .chapter-tools{min-width:0}
:root[data-design=aether] .chapter-sort-row{gap:7px;margin-top:14px}
:root[data-design=aether] .chapter-filters{gap:6px}
:root[data-design=aether] .chapter-filters .filter-chip{font-size:12px;padding-inline:12px;min-height:44px}
:root[data-design=aether] .chapter-row{min-height:82px;padding:15px 3px;border-radius:0;border-color:var(--line);gap:9px;}
:root[data-design=aether] .chapter-row.is-current{background:var(--accent-soft);border-radius:14px;border-inline-start:0;padding-inline:12px}
:root[data-design=aether] .chapter-copy strong{font-size:15px;line-height:1.75;}
:root[data-design=aether] .chapter-copy small{font-size:12px;line-height:1.8;}
:root[data-design=aether] .chapter-state{font-size:12px;padding:5px 7px;border-radius:9px;color:var(--muted)}
:root[data-design=aether] .chapter-row.is-current .chapter-state{background:var(--accent);color:var(--accent-ink);border-radius:9px}
:root[data-design=aether] .chapter-load-more{min-height:50px;border-radius:14px;font-size:15px}
:root[data-design=aether] .external-detail-page .series-detail{background:var(--aether-panel);border:1px solid var(--line);border-radius:24px;padding:24px 20px}
:root[data-design=aether] .external-detail-page h1{font-size:34px;line-height:1.3;margin-block:22px}
:root[data-design=aether] .external-detail-page .story-summary{font-size:17px;line-height:1.95}

/* Reading history becomes a timeline; the date is the anchor. */
:root[data-design=aether] .history-head{align-items:end;margin-bottom:32px}
:root[data-design=aether] .history-group{position:relative;border-inline-start:1px solid var(--line);padding-inline-start:20px;margin-block:24px 32px;}
:root[data-design=aether] .history-group>.section-heading{position:relative;margin-bottom:18px;min-height:32px}
:root[data-design=aether] .history-group>.section-heading::before{content:"";position:absolute;inset-inline-start:-26px;top:11px;width:7px;height:7px;border-radius:50%;background:var(--aether-blush);box-shadow:0 0 0 5px var(--bg);}
:root[data-design=aether] .history-group .section-heading h2{font-size:17px;line-height:1.7;font-weight:700;color:var(--accent)}
:root[data-design=aether] .history-list{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
:root[data-design=aether] .history-card-main{min-height:140px;border:0;background:var(--aether-panel);border-radius:17px;padding:16px;gap:16px;}
:root[data-design=aether] .history-card-main>.library-cover-wrap{width:68px;border-radius:12px;}
:root[data-design=aether] .history-card-copy strong{font-family:var(--font-display);font-size:21px;line-height:1.3;font-weight:600;}
:root[data-design=aether] .history-card-copy small{font-size:12px;line-height:1.8;margin-top:10px;color:var(--muted);}
:root[data-design=aether] .history-card-main>svg{display:none}

/* Separate settings surfaces preserve a calm, practical hierarchy. */
:root[data-design=aether] .account-summary{position:relative;background:var(--aether-panel);color:var(--text);border:0;border-radius:20px;padding:22px 18px;gap:14px;max-width:none;margin-bottom:18px;}
:root[data-design=aether] .account-summary strong{color:var(--text);font-size:22px;line-height:1.4;font-weight:600;}
:root[data-design=aether] .account-summary small{color:var(--muted);font-size:12px;line-height:1.8;margin-top:5px;}
:root[data-design=aether] .account-summary .text-button{color:var(--accent);font-size:14px}
:root[data-design=aether] .account-summary .account-avatar{background:var(--accent-soft);color:var(--accent);border:0;width:44px;height:44px;}
:root[data-design=aether] .settings-sections{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:start;}
:root[data-design=aether] .settings-section{background:var(--aether-panel);border:0;border-radius:20px;padding:22px 19px;min-width:0;}
:root[data-design=aether] .settings-page .settings-section:first-child{padding-top:22px;border-color:var(--aether-edge);}
:root[data-design=aether] .settings-section h2{font-size:21px;line-height:1.5;margin-bottom:10px;font-weight:600;}
:root[data-design=aether] .settings-section p{font-size:15px;line-height:1.85;margin-bottom:17px;}
:root[data-design=aether] .settings-section .settings-note{font-size:13px;line-height:1.9;margin-top:16px;color:var(--muted);}
:root[data-design=aether] .settings-facts>div{font-size:14px;padding-block:12px;border-color:var(--line);gap:16px}
:root[data-design=aether] .settings-facts dd{max-width:60%;font-size:14px;line-height:1.8}
:root[data-design=aether] .settings-page .settings-actions{display:flex;flex-wrap:wrap;gap:10px}
:root[data-design=aether] .settings-page .settings-actions button{flex:1 1 120px;font-size:15px;padding-inline:12px}
:root[data-design=aether] :is(.source-health,.pending-imports,.refresh-status){font-size:14px;line-height:1.9}

/* Forms and sheet states use solid enough surfaces for every appearance. */
:root[data-design=aether] dialog{background:var(--surface);border:0;border-radius:22px 22px 0 0;padding:28px 22px calc(26px + env(safe-area-inset-bottom));color:var(--text);}
:root[data-design=aether] dialog::backdrop{background:#020617b8;backdrop-filter:none}
:root[data-design=aether] .dialog-head h2{font-size:25px;line-height:1.45;font-weight:600;}
:root[data-design=aether] .dialog-head .eyebrow{font-size:14px}
:root[data-design=aether] .dialog-head .icon-button{background:var(--surface-2);border:1px solid var(--line)}
:root[data-design=aether] :is(.form-field input,.form-field select){border-radius:12px;background:var(--bg);border-color:var(--line);min-height:52px;font-size:16px;}
:root[data-design=aether] :is(.form-field>span,.segmented-field legend,.appearance-picker legend,.design-picker legend){font-size:15px}
:root[data-design=aether] .design-option{border-radius:15px;padding:14px;grid-template-columns:76px minmax(0,1fr) 20px;gap:12px;min-height:100px;background:var(--bg);}
:root[data-design=aether] .design-option-copy strong{font-size:18px;line-height:1.5}
:root[data-design=aether] .design-option-copy small{font-size:13px;line-height:1.8;color:var(--muted)}
:root[data-design=aether] .design-picker-note{font-size:14px;line-height:1.9}
:root[data-design=aether] .appearance-picker label{border-radius:14px;min-height:50px;font-size:15px}
:root[data-design=aether] :is(.account-intro,.account-status,.invite-ready,.invite-tip,.account-security summary){font-size:15px;line-height:1.9}
:root[data-design=aether] .account-identity strong{font-size:25px;line-height:1.4}
:root[data-design=aether] .account-identity small{font-size:13px;line-height:1.8}
:root[data-design=aether] .account-role{font-size:13px;border-radius:8px}
:root[data-design=aether] .account-avatar{border-radius:16px;border:1px solid var(--aether-edge)}
:root[data-design=aether] .account-status.is-error{background:#3b193a;color:#ffe0ed}
:root[data-design=aether] .toast{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:17px;font-size:14px;line-height:1.8;}
:root[data-design=aether] :is(.search-result,.empty-state,.source-loading-card){color:var(--text)}
:root[data-design=aether] .empty-state{border-radius:24px;background:var(--aether-panel);border:1px solid var(--line);padding:32px 22px}
:root[data-design=aether] .empty-state h1,:root[data-design=aether] .empty-state h2{font-size:30px;line-height:1.5}
:root[data-design=aether] .empty-state p{font-size:16px;line-height:1.9}
:root[data-design=aether] .empty-lead{grid-column:1;display:flex;flex-direction:column;gap:24px}
:root[data-design=aether] .empty-art{border-radius:22px;background:var(--aether-panel);border:0;min-height:260px;}
:root[data-design=aether] .empty-art>span{font-family:AetherLatin,sans-serif;font-size:88px;color:var(--accent)}
:root[data-design=aether] .empty-book{background:var(--surface-2);color:var(--text);font-family:var(--font-display);border:1px solid var(--aether-edge);border-radius:6px 18px 18px 6px;box-shadow:9px 12px 0 var(--surface);font-size:28px;line-height:1.45}

/* Authentication remains one centred, comfortable story on all screen sizes. */
:root[data-design=aether] .auth-shell{display:flex;flex-direction:column;min-height:100svh;max-width:520px;gap:0;padding:30px max(26px,env(safe-area-inset-right)) calc(36px + env(safe-area-inset-bottom)) max(26px,env(safe-area-inset-left));direction:rtl}
:root[data-design=aether] .auth-brand{margin:0;min-height:48px;direction:rtl}
:root[data-design=aether] .auth-brand>span{font-family:var(--font-display);font-size:27px;color:var(--accent);font-weight:700;}
:root[data-design=aether] .auth-brand>small{font-family:AetherLatin,sans-serif;letter-spacing:.12em;font-size:12px}
:root[data-design=aether] .auth-brand>svg{color:var(--accent);width:32px;height:32px}
:root[data-design=aether] .auth-art{height:126px;min-height:126px;margin:18px 0 22px;background:var(--aether-panel);border:0;border-radius:18px;align-self:stretch;}
:root[data-design=aether] .auth-art-word{display:none}
:root[data-design=aether] .auth-poster{width:65px;height:98px;border-radius:9px;box-shadow:4px 6px 14px #080d2429;}
:root[data-design=aether] .poster-front{top:12px;left:calc(50% - 48px);transform:rotate(-10deg);}
:root[data-design=aether] .poster-back{top:16px;left:calc(50% + 7px);transform:rotate(12deg);}
:root[data-design=aether] .auth-edition{font-family:AetherLatin,sans-serif;font-size:10px;line-height:1.4;letter-spacing:.12em;bottom:9px;color:var(--muted);inset-inline-start:16px;inset-inline-end:auto;text-align:left;max-width:70px}
:root[data-design=aether] .auth-heading{margin-bottom:26px}
:root[data-design=aether] .auth-kicker{font-size:14px;margin-bottom:10px;display:none;}
:root[data-design=aether] .auth-heading h1{font-family:var(--font-display);font-size:31px;line-height:1.5;font-weight:700;margin-bottom:8px;}
:root[data-design=aether] .auth-heading>p:last-child{font-size:15px;line-height:1.9;color:var(--muted);}
:root[data-design=aether] :is(.auth-form,.account-form){gap:20px}
:root[data-design=aether] :is(.auth-form .form-field>span,.account-form .form-field>span){font-size:15px;line-height:1.7}
:root[data-design=aether] :is(.auth-form input,.account-form input){font-size:16px;min-height:52px;border-radius:14px;background:var(--surface);}
:root[data-design=aether] .auth-form .primary-button{border-radius:16px;font-size:16px;min-height:52px;}
:root[data-design=aether] .invite-explainer{gap:13px;margin-top:26px;padding-top:22px}
:root[data-design=aether] .invite-explainer>span{width:42px;height:42px;color:var(--accent);background:var(--surface);border-color:var(--aether-edge)}
:root[data-design=aether] .invite-explainer strong{font-size:16px;line-height:1.7}
:root[data-design=aether] .invite-explainer p{font-size:14px;line-height:1.9}
:root[data-design=aether] .auth-footer{font-size:13px;line-height:1.9;padding-top:24px;text-align:start}
:root[data-design=aether] .auth-back{font-size:15px}

/* Reader pages retain their own geometry and paper/ink/OLED palette. */
:root[data-design=aether] body.reader-mode{background:var(--reader-bg);color:var(--reader-text)}
:root[data-design=aether] .reader-mode .jouri-theme-wallpaper{display:none}
:root[data-design=aether] .reader-topbar{border-radius:22px 22px 0 0;border-color:var(--reader-line)}
:root[data-design=aether] .reader-shell .primary-button{background:var(--aether-button);color:var(--aether-button-ink);border-color:var(--aether-edge)}
:root[data-design=aether] .reader-progress-bar span{background:#b9a6ff}
:root[data-design=aether] .reader-shell .text-button{color:var(--reader-text)}
:root[data-design=aether] .reader-intro h1{font-family:var(--font-display)}

/* The miniature remains legible when another design is currently selected. */
.miniature-aether{background:#111a47;color:#b5acff;border:1px solid #9589d1;border-radius:13px;padding:7px;gap:5px}
.miniature-aether .miniature-heading{height:5px;width:67%;border-radius:4px}
.miniature-aether .miniature-books{height:32px;display:flex;align-items:center;justify-content:center;gap:0;padding-top:2px}
.miniature-aether .miniature-books>i{width:21px;height:29px;border-radius:3px;opacity:.9;transform:rotate(-9deg);background:#b2c7ff}
.miniature-aether .miniature-books>i:nth-child(2){background:#a696e8;transform:rotate(10deg);opacity:.75}
.miniature-aether .miniature-books>i:last-child{display:none}
.miniature-aether .miniature-line{border-radius:5px;align-self:center;width:34%;height:3px;background:#c2a5ff;opacity:.7}


:root[data-design=aether] .library-head .eyebrow,:root[data-design=aether] .history-head .eyebrow{display:none}
:root[data-design=aether] .library-page>.library-head{margin:0 0 10px}
:root[data-design=aether] .library-page>.library-head h1{font-size:32px;line-height:1.35}
:root[data-design=aether] .library-inline-search{min-height:46px}
:root[data-design=aether] .library-inline-search input{min-height:44px}
:root[data-design=aether] .library-refine{margin:0 0 8px;padding-inline:4px;background:transparent;border:0}
:root[data-design=aether] .library-refine summary{min-height:44px;font-size:13px;line-height:1.7;padding-block:8px}
:root[data-design=aether] .empty-art>.aether-flutter{font-size:0;letter-spacing:0;opacity:1}
:root[data-design=aether] .empty-lead>.aether-art-controls{grid-column:1 / -1}
@media(min-width:700px){
 :root[data-design=aether]{--pack-section-space:86px}
 :root[data-design=aether] .header-shell{min-height:76px;padding-inline:max(38px,env(safe-area-inset-right)) max(38px,env(safe-area-inset-left));}
 :root[data-design=aether] .page-shell{padding-inline:max(38px,env(safe-area-inset-right)) max(38px,env(safe-area-inset-left));padding-top:32px;}
 :root[data-design=aether] .taste-home{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"intro showcase" "intro artcontrols" "resume resume" "recent recent" "discovery discovery" "saved saved" "updates updates" "finale finale";column-gap:38px;align-items:start}
 :root[data-design=aether] .hero-copy{padding-top:28px;grid-column:auto;grid-row:auto}
 :root[data-design=aether] .hero-copy h1{font-size:clamp(38px,4.6vw,56px);line-height:1.5;}
 :root[data-design=aether] .hero-description{font-size:17px;margin-top:20px;}
 :root[data-design=aether] .hero-welcome{font-size:16px;margin-bottom:20px}
 :root[data-design=aether] .hero-actions{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);margin-top:30px}
 :root[data-design=aether] .hero-actions>.primary-button{min-width:0;font-size:16px;padding-inline:12px}
 :root[data-design=aether] .hero-actions>.secondary-button{min-width:0;font-size:15px;padding-inline:10px}
 :root[data-design=aether] .hero-art{min-height:0;margin-top:0;}
 :root[data-design=aether] .aether-flutter{top:22px;left:22px;width:48px;height:48px;}
 :root[data-design=aether] .aether-flutter--near{left:auto;right:24px;top:78px;bottom:auto;width:34px;height:34px;}
 :root[data-design=aether] .aether-flutter--far{left:auto;right:24px;top:22px;width:24px;height:24px;}
 :root[data-design=aether] .aether-showcase{padding-top:16px;padding-bottom:6px;display:flex;flex-direction:column;justify-content:center;}
 :root[data-design=aether] .aether-showcase-slide{grid-template-columns:minmax(0,1fr);gap:16px;padding-block:12px;text-align:center;}
 :root[data-design=aether] .aether-feature-book{width:145px;max-width:70%;}
 :root[data-design=aether] .aether-feature-copy{padding:0 6px}
 :root[data-design=aether] .aether-feature-copy h2{font-size:26px;line-height:1.4;}
 :root[data-design=aether] .aether-feature-copy small{font-size:14px;margin-top:10px}
 :root[data-design=aether] .aether-feature-open{margin-top:12px}
 :root[data-design=aether] .aether-showcase-controls{margin-top:0}
 :root[data-design=aether] .reading-dock{margin-top:26px;grid-template-columns:170px minmax(0,1fr) 48px;gap:20px;padding:24px}
 :root[data-design=aether] .reading-dock-label{grid-column:1;grid-row:1}
 :root[data-design=aether] .reading-dock-copy{grid-column:2;grid-row:1}
 :root[data-design=aether] .reading-dock-copy h2{font-size:28px}
 :root[data-design=aether] .reading-dock-action{grid-column:3;grid-row:1}
 :root[data-design=aether] :is(.section-heading h2,.home-recent .section-heading h2){font-size:36px}
 /* Match the portrait first-card specificity so every desktop shelf fills evenly. */
 :root[data-design=aether] .story-bento :is(.story-tile,.story-tile:first-child){flex-basis:calc((100% - 36px) / 3)}
 :root[data-design=aether] .gallery-count-1 :is(.story-tile,.story-tile:first-child){flex-basis:52%}
 :root[data-design=aether] .gallery-count-2 :is(.story-tile,.story-tile:first-child){flex-basis:calc((100% - 18px) / 2)}
 :root[data-design=aether] .story-tile-copy{padding:20px}
 :root[data-design=aether] .story-tile-copy h3{font-size:29px}
 :root[data-design=aether] .story-line{font-size:39px;line-height:1.6;max-width:730px}
 :root[data-design=aether] .discovery-intro{margin-bottom:32px}
 :root[data-design=aether] .discovery-intro>p{font-size:17px}
 :root[data-design=aether] .discovery-panels{height:430px;gap:10px}
 :root[data-design=aether] .discovery-panel{flex-basis:72px}
 :root[data-design=aether] .discovery-copy{inset-inline:25px;bottom:24px}
 :root[data-design=aether] .discovery-copy h3{font-size:34px;line-height:1.25;max-width:100%}
 :root[data-design=aether] .discovery-copy>a{font-size:16px}
 :root[data-design=aether] .home-finale{padding:38px 32px 20px}
 :root[data-design=aether] .home-finale h2{font-size:48px}
 :root[data-design=aether] .home-finale .primary-button{max-width:340px}
 :root[data-design=aether] :is(.screen-heading h1,.library-head h1,.history-head h1,.settings-page>.library-head h1){font-size:47px}
 :root[data-design=aether] .library-toolbar{margin-inline:0;padding-inline:0}
 :root[data-design=aether] .library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
 :root[data-design=aether] .library-card-main{grid-template-columns:90px minmax(0,1fr);gap:18px;padding:18px;min-height:171px;}
 :root[data-design=aether] .library-card-title{font-size:23px;}
 :root[data-design=aether] .library-list-view .library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 :root[data-design=aether] .detail-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:38px}
 :root[data-design=aether] .detail-book{position:relative;padding:38px 28px 30px}
 :root[data-design=aether] .detail-book .detail-media{width:185px;}
 :root[data-design=aether] .detail-heading h1{font-size:35px;}
 :root[data-design=aether] .chapter-section{margin-top:0;padding:28px 22px}
 :root[data-design=aether] .history-list{grid-template-columns:minmax(0,1fr);gap:18px}
 :root[data-design=aether] .history-card-main{padding:20px;gap:24px;max-width:800px}
 :root[data-design=aether] .history-card-main>.library-cover-wrap{width:82px;}
 :root[data-design=aether] .history-card-copy strong{font-size:27px;}
 :root[data-design=aether] .settings-sections{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
 :root[data-design=aether] .settings-section{padding:28px 24px}
 :root[data-design=aether] .settings-page .settings-section:first-child{padding-top:28px}
 :root[data-design=aether] .appearance-settings{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center}
 :root[data-design=aether] .appearance-settings p{margin-bottom:0}
 :root[data-design=aether] .account-summary{position:relative;max-width:650px}
 :root[data-design=aether] dialog{border-radius:24px;padding:30px 26px;max-width:540px}
 :root[data-design=aether] .auth-shell{padding-top:42px;padding-bottom:48px;max-width:560px;min-height:100svh}
 :root[data-design=aether] .auth-art{min-height:195px;height:195px;margin-block:26px}
 :root[data-design=aether] .auth-poster{width:106px;height:159px}
 :root[data-design=aether] .poster-front{top:12px;left:calc(50% - 75px)}
 :root[data-design=aether] .poster-back{top:23px;left:calc(50% + 12px)}
 :root[data-design=aether] .auth-heading h1{font-size:39px}
 :root[data-design=aether] .empty-lead{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:38px;align-items:center}
 :root[data-design=aether] .empty-art{min-height:400px}
}
@media(min-width:1100px){
 :root[data-design=aether]{--pack-section-space:106px}
 :root[data-design=aether] .page-shell{padding-top:48px;padding-bottom:90px}
 :root[data-design=aether] .taste-home{column-gap:70px}
 :root[data-design=aether] .hero-copy{padding-top:42px}
 :root[data-design=aether] .hero-copy h1{font-size:54px;line-height:1.5;}
 :root[data-design=aether] .hero-actions{margin-top:34px}
 :root[data-design=aether] .hero-actions>.primary-button{font-size:17px}
 :root[data-design=aether] .hero-actions>.secondary-button{font-size:16px}
 :root[data-design=aether] .hero-art{min-height:385px;}
 :root[data-design=aether] .aether-flutter{left:25px;top:25px;width:54px;height:54px;}
 :root[data-design=aether] .aether-flutter--near{left:auto;right:25px;top:80px;bottom:auto;width:37px;height:37px;}
 :root[data-design=aether] .aether-flutter--far{left:auto;right:25px;top:23px;width:25px;height:25px;}
 :root[data-design=aether] .aether-showcase-slide{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;text-align:start;padding-block:38px}
 :root[data-design=aether] .aether-feature-book{width:100%;max-width:165px;}
 :root[data-design=aether] .aether-feature-copy h2{font-size:28px;}
 :root[data-design=aether] .aether-feature-copy small{font-size:15px}
 :root[data-design=aether] .aether-feature-open{margin-top:22px;font-size:15px}
 :root[data-design=aether] .mobile-nav{top:11px;bottom:auto;width:490px;max-width:490px;min-height:54px;padding:0;border:0;border-radius:22px;background:transparent;gap:4px;}
 :root[data-design=aether] .mobile-nav a{min-height:54px;flex-direction:row;border-radius:17px;gap:7px;font-size:13px;}
 :root[data-design=aether] .mobile-nav svg{width:21px;height:21px}
 :root[data-design=aether] .library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
 :root[data-design=aether] .library-card-main{grid-template-columns:112px minmax(0,1fr);gap:26px;min-height:210px;padding:22px;}
 :root[data-design=aether] .library-card-title{font-size:27px;}
 :root[data-design=aether] .library-list-view .library-card-title{font-size:25px}
 :root[data-design=aether] .detail-layout{gap:56px}
}
@media(max-width:359px){
 :root[data-design=aether] .header-shell{padding-inline:max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-left));min-height:66px;}
 :root[data-design=aether] .brand-word{font-size:24px;}
 :root[data-design=aether] .header-actions{gap:7px}
 :root[data-design=aether] :is(.header-actions .icon-button,.profile-button){width:44px;height:44px}
 :root[data-design=aether] .page-shell{padding-inline:max(26px,env(safe-area-inset-right)) max(26px,env(safe-area-inset-left))}
 :root[data-design=aether] .hero-copy h1{font-size:33px;line-height:1.4;}
 :root[data-design=aether] .hero-description{font-size:15px;margin-top:14px;}
 :root[data-design=aether] .hero-actions{gap:8px}
 :root[data-design=aether] .hero-actions>.primary-button{font-size:15px;padding-inline:12px}
 :root[data-design=aether] .hero-actions>.secondary-button{font-size:14px;padding-inline:8px}
 :root[data-design=aether] .hero-art{min-height:0;}
 :root[data-design=aether] .aether-flutter{left:20px;top:20px;width:43px;height:43px;}
 :root[data-design=aether] .aether-flutter--near{left:auto;right:20px;top:75px;bottom:auto;width:30px;height:30px;}
 :root[data-design=aether] .aether-flutter--far{left:auto;right:20px;top:20px;width:22px;height:22px;}
 :root[data-design=aether] .aether-showcase-track{padding-inline:14px;scroll-padding-inline:14px;gap:10px}
 :root[data-design=aether] .aether-showcase-slide{gap:12px;flex-basis:calc(100% - 10px);padding-block:10px 0;}
 :root[data-design=aether] .aether-feature-copy h2{font-size:21px;line-height:1.4;}
 :root[data-design=aether] .aether-feature-copy small{font-size:13px}
 :root[data-design=aether] .aether-feature-open{font-size:13px;margin-top:14px;padding-inline:8px}
 :root[data-design=aether] .reading-dock{padding:18px 16px}
 :root[data-design=aether] .reading-dock-copy h2{font-size:23px}
 :root[data-design=aether] :is(.section-heading h2,.home-recent .section-heading h2){font-size:26px}
 :root[data-design=aether] .section-heading .text-button{font-size:13px}
 :root[data-design=aether] .story-tile-copy h3{font-size:24px}
 :root[data-design=aether] .story-line{font-size:26px}
 :root[data-design=aether] .discovery-panel{flex-basis:44px}
 :root[data-design=aether] .discovery-copy{inset-inline:11px}
 :root[data-design=aether] .discovery-copy h3{font-size:22px}
 :root[data-design=aether] .discovery-copy>a{font-size:13px}
 :root[data-design=aether] .home-updates .section-heading h2{font-size:22px}
 :root[data-design=aether] .home-finale{padding:26px 18px 16px}
 :root[data-design=aether] .home-finale h2{font-size:34px}
 :root[data-design=aether] .library-toolbar{margin-inline:-18px;padding-inline:18px}
 :root[data-design=aether] .library-card-main{grid-template-columns:75px minmax(0,1fr);gap:14px;padding:14px;min-height:145px;}
 :root[data-design=aether] .library-card-title{font-size:20px;line-height:1.25;}
 :root[data-design=aether] :is(.card-context,.library-card-meta){font-size:12px}
 :root[data-design=aether] .library-card-progress small{font-size:11px}
 :root[data-design=aether] .chapter-section{padding:22px 14px}
 :root[data-design=aether] .chapter-bulk-trigger{font-size:12px;padding-inline:0}
 :root[data-design=aether] .chapter-filters .filter-chip{font-size:11px;padding-inline:10px}
 :root[data-design=aether] .chapter-state{font-size:11px;padding-inline:5px}
 :root[data-design=aether] .history-group{padding-inline-start:15px}
 :root[data-design=aether] .history-group>.section-heading::before{inset-inline-start:-21px}
 :root[data-design=aether] .history-card-main{padding:14px;gap:13px}
 :root[data-design=aether] .history-card-main>.library-cover-wrap{width:65px}
 :root[data-design=aether] .history-card-copy strong{font-size:23px}
 :root[data-design=aether] .history-card-copy small{font-size:12px}
 :root[data-design=aether] .settings-section{padding:24px 17px}
 :root[data-design=aether] .account-summary{position:relative;padding:20px 16px;gap:10px;flex-wrap:wrap}
 :root[data-design=aether] .account-summary .text-button{margin-inline-start:auto}
 :root[data-design=aether] .account-summary small{font-size:12px}
 :root[data-design=aether] .mobile-nav a{font-size:12px;}
 :root[data-design=aether] dialog{padding-inline:18px}
 :root[data-design=aether] .design-option{grid-template-columns:60px minmax(0,1fr) 18px;padding:12px 10px;gap:9px}
 :root[data-design=aether] .design-option-copy small{font-size:12px}
 :root[data-design=aether] .auth-shell{padding-inline:22px}
 :root[data-design=aether] .auth-art{height:118px;min-height:118px;margin-block:20px;}
 :root[data-design=aether] .auth-poster{width:60px;height:90px;}
 :root[data-design=aether] .auth-heading h1{font-size:32px}
}
@media(min-width:700px) and (max-height:500px) and (orientation:landscape){
 :root[data-design=aether] .header-shell{min-height:56px;padding-block:3px;}
 :root[data-design=aether] .page-shell{padding-top:14px;}
 :root[data-design=aether] .taste-home{column-gap:28px}
 :root[data-design=aether] .hero-copy{padding-top:0}
 :root[data-design=aether] .hero-copy h1{font-size:30px;line-height:1.5}
 :root[data-design=aether] .hero-welcome{font-size:14px;margin-bottom:8px}
 :root[data-design=aether] .hero-description{font-size:15px;line-height:1.8;margin-top:10px}
 :root[data-design=aether] .hero-actions{gap:8px;margin-top:16px}
 :root[data-design=aether] .hero-actions>.primary-button,:root[data-design=aether] .hero-actions>.secondary-button{font-size:14px;min-height:46px;padding:10px;min-width:0}
 :root[data-design=aether] .hero-art{min-height:0;}
 :root[data-design=aether] .aether-flutter{width:38px;height:38px;left:20px;top:20px;}
 :root[data-design=aether] .aether-flutter--near{left:auto;right:20px;top:65px;bottom:auto;width:27px;height:27px;}
 :root[data-design=aether] .aether-flutter--far{left:auto;right:20px;top:20px;width:20px;height:20px;}
 :root[data-design=aether] .aether-showcase{padding-top:6px;padding-bottom:2px}
 :root[data-design=aether] .aether-showcase-slide{grid-template-columns:minmax(0,1fr);gap:10px;text-align:center;padding-block:9px 0;}
 :root[data-design=aether] .aether-feature-book{width:88px;max-width:60%;}
 :root[data-design=aether] .aether-feature-copy h2{font-size:21px;}
 :root[data-design=aether] .aether-feature-copy small{font-size:12px;margin-top:8px;}
 :root[data-design=aether] .aether-feature-open{font-size:13px;margin-top:4px;}
 :root[data-design=aether] .auth-shell{padding-top:24px;max-width:520px}
 :root[data-design=aether] .auth-art{height:135px;min-height:135px;margin-block:18px}
 :root[data-design=aether] .auth-poster{width:72px;height:108px}

 :root[data-design=aether] .mobile-nav{min-height:60px;padding-block:3px;border-radius:16px 16px 0 0}
 :root[data-design=aether] .mobile-nav a{min-height:53px;flex-direction:row;gap:7px;font-size:12px}
 :root[data-design=aether] .mobile-nav svg{width:20px;height:20px}
 :root[data-design=aether] .library-page{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 22px}
 :root[data-design=aether] .library-page>.library-head{grid-column:1;grid-row:1;margin-bottom:8px}
 :root[data-design=aether] .library-page>.library-controls{grid-column:2;grid-row:1 / span 2}
 :root[data-design=aether] .library-page>.library-viewbar{grid-column:1;grid-row:2;margin:0}
 :root[data-design=aether] .library-page>.library-refine{grid-column:1 / -1;grid-row:3;margin-bottom:8px}
 :root[data-design=aether] .library-page>.library-grid,:root[data-design=aether] .library-page>.empty-state,:root[data-design=aether] .library-page>.refresh-status{grid-column:1 / -1}
 :root[data-design=aether] .library-page>.refresh-status:empty{display:none}
 :root[data-design=aether] .library-inline-search{max-width:none}
}
@media(hover:hover) and (pointer:fine){
 :root[data-design=aether] .primary-button:hover{filter:none;background:var(--aether-button);color:var(--aether-button-ink);transform:translateY(-1px)}
 :root[data-design=aether] .secondary-button:hover{background:var(--surface-2);color:var(--text);transform:translateY(-1px)}
 :root[data-design=aether] .home-finale .primary-button:hover{background:var(--aether-button);color:var(--aether-button-ink)}
 :root[data-design=aether] .mobile-nav a:hover{background:var(--surface-2);color:var(--accent)}
}
:root[data-design=aether][data-motion=reduced] :is(.aether-flutter,.hero-art,.story-tile,.library-card,.history-card,.settings-section){animation:none!important}
@media(prefers-reduced-motion:reduce){
 :root[data-design=aether] :is(.aether-flutter,.hero-art,.story-tile,.library-card,.history-card,.settings-section){animation:none!important}
 :root[data-design=aether] :is(.primary-button,.secondary-button,.icon-button,.profile-button,.filter-chip,.mobile-nav a){transition:none}
}

/* Aether47 named perches: flights stay in reserved margins, never over copy. */
:root[data-design=aether] .header-shell{position:relative}
:root[data-design=aether] .aether-flutter[data-aether-placement=header]{width:24px;height:24px;left:47%;right:auto;top:13px;opacity:.9}
:root[data-design=aether] .aether-flutter[data-aether-placement=hero]{width:38px;height:38px;left:8px;right:auto;top:47px;transform:rotate(-20deg)}
:root[data-design=aether] .aether-flutter[data-aether-placement=corner]{width:20px;height:20px;left:60px;right:auto;top:8px;opacity:.72}
:root[data-design=aether] .aether-flutter[data-aether-placement=showcase]{width:42px;height:42px;left:13px;right:auto;top:44px}
:root[data-design=aether] .aether-flutter[data-aether-placement=near]{left:auto;right:17px;top:118px;width:30px;height:30px}
:root[data-design=aether] .aether-flutter[data-aether-placement=far]{left:auto;right:27px;top:21px;width:20px;height:20px;opacity:.8}
:root[data-design=aether] .aether-flutter[data-aether-placement=nav]{width:25px;height:25px;left:auto;right:13px;top:-10px;z-index:3}
:root[data-design=aether] .aether-flutter[data-aether-placement=card]{width:25px;height:25px;left:10px;right:auto;top:-14px}
:root[data-design=aether] .account-identity{position:relative}
:root[data-design=aether] .aether-flutter[data-aether-placement=dialog]{width:27px;height:27px;left:calc(50% - 13px);right:auto;top:5px}
:root[data-design=aether] .aether-decorated-field{position:relative}
:root[data-design=aether] .aether-flutter[data-aether-placement=field]{width:24px;height:24px;left:9px;right:auto;top:38px}
:root[data-design=aether] .aether-flutter[data-aether-placement=action]{width:27px;height:27px;left:14px;right:auto;top:12px}
:root[data-design=aether] .aether-decorated-field input{padding-inline-end:46px}
:root[data-design=aether] .account-form .aether-decorated-action{position:relative;padding-inline:48px}
:root[data-design=aether] .account-dialog{background:linear-gradient(160deg,var(--surface),var(--bg));border:1px solid var(--aether-edge);border-bottom:0}
:root[data-design=aether] .account-dialog .dialog-head{position:relative;padding-inline-start:38px}
:root[data-design=aether] .account-dialog .dialog-head .eyebrow{display:none}
:root[data-design=aether] .account-dialog .account-avatar{border-radius:50%;background:var(--aether-panel)}
:root[data-design=aether] .account-dialog .aether-art-controls{justify-content:center;margin-block:6px}
:root[data-design=aether] .aether-page-accent{display:flex;align-items:center;justify-content:space-between;position:relative;min-height:48px;margin-top:24px;grid-column:1 / -1}
:root[data-design=aether] .aether-page-accent>.aether-flutter{position:relative;inset:auto;width:28px;height:28px;flex:none}
:root[data-design=aether] .aether-page-accent>.aether-art-controls{margin:0}
:root[data-design=aether] .page-shell>.aether-page-accent{clear:both}
:root[data-design=aether] .aether-art-controls button{border:1px solid transparent}
:root[data-design=aether] .aether-art-controls button:focus-visible{border-color:var(--focus)}
:root[data-design=aether] .mobile-nav{background:linear-gradient(165deg,var(--surface),var(--chrome));border-radius:22px 22px 0 0;border-top:1px solid var(--aether-edge)}
:root[data-design=aether] .mobile-nav a[aria-current=page]{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--aether-edge)}
:root[data-design=aether] .hero-copy h1 em{color:var(--accent)}
:root[data-design=aether] .hero-welcome{color:var(--text)}
:root[data-design=aether] ::selection{background:var(--accent);color:var(--accent-ink)}
:root[data-design=aether] :is(input,textarea){caret-color:var(--accent)}
:root[data-design=aether] :is(.account-dialog,.search-results){scrollbar-color:var(--aether-edge) var(--bg);scrollbar-width:thin}
@media(min-width:1100px){
 :root[data-design=aether] .aether-flutter[data-aether-placement=header]{display:none}
 :root[data-design=aether] .mobile-nav{background:transparent;border:0}
 :root[data-design=aether] .aether-flutter[data-aether-placement=nav]{left:-24px;right:auto;top:0}
 :root[data-design=aether] .aether-flutter[data-aether-placement=hero]{left:20px;top:90px;width:48px;height:48px}
 :root[data-design=aether] .aether-flutter[data-aether-placement=corner]{left:90px;top:12px;width:25px;height:25px}
}
@media(max-width:359px){
 :root[data-design=aether] .aether-flutter[data-aether-placement=header]{left:46%;top:17px;width:19px;height:19px}
 :root[data-design=aether] .aether-flutter[data-aether-placement=hero]{left:4px;top:46px;width:30px;height:30px}
 :root[data-design=aether] .aether-flutter[data-aether-placement=corner]{left:44px;width:17px;height:17px}
}
@media(max-height:500px) and (orientation:landscape){
 :root[data-design=aether] .aether-flutter[data-aether-placement=hero]{left:0;top:32px;width:25px;height:25px}
 :root[data-design=aether] .aether-flutter[data-aether-placement=header]{top:9px}
}

/* Reserved wide-flight scene. It cannot intercept taps or extend the document. */
.aether-flight-area{display:none}
:root[data-design=aether] .aether-flight-area{display:block;position:fixed;inset:0;z-index:2;overflow:clip;pointer-events:none;contain:strict}
:root[data-design=aether] .aether-flight-area>.aether-flutter[data-aether-flight]{position:absolute;left:0;top:0;right:auto;bottom:auto;width:24px;height:24px;opacity:.94;pointer-events:none}
:root[data-design=aether] .aether-flight-area .aether-butterfly{transform:rotate(0)}
:root[data-design=aether] body:is(.reader-mode,.auth-mode) .aether-flight-area,
:root[data-design=aether] body:has(dialog[open]) .aether-flight-area{display:none}
:root[data-design=aether][data-motion=reduced] .aether-flight-area{display:none}
@media(prefers-reduced-motion:reduce){:root[data-design=aether] .aether-flight-area{display:none}}
@media(max-width:359px){:root[data-design=aether] .aether-flight-area>.aether-flutter[data-aether-flight]{width:20px;height:20px}}