:root{--void:#060608;--surface:#0c0c10;--surface-elevated:#121218;--border:#1a1a22;--border-active:#2a2a36;--text:#e2ddd2;--text-muted:#7a756c;--accent-warm:#d4a84b;--accent-warm-hover:#e0b85d;--accent-warm-dim:#a88438;--accent-cool:#14b8a6;--accent-cool-dim:#0d9488;--glow-warm:rgba(212,168,75,0.12);--glow-cool:rgba(20,184,166,0.08);--font-display:var(--font-display),"Bebas Neue",sans-serif;--font-body:var(--font-body),"DM Sans",system-ui,sans-serif;--touch-target:44px;--safe-top:env(safe-area-inset-top,0);--safe-bottom:env(safe-area-inset-bottom,0)}*{box-sizing:border-box}html{font-size:clamp(16px,4vw,18px);overflow-x:hidden;line-height:1.6;background:var(--void);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:9999}@media (prefers-reduced-motion:no-preference){html:after{content:"";position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.02) 0,rgba(0,0,0,.02) 4px);pointer-events:none;z-index:9998}}body{font-family:var(--font-body);font-size:1rem;margin:0;color:var(--text);background:var(--void);min-height:100vh;padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0);position:relative}.starfield-wrapper{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 80% 50% at 50% 0,rgba(20,184,166,.08) 0,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 80%,rgba(212,168,75,.05) 0,transparent 50%),var(--void)}.starfield-wrapper canvas{width:100%!important;height:100%!important}.starfield-fallback{position:absolute;inset:0;background:transparent}.site-footer,.site-header,main{position:relative;z-index:10}img{max-width:100%;height:auto;display:block}a{color:var(--accent-warm);text-decoration:none;transition:color .2s,box-shadow .2s;-webkit-tap-highlight-color:transparent}a:hover{color:var(--accent-cool)}a:focus-visible{outline:1px solid var(--accent-cool);outline-offset:2px}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:rgba(6,6,8,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.site-nav{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:1rem 1.5rem;padding-top:max(1rem,var(--safe-top))}@media (max-width:480px){.site-nav{padding:.75rem 1rem;padding-top:max(.75rem,var(--safe-top))}}.logo{font-family:var(--font-display);font-size:1.75rem;letter-spacing:.08em;color:var(--text)!important;min-height:var(--touch-target);display:inline-flex;align-items:center}@media (max-width:480px){.logo{font-size:1.5rem}}.logo:hover{color:var(--accent-warm)!important}.nav-links{display:flex;gap:2rem}.nav-links a{font-size:.9rem;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);min-height:var(--touch-target);display:inline-flex;align-items:center}@media (max-width:480px){.nav-links{gap:1.25rem}.nav-links a{font-size:.8rem;padding:.5rem 0}}.nav-links a:hover{color:var(--accent-warm)}.site-footer{margin-top:4rem;padding:2rem 1.5rem;padding-bottom:max(2rem,var(--safe-bottom));border-top:1px solid var(--border);text-align:center;position:relative;overflow:hidden}.site-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-cool-dim) 30%,var(--accent-warm-dim) 70%,transparent);opacity:.3}@media (max-width:480px){.site-footer{margin-top:2.5rem;padding:1.5rem 1rem;padding-bottom:max(1.5rem,var(--safe-bottom))}}.site-footer p{margin:0;font-size:.85rem;color:var(--text-muted)}.page{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}@media (max-width:480px){.page{padding:1.25rem 1rem}}.page .content{width:100%}h1{font-size:3.5rem;margin:0 0 1rem;color:var(--text);line-height:1.1}h1,h2{font-family:var(--font-display);font-weight:400;letter-spacing:.06em}h2{font-size:1.5rem;margin:2rem 0 1rem;color:var(--accent-warm)}h3{font-family:var(--font-body);font-size:1.1rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin:0 0 .5rem}h3,p{color:var(--text)}p{margin:0 0 1rem;line-height:1.7}p:last-child{margin-bottom:0}.intro{font-size:1.1rem;color:var(--text-muted);margin-bottom:2.5rem;max-width:42rem}.books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:1.5rem;gap:1.5rem}.book-card{display:block;background:rgba(12,12,16,.7);border:1px solid rgba(26,26,34,.6);border-radius:12px;overflow:hidden;transition:box-shadow .3s ease,border-color .3s;-webkit-tap-highlight-color:transparent;box-shadow:0 8px 32px rgba(0,0,0,.3);perspective:1000px}.book-card__tilt{display:flex;flex-direction:column;height:100%;position:relative;overflow:hidden}.tilt-card__glare{position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent 50%,rgba(212,168,75,.05));border-radius:12px}.book-card:hover{box-shadow:0 16px 48px rgba(0,0,0,.4),0 0 0 1px rgba(212,168,75,.2);border-color:rgba(212,168,75,.3)}.book-card--placeholder{cursor:default;opacity:.7}.book-card--placeholder:hover{box-shadow:0 8px 32px rgba(0,0,0,.3);border-color:rgba(26,26,34,.6)}.book-cover-placeholder--coming-soon{font-size:1rem;color:var(--text-muted)}.book-title--placeholder{color:var(--text-muted)}.book-summary-preview--placeholder{color:var(--text-muted);font-size:.85rem}@media (hover:none){.book-card:hover{transform:none}.book-card:active{border-color:rgba(212,168,75,.4)}}.book-card__cover{position:relative;aspect-ratio:2/3;overflow:hidden;background:var(--surface-elevated)}.book-card__cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.book-card:hover .book-card__cover img{transform:scale(1.05)}.book-card__cta{position:absolute;bottom:1rem;right:1rem;padding:.5rem 1rem;font-size:.8rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--void);background:var(--accent-warm);border-radius:6px;opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s}.book-card:hover .book-card__cta{opacity:1;transform:translateY(0)}.book-cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:1rem;font-family:var(--font-display);font-size:1.25rem;letter-spacing:.04em;color:var(--text-muted);text-align:center}.book-card__body{padding:1.25rem;display:flex;flex-direction:column;gap:.5rem}.book-card .book-title{font-family:var(--font-display);font-size:1.25rem;letter-spacing:.04em;margin:0;color:var(--text);line-height:1.2}.book-summary-preview{font-size:.85rem;color:var(--text-muted);margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.book-summary-preview p{margin:0 0 .5rem}.book-summary-preview p:last-child{margin-bottom:0}.empty-state{color:var(--text-muted)}.empty-state a{color:var(--accent-warm);text-decoration:underline}.back-link{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.5rem 1rem;font-size:.9rem;font-weight:500;letter-spacing:.03em;color:var(--text-muted);border-radius:8px;transition:color .2s,background .2s}.back-link:hover{color:var(--accent-warm);background:rgba(212,168,75,.08)}.back-link__icon{font-size:1.1em}.book-detail{display:grid;grid-template-columns:280px 1fr;grid-gap:3rem;gap:3rem;align-items:start}@media (max-width:768px){.book-detail{grid-template-columns:1fr;gap:2rem}}.book-detail-cover{position:-webkit-sticky;position:sticky;top:6rem;border-radius:12px;overflow:hidden;box-shadow:0 12px 40px rgba(0,0,0,.4)}@media (max-width:768px){.book-detail-cover{position:static;max-width:200px;margin:0 auto}}.book-detail-cover img{display:block;width:100%;height:auto}.book-cover-placeholder.large{aspect-ratio:2/3;min-height:400px}@media (max-width:768px){.book-cover-placeholder.large{min-height:320px}}.book-detail-info h1{margin-top:0}.book-tabs{margin-top:1.5rem}.book-tabs__list{display:flex;gap:.25rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border)}.book-tabs__tab{padding:.6rem 1.25rem;font-size:.9rem;font-weight:500;letter-spacing:.04em;color:var(--text-muted);background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;transition:color .2s,border-color .2s}.book-tabs__tab:hover{color:var(--text)}.book-tabs__tab.active{color:var(--accent-warm);border-bottom-color:var(--accent-warm)}.book-tabs__panel{min-height:200px}.book-tabs__panel[hidden]{display:none}.text-muted{color:var(--text-muted)}.book-summary p,.chapter-content p{color:var(--text);line-height:1.75;text-align:justify;text-indent:1.5em}.book-summary h2+p,.book-summary p:first-of-type,.chapter-content p:first-of-type{text-indent:0}.chapter-content p.dialogue{text-indent:0;margin-left:2em;margin-right:2em}.chapter-content{font-size:1.05rem;line-height:1.8;overflow-wrap:break-word;text-align:justify}.chapter-content p{margin-bottom:1.25rem}.chapter-content img{max-width:100%;height:auto}.chapter-content strong{font-weight:600}.chapter-content em{font-style:italic}.chapter-content code{font-family:var(--font-body);font-size:.9em;background:var(--surface-elevated);padding:.15em .4em;border-radius:3px}.chapter-cta{margin-top:2.5rem;padding-top:2rem;border-top:1px solid rgba(26,26,34,.6);text-align:center}.chapter-cta__text{font-size:1rem;color:var(--text-muted);margin-bottom:1rem;font-style:italic;text-indent:0}.chapter-cta__link{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;background:var(--accent-warm);color:#fff!important;text-decoration:none;font-weight:600;border-radius:8px;transition:background .2s,transform .15s}.chapter-cta__link .chapter-cta__icon svg{stroke:#fff}.chapter-cta__link:hover{background:var(--accent-warm-hover);transform:translateY(-1px)}.chapter-cta__icon{display:flex;width:1.25rem;height:1.25rem}.chapter-cta__icon svg{width:100%;height:100%}.chapter-content pre{overflow-x:auto;padding:1rem;background:var(--surface-elevated);border-radius:4px;margin:1.25rem 0}.chapter-content pre code{background:none;padding:0}.chapter-content blockquote{margin:1.25rem 0;padding-left:1.5em;border-left:3px solid var(--accent-warm);color:var(--text-muted)}.chapter-content ol,.chapter-content ul{margin:1rem 0;padding-left:1.5em}.chapter-content li{margin-bottom:.5rem}.chapter-content a{color:var(--accent-warm)}.chapter-content hr{border:none;border-top:1px solid var(--border);margin:2rem 0}.chapter-content h1,.chapter-content h2,.chapter-content h3,.chapter-content h4{margin-top:1.5rem;margin-bottom:.5rem;text-indent:0}.chapter-content h1{font-size:1.5rem}.chapter-content h2{font-size:1.25rem}.chapter-content h3{font-size:1.1rem}.chapter-content h4{font-size:1rem}.author-content{max-width:720px;margin-left:auto;margin-right:auto}.author-header{display:flex;gap:2.5rem;align-items:flex-start}@media (max-width:640px){.author-header{flex-direction:column}}.author-photo img{border-radius:4px;border:1px solid var(--border)}.author-info h1{margin-top:0}.author-bio p{margin-bottom:1.25rem}.characters-section{margin-top:4rem;padding-top:2rem}.characters-section h2{margin-top:0;margin-bottom:1.5rem}.characters-grid{display:grid;grid-template-columns:1fr;grid-gap:1.5rem;gap:1.5rem}@media (max-width:767px){.characters-section{overflow-x:hidden}.characters-grid{grid-template-columns:1fr}}.character-card{display:flex;flex-direction:column;background:rgba(12,12,16,.6);border:1px solid rgba(26,26,34,.6);border-radius:12px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s}@media (max-width:767px){.character-card{position:relative;overflow-x:hidden;overflow-y:visible;min-height:0;overflow-anchor:none}.character-card .character-card__slide-panel{position:absolute;right:0;top:0;bottom:0;left:0;width:100%;display:flex;flex-direction:row;z-index:3;transform:translateX(100%);transition:transform .3s ease;box-shadow:-8px 0 24px rgba(0,0,0,.4)}.character-card.character-card--expanded .character-card__slide-panel{transform:translateX(0)}.character-card .character-card__content{position:relative;z-index:1;flex:1 1;overflow-y:auto;padding-right:0;min-width:0;-webkit-overflow-scrolling:touch;background:rgba(12,12,16,.75)}.character-card .character-card__pull-tab--fixed{position:absolute;right:0;top:50%;transform:translateY(-50%);width:28px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(12,12,16,.5);border:none;border-left:2px solid var(--accent-warm);border-radius:8px 0 0 8px;cursor:pointer;color:var(--accent-warm);font-size:1rem;padding:0;z-index:4;transition:background .2s,color .2s,border .2s,border-radius .2s,box-shadow .2s;box-shadow:-4px 0 12px rgba(0,0,0,.3)}.character-card .character-card__pull-tab--fixed:hover{background:rgba(26,26,34,.65);color:var(--accent-warm)}.character-card.character-card--expanded .character-card__pull-tab--fixed{border-left:none;border-right:2px solid var(--accent-warm);border-radius:0 8px 8px 0;box-shadow:4px 0 12px rgba(0,0,0,.3)}.character-card .character-card__image{position:relative;width:100%;aspect-ratio:4/5;order:0;flex-shrink:0;overflow:hidden}.character-card .character-card__image img{width:100%;height:100%;object-fit:contain;object-position:top center}.character-card .character-card__slide-panel{min-height:100%}}@media (min-width:768px){.character-card{flex-direction:row}.character-card__pull-tab,.character-card__pull-tab--fixed{display:none}.character-card__slide-panel{display:contents}}.character-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.3),0 0 0 1px rgba(20,184,166,.15);border-color:rgba(20,184,166,.25)}.character-card__image{position:relative;width:100%;aspect-ratio:4/5;overflow:hidden;background:var(--surface-elevated);flex-shrink:0;order:-1}@media (min-width:768px){.character-card__image{order:0;width:280px;min-width:280px;aspect-ratio:4/5;overflow:visible}}.character-card__image img{width:100%;height:100%;object-fit:cover;object-position:top center}@media (min-width:768px){.character-card__image img{position:absolute;right:0;top:0;width:410px;max-width:none;object-position:top center;mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.25) 5%,rgba(0,0,0,.55) 12%,rgba(0,0,0,.85) 22%,black 35%);-webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.25) 5%,rgba(0,0,0,.55) 12%,rgba(0,0,0,.85) 22%,black 35%)}}.character-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--surface-elevated);font-family:var(--font-display);font-size:4rem;color:var(--accent-warm-dim)}@media (min-width:768px){.character-placeholder{font-size:5rem}}.character-card__content{display:flex;flex-direction:column;flex:1 1;min-width:0}@media (min-width:768px){.character-card__content{position:relative;z-index:2}}.character-card__meta{padding:1rem 1.25rem .5rem}.character-card__name{font-size:1.15rem;font-weight:600;letter-spacing:.02em;margin:0 0 .35rem;color:var(--text)}.character-card__role{display:inline-block;font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--accent-cool);padding:.2rem .5rem;background:rgba(20,184,166,.12);border-radius:4px}.character-card__role em{text-transform:none;font-style:italic}.character-card__body{padding:1rem 1.25rem;flex:1 1}.character-card__field{margin-bottom:.75rem}.character-card__field:last-child{margin-bottom:0}.character-card__body p,.character-card__value p{font-size:.85rem;margin:0 0 .75rem;color:var(--text-muted);text-align:justify;line-height:1.6}.character-card__body p:last-child,.character-card__value p:last-child{margin-bottom:0}.character-card__value p{margin-bottom:.5rem}.character-card__value>:first-child{margin-top:0}.character-card__label{display:block;font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-warm-dim);margin-bottom:.25rem}.character-quote{margin:1rem 0 0;padding:.75rem 1rem;border-left:3px solid var(--accent-warm);background:rgba(212,168,75,.06);font-style:italic;text-align:justify;color:var(--text);font-size:.9rem}@media (max-width:1024px){h1{font-size:2.5rem}}@media (max-width:768px){h1{font-size:2rem}h2{font-size:1.25rem;margin-top:1.5rem}.books-grid{grid-template-columns:1fr;gap:1.5rem}.intro{font-size:1rem;margin-bottom:1.5rem}}@media (max-width:480px){h1{font-size:1.75rem;margin-bottom:.75rem}h2{font-size:1.1rem;margin-top:1.25rem}.books-grid{gap:1.25rem}.book-card .book-title{font-size:1.1rem}.book-card__body{padding:1rem}.book-summary-preview{font-size:.8rem}.back-link{margin-bottom:1.5rem}.book-detail{gap:1.5rem}.characters-section{margin-top:2.5rem;padding-top:1.5rem}}