:root{--ink:#090909;--graphite:#171717;--steel:#272727;--gold:#d4a843;--gold-light:#f0c66a;--muted:#a3a3a3;--white:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--white);background:var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 76% 2%,#3a2b0e66,transparent 26rem),var(--ink);min-width:320px}.noise{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");mix-blend-mode:screen}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:1rem;top:1rem;z-index:30;background:var(--gold);color:#000;padding:.7rem}.site-header{height:74px;position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:2.2rem;padding:0 clamp(1.1rem,4vw,4.8rem);border-bottom:1px solid #ffffff10;background:#090909ec;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:.6rem;color:#fff;text-decoration:none;letter-spacing:.08em;white-space:nowrap}.brand strong{font-size:.87rem;display:block}.brand small{display:block;color:var(--gold);font-size:.47rem;font-weight:700;letter-spacing:.22em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--gold);color:var(--gold);font-family:Georgia,serif;font-weight:bold;font-size:1.4rem}.site-header nav{display:flex;gap:1.55rem;align-items:center;flex:1}.site-header nav a{color:#c4c4c4;font-size:.88rem;text-decoration:none}.site-header nav a:hover,.site-header nav a.active{color:var(--gold-light)}.header-actions{display:flex;align-items:center;gap:.7rem}.icon-button,.mobile-menu{position:relative;border:0;background:transparent;color:#fff;font-size:1.5rem;cursor:pointer}.counter{position:absolute;right:-3px;top:-2px;display:grid;place-items:center;min-width:15px;height:15px;padding:0 3px;border-radius:50%;background:var(--gold);color:#000;font-size:9px}.avatar{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:linear-gradient(135deg,var(--gold-light),#71500d);color:#111;text-decoration:none;font-size:.68rem;font-weight:900}.mobile-menu{display:none}.hero{min-height:570px;position:relative;overflow:hidden;padding:clamp(5rem,11vw,8rem) clamp(1.2rem,8vw,9rem);display:flex;align-items:center;background:linear-gradient(90deg,#090909 8%,#090909e8 38%,#09090966 66%,#090909 100%),linear-gradient(0deg,#090909,#0000 42%)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 50%,#d4a84318);pointer-events:none}.hero-content{z-index:1;max-width:720px}.eyebrow{margin:0 0:.75rem;color:var(--gold-light);font-size:.67rem;letter-spacing:.2em;font-weight:800}.eyebrow span{color:#73602c;margin:0 .5rem}.hero h1{margin:0;font-size:clamp(2.6rem,5.5vw,5.7rem);line-height:.94;letter-spacing:-.055em}.hero h1 em{font-family:Georgia,serif;color:var(--gold-light);font-weight:400}.hero-copy{color:#d1d1d1;line-height:1.6;max-width:580px;font-size:1.03rem;margin:1.55rem 0 2rem}.hero-actions{display:flex;gap:.75rem;flex-wrap:wrap}.button{border:1px solid transparent;border-radius:4px;padding:.85rem 1.15rem;text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;font-weight:800;text-decoration:none;cursor:pointer}.button-primary{background:var(--gold);color:#17120a}.button-primary:hover{background:var(--gold-light);transform:translateY(-1px)}.button-secondary{border-color:#ffffff55;color:#fff;background:#171717a8}.button-secondary:hover{border-color:var(--gold);color:var(--gold-light)}.hero-forge{position:absolute;right:8%;bottom:9%;width:28rem;height:28rem;border-radius:50%;background:radial-gradient(circle,#ffb82a 0%,#d16f16 9%,#592a10 20%,#15120d 43%,transparent 67%);filter:blur(1px);opacity:.8}.hero-forge .glow{position:absolute;inset:27%;border-radius:50%;background:#fff3bc;filter:blur(23px)}.hero-forge span{position:absolute;color:#ffd368;font-size:1.6rem;animation:spark 3s infinite}.hero-forge span:nth-child(2){left:32%;top:6%;animation-delay:.7s}.hero-forge span:nth-child(3){left:65%;top:31%;animation-delay:1.3s}.hero-forge span:nth-child(4){left:13%;top:62%;animation-delay:2s}@keyframes spark{50%{transform:translate(30px,-64px) rotate(180deg);opacity:0}}.welcome-card,.account{margin:0 auto;max-width:1200px;display:flex;justify-content:space-between;gap:2rem;align-items:center;padding:2rem clamp(1.2rem,4vw,3rem);background:linear-gradient(110deg,#171717,#1d1910);border:1px solid #d4a84342;border-radius:10px}.welcome-card{margin-top:-2.8rem;position:relative;z-index:2}.welcome-card h2,.account h2{margin:.1rem 0 .55rem;font-size:1.4rem}.welcome-card p:not(.eyebrow),.account p{margin:0;line-height:1.55;color:#b8b8b8;font-size:.9rem;max-width:720px}.library-intro,.shelf,.premium-section,.account{max-width:1400px;margin-left:auto;margin-right:auto}.library-intro{padding:5rem clamp(1.2rem,4vw,3rem) 1.7rem}.library-intro h2,.section-heading h2,.premium-heading h2{font-size:clamp(1.6rem,3vw,2.2rem);margin:0;letter-spacing:-.04em}.library-intro>p:last-child,.premium-heading>p:last-child{color:var(--muted);margin:.5rem 0 0}.shelf,.continue-section{padding:1rem clamp(1.2rem,4vw,3rem) 2.5rem}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:1rem}.shelf-count{color:#777;font-size:.75rem}.material-row{display:grid;grid-template-columns:repeat(5,minmax(190px,1fr));gap:1rem}.material-row[data-row="main"],.material-row[data-row="extra"]{grid-template-columns:minmax(230px,310px)}.material-card{position:relative;min-width:0;border:1px solid #ffffff16;background:#171717;border-radius:7px;overflow:hidden;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}.material-card:hover{transform:translateY(-6px) scale(1.015);border-color:#d4a843ab;box-shadow:0 15px 38px #000a}.cover{aspect-ratio:1.58/1;position:relative;overflow:hidden;background:#272727}.material-row[data-row="main"] .cover,.material-row[data-row="extra"] .cover{aspect-ratio:1/.78}.cover img{width:100%;height:100%;object-fit:cover;display:block}.cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#090909c0,transparent 55%)}.card-top{position:absolute;z-index:2;left:.7rem;top:.7rem;right:.7rem;display:flex;justify-content:space-between;align-items:start}.badge{display:inline-block;background:#090909d9;border:1px solid #d4a84382;border-radius:3px;padding:.35rem .45rem;color:var(--gold-light);font-size:.55rem;font-weight:800;letter-spacing:.08em}.favorite{border:0;background:#090909c9;color:#fff;width:29px;height:29px;border-radius:50%;font-size:1rem;cursor:pointer}.favorite.is-favorite{color:var(--gold-light)}.card-content{padding:.9rem .9rem 1rem}.card-content h3{margin:0;font-size:.92rem;line-height:1.24}.card-content p{margin:.55rem 0 .9rem;color:#aaa;font-size:.74rem;line-height:1.45;min-height:4.35em}.card-action{width:100%;border:1px solid #d4a8437a;background:transparent;color:var(--gold-light);padding:.62rem;font-size:.61rem;letter-spacing:.07em;font-weight:800;text-transform:uppercase;cursor:pointer}.card-action:hover{background:var(--gold);color:#17120a}.continue-section{max-width:1400px;margin:auto}.continue-section .material-row{grid-template-columns:repeat(auto-fit,minmax(230px,280px))}.premium-section{margin-top:2rem;padding:4rem clamp(1.2rem,4vw,3rem);background:linear-gradient(135deg,#171717,#0b0b0b 70%,#2c220e)}.premium-heading{margin-bottom:1.1rem}.premium-notice{display:flex;gap:.75rem;align-items:center;border-left:2px solid var(--gold);background:#090909a6;padding:.75rem 1rem;color:#bdbdbd;font-size:.78rem;margin-bottom:1.4rem}.premium-notice span{color:var(--gold-light);font-size:1.4rem}.premium-notice p{margin:0;line-height:1.45}.premium-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.3rem}.premium-card{display:grid;grid-template-columns:minmax(140px,38%) 1fr;min-height:220px;background:#171717;border:1px solid #d4a84354;border-radius:8px;overflow:hidden}.premium-cover{background:linear-gradient(145deg,#0f0c09,#6d3b12 48%,#090909);position:relative;display:grid;place-items:center}.premium-cover:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(125deg,#0000 0 10px,#0003 11px 12px)}.lock{z-index:1;display:grid;place-items:center;width:62px;height:62px;border:1px solid var(--gold);border-radius:50%;color:var(--gold-light);font-size:1.8rem;background:#090909c9}.premium-body{padding:1.4rem}.premium-body h3{margin:.6rem 0;font-size:1.1rem}.premium-body p{color:#aaa;font-size:.8rem;line-height:1.55;min-height:5em}.premium-body .card-action{margin-top:.5rem}.account{margin-top:4rem;margin-bottom:5.7rem;border-radius:0;max-width:none;padding-left:max(1.2rem,calc((100vw - 1200px)/2));padding-right:max(1.2rem,calc((100vw - 1200px)/2))}.access-list{min-width:min(100%,410px);border-left:1px solid #ffffff1b;padding-left:1.5rem}.access-list div{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;border-bottom:1px solid #ffffff0e;color:#c7c7c7;font-size:.81rem}.access-list b{font-size:.67rem;text-transform:uppercase;letter-spacing:.06em}.status-review{color:var(--gold-light)}.status-locked{color:#858585}.bottom-nav{display:none}.search-panel{max-width:1400px;margin:auto;padding:1rem clamp(1.2rem,4vw,3rem);background:#171717}.search-panel label{display:block;font-size:.7rem;color:var(--gold-light);margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.1em}.search-panel div{display:flex;gap:.4rem}.search-panel input{width:min(620px,100%);padding:.8rem 1rem;border:1px solid #ffffff28;background:#090909;color:white;font:inherit}.search-panel button,.text-button{border:1px solid #ffffff2d;background:transparent;color:#ddd;padding:.6rem .75rem;cursor:pointer}.search-panel button:hover,.text-button:hover{border-color:var(--gold);color:var(--gold-light)}.search-panel p{font-size:.75rem;color:#aaa;margin:.5rem 0 0}.modal{position:fixed;z-index:50;inset:0;background:#000e;padding:1rem;display:grid;place-items:center}.reader-shell{height:min(94vh,1000px);width:min(1500px,100%);display:grid;grid-template-rows:auto 1fr auto;border:1px solid #ffffff1c;background:#171717;box-shadow:0 30px 90px #000}.reader-header{display:flex;align-items:center;gap:1.2rem;min-height:64px;padding:.65rem 1rem;border-bottom:1px solid #ffffff1c}.reader-header h2{font-size:.88rem;flex:1;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-header-actions{display:flex;align-items:center;gap:.5rem}.close-reader{border:0;background:transparent;color:#fff;font-size:2rem;line-height:1;cursor:pointer}.reader-stage{position:relative;min-height:0;background:#272727}.reader-stage iframe{border:0;width:100%;height:100%;opacity:0;transition:opacity .2s}.reader-stage iframe.loaded{opacity:1}.loading{position:absolute;inset:0;display:grid;place-items:center;color:var(--gold-light);font-size:.8rem}.reader-toolbar{display:flex;align-items:center;gap:.5rem;padding:.65rem 1rem;border-top:1px solid #ffffff1c;background:#111}.reader-toolbar button,.reader-toolbar input{border:1px solid #ffffff26;border-radius:3px;background:#202020;color:#eee;padding:.45rem .6rem;font:inherit;font-size:.75rem}.reader-toolbar button{cursor:pointer}.reader-toolbar button:hover{border-color:var(--gold);color:var(--gold-light)}.reader-toolbar label{font-size:.75rem;color:#b6b6b6}.reader-toolbar input{width:48px;padding:.35rem;text-align:center}.toolbar-spacer{flex:1}.reader-toolbar output{font-size:.72rem;color:#bbb;min-width:3rem;text-align:center}.toast{position:fixed;bottom:1.5rem;left:50%;z-index:70;transform:translateX(-50%);background:#f0c66a;color:#221a09;padding:.8rem 1rem;border-radius:4px;box-shadow:0 9px 30px #000;font-size:.8rem;font-weight:700}.empty{padding:1.3rem;background:#171717;color:#aaa;font-size:.85rem}@media(max-width:800px){.site-header{height:62px;gap:.8rem;padding:0 1rem}.mobile-menu{display:block;order:1}.brand{order:2}.site-header nav{display:none;position:absolute;top:61px;left:0;right:0;padding:1rem;background:#111;border-bottom:1px solid #ffffff1a}.site-header nav.open{display:grid;gap:1rem}.header-actions{margin-left:auto;order:3}.avatar{display:none}.hero{min-height:520px;padding:4.5rem 1.25rem 7rem}.hero-forge{right:-9rem;bottom:-5rem;width:24rem;height:24rem}.welcome-card{margin:-1.8rem 1rem 0;display:grid;padding:1.3rem}.library-intro{padding-top:3rem}.material-row,.material-row[data-row="main"],.material-row[data-row="extra"]{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.7rem}.material-card{flex:0 0 min(77vw,300px);scroll-snap-align:start}.premium-grid{grid-template-columns:1fr}.premium-card{grid-template-columns:36% 1fr}.account{display:grid;margin-bottom:5rem}.access-list{border-left:0;border-top:1px solid #ffffff1b;padding:1rem 0 0}.bottom-nav{position:fixed;display:flex;align-items:center;justify-content:space-around;gap:.4rem;left:0;right:0;bottom:0;z-index:40;padding:.5rem;background:#111f;border-top:1px solid #ffffff1f;backdrop-filter:blur(18px)}.bottom-nav a,.bottom-nav button{display:grid;gap:.18rem;place-items:center;min-width:54px;border:0;background:transparent;color:#aaa;text-decoration:none;font-size:1.1rem}.bottom-nav span{font-size:.55rem}.bottom-nav .active{color:var(--gold-light)}.reader-header .brand{display:none}.reader-header{gap:.6rem}.reader-header-actions{gap:.1rem}.reader-header-actions .text-button{font-size:0;padding:.4rem}.reader-header-actions .text-button:after{font-size:.9rem}.reader-header-actions #download-pdf:after{content:'↓'}.reader-header-actions #fullscreen-reader:after{content:'⛶'}.reader-header-actions #external-link:after{content:'↗'}.reader-toolbar{gap:.28rem;padding:.55rem}.reader-toolbar button{padding:.45rem}.reader-toolbar button span{display:none}.reader-toolbar #fit-page{display:none}.toolbar-spacer{display:none}.reader-toolbar label{margin-right:auto}.modal{padding:0}.reader-shell{height:100vh;border:0}.premium-notice{align-items:flex-start}.section-heading{align-items:start}.shelf-count{padding-top:.35rem}}@media(max-width:430px){.header-actions{gap:.2rem}.hero h1{font-size:2.55rem}.premium-card{min-height:200px}.premium-body{padding:1rem}.premium-body h3{font-size:.94rem}.premium-body p{font-size:.72rem}.welcome-card h2{font-size:1.18rem}}
