/* EverTale 2.0.0 — A: Grand Library with B: Watercolour Chronicle */
.et-root{--et-night:#07101d;--et-navy:#0c1727;--et-navy2:#111d31;--et-gold:#e7b964;--et-gold-pale:#f5dca2;--et-cream:#fff2d9;--et-muted:#acb4c0;--et-border:rgba(230,181,104,.23);--et-serif:"Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;--et-sans:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;position:relative;left:50%;width:100vw;margin-left:-50vw;background:#07101d;color:#f6eddf;font-family:var(--et-sans);font-size:15px;line-height:1.5;min-height:100vh;text-align:left;isolation:isolate;overflow-x:clip;}
.et-root *,.et-root *::before,.et-root *::after{box-sizing:border-box}
.et-root button{font-family:inherit;cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent}
.et-root button:disabled{cursor:wait}
.et-root button:focus-visible{outline:2px solid #f8c978;outline-offset:3px}
.et-root img{max-width:100%;display:block}
.et-root svg{flex:none}
.et-root h1,.et-root h2,.et-root h3,.et-root p{margin:0}
.et-root .et-app{padding-bottom:116px;min-height:100vh;background:radial-gradient(ellipse 1000px 650px at 50% 460px,rgba(34,43,77,.29),transparent 68%),var(--et-night)}
.et-nav{height:74px;background:#07111e;border-bottom:1px solid rgba(225,181,100,.2);position:relative;z-index:6}
.et-nav-inner{max-width:1430px;height:100%;padding:0 44px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px}
.et-wordmark{display:flex;gap:10px;align-items:center;border:0;background:transparent;padding:0;font-size:32px;font-family:var(--et-serif)!important;line-height:1;font-weight:700;letter-spacing:-1.7px;color:var(--et-gold-pale)!important;text-shadow:0 0 19px rgba(242,198,113,.17)}
.et-wordmark-italic{font-style:italic;font-weight:500}
.et-wordmark-flourish{font-size:16px;font-style:normal;font-weight:400;align-self:flex-start;padding-top:2px}
.et-nav-links{display:flex;align-items:center;height:100%;gap:10px}
.et-nav-link{border:0;border-bottom:2px solid transparent;background:transparent;font-size:13px;font-weight:650;display:flex;align-items:center;gap:8px;padding:18px 15px;color:#bec5d0!important;transition:color .2s ease,border-color .2s ease}
.et-nav-link:hover,.et-nav-link.is-active{color:#f2c875!important}
.et-nav-link.is-active{border-color:#f3c479}
.et-nav-status{display:flex;align-items:center;gap:7px;color:#efc47b;font-size:13px;white-space:nowrap}
.et-nav-status small{font-size:12px;color:#a6aebe}
.et-nav-icon{border:1px solid rgba(230,177,86,.31);height:36px;width:36px;display:grid;place-items:center;border-radius:50%}
.et-hero{min-height:350px;position:relative;background:#10213a;border-bottom:1px solid #394155;overflow:hidden}
.et-hero-background{position:absolute;inset:0;background-size:cover;background-position:center 52%;filter:saturate(1.1);transform:scale(1.012)}
.et-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,9,20,.77),rgba(8,12,31,.57) 36%,rgba(6,10,29,.56) 68%,rgba(3,9,19,.76)),linear-gradient(0deg,#07101e 0%,transparent 25%)}
.et-hero-inner{position:relative;max-width:900px;text-align:center;margin:auto;padding:34px 16px 28px;display:flex;align-items:center;flex-direction:column}
.et-hero-eyebrow{color:#eec482;letter-spacing:3.7px;font-size:10px;font-weight:800;text-shadow:0 2px 8px #000;margin-bottom:3px!important}
.et-diamond{padding:0 9px}
.et-hero h1{color:#fff1cc!important;font-size:clamp(64px,6.6vw,110px)!important;line-height:1.05!important;letter-spacing:-4.8px!important;font-family:var(--et-serif)!important;font-weight:600!important;text-shadow:0 5px 1px rgba(5,10,15,.48),0 0 38px rgba(236,195,123,.2);margin:0!important}
.et-hero h1>span:first-child{font-style:italic}
.et-feather{font-size:29px;vertical-align:top;display:inline-block;margin:8px 0 0 5px;color:#ebc17a;letter-spacing:0}
.et-tagline{color:#f6e8d3;font-family:var(--et-serif);font-size:clamp(17px,2vw,24px);font-style:italic;line-height:1.2;text-shadow:0 2px 5px #050812;margin-top:3px!important}
.et-hero-description{color:#d2c8c1;font-size:12px;line-height:1.6;margin-top:14px!important;text-shadow:0 1px 6px #000}
.et-primary{display:inline-flex;justify-content:center;align-items:center;gap:12px;border:1px solid #f9d68c!important;border-radius:40px;background:linear-gradient(155deg,#fae1a8,#d6a54d)!important;color:#26180a!important;font-weight:750!important;padding:12px 23px!important;font-size:13px!important;line-height:1.2!important;box-shadow:0 7px 24px rgba(0,0,0,.22),inset 0 1px #fff7de;transition:transform .18s,filter .18s}
.et-primary:hover{transform:translateY(-2px);filter:brightness(1.08)}
.et-hero-cta{margin-top:16px}
.et-hero-caption{margin-top:19px;font-size:9px;letter-spacing:2px;color:rgba(232,200,158,.77);text-shadow:0 2px 6px #000}
.et-main-container{max-width:1430px;padding:0 44px;margin:0 auto}
.et-filters{display:flex;align-items:center;gap:20px;min-height:85px;border-bottom:1px solid rgba(223,179,114,.11)}
.et-filters>strong{white-space:nowrap;color:#dfd7ca;font-size:13px}
.et-filter-pills{display:flex;flex-wrap:wrap;gap:8px}
.et-filter{border:1px solid rgba(185,193,210,.2);border-radius:32px;padding:8px 14px;font-size:12px;font-weight:650;background:#172237;color:#d8dce5!important;line-height:1.2;white-space:nowrap;transition:background .18s,border .18s,transform .18s}
.et-filter:hover{border-color:rgba(229,184,106,.65);transform:translateY(-1px)}
.et-filter.is-selected{background:linear-gradient(120deg,#fae1a2,#d3a14d);border-color:#e2b264;color:#21170b!important}
.et-shelf-section{padding:34px 0 23px}
.et-section-heading{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:22px}
.et-kicker{color:#d5ab6d;font-size:10px;letter-spacing:2px;font-weight:750;margin-bottom:6px!important}
.et-section-heading h2,.et-continue-head h2{font-family:var(--et-serif)!important;font-size:clamp(25px,2.5vw,34px)!important;font-weight:600!important;color:#ffedcf!important;letter-spacing:-.6px;line-height:1.16!important}
.et-section-desc{font-size:12px;color:#a3afbe;margin-top:6px!important}
.et-refresh,.et-minor{border:0;background:transparent;color:#f0c580!important;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:9px;padding:10px 0;white-space:nowrap}
.et-refresh:hover,.et-minor:hover{text-decoration:underline}
.et-shelf-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:19px}
.et-cover{min-width:0;text-align:left;border:0;background:transparent;display:flex;flex-direction:column;gap:7px;padding:0;position:relative;transition:transform .24s ease;isolation:isolate}
.et-cover:hover{transform:translateY(-6px)}
.et-cover-front{position:relative;display:block;width:100%;aspect-ratio:500/700;overflow:hidden;border-radius:8px 10px 5px 5px;border:2px solid #9a7644;background:#18253b;box-shadow:2px 9px 16px rgba(0,0,0,.4),inset 2px 0 #e7ba74}
.et-cover-front:before{position:absolute;content:"";inset:0 auto 0 0;width:11px;background:linear-gradient(90deg,rgba(0,0,0,.75),rgba(255,240,193,.12),transparent);z-index:3}
.et-cover-front img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.et-cover:hover img{transform:scale(1.055)}
.et-cover-fade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,6,17,.45),transparent 24%,rgba(4,8,19,.1) 50%,rgba(2,6,17,.87) 99%)}
.et-cover-border{position:absolute;inset:9px;pointer-events:none;border:1px solid rgba(248,217,151,.48);border-radius:3px}
.et-cover-engraving{position:absolute;top:17px;left:8px;right:8px;text-align:center;letter-spacing:2px;font-family:var(--et-serif);color:rgba(255,238,194,.95);font-weight:700;font-size:clamp(7px,.6vw,10px);text-shadow:0 2px 4px #000}
.et-cover-engraving span{font-style:italic}
.et-cover-content{position:absolute;bottom:15px;left:12px;right:12px;display:flex;align-items:center;flex-direction:column;text-align:center;text-shadow:0 3px 7px #000}
.et-cover-vol{font-size:9px;letter-spacing:2px;color:#f7d9ac;font-weight:700;margin-bottom:5px}
.et-cover-content strong{font-family:var(--et-serif);font-size:clamp(17px,1.65vw,26px);line-height:1.08;font-weight:550;color:#fff3d5;max-width:100%;text-wrap:balance}
.et-cover-content em{font-style:normal;color:#f5d6a3;font-size:15px;margin-top:6px}
.et-mature-mark{position:absolute;top:40px;right:16px;background:#381e25;color:#ffdfc2;font-size:10px;font-weight:900;border:1px solid #e8b4a8;border-radius:3px;padding:2px 5px}
.et-cover-bottom{display:flex;justify-content:space-between;align-items:center;color:#abb9c7;font-size:11px;gap:4px;width:100%;white-space:nowrap;overflow:hidden}
.et-cover-bottom>span:first-child{color:#d9c4a9;font-weight:800;overflow:hidden;text-overflow:ellipsis}
.et-cover-bottom>span:last-child{display:inline-flex;align-items:center;gap:3px;overflow:hidden;text-overflow:ellipsis}
.et-cover-progress{display:block;height:3px;background:linear-gradient(90deg,#e8b86d var(--et-progress),#2d3c50 var(--et-progress));width:100%;border-radius:2px;margin-top:-3px}
.et-shelf-hint{text-align:center;color:#8491a6;font-family:var(--et-serif);font-size:13px;font-style:italic;margin-top:23px!important}
.et-continue{border-top:1px solid rgba(224,185,117,.16);padding:34px 0 40px}
.et-continue-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.et-reading-rows{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.et-reading-row{display:flex;align-items:center;gap:12px;text-align:left;min-width:0;border:1px solid var(--et-border);background:linear-gradient(135deg,#172135,#111b2b);border-radius:10px;padding:9px 12px 9px 9px;transition:border-color .2s}
.et-reading-row:hover{border-color:#dfad66}
.et-reading-row>img{height:84px;width:58px;object-fit:cover;border-radius:4px;flex:none}
.et-reading-row>span:nth-child(2){display:flex;flex-direction:column;min-width:0;flex:1}
.et-reading-row small{font-size:9px;letter-spacing:1px;color:#e6bb7e;font-weight:700}
.et-reading-row strong{font-family:var(--et-serif);font-size:19px;line-height:1.1;color:#f7e7ce;margin:4px 0}
.et-reading-row em{font-size:11px;color:#97a7b7;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.et-row-progress{background:conic-gradient(#eac07a var(--et-progress),#455069 var(--et-progress));border-radius:50%;width:40px;height:40px;display:grid;place-items:center;font-size:11px;font-weight:700;color:#fae7ca;border:6px solid #243347}
.et-reading-row>svg{color:#ddb779}
.et-message{display:flex;align-items:center;justify-content:center;text-align:center;gap:28px;padding:26px 12px 34px;border-top:1px solid rgba(225,173,115,.12);color:#decdb8}
.et-message>span{font-size:24px;color:#c4a777}
.et-message strong{font-family:var(--et-serif);font-size:22px;font-weight:500}
.et-message p{color:#8e9caf;font-size:12px;margin-top:3px!important}
.et-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;max-width:1430px;padding:32px 44px;margin:auto;border-top:1px solid rgba(215,174,113,.16);color:#8997a7;font-size:11px}
.et-footer strong{font-family:var(--et-serif);color:#e9c386;font-size:18px}
.et-footer strong span{font-style:italic}
/* The reserved ad zone occupies stable layout space on all screens. */
.et-ad-dock{position:fixed;z-index:30;left:0;bottom:0;right:0;background:linear-gradient(180deg,#172339,#0b1423);border-top:1px solid rgba(233,184,100,.32);height:88px;display:flex;align-items:center;justify-content:center;padding:10px 20px;box-shadow:0 -8px 25px rgba(0,0,0,.43);font-family:var(--et-sans)}
.et-ad-inner{max-width:970px;width:100%;height:62px;border:1px dashed rgba(214,184,135,.34);background:rgba(6,13,23,.5);border-radius:7px;display:flex;align-items:center;justify-content:center;gap:25px;color:#adb7c7;font-size:12px;letter-spacing:1px}
.et-ad-label{border:1px solid #ab9e8c;color:#e2d6c5;border-radius:3px;padding:1px 5px;font-size:9px;font-weight:700;letter-spacing:0}
.et-ad-size{font-size:10px;color:#7f8fa4}
/* Inner pages and genres */
.et-inner-page{min-height:67vh}
.et-page-banner{text-align:center;background:linear-gradient(180deg,#13213a,#0b1628);border-bottom:1px solid var(--et-border);padding:55px 24px 48px}
.et-page-banner h1{font-family:var(--et-serif)!important;font-size:52px!important;color:#f6e0b7!important;font-weight:500!important;line-height:1.1!important}
.et-page-banner p:last-child{color:#aebbd0;font-size:14px;margin-top:12px!important}
.et-inner-page>.et-main-container{padding-top:38px;padding-bottom:75px}
.et-library-empty{text-align:center;border:1px solid var(--et-border);border-radius:20px;max-width:600px;margin:10px auto;padding:60px 28px;background:#101c2f}
.et-library-empty .et-empty-illustration{font-size:50px;margin-bottom:11px}
.et-library-empty h2{font:32px var(--et-serif);color:#f2d3a1}
.et-library-empty p{color:#aeb8c6;margin:8px 0 23px!important}
.et-genre-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.et-genre-card{border:1px solid rgba(220,176,116,.22);min-height:132px;border-radius:12px;background:linear-gradient(120deg,#18263c,#111a2c);padding:20px;display:flex;align-items:center;gap:20px;text-align:left;transition:transform .2s,border-color .2s}
.et-genre-card:hover{transform:translateY(-3px);border-color:#ecc27e}
.et-genre-art{width:74px;height:74px;flex:none;border-radius:50%;border:1px solid rgba(246,208,151,.38);background:radial-gradient(circle,#3e456c,#152135);display:grid;place-items:center;color:#f1d19b;font:42px var(--et-serif)}
.et-genre-card>span:nth-child(2){display:flex;flex:1;flex-direction:column}
.et-genre-card strong{font:25px var(--et-serif);color:#f1dfc6}
.et-genre-card small{color:#a1aec2;font-size:11px}
.et-genre-card>svg{color:#d6b073}
.et-genre-note{text-align:center;color:#95a4b6;font-size:12px;padding:24px}
/* Reading: watercolor paper in dark book frame */
.et-reader-shell{max-width:1320px;margin:auto;padding:22px 42px 85px}
.et-reader-header{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#9eaec3;font-size:11px;margin-bottom:20px}
.et-return{border:0;background:transparent;color:#eac384!important;display:flex;align-items:center;gap:7px;font-size:13px;font-weight:650;padding:6px 0}
.et-reader-header>span{display:flex;align-items:center;gap:6px}
.et-reader-grid{display:grid;grid-template-columns:280px minmax(0,1fr);align-items:start;gap:27px}
.et-reader-side{display:flex;flex-direction:column;gap:15px}
.et-reader-book{height:310px;overflow:hidden;border-radius:8px;border:1px solid #9a794d;position:relative;box-shadow:0 12px 32px rgba(0,0,0,.34)}
.et-reader-book>img{height:100%;width:100%;object-fit:cover;object-position:center 43%}
.et-reader-book-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,8,18,.97),transparent 73%)}
.et-reader-book-inner{position:absolute;left:18px;bottom:24px;right:18px;display:flex;flex-direction:column;gap:7px}
.et-reader-book-inner small{color:#e9be82;text-transform:uppercase;font-size:10px;letter-spacing:2px}
.et-reader-book-inner strong{font:32px/1.05 var(--et-serif);color:#ffe9ca}
.et-reader-status{border:1px solid var(--et-border);background:linear-gradient(125deg,#18243a,#101a2a);border-radius:9px;padding:19px}
.et-reader-status-head{display:flex;justify-content:space-between;gap:8px;color:#9aabc0;font-size:9px;letter-spacing:1px;font-weight:750}
.et-reader-status-head b{color:#edc18a}
.et-chapter-progress{display:flex;gap:5px;margin:16px 0 9px}
.et-chapter-progress>span{height:5px;background:#334159;flex:1;border-radius:8px}
.et-chapter-progress>span.et-lit{background:linear-gradient(90deg,#a67c51,#f4d399)}
.et-reader-status>p{font:italic 15px var(--et-serif);color:#f0d9b3;margin-bottom:18px!important}
.et-reader-stats{display:flex;flex-wrap:wrap;gap:10px;color:#a3b2c4;font-size:11px;border-top:1px solid rgba(255,255,255,.08);padding-top:15px}
.et-reader-stats span{display:flex;align-items:center;gap:6px}
.et-history-toggle{margin-top:18px;border:1px solid #5f6170;border-radius:7px;background:#151e2d;color:#edc18a!important;padding:10px;width:100%;font-size:12px;display:flex;align-items:center;justify-content:center;gap:7px}
.et-trail{margin-top:14px;font-size:12px;color:#c1c5cd}
.et-trail ol{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.et-trail li{display:flex;align-items:start;gap:8px}
.et-trail li small{border:1px solid #b89a6c;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;color:#eec788;flex:none}
.et-trail button{border:0;background:transparent;color:#efd19a!important;font-size:11px;margin-top:14px;display:flex;gap:5px;align-items:center}
.et-book-wrap{position:relative;padding:0 6px 6px 21px;filter:drop-shadow(5px 13px 18px rgba(0,0,0,.25))}
.et-book-spine{position:absolute;left:0;top:0;bottom:7px;width:30px;background:linear-gradient(90deg,#4b2e25,#a78560 39%,#50332d 67%,#e3c49c);border-radius:14px 0 0 14px;box-shadow:inset 6px 0 6px #3f2927}
.et-paper{position:relative;min-height:680px;transform-origin:0% 50%;background:radial-gradient(ellipse at 10% 15%,rgba(255,255,255,.72),transparent 50%),linear-gradient(90deg,#d0ba96,#f6ebd5 4%,#fff7e5 56%,#ecdfc7);border:1px solid #aa8661;border-radius:2px 8px 8px 2px;box-shadow:inset 13px 0 18px rgba(95,65,41,.12),inset -8px 0 12px rgba(129,92,53,.08);color:#372c27;overflow:hidden}
.et-paper:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.32;background-image:radial-gradient(#9d7a62 .5px,transparent .7px);background-size:8px 8px;mix-blend-mode:multiply}
.et-paper-inner{position:relative;max-width:750px;margin:0 auto;padding:28px clamp(25px,5vw,63px) 20px}
.et-paper-top{display:flex;justify-content:space-between;align-items:center;color:#8f6f4b;border-bottom:1px solid rgba(118,94,60,.2);padding-bottom:12px;font-size:10px;font-weight:800;letter-spacing:1px}
.et-paper-top>span:first-child{font-family:var(--et-serif);font-size:17px;letter-spacing:0}
.et-paper-top>span:first-child span{font-style:italic}
.et-paper-art{height:clamp(175px,21vw,270px);border:1px solid #d8c19b;margin:25px 0 23px;position:relative;overflow:hidden;background:#8a9d9c;box-shadow:0 6px 16px rgba(95,74,47,.14)}
.et-paper-art>img{width:100%;height:100%;object-fit:cover;object-position:50% 45%;filter:saturate(.65) brightness(1.23) contrast(.85)}
.et-paper-art-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(246,231,203,.21),transparent,rgba(246,231,203,.2)),radial-gradient(circle at 30% 20%,rgba(255,247,222,.14),transparent 70%);box-shadow:inset 0 0 30px 20px rgba(251,237,208,.22);pointer-events:none}
.et-paper-art-caption{position:absolute;left:0;right:0;bottom:0;text-align:center;color:#f5ebd8;text-shadow:0 2px 7px #182336;font-size:9px;letter-spacing:2.2px;background:linear-gradient(0deg,rgba(8,20,36,.45),transparent);padding:12px 7px 10px}
.et-chapter-label{text-align:center;color:#936f42!important;text-transform:uppercase;font-size:10px!important;font-weight:800;letter-spacing:2.2px}
.et-paper h1{font:500 clamp(29px,3.1vw,42px)/1.12 var(--et-serif)!important;color:#3a2b2a!important;text-align:center;margin:8px 0 22px!important;letter-spacing:-.5px!important}
.et-last-choice{text-align:center;color:#8f704e;font-size:9px!important;font-weight:700;letter-spacing:.6px;padding-bottom:8px}
.et-story-copy{max-width:620px;margin:auto}
.et-story-copy p{font:18px/1.78 Georgia,serif!important;color:#473b34!important;letter-spacing:.02px;margin:0 0 17px!important}
.et-story-copy .et-echo{border-left:3px solid #b59165;font-style:italic!important;padding:6px 0 6px 15px;color:#765944!important;background:rgba(221,188,136,.15)}
.et-decision-area{margin-top:31px;border-top:1px solid rgba(127,95,58,.24);padding-top:19px}
.et-decisions-title{display:flex;justify-content:space-between;gap:8px;color:#946d41;font-size:10px;letter-spacing:1px;font-weight:800;margin-bottom:11px}
.et-choice{width:100%;display:flex;align-items:center;gap:17px;text-align:left;background:#fff8e9;border:1px solid #d5b98e;border-radius:7px;padding:14px 16px;margin-bottom:9px;box-shadow:0 3px 0 rgba(127,92,46,.1);transition:background .2s,border-color .2s,transform .2s;color:#403022!important}
.et-choice:hover{background:#f8e8ca;border-color:#9d7544;transform:translateX(3px)}
.et-choice-number{font:26px var(--et-serif);color:#ad834d;align-self:center}
.et-choice-body{flex:1;display:flex;flex-direction:column;gap:2px}
.et-choice-body strong{font:700 15px var(--et-serif);color:#413024}
.et-choice-body small{color:#806d5d;font-size:11px}
.et-choice>svg{color:#936e45}
.et-keys{text-align:center;margin:8px 0 0!important;color:#927c65;font-size:10px}
.et-keys kbd{font-family:inherit;border:1px solid #bea88a;padding:0 4px;border-radius:2px;background:#f9edd8}
.et-paper-footer{display:flex;justify-content:space-between;gap:10px;color:#a58c6e;font-size:9px;font-weight:700;letter-spacing:1px;border-top:1px solid rgba(123,100,69,.2);margin-top:26px;padding-top:12px}
.et-story-end{margin-top:24px;background:rgba(213,185,142,.17);border:1px solid rgba(164,121,79,.3);text-align:center;padding:22px 17px;border-radius:7px}
.et-story-end>span{font-size:10px;letter-spacing:2px;color:#8f6e45;font-weight:800}
.et-story-end h2{font:italic 22px/1.25 var(--et-serif);margin:9px 0!important;color:#5b3a2b}
.et-story-end p{font-size:12px;color:#7d644d}
.et-ending-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:20px}
.et-outline{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#f4e5ca;border:1px solid #9b805b;border-radius:30px;font-size:12px;padding:10px 13px;color:#5b4332!important}
.et-turn-sheet{position:absolute;inset:0;z-index:-1;pointer-events:none}
.et-paper.et-flipping{animation:et-turn .51s cubic-bezier(.45,0,.2,1) forwards;backface-visibility:hidden}
@keyframes et-turn{0%{transform:perspective(1800px) rotateY(0);filter:brightness(1)}55%{transform:perspective(1800px) rotateY(-37deg);filter:brightness(.79)}100%{transform:perspective(1800px) rotateY(-88deg);filter:brightness(.65)}}
/* Age acknowledgement / toast */
.et-modal-overlay{position:fixed;inset:0;z-index:80;background:rgba(2,7,13,.85);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:24px}
.et-modal{width:min(470px,100%);text-align:center;border:1px solid #b99968;background:linear-gradient(160deg,#1d263b,#111c2e);border-radius:14px;padding:28px 30px;box-shadow:0 30px 95px #030710}
.et-modal-symbol{font:52px var(--et-serif);color:#e8c18d}
.et-modal h2{font:36px var(--et-serif);color:#f5debb;margin:5px 0 13px!important}
.et-modal>p:not(.et-kicker){font-size:14px;color:#c4cbd4;line-height:1.65}
.et-modal strong{color:#f2c98f}
.et-modal .et-modal-note{font-size:11px!important;color:#92a1b6!important;margin-top:12px!important}
.et-modal-actions{display:grid;gap:9px;margin-top:25px}
.et-modal-actions .et-outline{background:#19243a;color:#e5c89f!important}
.et-toast{position:fixed;z-index:100;bottom:105px;left:50%;transform:translateX(-50%);max-width:min(450px,90vw);border:1px solid #bd985e;border-radius:9px;background:#233149;padding:11px 20px;color:#f6dbb0;box-shadow:0 15px 40px #0009;font-size:12px;text-align:center}
.et-empty{padding:40px;color:#a3b4c6;text-align:center}
@media(max-width:1180px){.et-nav-inner,.et-main-container{padding-left:26px;padding-right:26px}.et-nav-link{padding:15px 8px}.et-shelf-grid{gap:12px}.et-cover-content strong{font-size:clamp(16px,2vw,22px)}.et-reading-rows{grid-template-columns:1fr 1fr}.et-reader-grid{grid-template-columns:225px minmax(0,1fr)}.et-reader-shell{padding-left:26px;padding-right:26px}.et-reader-book{height:270px}}
@media(max-width:850px){.et-nav{height:64px}.et-nav-inner{padding:0 18px}.et-wordmark{font-size:27px}.et-nav-status{display:none}.et-nav-links{gap:3px}.et-nav-link{padding:12px 7px;font-size:11px}.et-nav-link svg{width:14px}.et-nav-achieve{display:none}.et-hero{min-height:335px}.et-hero-inner{padding-top:30px}.et-shelf-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.et-cover-content strong{font-size:clamp(21px,3vw,29px)}.et-cover-engraving{font-size:9px}.et-filters{flex-direction:column;align-items:start;justify-content:center;gap:10px;padding:20px 0}.et-reader-grid{grid-template-columns:1fr}.et-reader-side{display:grid;grid-template-columns:160px 1fr}.et-reader-book{height:225px}.et-book-wrap{padding-left:16px}.et-reader-shell{padding:18px 22px 68px}.et-reader-status{height:fit-content}.et-paper-inner{padding:23px 35px}.et-genre-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:580px){.et-root{font-size:14px}.et-root .et-app{padding-bottom:98px}.et-nav{height:62px}.et-nav-inner{padding:0 14px;gap:8px}.et-wordmark{font-size:25px;letter-spacing:-1.4px}.et-wordmark-flourish{display:none}.et-nav-link{padding:8px 7px;gap:0}.et-nav-link span{display:none}.et-nav-link svg{width:21px;height:21px}.et-nav-link.is-active{border-bottom-width:2px}.et-hero{min-height:322px}.et-hero-background{background-position:center center}.et-hero-inner{padding:39px 16px 22px}.et-hero-eyebrow{font-size:8px;letter-spacing:1.8px}.et-hero h1{font-size:72px!important;letter-spacing:-4px!important}.et-feather{font-size:19px;margin-top:6px}.et-tagline{font-size:17px!important}.et-hero-description{font-size:11px}.et-hero-cta{margin-top:15px}.et-hero-caption{font-size:8px;letter-spacing:1px;margin-top:18px}.et-main-container{padding-left:16px;padding-right:16px}.et-filters{padding:18px 0 18px;min-height:auto}.et-filters>strong{font-size:12px}.et-filter-pills{gap:6px;flex-wrap:nowrap;width:100%;overflow-x:auto;padding-bottom:5px;scrollbar-width:none}.et-filter-pills::-webkit-scrollbar{display:none}.et-filter{font-size:11px;padding:8px 12px;flex:none}.et-shelf-section{padding-top:24px}.et-section-heading{margin-bottom:17px;align-items:center}.et-section-heading h2{font-size:28px!important}.et-kicker{font-size:8px;letter-spacing:1.4px}.et-section-desc{font-size:11px}.et-refresh{font-size:0;gap:0;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(242,194,126,.35);border-radius:50%;padding:0}.et-refresh svg{width:17px}.et-shelf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 12px}.et-cover-front{aspect-ratio:500/710}.et-cover-engraving{font-size:8px}.et-cover-content{left:11px;right:11px;bottom:14px}.et-cover-content strong{font-size:clamp(21px,6vw,30px)}.et-cover-bottom{font-size:10px}.et-cover-vol{font-size:8px}.et-shelf-hint{font-size:11px}.et-continue{padding-top:24px}.et-continue-head h2{font-size:27px}.et-minor{font-size:10px}.et-reading-rows{grid-template-columns:1fr}.et-message{gap:12px;padding:24px 0}.et-message>span{font-size:15px}.et-message strong{font-size:17px}.et-message p{font-size:10px}.et-footer{padding:22px 16px;flex-wrap:wrap;justify-content:center;text-align:center;font-size:10px}.et-footer strong{width:100%}.et-ad-dock{height:70px;padding:8px 10px}.et-ad-inner{height:52px;gap:13px;font-size:10px;letter-spacing:.5px}.et-ad-size{display:none}.et-page-banner{padding:40px 16px}.et-page-banner h1{font-size:42px!important}.et-page-banner p:last-child{font-size:12px}.et-inner-page>.et-main-container{padding-top:25px}.et-genre-grid{grid-template-columns:1fr;gap:11px}.et-genre-card{min-height:95px;padding:13px}.et-genre-art{width:60px;height:60px;font-size:34px}.et-reader-shell{padding:12px 11px 65px}.et-reader-header{padding:0 4px;font-size:10px;margin-bottom:12px}.et-reader-header>span{font-size:0}.et-reader-header svg{width:16px}.et-reader-grid{gap:12px}.et-reader-side{grid-template-columns:92px 1fr;gap:10px}.et-reader-book{height:130px;border-radius:5px}.et-reader-book-inner{bottom:9px;left:8px;right:8px;gap:1px}.et-reader-book-inner small{font-size:7px;letter-spacing:.5px}.et-reader-book-inner strong{font-size:15px}.et-reader-status{padding:12px}.et-reader-status-head{font-size:7px}.et-chapter-progress{margin:9px 0}.et-reader-status>p{font-size:12px;margin-bottom:7px!important}.et-reader-stats{font-size:9px;gap:4px;padding-top:7px}.et-history-toggle{margin-top:8px;padding:5px;font-size:10px}.et-book-wrap{padding:0 2px 2px 8px}.et-book-spine{width:15px}.et-paper{min-height:570px}.et-paper-inner{padding:17px 19px}.et-paper-top{font-size:8px;padding-bottom:8px}.et-paper-top>span:first-child{font-size:14px}.et-paper-art{height:165px;margin:15px 0 18px}.et-chapter-label{font-size:9px!important}.et-paper h1{font-size:28px!important;margin:8px 0 19px!important}.et-story-copy p{font-size:16px!important;line-height:1.68!important;margin-bottom:12px!important}.et-decision-area{margin-top:21px;padding-top:14px}.et-decisions-title{font-size:8px}.et-choice{gap:9px;padding:11px 10px}.et-choice-number{font-size:22px}.et-choice-body strong{font-size:14px}.et-choice-body small{font-size:10px}.et-choice>svg{width:15px}.et-paper-footer{font-size:8px}.et-ending-actions{flex-direction:column}.et-modal{padding:26px 20px}.et-modal h2{font-size:29px}.et-toast{bottom:82px}}
@media(prefers-reduced-motion:reduce){.et-root *{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
