/* Aether reading spaces. Local materials keep the garden visible between
   sections while search, story copy and chapter states have a quiet ground. */
:root[data-design=aether] :is(.library-page,.browse-page,.history-page,.detail-page){min-width:0}
:root[data-design=aether] :is(.library-page,.browse-page,.history-page) :is(h1,h2){text-wrap:balance}
:root[data-design=aether] :is(.library-head,.browse-head,.history-head){gap:16px}
:root[data-design=aether] .library-title-line{gap:12px;align-items:baseline}
:root[data-design=aether] .library-total{font-size:17px;font-variant-numeric:tabular-nums}
:root[data-design=aether] .library-heading-actions{gap:7px}
:root[data-design=aether] .library-heading-actions .icon-button{background:var(--aether-panel);border:1px solid var(--aether-edge);border-radius:14px}
:root[data-design=aether] .library-controls{background:var(--aether-panel);border:1px solid var(--aether-edge);border-radius:18px;padding:12px;min-width:0}
:root[data-design=aether] .library-inline-search{background:var(--surface);border-color:var(--line);min-height:48px;padding-inline:12px}
:root[data-design=aether] :is(.library-inline-search,.chapter-search-field):focus-within{outline:2px solid var(--focus);outline-offset:3px}
:root[data-design=aether] .library-toolbar{margin:10px -1px -1px;padding:0 1px 1px;scroll-padding-inline:1px;gap:6px}
:root[data-design=aether] .library-toolbar .filter-chip{background:transparent;border-radius:11px;padding-inline:12px;color:var(--muted);gap:7px}
:root[data-design=aether] .library-toolbar .filter-chip[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}
:root[data-design=aether] .filter-chip bdi{font-size:11px;opacity:1;font-variant-numeric:tabular-nums}
:root[data-design=aether] .library-page>.library-viewbar{margin:10px 0 0;padding:5px 8px;gap:4px;background:var(--aether-panel);border-radius:14px;min-width:0}
:root[data-design=aether] .library-viewbar .browse-count{font-size:12px;line-height:1.6;white-space:normal;min-width:0}
:root[data-design=aether] .library-sort-control{min-width:0}
:root[data-design=aether] .library-sort-control select{min-height:44px;font-size:12px;max-width:116px;color:var(--text)}
:root[data-design=aether] .layout-toggle{gap:0}
:root[data-design=aether] .layout-toggle .icon-button{border-radius:10px;width:44px;min-width:44px;min-height:44px}
:root[data-design=aether] .layout-toggle .icon-button[aria-pressed=true]{background:var(--surface-2);color:var(--accent)}
:root[data-design=aether] .library-page>.library-refine{margin-top:10px;margin-bottom:20px;border-color:var(--aether-edge);border-radius:14px;padding-inline:14px}
:root[data-design=aether] .library-refine summary{font-size:13px;min-height:48px;line-height:1.7;color:var(--text)}
:root[data-design=aether] .library-refine summary>span{flex:none;width:24px;text-align:center;color:var(--accent);font-size:20px}
:root[data-design=aether] .refine-content{gap:12px;padding-bottom:16px}
:root[data-design=aether] .refine-content label{font-size:13px;line-height:1.65}
:root[data-design=aether] .refine-content select{font-size:14px}
:root[data-design=aether] .refresh-status:not(:empty){background:var(--aether-panel);border-radius:12px;padding:12px;font-size:13px;line-height:1.8;margin-bottom:16px}
:root[data-design=aether] .refresh-status:empty{margin:0;padding:0}

/* The cover remains the visual anchor; full titles and reading state are never
   clamped or hidden to force equally tall cards. */
:root[data-design=aether] :is(.library-page,.browse-page) .library-grid{gap:14px;align-items:start}
:root[data-design=aether] :is(.library-page,.browse-page) .library-card{border:1px solid var(--aether-edge);border-radius:17px;background:var(--aether-panel)}
:root[data-design=aether] :is(.library-page,.browse-page) .library-card-main{grid-template-columns:82px minmax(0,1fr);gap:16px;padding:16px;min-height:158px;align-items:start}
:root[data-design=aether] :is(.library-page,.browse-page) .library-card-main>.library-cover-wrap{align-self:center;border-radius:10px}
:root[data-design=aether] :is(.library-page,.browse-page) .library-card-title{font-size:20px;line-height:1.4;font-weight:700;margin-bottom:8px;overflow-wrap:anywhere}
:root[data-design=aether] :is(.library-page,.browse-page) .card-context{margin-top:0;line-height:1.8;color:var(--muted);font-size:12px}
:root[data-design=aether] :is(.library-page,.browse-page) .library-card-meta{margin-top:4px;font-size:12px;line-height:1.8;color:var(--muted)}
:root[data-design=aether] :is(.library-page,.browse-page) .library-card-progress{margin-top:11px}
:root[data-design=aether] :is(.library-page,.browse-page) .library-card-progress>span{height:3px}
:root[data-design=aether] :is(.library-page,.browse-page) .library-card-progress small{font-size:12px;line-height:1.8;margin-top:7px;color:var(--muted)}
:root[data-design=aether] .library-list-view .library-card-main{grid-template-columns:60px minmax(0,1fr);gap:14px;min-height:120px;padding:14px}
:root[data-design=aether] .library-list-view .library-card-title{font-size:18px;line-height:1.45;margin-bottom:5px}
:root[data-design=aether] .library-list-view .library-card-progress{margin-top:8px}
:root[data-design=aether] .browse-page>.filter-bar{background:var(--aether-panel);border:1px solid var(--aether-edge);border-radius:15px;margin-inline:0;padding:8px;gap:6px;scroll-padding-inline:8px}
:root[data-design=aether] .browse-page>.filter-bar .filter-chip{background:transparent;border-radius:10px;padding-inline:12px}
:root[data-design=aether] .browse-page>.filter-bar .filter-chip[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}
:root[data-design=aether] .browse-page>.browse-count{display:table;margin-block:12px 16px;background:var(--aether-panel);border-radius:9px;padding:5px 10px;font-size:13px;line-height:1.7}
:root[data-design=aether] .browse-heading>p:not(.eyebrow){background:var(--aether-panel);border-radius:10px;padding:7px 11px;max-width:42ch;width:fit-content;font-size:14px;line-height:1.8;color:var(--muted)}

/* One book jacket and one quiet page of notes, rather than a readable cover
   followed by unprotected text on the wallpaper. */
:root[data-design=aether] .detail-toolbar{gap:12px;margin-bottom:16px;align-items:center}
:root[data-design=aether] .detail-toolbar>.text-button{min-height:44px;padding-inline:13px;border-radius:12px;background:var(--aether-panel);color:var(--text)}
:root[data-design=aether] .detail-toolbar .detail-remove-button{background:var(--aether-panel);border:1px solid var(--aether-edge);border-radius:12px}
:root[data-design=aether] .detail-page .source-detail-hero{background:var(--aether-panel);border:1px solid var(--aether-edge);border-radius:22px;overflow:clip;min-width:0}
:root[data-design=aether] .detail-page .detail-book{background:transparent;border:0;border-radius:0;padding:25px 20px 22px;gap:17px}
:root[data-design=aether] .detail-page .detail-heading h1{font-size:29px;line-height:1.3;margin-block:9px 13px;overflow-wrap:anywhere}
:root[data-design=aether] .detail-page .detail-heading .eyebrow{font-size:12px;line-height:1.8}
:root[data-design=aether] .detail-page .series-tags{gap:6px 13px}
:root[data-design=aether] .detail-page .tag{padding:0;font-size:12px;line-height:1.8;color:var(--muted)}
:root[data-design=aether] .detail-page .detail-content{padding:20px;border-top:1px solid var(--line);min-width:0}
:root[data-design=aether] .detail-page .detail-content>.detail-actions{margin-top:0}
:root[data-design=aether] .detail-page .detail-actions .primary-button{font-size:15px;gap:9px;padding-inline:14px;min-height:52px}
:root[data-design=aether] .detail-page .detail-progress-pill{font-size:13px;line-height:1.85;margin-top:12px;color:var(--muted);overflow-wrap:anywhere}
:root[data-design=aether] .detail-page .detail-content .detail-summary{font-size:15px;line-height:1.95;margin-block:22px;max-width:66ch;color:var(--text);overflow-wrap:anywhere}
:root[data-design=aether] .detail-page .detail-more{background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;margin:0;padding:0}
:root[data-design=aether] .detail-page .detail-more summary{color:var(--text);min-height:48px;padding-block:12px;font-size:14px;line-height:1.8}
:root[data-design=aether] .detail-page .series-facts{margin:0 0 18px}
:root[data-design=aether] .detail-page .series-facts>div{font-size:13px;line-height:1.8;padding-block:10px;gap:15px}
:root[data-design=aether] .detail-page .series-facts dd{max-width:65%;text-align:end}
:root[data-design=aether] .detail-page .work-organization{gap:13px 12px}
:root[data-design=aether] .detail-page .work-organization label{font-size:13px;line-height:1.7}
:root[data-design=aether] .detail-page .work-organization :is(input,select){font-size:16px}
:root[data-design=aether] .detail-page .detail-more>.text-button{margin-top:12px;font-size:13px;min-height:44px;overflow-wrap:anywhere}
:root[data-design=aether] .detail-page .chapter-section{border:1px solid var(--aether-edge);border-radius:20px;padding:20px 16px;margin-top:22px;align-self:start}
:root[data-design=aether] .chapter-heading{align-items:start;gap:10px;margin-bottom:18px}
:root[data-design=aether] .chapter-heading>div{min-width:0}
:root[data-design=aether] .chapter-section .chapter-heading h2{font-size:25px;line-height:1.4}
:root[data-design=aether] .chapter-heading p{font-size:13px;line-height:1.8;margin-top:5px}
:root[data-design=aether] .chapter-bulk-trigger{min-height:44px;line-height:1.6;font-size:12px;gap:5px;padding-inline:0;flex:none}
:root[data-design=aether] .chapter-bulk-trigger svg{width:17px;height:17px}
:root[data-design=aether] .chapter-search-field{background:var(--surface);border-radius:12px;padding-inline:11px;min-height:48px}
:root[data-design=aether] .chapter-search-field input::placeholder{font-size:14px;color:var(--muted)}
:root[data-design=aether] .chapter-sort-row{margin-block:12px 10px;gap:7px}
:root[data-design=aether] .chapter-filters{gap:5px;scroll-padding-inline:0}
:root[data-design=aether] .chapter-filters .filter-chip{font-size:12px;padding-inline:10px;background:var(--surface);border-radius:10px}
:root[data-design=aether] .chapter-filters .filter-chip[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}
:root[data-design=aether] .chapter-sort{border-radius:11px;border:1px solid var(--line);background:var(--surface)}
:root[data-design=aether] .chapter-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;min-height:82px;padding:17px 3px;align-items:center;border-radius:0;border-color:var(--line)}
:root[data-design=aether] .chapter-copy strong{font-size:15px;line-height:1.8;font-weight:700;overflow-wrap:anywhere}
:root[data-design=aether] .chapter-copy small{font-size:12px;line-height:1.85;color:var(--muted);overflow-wrap:anywhere}
:root[data-design=aether] .chapter-state{font-size:12px;line-height:1.7;gap:5px;padding:6px 7px;white-space:nowrap;color:var(--muted)}
:root[data-design=aether] .chapter-row.is-current{border-radius:12px;padding-inline:10px;background:var(--accent-soft)}
: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-row.is-current .chapter-copy strong{color:var(--text)}
:root[data-design=aether] .chapter-load-more{background:var(--surface);border-color:var(--aether-edge);font-size:14px;min-height:48px;margin-top:16px}
:root[data-design=aether] :is(.chapter-empty,.quiet-empty){color:var(--muted);font-size:14px;line-height:1.9}
:root[data-design=aether] .chapter-empty{padding:26px 8px}
:root[data-design=aether] .chapter-empty small{font-size:13px;line-height:1.9;margin-top:7px}

/* Dates retain their timeline role; story and progress stay on one material. */
:root[data-design=aether] .history-head{margin-bottom:24px}
:root[data-design=aether] .history-head>.secondary-button{background:var(--aether-panel);border:1px solid var(--aether-edge);padding-inline:12px;border-radius:12px;font-size:13px;min-height:44px}
:root[data-design=aether] .history-group{padding-inline-start:17px;margin-block:24px 30px}
:root[data-design=aether] .history-group>.section-heading{margin-bottom:12px}
:root[data-design=aether] .history-group>.section-heading::before{inset-inline-start:-23px}
:root[data-design=aether] .history-group .section-heading h2{background:var(--aether-panel);padding:4px 10px;border-radius:9px;font-size:15px;line-height:1.8}
:root[data-design=aether] .history-card-main{min-width:0;border:1px solid var(--aether-edge);border-radius:16px;padding:15px;gap:14px;min-height:134px}
:root[data-design=aether] .history-card-main>.library-cover-wrap{width:60px;flex:none;border-radius:9px}
:root[data-design=aether] .history-card-copy{min-width:0}
:root[data-design=aether] .history-card-copy strong{font-size:20px;line-height:1.4;font-weight:700;overflow-wrap:anywhere}
:root[data-design=aether] .history-card-copy small{font-size:12px;line-height:1.85;margin-top:8px;overflow-wrap:anywhere}
:root[data-design=aether] :is(.library-page,.browse-page,.history-page) .empty-state{background:var(--aether-panel);border:1px solid var(--aether-edge);border-radius:20px;padding:32px 20px;margin-top:20px}
:root[data-design=aether] :is(.library-page,.browse-page,.history-page) .empty-state p{font-size:14px;line-height:1.95;max-width:40ch;color:var(--muted)}
:root[data-design=aether] :is(.library-page,.browse-page,.history-page) .empty-state h2{font-size:25px;line-height:1.5}

@media(min-width:700px){
 :root[data-design=aether] .library-controls{padding:16px}
 :root[data-design=aether] .library-page>.library-viewbar{padding:7px 12px;margin-top:12px}
 :root[data-design=aether] .library-sort-control select{font-size:14px;max-width:150px}
 :root[data-design=aether] :is(.library-page,.browse-page) .library-grid{gap:18px}
 :root[data-design=aether] :is(.library-page,.browse-page) .library-card-main{grid-template-columns:88px minmax(0,1fr);padding:19px;gap:17px;min-height:174px}
 :root[data-design=aether] :is(.library-page,.browse-page) .library-card-title{font-size:22px}
 :root[data-design=aether] .library-list-view .library-card-main{grid-template-columns:64px minmax(0,1fr);min-height:137px;padding:17px}
 :root[data-design=aether] .library-list-view .library-card-title{font-size:20px}
 :root[data-design=aether] .detail-layout{gap:26px;align-items:start}
 :root[data-design=aether] .detail-page .detail-book{padding:30px 24px 25px}
 :root[data-design=aether] .detail-page .detail-content{padding:24px}
 :root[data-design=aether] .detail-page .detail-heading h1{font-size:33px}
 :root[data-design=aether] .detail-page .chapter-section{margin-top:0;padding:24px 20px}
 :root[data-design=aether] .history-card-main{padding:20px;gap:20px}
 :root[data-design=aether] .history-card-main>.library-cover-wrap{width:75px}
 :root[data-design=aether] .history-card-copy strong{font-size:25px}
}
@media(max-width:359px){
 :root[data-design=aether] .library-controls{padding:9px}
 :root[data-design=aether] .library-page>.library-viewbar{padding-inline:6px;gap:1px}
 :root[data-design=aether] .library-sort-control select{font-size:11px;max-width:97px}
 :root[data-design=aether] .library-refine summary{font-size:12px}
 :root[data-design=aether] :is(.library-page,.browse-page) .library-card-main{grid-template-columns:65px minmax(0,1fr);gap:12px;padding:13px;min-height:139px}
 :root[data-design=aether] :is(.library-page,.browse-page) .library-card-title{font-size:18px;line-height:1.4}
 :root[data-design=aether] .library-list-view .library-card-main{grid-template-columns:52px minmax(0,1fr);min-height:115px}
 :root[data-design=aether] .library-list-view .library-card-title{font-size:17px}
 :root[data-design=aether] .detail-page .detail-book{padding:23px 16px 19px}
 :root[data-design=aether] .detail-page .detail-heading h1{font-size:26px}
 :root[data-design=aether] .detail-page .detail-content{padding:17px 14px}
 :root[data-design=aether] .detail-page .detail-actions .primary-button{font-size:14px;padding-inline:12px}
 :root[data-design=aether] .detail-page .chapter-section{padding:18px 13px}
 :root[data-design=aether] .chapter-section .chapter-heading h2{font-size:23px}
 :root[data-design=aether] .chapter-bulk-trigger{font-size:11px;gap:4px}
 :root[data-design=aether] .chapter-row{gap:6px}
 :root[data-design=aether] .chapter-state{font-size:11px;padding-inline:5px;gap:4px}
 :root[data-design=aether] .history-group{padding-inline-start:12px}
 :root[data-design=aether] .history-group>.section-heading::before{inset-inline-start:-18px}
 :root[data-design=aether] .history-card-main{gap:12px;padding:13px}
 :root[data-design=aether] .history-card-main>.library-cover-wrap{width:50px}
 :root[data-design=aether] .history-card-copy strong{font-size:18px}
}
@media(min-width:1100px){
 :root[data-design=aether] .library-page>.library-viewbar{margin:0}
 :root[data-design=aether] .detail-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);gap:32px}
 :root[data-design=aether] .detail-page .chapter-section{padding:27px 25px}
}
@media(hover:hover){
 :root[data-design=aether] :is(.library-page,.browse-page) .library-card-main:hover .library-cover-wrap img{transform:scale(1.025)}
 :root[data-design=aether] .chapter-row:not(.is-current):not(.is-locked):hover{background:var(--surface-2)}
}
@media(prefers-reduced-motion:reduce){
 :root[data-design=aether] :is(.library-page,.browse-page,.history-page,.detail-page) :is(.filter-chip,.library-cover-wrap img,button,a){transition:none!important}
}
:root[data-design=aether][data-motion=reduced] :is(.library-page,.browse-page,.history-page,.detail-page) :is(.filter-chip,.library-cover-wrap img,button,a){transition:none!important}