@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Inter:wght@400;500;600;700;800&family=Source+Serif+4:opsz,wght@8..60,400;8..60,600;8..60,700&display=swap');
:root{--ink:#1b1713;--brown:#2b1c14;--wine:#5d211d;--gold:#c49a43;--gold-soft:#e0c57d;--paper:#f5f0e6;--cream:#fbf8f0;--line:#d8cdbb;--muted:#766f64;--shadow:rgba(25,16,10,.24)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif}button,input{font:inherit}button{color:inherit}button,a{touch-action:manipulation}button{cursor:pointer}.eyebrow{margin:0;color:#856d3b;font-size:.69rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}[hidden]{display:none!important}
.sound-control{position:fixed;z-index:200;top:max(14px,env(safe-area-inset-top));right:14px;display:flex;align-items:center;gap:8px;min-height:44px;padding:0 15px;border:1px solid rgba(224,197,125,.58);border-radius:999px;background:rgba(31,20,14,.78);backdrop-filter:blur(12px);color:#fff;font-size:.7rem;letter-spacing:.05em;box-shadow:0 5px 20px rgba(0,0,0,.25)}.sound-control span{color:var(--gold-soft);font-size:1.08rem}.sound-control.playing span{animation:sound-pulse 1.8s ease-in-out infinite}.sound-control b{font-weight:700}@keyframes sound-pulse{50%{transform:scale(1.28);text-shadow:0 0 12px #fff}}
.login-screen{position:relative;isolation:isolate;min-height:100svh;display:grid;place-items:center;overflow:hidden;padding:76px 18px 42px;background:#17100c}.engraving{position:absolute;z-index:-3;inset:-5%;background:url('/assets/images/login-engraving.png') 50% 34%/cover no-repeat;filter:sepia(.4) contrast(1.05) brightness(.62);animation:kenburns 24s ease-in-out infinite alternate;will-change:transform}.login-screen:before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(180deg,rgba(13,8,5,.2),rgba(13,8,5,.4) 40%,rgba(13,8,5,.75)),radial-gradient(circle at 50% 15%,rgba(224,197,125,.13),transparent 38%)}.login-screen:after{content:"";position:absolute;z-index:-1;inset:0;background-image:radial-gradient(circle,rgba(255,244,205,.65) 0 1px,transparent 1.7px);background-size:54px 54px;opacity:.2;animation:dust 18s linear infinite}.light-rays{position:absolute;z-index:-1;inset:-40% -30% 35%;background:conic-gradient(from 168deg at 50% 0,transparent 0 6deg,rgba(231,207,144,.12) 8deg,transparent 10deg 18deg,rgba(231,207,144,.07) 20deg,transparent 23deg);mix-blend-mode:screen;transform-origin:50% 0;animation:rays 12s ease-in-out infinite alternate}@keyframes kenburns{0%{transform:scale(1.03) translate3d(0,0,0)}100%{transform:scale(1.13) translate3d(-1.2%,1.3%,0)}}@keyframes dust{to{background-position:40px -80px}}@keyframes rays{to{transform:rotate(2deg);opacity:.6}}
.login-panel{width:min(100%,390px);padding:25px 24px 21px;border:1px solid rgba(224,197,125,.64);border-radius:4px;background:linear-gradient(145deg,rgba(251,248,240,.95),rgba(238,228,207,.94));box-shadow:0 24px 80px rgba(0,0,0,.55),inset 0 0 0 5px rgba(99,62,35,.08);text-align:center;backdrop-filter:blur(10px)}.brand-seal{width:54px;height:54px;margin:-51px auto 12px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;background:var(--brown);color:var(--gold-soft);font:600 1.45rem Cinzel,serif;box-shadow:0 6px 22px rgba(0,0,0,.35)}.brand-kicker{margin:0 0 7px;color:#745f37;font-size:.61rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.brand-lockup h1{margin:0;font:600 clamp(1.8rem,8vw,2.35rem)/.95 Cinzel,serif;letter-spacing:-.04em;text-transform:uppercase}.brand-lockup h1 em{display:block;margin-top:7px;color:var(--wine);font-style:normal;letter-spacing:.12em}.brand-tagline{margin:10px 0 0;color:#615647;font:italic 600 .89rem 'Source Serif 4',serif}.rule{display:flex;align-items:center;gap:10px;margin:18px 0 16px;color:var(--gold)}.rule:before,.rule:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.rule span{font-size:.63rem}.login-panel>.eyebrow{color:var(--wine)}#access-form{display:grid;gap:10px;margin-top:14px;text-align:left}#access-form label{font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}#access-email{width:100%;height:52px;padding:0 14px;border:1.5px solid #8e806d;border-radius:3px;outline:none;background:rgba(255,255,255,.86);color:var(--ink);font-size:1rem}#access-email:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(196,154,67,.2)}.hint{margin:0;color:#625a50;font-size:.72rem}.form-error{display:none;margin:0;padding:9px;border-left:3px solid var(--wine);background:#efe0d8;color:#732d27;font-size:.72rem;font-weight:700}.form-error.show{display:block}.primary-button,.gold-button,.outline-button{border:0;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.primary-button{min-height:52px;margin-top:2px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #1c100b;border-radius:3px;background:linear-gradient(180deg,#6e2922,#4f1c18);box-shadow:0 6px 0 #2e120f,0 11px 22px rgba(68,24,20,.24);color:#fff6e4;font-size:.7rem}.primary-button span{color:var(--gold-soft);font-size:1.05rem}.primary-button:disabled{filter:grayscale(.8);opacity:.48;cursor:not-allowed;box-shadow:0 3px 0 #514945}.primary-button:not(:disabled):active{transform:translateY(3px);box-shadow:0 3px 0 #2e120f}.secure-note{margin:18px 0 0;color:#5f564a;font-size:.7rem;font-weight:600;letter-spacing:.03em}.secure-note span{color:var(--gold)}
.app-shell{min-height:100vh;display:flex}.sidebar{position:sticky;top:0;width:252px;height:100vh;flex:none;display:flex;flex-direction:column;background:var(--brown);color:#eee3d0;box-shadow:8px 0 30px rgba(42,27,20,.08)}.sidebar-brand{display:flex;align-items:center;flex-direction:column;padding:27px 16px 22px;border-bottom:1px solid rgba(224,197,125,.2);color:inherit;text-decoration:none}.sidebar-brand .cross{color:var(--gold-soft);font:1.35rem Cinzel}.sidebar-brand strong{margin-top:8px;font:600 1.18rem Cinzel,serif;text-transform:uppercase}.sidebar-brand strong em{display:block;color:var(--gold-soft);font-style:normal;letter-spacing:.13em;text-align:center}.sidebar-brand small{margin-top:7px;color:rgba(255,255,255,.54);font:italic .65rem 'Source Serif 4',serif}.sidebar nav{flex:1;padding:18px 10px}.nav-link{width:100%;display:flex;align-items:center;gap:12px;margin:2px 0;padding:13px 14px;border:0;border-radius:3px;background:transparent;color:rgba(255,255,255,.65);font-size:.77rem;font-weight:700;text-align:left}.nav-link:first-letter{color:var(--gold)}.nav-link:hover,.nav-link.active{background:rgba(224,197,125,.12);color:#fff}.nav-link.active{box-shadow:inset 3px 0 0 var(--gold)}.sidebar-account{padding:18px;border-top:1px solid rgba(224,197,125,.18)}.sidebar-account p{margin:0;color:rgba(255,255,255,.45);font-size:.6rem;text-transform:uppercase}.sidebar-account strong{display:block;max-width:100%;margin:5px 0 12px;overflow:hidden;color:#fff;font-size:.7rem;text-overflow:ellipsis}.sidebar-account button{border:0;background:none;color:var(--gold-soft);font-size:.65rem;font-weight:800;text-transform:uppercase}.content{min-width:0;flex:1;padding:42px clamp(22px,4vw,58px) 60px;background:linear-gradient(145deg,#f8f4eb,#f1eadf)}.view{max-width:1120px;margin:auto}.view>h2,.welcome-row h2{margin:7px 0 7px;font:700 clamp(1.7rem,4vw,2.45rem) 'Source Serif 4',serif}.welcome-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.welcome-row>div>p:last-child{margin:0;color:var(--muted);font-size:.83rem}.desktop-search{padding:12px 16px;border:1px solid var(--line);border-radius:3px;background:var(--cream);font-size:.7rem;font-weight:700}.continue-card{display:grid;grid-template-columns:116px minmax(0,1fr) auto;align-items:center;gap:24px;margin:30px 0 36px;padding:18px 22px;border:1px solid #b59d70;border-radius:4px;background:linear-gradient(120deg,#efe3c7,#faf6ed);box-shadow:0 12px 35px rgba(62,43,25,.08)}.book-mini-cover{width:98px;height:136px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid #b9944d;background:#241a15;color:#e8cd88;box-shadow:7px 7px 0 rgba(86,54,31,.16);font-family:Cinzel,serif}.book-mini-cover span{font-size:1.5rem}.book-mini-cover strong{margin-top:11px;font-size:.67rem;letter-spacing:.16em}.continue-card h3{margin:4px 0;font:700 1.5rem 'Source Serif 4',serif}.continue-card>div:nth-child(2)>p:not(.eyebrow){margin:0;color:var(--muted);font-size:.8rem}.progress{display:flex;align-items:center;gap:10px;margin-top:15px}.progress i{width:140px;height:4px;background:#d7cdbd}.progress b{display:block;height:100%;background:var(--wine)}.progress span{font-size:.62rem;font-weight:700}.gold-button{padding:14px 17px;border-radius:3px;background:var(--gold);color:#261b13;font-size:.67rem}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:16px}.section-heading h3{margin:5px 0 0;font:700 1.5rem 'Source Serif 4',serif}.section-heading button,.book-card button{border:0;background:none;color:var(--wine);font-size:.68rem;font-weight:800}.book-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.book-card{display:grid;grid-template-columns:80px minmax(0,1fr);gap:15px;padding:14px;border:1px solid var(--line);border-radius:4px;background:var(--cream)}.book-card-cover{height:110px;display:grid;place-items:center;border:1px solid rgba(196,154,67,.5);background:var(--cover,#37241c);color:#ead698;font:600 1.2rem Cinzel,serif;box-shadow:4px 4px 0 #dfd3c1}.book-card h4{margin:2px 0 6px;font:700 1.08rem 'Source Serif 4',serif}.book-card p{margin:0 0 16px;color:var(--muted);font-size:.7rem;line-height:1.4}.study-banner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin-top:34px;padding:23px;border:1px solid rgba(224,197,125,.5);background:var(--brown);color:#fff}.seal-small{width:54px;height:54px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;color:var(--gold-soft)}.study-banner h3{margin:4px 0;font:600 1.3rem 'Source Serif 4',serif}.study-banner p:last-child{margin:0;color:rgba(255,255,255,.63);font-size:.75rem}.outline-button{padding:12px 15px;border:1px solid var(--gold)!important;background:transparent;color:var(--gold-soft);font-size:.63rem}.library-search{margin:25px 0 13px}.library-search input{width:min(100%,520px);height:48px;padding:0 15px;border:1px solid var(--line);background:#fff}.filter-row{display:flex;gap:8px;overflow:auto;margin-bottom:20px}.filter-row button{flex:none;padding:9px 13px;border:1px solid var(--line);background:transparent;font-size:.66rem}.filter-row button.active{background:var(--brown);color:#fff}.book-grid.full{grid-template-columns:repeat(3,minmax(0,1fr))}.empty-card{max-width:620px;margin-top:25px;padding:42px;border:1px solid var(--line);background:var(--cream);text-align:center}.empty-card>span{color:var(--gold);font-size:2rem}.empty-card h3{font:700 1.4rem 'Source Serif 4',serif}.empty-card p{color:var(--muted)}.study-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:25px}.study-grid article{padding:24px;border:1px solid var(--line);background:var(--cream)}.study-grid b{color:var(--gold);font:700 1.2rem Cinzel}.study-grid h3{font:700 1.2rem 'Source Serif 4',serif}.study-grid p{color:var(--muted);font-size:.8rem;line-height:1.5}.mobile-header,.drawer-overlay{display:none}
.reader{width:min(720px,100%);height:min(880px,100dvh);max-width:none;max-height:none;margin:auto;border:0;padding:0;background:var(--cream);color:var(--ink)}.reader::backdrop{background:rgba(20,12,8,.86)}.reader>header{height:68px;display:grid;grid-template-columns:42px 1fr 42px;align-items:center;padding:0 14px;border-bottom:1px solid var(--line);background:var(--brown);color:#fff}.reader>header button{height:38px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff}.reader>header div{text-align:center}.reader>header small,.reader>header strong{display:block}.reader>header small{color:var(--gold-soft);font-size:.55rem;letter-spacing:.12em;text-transform:uppercase}.reader>header strong{font:600 .95rem 'Source Serif 4',serif}.reader-tools{display:flex;justify-content:center;gap:8px;padding:10px;border-bottom:1px solid var(--line)}.reader-tools button{padding:7px 11px;border:1px solid var(--line);background:#fff}.reader>article{max-width:620px;min-height:calc(100% - 142px);margin:auto;padding:clamp(30px,8vw,70px);font:400 1.12rem/1.85 'Source Serif 4',serif}.reader>article h2{font-size:2rem}.reader-placeholder{padding:20px;border-left:3px solid var(--gold);background:#f0e7d6;color:#5e5549}.reader>footer{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-top:1px solid var(--line)}.reader>footer button{border:0;background:none;font-size:.7rem;font-weight:800}.reader>footer span{font-size:.7rem}.reader.dark{background:#181512;color:#ece3d6}.reader.dark .reader-tools,.reader.dark>footer{border-color:#3c342c}.reader.dark .reader-tools button{border-color:#3c342c;background:#241f1a;color:#fff}.reader.dark .reader-placeholder{background:#2a241f;color:#ddd}
@media(max-width:860px){.mobile-header{position:fixed;z-index:90;inset:0 0 auto;height:60px;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;padding:max(0px,env(safe-area-inset-top)) 12px 0;background:var(--brown);color:#fff}.mobile-wordmark{color:#fff;font:600 .77rem Cinzel,serif;text-align:center;text-decoration:none}.mobile-wordmark span{color:var(--gold-soft)}.icon-button{width:44px;height:44px;border:1px solid rgba(255,255,255,.28);background:transparent;color:#fff}.sidebar{position:fixed;z-index:110;width:min(300px,86vw);height:100dvh;transform:translateX(-104%);transition:transform .25s ease}.sidebar.open{transform:none}.drawer-overlay.open{position:fixed;z-index:100;inset:0;display:block;background:rgba(0,0,0,.6)}.content{padding:87px 17px 45px}.welcome-row{display:block}.desktop-search{display:none}.book-grid,.book-grid.full{grid-template-columns:repeat(2,minmax(0,1fr))}.continue-card{grid-template-columns:90px minmax(0,1fr);gap:15px;padding:15px}.continue-card .book-mini-cover{width:78px;height:110px}.continue-card .gold-button{grid-column:1/-1;width:100%}.study-grid{grid-template-columns:1fr}.sound-control{right:12px;top:max(12px,env(safe-area-inset-top));bottom:auto}.app-shell:not([hidden])~.reader+.sound-control{display:none}}
@media(max-width:540px){.login-screen{place-items:center;padding:72px 14px 58px}.engraving{inset:-4% -18%;background-size:cover;background-position:50% 28%}.login-panel{max-width:365px;padding:23px 19px 18px}.brand-seal{width:50px;height:50px;margin-top:-46px}.book-grid,.book-grid.full{grid-template-columns:1fr}.book-card{grid-template-columns:72px minmax(0,1fr)}.book-card-cover{height:100px}.study-banner{grid-template-columns:auto 1fr}.study-banner .outline-button{grid-column:1/-1}.continue-card h3{font-size:1.3rem}.reader>article{padding:36px 24px}}
@media(prefers-reduced-motion:reduce){.engraving,.login-screen:after,.light-rays,.sound-control.playing span{animation:none!important}.sidebar{transition:none}}