:root{--ink:#16212f;--purple:#4c3f63;--purple-deep:#342b43;--lilac:#eeeaf2;--cream:#f4f4ec;--paper:#fbfbf6;--turq:#8ed7d0;--turq-deep:#317872;--rose:#e8c4ce;--ochre:#e6d2a4;--line:#d6d3ca;--radius:24px;font-family:ui-rounded,"Nunito",system-ui,sans-serif;color:var(--ink);background:var(--cream)}*{box-sizing:border-box}body{margin:0;min-height:100vh;padding-bottom:78px;background:var(--cream)}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer;color:inherit}.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;z-index:5;background:white;padding:.7rem}.top{height:72px;display:flex;align-items:center;justify-content:space-between;padding:10px clamp(16px,5vw,70px);background:#fffdf8;border-bottom:1px solid #eee8df;position:sticky;top:0;z-index:3}.brand{display:flex;gap:9px;align-items:center;color:var(--ink);text-decoration:none;line-height:.85;font-size:17px;letter-spacing:-.6px}.brain{height:40px;width:40px;border-radius:50%;background:var(--turq);display:grid;place-items:center;font-size:23px}.avatar,.round{border-radius:50%;background:var(--lilac);width:42px;height:42px;font-size:21px}.install{background:var(--turq);border-radius:30px;padding:.55rem .9rem;margin-left:auto;margin-right:.7rem}.hidden{display:none!important}main{max-width:1150px;margin:auto;padding:clamp(20px,4vw,50px) clamp(16px,4vw,38px)}.view{display:none}.view.active{display:block}.hero{background:var(--lilac);border-radius:var(--radius);padding:clamp(28px,7vw,70px);margin-bottom:38px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:190px;height:190px;background:var(--turq);border-radius:48% 52% 37% 63%;right:-48px;bottom:-67px}.hero h1{font-size:clamp(2.3rem,6vw,4.5rem);line-height:.95;max-width:620px;margin:.3rem 0 1rem;letter-spacing:-.065em}.hero p:not(.eyebrow){font-size:1.1rem;max-width:500px}.eyebrow{font-weight:800;font-size:.75rem;letter-spacing:.13em;color:var(--purple);margin:0 0 .55rem}.section-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 18px}.section-title h1,.section-title h2{margin:0}.text-button{color:var(--purple);background:none;text-decoration:underline}.book-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.book-card,.panel{background:#fffdf8;border:1px solid #eee8df;border-radius:var(--radius);padding:20px;box-shadow:0 5px 18px #4a39650d}.cover{height:175px;background:linear-gradient(145deg,#5d4b93,#aa98d5 58%,#3fc4ba);border-radius:15px;padding:20px;color:white;display:flex;align-items:flex-end;font-family:Georgia,serif;font-size:clamp(1.5rem,4vw,2.2rem);line-height:1.05;margin-bottom:17px}.book-card h2{font-size:1.25rem;margin:0 0 .2rem}.meta{color:#655f70;font-size:.9rem}.resume{font-size:.82rem;color:#436d69;font-weight:700;margin:.5rem 0 0}.pill{display:inline-block;border-radius:20px;padding:.3rem .55rem;background:#e5faf7;color:#14736c;font-size:.76rem;font-weight:bold;margin:.6rem 0}.card-actions{display:flex;gap:8px;margin-top:12px}.card-actions button,.panel button,.notes button,.control-actions button{padding:.62rem .85rem;border-radius:13px;background:var(--lilac);font-weight:700}.card-actions button:first-child,.panel button.primary,.notes button{background:var(--purple);color:white}.notice{max-width:1074px;margin:18px auto -10px;padding:12px 16px;border-radius:14px;background:#fff0da;color:#65430c}.notice.error{background:#ffe5e7;color:#852832}.loading{color:#655f70}.bottom{position:fixed;bottom:0;left:0;right:0;background:#fffdf8;border-top:1px solid #e8e2da;display:flex;justify-content:center;gap:min(8vw,80px);z-index:3;padding:max(8px,env(safe-area-inset-bottom)) 12px 8px}.bottom button{background:none;min-width:72px;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.76rem}.bottom span{font-size:22px}.bottom .selected{color:var(--purple);font-weight:800}.reader-view{max-width:850px;margin:auto}.reader-head{display:flex;align-items:center;gap:14px;margin-bottom:15px}.reader-head h1{font-size:1.05rem;margin:2px 0}.reader-head small{color:#655f70}.reader-head #readerMenu{margin-left:auto;border-radius:13px;width:auto;padding:10px 14px;font-size:16px}.reader-controls{background:var(--lilac);padding:17px;border-radius:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:0 0 20px}.reader-controls label{font-size:.86rem;font-weight:700;display:grid;gap:5px}.reader-controls input[type=range]{width:100%;accent-color:var(--purple)}.reader-controls select{border:0;border-radius:8px;padding:5px}.control-actions{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}.reader-text{--font-size:20px;--leading:1.75;font-family:Georgia,serif;font-size:var(--font-size);line-height:var(--leading);border-radius:var(--radius);padding:clamp(22px,5vw,55px);min-height:60vh}.theme-cream{background:#fffaf0}.theme-lavender{background:#efebf9}.theme-night{background:#27233a;color:#f7f1e8}.reader-text p{margin:0 0 1.45em;border-radius:8px;outline:0;transition:background .18s,box-shadow .18s}.reader-text p:hover,.reader-text p:focus{background:#6c5aa814}.reader-text p.reading-current{background:#42c9bd24;box-shadow:inset 4px 0 0 var(--turq);padding-left:.7rem;margin-left:-.7rem}.reader-text .prefix{color:#1b8b84;font-weight:bold}.reader-text.chunked .sentence{display:inline-block;margin:0 .28em .55em 0;padding:.1em .15em;border-radius:5px;background:#ffffff42}.reader-text.focus p{opacity:.32;transition:opacity .2s}.reader-text.focus p:hover,.reader-text.focus p:focus{opacity:1}.reading-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:18px 0}.reading-actions button{background:#e5faf7;border-radius:14px;padding:.6rem .8rem;font-weight:700}.reading-actions #bookmark.active{background:var(--turq)}#progressLabel{font-size:.82rem;color:#655f70}.notes{background:var(--lilac);border-radius:18px;padding:18px}.notes h2{font-size:1.05rem;margin-top:0}.note{background:#fffdf8;border-radius:10px;padding:10px;margin:8px 0;font-size:.92rem}.notes textarea{display:block;width:100%;border:1px solid #cfc5e0;border-radius:10px;min-height:78px;padding:9px;margin:6px 0 10px}.rsvp{position:fixed;inset:0;background:#292343f2;color:white;z-index:10;display:grid;place-content:center;text-align:center;gap:40px}.rsvp span{font:clamp(3rem,12vw,8rem)/1 Georgia,serif}.rsvp button{margin:5px;padding:.7rem 1rem;border-radius:10px;background:var(--turq)}dialog{width:min(500px,calc(100vw - 28px));border:0;border-radius:22px;padding:28px;box-shadow:0 15px 50px #17112655;color:var(--ink)}dialog::backdrop{background:#261f3c88}.close{float:right;background:none;font-size:28px;line-height:1}.auth-form{display:grid;gap:11px}.auth-form input{border:1px solid #cfc5e0;border-radius:10px;padding:10px}.auth-form button{background:var(--purple);color:white;border-radius:12px;padding:10px;font-weight:700}.dialog-book h2{font-size:2rem;margin:.2rem 0}.checkout{background:#fff0da;border-radius:14px;padding:13px;margin:14px 0;font-size:.93rem}.profile-row{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #e8e2ef}.desktop-nav{display:none}@media(min-width:700px){body{padding-bottom:0}.desktop-nav{display:flex;gap:8px;margin-left:auto;margin-right:18px}.desktop-nav button{background:transparent;border-radius:12px;padding:.6rem .8rem;font-size:.92rem}.desktop-nav button:hover,.desktop-nav button.selected{background:var(--lilac);color:var(--purple);font-weight:800}.bottom{display:none}}@media(max-width:540px){.reader-controls{grid-template-columns:1fr}.hero{margin-inline:-2px}.book-grid{grid-template-columns:1fr}.cover{height:130px}}

/* divergentbooks — a calm editorial reading room, rooted in DivergentBrain's lila-arco palette. */
:root{--ink:#16212f;--ink-muted:#5d6470;--aubergine:#4c3f63;--aubergine-deep:#342b43;--paper:#f4f4ec;--paper-bright:#fffdf8;--mint:#8ed7d0;--mint-deep:#317872;--lilac:#eeeaf2;--rose:#e8c4ce;--ochre:#e6d2a4;--line:rgba(22,33,47,.15);--shadow:0 18px 44px rgba(52,43,67,.11);--display:Georgia,"Times New Roman",serif}
body{background:var(--paper);background-image:radial-gradient(circle at 6% 0,rgba(142,215,208,.2),transparent 24rem);color:var(--ink)}
.top{height:78px;background:rgba(244,244,236,.94);border-color:var(--line);backdrop-filter:blur(12px)}.brand{gap:.7rem;font-size:1.08rem;letter-spacing:-.04em}.brand-name{font-weight:700}.brand-name b{color:var(--mint-deep);font-weight:800}.brand-mark{position:relative;width:42px;height:42px;border-radius:50% 46% 52% 44%;background:var(--aubergine);display:block;transform:rotate(-5deg)}.brand-mark i{position:absolute;width:9px;height:9px;border:2px solid var(--mint);border-radius:50%}.brand-mark i:nth-child(1){left:9px;top:10px}.brand-mark i:nth-child(2){right:8px;top:17px}.brand-mark i:nth-child(3){left:15px;bottom:7px}.desktop-nav{gap:.25rem}.nav-button{border-radius:999px;padding:.65rem .9rem;background:transparent;font-weight:700;color:var(--ink-muted);transition:background .2s ease,color .2s ease}.nav-button:hover,.nav-button.selected{background:var(--lilac);color:var(--aubergine-deep)}.avatar,.round{background:var(--lilac);color:var(--aubergine-deep);border:1px solid rgba(76,63,99,.16);transition:transform .2s ease,background .2s ease}.avatar:hover,.round:hover{background:var(--mint);transform:translateY(-1px)}.install,.hero-action{background:var(--mint);color:var(--ink);font-weight:800}.install{border-radius:999px;padding:.65rem 1rem}
main{max-width:1280px;padding-top:clamp(24px,4vw,52px)}.hero{min-height:540px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(290px,.92fr);align-items:center;gap:2rem;padding:clamp(42px,7vw,90px);background:var(--aubergine);color:var(--paper);border-radius:34px;box-shadow:0 28px 70px rgba(52,43,67,.17);isolation:isolate}.hero:before{content:"";position:absolute;z-index:-1;width:min(61vw,740px);aspect-ratio:1;border:1px solid rgba(244,244,236,.25);border-radius:50%;right:-29%;top:-42%}.hero:after{content:"";display:block;position:absolute;z-index:-1;width:14px;height:14px;border-radius:50%;background:var(--mint);right:9%;bottom:13%;box-shadow:-300px 175px 0 7px var(--rose),-38px 212px 0 -3px var(--ochre)}.hero .eyebrow{color:var(--mint);font-weight:800}.hero h1{font-family:var(--display);font-weight:500;letter-spacing:-.055em;max-width:700px;font-size:clamp(3.1rem,7vw,6.35rem)}.hero h1 em{font-weight:400;color:var(--mint);text-decoration:none}.hero p:not(.eyebrow){font-size:clamp(1rem,2vw,1.18rem);line-height:1.7;color:#eeeaf2;max-width:540px}.hero-action{margin-top:1.15rem;min-height:48px;padding:.85rem 1.15rem  .85rem 1.35rem;border-radius:999px;display:inline-flex;align-items:center;gap:1.3rem;transition:transform .2s ease,background .2s ease}.hero-action:hover{background:#c7e1d9;transform:translateY(-2px)}.hero-action span{font-size:1.4rem}.hero-art{position:relative;min-height:375px}.book-shape{position:absolute;left:50%;top:50%;width:190px;height:270px;border-radius:10px 22px 22px 10px;box-shadow:-10px 14px 36px rgba(22,33,47,.26);transition:transform .35s cubic-bezier(.2,.7,.2,1)}.book-shape:before{content:"";position:absolute;inset:18px;border:1px solid rgba(22,33,47,.28);border-radius:4px 14px 14px 4px}.book-one{background:var(--mint);transform:translate(-70%,-56%) rotate(-10deg)}.book-two{background:var(--ochre);transform:translate(-35%,-48%) rotate(8deg)}.book-three{width:145px;height:210px;background:var(--rose);transform:translate(-120%,-22%) rotate(-20deg)}.hero:hover .book-one{transform:translate(-74%,-59%) rotate(-13deg)}.hero:hover .book-two{transform:translate(-30%,-45%) rotate(11deg)}.orbit-dot{position:absolute;width:24px;height:24px;border-radius:50%;background:var(--mint);right:6%;top:10%;box-shadow:-250px 265px 0 8px var(--rose),-18px 300px 0 -5px var(--ochre)}
.catalogue-intro,.section-title{display:flex;justify-content:space-between;align-items:end;gap:1.5rem;margin:0 0 1.5rem}.catalogue-intro{align-items:flex-start;flex-direction:column;gap:.65rem}.catalogue-intro h2,.section-title h1,.section-title h2,.view>h1{font-family:var(--display);color:var(--aubergine-deep);letter-spacing:-.04em;margin:0}.catalogue-intro h2{font-size:clamp(2rem,4vw,3.25rem)}.catalogue-intro p{max-width:50ch;line-height:1.6;color:var(--ink-muted);margin:.45rem 0 0}.text-button{min-height:44px;border-radius:999px;padding:.55rem .9rem;color:var(--aubergine-deep);font-weight:800;background:transparent;text-decoration:underline;text-underline-offset:4px}.text-button:hover{background:var(--lilac)}
.book-grid{gap:24px}.catalog-empty{max-width:620px;display:flex;align-items:center;gap:1rem;padding:1.25rem 1.4rem;border-top:2px solid var(--mint);background:rgba(255,253,248,.65);border-radius:16px}.catalog-empty-mark{flex:0 0 auto;width:38px;height:52px;border:1px solid var(--aubergine);border-radius:4px 11px 11px 4px;background:var(--lilac);box-shadow:inset 9px 0 0 var(--mint)}.catalog-empty h3{font-family:var(--display);font-size:1.45rem;letter-spacing:-.02em;margin:0}.catalog-empty p{max-width:45ch;color:var(--ink-muted);line-height:1.55;margin:.3rem 0 0}.book-card,.panel{background:var(--paper-bright);border:1px solid var(--line);box-shadow:var(--shadow)}.book-card{border-radius:20px;padding:18px;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease}.book-card:hover{transform:translateY(-4px);box-shadow:0 24px 52px rgba(52,43,67,.16)}.cover{height:205px;background:var(--aubergine);color:var(--paper);border-radius:14px;position:relative;padding:22px;isolation:isolate}.cover:before{content:"";position:absolute;z-index:-1;width:205px;height:205px;border:1px solid rgba(244,244,236,.33);border-radius:50%;right:-64px;top:-73px}.cover:after{inset:12px;border-color:rgba(244,244,236,.26);border-radius:8px}.book-card h2{font-family:var(--display);font-size:1.6rem;letter-spacing:-.025em;margin:1rem 0 .2rem}.meta,.edition-meta{color:var(--ink-muted)}.pill{background:var(--lilac);color:var(--aubergine-deep);border-radius:999px;font-weight:800}.card-actions button,.primary,.notes button{min-height:44px;border-radius:12px;font-weight:800;transition:transform .2s ease,background .2s ease}.card-actions button:first-child,.primary,.notes button{background:var(--aubergine);color:white}.card-actions button:hover,.primary:hover,.notes button:hover{background:var(--aubergine-deep);transform:translateY(-1px)}.card-actions button+button{background:transparent;border:1px solid var(--line)}
.notice{background:#f5eddb;color:#80612a;border:1px solid rgba(128,97,42,.25);box-shadow:var(--shadow)}.notice.error{background:#fceeee;color:#6e2020}.reader-view{max-width:920px}.reader-head{padding:1rem 0;border-bottom:1px solid var(--line)}.reader-head h1{font-family:var(--display);font-size:clamp(1.5rem,3vw,2.2rem);letter-spacing:-.03em}.reader-controls{border:1px solid var(--line);background:var(--lilac);border-radius:18px}.reader-text{box-shadow:var(--shadow);border:1px solid var(--line)}.theme-cream{background:var(--paper-bright)}.theme-lavender{background:var(--lilac)}.theme-night{background:var(--aubergine-deep);color:var(--paper)}.reader-text p:focus,.reader-text p:hover{background:rgba(142,215,208,.2)}.reader-text p.reading-current{background:rgba(142,215,208,.2);box-shadow:inset 4px 0 0 var(--mint-deep)}.bottom{background:rgba(255,253,248,.96);border-color:var(--line);backdrop-filter:blur(12px)}.bottom button{min-height:44px;border-radius:12px}.bottom .selected{color:var(--aubergine-deep);background:var(--lilac)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--mint-deep);outline-offset:3px}
@media(max-width:760px){main{padding-bottom:110px}.top{height:70px}.desktop-nav{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding:34px 26px 28px;margin-bottom:64px;border-radius:26px}.hero:before{width:120vw;right:-57%;top:-42%}.hero-art{min-height:190px}.book-shape{width:115px;height:165px}.book-three{width:90px;height:128px}.orbit-dot{transform:scale(.82);transform-origin:top right}.hero h1{font-size:clamp(2.75rem,15vw,4.45rem)}.catalogue-intro,.section-title{align-items:start;flex-direction:column}.catalogue-intro{gap:.65rem}.bottom{box-shadow:0 -8px 24px rgba(22,33,47,.08)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}