:root{--ink: #050508;--ink-2: #0a0a10;--ink-3: #12121c;--ink-rise: #1a1a28;--paper: #e2e8f0;--bone: #cbd5e1;--bone-soft: #94a3b8;--muted: #64748b;--line: rgba(5, 217, 232, .15);--line-strong: rgba(5, 217, 232, .35);--blood: #ff2a6d;--blood-deep: #b31d4c;--ember: #ffb900;--rose: #ff75a0;--gold: #fcee0a;--cyan: #05d9e8;--green: #01ffc3;--grad-blood: linear-gradient(135deg, var(--blood) 0%, var(--cyan) 100%);--grad-ember: linear-gradient(135deg, var(--ember) 0%, var(--blood) 100%);--display: "Inter", system-ui, sans-serif;--serif: "JetBrains Mono", monospace;--body: "Inter", system-ui, sans-serif;--ui: "Inter", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--r: 2px;--r-lg: 4px;--r-pill: 999px;--shadow-1: 0 1px 2px rgba(0,0,0,.6);--shadow-2: 0 4px 12px rgba(5,217,232,.1);--shadow-3: 0 12px 32px rgba(255,42,109,.15), 0 0 0 1px rgba(5,217,232,.1);--shadow-glow: 0 0 20px rgba(255,42,109,.4);--nav-h: 64px;--content-w: 100%;--prose-w: 800px;--ease: cubic-bezier(.2, .7, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--ink);color:var(--bone)}html{scroll-behavior:smooth}body{font-family:var(--body);font-size:16px;line-height:1.6;letter-spacing:.02em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden;background:var(--ink);background-attachment:fixed}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}img,svg{max-width:100%;display:block}::selection{background:var(--blood);color:#fff}:focus{outline:none}:focus-visible{outline:2px solid var(--blood);outline-offset:3px;border-radius:var(--r)}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.08;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .95 0 0 0 0 .9 0 0 0 0 .8 0 0 0 .9 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);opacity:.6}@keyframes skeleton-pulse{0%{opacity:.3}50%{opacity:.7}to{opacity:.3}}.skeleton-pulse{animation:skeleton-pulse 2.5s ease-in-out infinite}#root{min-height:100vh;position:relative;z-index:2}.app-layout{display:flex;flex-direction:column;min-height:100vh}.content-viewport{flex:1;display:flex;flex-direction:column}.shell{flex:1;width:100%;max-width:var(--content-w);margin:0 auto;padding:56px 64px 120px}@media(max-width:640px){.shell{padding:32px 0 100px}}.control-deck{position:sticky;top:0;z-index:50;height:var(--nav-h);width:100%;border-bottom:1px solid var(--line);background:#050508cc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 20px #05d9e80d}.nav-container{display:flex;align-items:center;gap:36px;height:100%;max-width:var(--content-w);margin:0 auto;padding:0 64px}@media(max-width:640px){.nav-container{padding:0 20px;gap:16px}}.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0;transition:opacity .2s var(--ease)}.brand:hover{opacity:.9}.brand-mark{width:32px;height:32px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#2a0a14,#050509 70%);border:1.5px solid var(--blood);box-shadow:0 0 14px #e6394680,inset 0 0 8px #e6394666;display:grid;place-items:center;position:relative}.brand-mark:after{content:"H";font-family:var(--serif);font-weight:900;font-size:16px;color:var(--blood);text-shadow:0 0 8px rgba(230,57,70,.7);line-height:1}.brand-name{font-family:var(--serif);font-weight:900;letter-spacing:.18em;font-size:15px;color:var(--paper);line-height:1}.brand-name small{display:block;font-family:var(--mono);font-size:9px;letter-spacing:.32em;color:var(--muted);margin-top:4px;font-weight:400}@media(max-width:540px){.brand-name small{display:none}}.nav-desktop{display:flex;align-items:center;flex:1}.nav-links{display:flex;align-items:center;gap:4px;flex:1}.nav-links a{font-family:var(--ui);font-size:14px;font-weight:500;letter-spacing:.01em;padding:8px 14px;border-radius:var(--r);color:var(--bone-soft);transition:color .15s var(--ease),background .15s var(--ease);position:relative}.nav-links a:hover{color:var(--paper);background:#ffffff0a}.nav-links a.active{color:var(--paper)}.nav-links a.active:after{content:"";position:absolute;left:14px;right:14px;bottom:2px;height:1.5px;background:var(--blood);border-radius:2px;box-shadow:0 0 8px #e6394699}.nav-mobile-top{display:none}@media(max-width:768px){.nav-desktop{display:none}.nav-mobile-top{display:flex;align-items:center;gap:16px}}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;width:100%;height:64px;background:#0b0a10d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line-strong);z-index:100;justify-content:space-around;align-items:center;padding-bottom:env(safe-area-inset-bottom)}@media(max-width:768px){.mobile-bottom-nav{display:flex}}.bottom-nav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--muted);text-decoration:none;font-family:var(--ui);font-size:11px;font-weight:500;flex:1;height:100%;background:transparent;border:none;cursor:pointer;min-height:44px}.bottom-nav-link.active{color:var(--cyan)}.bottom-nav-link svg{width:24px;height:24px}.fab{display:none;position:fixed;bottom:80px;right:16px;width:56px;height:56px;border-radius:50%;background:var(--blood);color:#fff;border:none;box-shadow:0 4px 16px #ff2a6d80;z-index:90;align-items:center;justify-content:center;cursor:pointer}@media(max-width:768px){.fab{display:flex}}.nav-actions,.nav-user{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.nav-cta{font-family:var(--ui);font-weight:600;font-size:13px;letter-spacing:.01em;padding:9px 18px;border-radius:var(--r-pill);background:var(--paper);color:var(--ink);transition:transform .15s var(--ease),box-shadow .2s var(--ease);white-space:nowrap}.nav-cta:hover{transform:translateY(-1px);box-shadow:0 6px 20px #f6f1e62e}.nav-cta.ghost{background:transparent;color:var(--bone-soft);border:1px solid var(--line-strong)}.nav-cta.ghost:hover{color:var(--paper);border-color:var(--bone-soft);background:#ffffff08;box-shadow:none}.nav-avatar-link{display:inline-flex;align-items:center;gap:8px;padding:4px 8px 4px 4px;border-radius:var(--r-pill);transition:background .15s var(--ease)}.nav-avatar-link:hover{background:#ffffff0d}.nav-avatar,.nav-avatar-img{width:30px!important;height:30px!important;font-size:11px!important;flex-shrink:0;border-radius:50%!important}.nav-avatar-img{object-fit:cover;border:1px solid var(--line-strong)}.nav-handle{font-family:var(--ui);font-size:13px;font-weight:500;color:var(--bone-soft);white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}@media(max-width:540px){.nav-handle{display:none}}.hud,.grid-floor,.grid-wall,.particle,.scanlines,.noise,.vignette,.tracking{display:none!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;font-family:var(--ui);font-weight:500;font-size:14px;letter-spacing:.02em;border-radius:var(--r);transition:all .25s var(--ease);position:relative;overflow:hidden}.btn:hover{transform:scale(1.02)}.btn:active{transform:scale(.98)}.btn.lg{height:48px;padding:0 24px;font-size:15px}.btn.sm{height:32px;padding:0 12px;font-size:13px}.btn.primary{background:var(--paper);color:var(--ink)}.btn.primary:hover{background:#fff;box-shadow:0 4px 16px #ffffff26}.btn.blood{background:var(--blood);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 0 0 1px inset #ffffff1a}.btn.blood:hover{background:var(--ember);box-shadow:0 0 20px #e6394666,0 0 0 1px inset #fff3}.btn.ghost{background:transparent;color:var(--paper);border-color:var(--line-strong)}.btn.ghost:hover{border-color:var(--paper);background:#ffffff0a}.btn.cyan{background:transparent;border-color:var(--cyan);color:var(--cyan)}.btn.cyan:hover{background:var(--cyan);color:var(--ink)}.soon-chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--muted);border:1px dashed var(--line-strong);padding:7px 12px;border-radius:var(--r-pill);background:#0003;cursor:default}.soon-chip:before{content:"▸";color:var(--cyan);opacity:.7}.reading-time-chip,.chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--bone-soft);border:1px solid var(--line-strong);padding:5px 11px;border-radius:var(--r-pill);background:#ffffff05}.chip.blood{color:var(--blood);border-color:#e6394659;background:#e639460f}.chip.cyan{color:var(--cyan);border-color:#5fcfd959;background:#5fcfd90d}.chip.gold{color:var(--gold);border-color:#d3a24a59;background:#d3a24a0d}.chip.live:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:pulse-dot 1.6s ease-in-out infinite}@keyframes pulse-dot{50%{opacity:.35}}.eyebrow{display:inline-block;font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--blood);margin-bottom:18px}.eyebrow:before{content:"▸ ";opacity:.8}.eyebrow.cyan{color:var(--cyan)}.eyebrow.gold{color:var(--gold)}.eyebrow.error{color:var(--blood)}.title,.surface h2.title{font-family:var(--display);font-weight:900;font-size:clamp(40px,6vw,68px);line-height:1.02;letter-spacing:-.02em;color:var(--paper);margin-bottom:16px}.title em,.surface h2.title em{font-style:italic;color:var(--blood);font-weight:900}.lede,.surface .lede{font-family:var(--body);font-style:italic;font-size:clamp(18px,1.8vw,22px);line-height:1.55;color:var(--bone-soft);max-width:640px;margin-bottom:48px}.section{margin-top:96px}.section:first-child{margin-top:0}section.surface{display:block;animation:surface-in .35s var(--ease)}@keyframes surface-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.hero{padding:clamp(60px,10vh,110px) 0 64px;position:relative;border-bottom:1px solid var(--line);margin-bottom:80px}.hero .kicker{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--blood);margin-bottom:28px;padding:6px 14px 6px 12px;border:1px solid rgba(230,57,70,.35);border-radius:var(--r-pill);background:#e639460f}.hero .kicker:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--blood);box-shadow:0 0 8px var(--blood);animation:pulse-dot 1.6s ease-in-out infinite}.hero h1{font-family:var(--display);font-weight:900;font-size:clamp(40px,11vw,144px);line-height:.92;letter-spacing:-.035em;color:var(--paper);max-width:12ch;margin-bottom:32px;text-wrap:balance}.hero h1 .accent{font-style:italic;color:var(--blood);font-weight:900;text-shadow:0 0 40px rgba(230,57,70,.35)}.hero h1[data-text]{position:relative}.hero h1.glitch:before,.hero h1.glitch:after{content:attr(data-text);position:absolute;left:0;top:0;pointer-events:none;mix-blend-mode:screen}.hero h1.glitch:before{color:var(--cyan);transform:translate(-3px);opacity:.35;animation:glitch1 .6s steps(6) forwards}.hero h1.glitch:after{color:var(--ember);transform:translate(3px);opacity:.25;animation:glitch2 .6s steps(6) forwards}@keyframes glitch1{0%,to{transform:translate(-3px)}50%{transform:translate(-9px,1px)}}@keyframes glitch2{0%,to{transform:translate(3px)}50%{transform:translate(9px,-1px)}}.hero .sub{font-family:var(--body);font-size:clamp(20px,2.2vw,26px);line-height:1.45;color:var(--bone);max-width:640px;margin-bottom:36px}.hero-ctas{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.hero-meta{margin-top:56px;padding-top:32px;border-top:1px dashed var(--line);display:flex;flex-wrap:wrap;gap:36px 56px}.hero-meta .stat .n{display:block;font-family:var(--display);font-weight:900;font-size:30px;color:var(--paper);line-height:1;letter-spacing:-.02em}.hero-meta .stat .l{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-top:8px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:36px;flex-wrap:wrap}.section-head .left h2{font-family:var(--display);font-weight:900;font-size:clamp(32px,4vw,44px);line-height:1;letter-spacing:-.02em;color:var(--paper);margin-bottom:10px}.section-head .left h2 em{font-style:italic;color:var(--blood)}.section-head .left p{color:var(--bone-soft);font-style:italic;max-width:560px}.feature-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.feature-grid .sub-stack{display:grid;grid-template-rows:1fr 1fr;gap:20px}@media(max-width:820px){.feature-grid{grid-template-columns:1fr}.feature-grid .sub-stack{grid-template-rows:auto auto}}.tile{display:flex;flex-direction:column;padding:24px;border:1px solid var(--line);background:var(--ink-2);border-radius:var(--r);transition:all .3s var(--ease);position:relative;overflow:hidden}@media(max-width:768px){.tile,.card,.book,.pull-quote{border-radius:0;border-left:none;border-right:none}}.tile:before{content:"";position:absolute;inset:0;background:radial-gradient(800px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,255,255,.03),transparent 40%);opacity:0;transition:opacity .3s var(--ease);pointer-events:none}.tile:hover{background:var(--ink-3);border-color:#e7e1d140;transform:translateY(-2px);box-shadow:0 12px 24px #0006}.tile:hover:before{opacity:1}.tile .tag{font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--cyan)}.tile h3{font-family:var(--display);font-weight:700;font-size:26px;line-height:1.1;letter-spacing:-.01em;color:var(--paper);margin:4px 0;text-wrap:balance}.tile p{color:var(--bone-soft);font-size:16px;line-height:1.5}.tile .meta{margin-top:auto;padding-top:14px;font-family:var(--mono);color:var(--muted);font-size:11px;letter-spacing:.16em;text-transform:uppercase}.tile.hero-tile{min-height:280px;padding:36px}.tile.hero-tile h3{font-size:34px}.tile.hot:before{content:"TRENDING";position:absolute;top:18px;right:18px;font-family:var(--mono);font-size:10px;letter-spacing:.24em;color:var(--blood);padding:4px 10px;border:1px solid rgba(230,57,70,.45);border-radius:var(--r-pill);background:#e6394614}.pull-quote{position:relative;margin:96px auto 0;max-width:880px;padding:64px 56px;border-radius:var(--r-lg);background:radial-gradient(600px 280px at 80% -10%,rgba(230,57,70,.16),transparent 60%),radial-gradient(500px 200px at 0% 110%,rgba(255,122,69,.08),transparent 60%),linear-gradient(160deg,#16121b,#0d0c14);border:1px solid var(--line-strong);overflow:hidden}.pull-quote:before{content:"“";position:absolute;top:-30px;left:24px;font-family:var(--display);font-size:220px;line-height:1;color:var(--blood);opacity:.14;font-weight:900}.pull-quote .label{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--ember);margin-bottom:24px}.pull-quote blockquote{font-family:var(--display);font-weight:700;font-style:italic;font-size:clamp(28px,3.6vw,44px);line-height:1.18;letter-spacing:-.015em;color:var(--paper);margin-bottom:24px;text-wrap:balance}.pull-quote .cite{font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--bone-soft)}@media(max-width:640px){.pull-quote{padding:40px 28px;margin-top:64px}.pull-quote:before{font-size:140px;top:-10px}}.why-section{margin-top:120px}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}@media(max-width:820px){.why-grid{grid-template-columns:1fr}}.why-card{padding:32px 28px;border:1px solid var(--line);border-radius:var(--r-lg);background:linear-gradient(180deg,var(--ink-2),transparent);transition:border-color .25s var(--ease),background .25s var(--ease)}.why-card:hover{border-color:var(--line-strong)}.why-card .ic{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;font-family:var(--display);font-weight:900;font-size:18px;color:var(--blood);background:#e6394614;border:1px solid rgba(230,57,70,.3);margin-bottom:18px}.why-card h3{font-family:var(--display);font-weight:700;font-size:22px;letter-spacing:-.01em;color:var(--paper);margin-bottom:8px}.why-card p{color:var(--bone-soft);font-size:16px;line-height:1.55}.forum-grid{display:grid;grid-template-columns:240px 1fr;gap:48px}@media(max-width:900px){.forum-grid{grid-template-columns:1fr;gap:32px}.forum-grid>.side-column{display:none}}.cat-list{list-style:none;display:flex;flex-direction:column;gap:2px}.cat-list li{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-radius:var(--r);cursor:pointer;color:var(--bone-soft);font-family:var(--ui);font-size:14px;font-weight:500;transition:background .15s var(--ease),color .15s var(--ease)}.cat-list li:hover{background:#ffffff0a;color:var(--paper)}.cat-list li.active{color:var(--paper);background:#e639461a;border-left:2px solid var(--blood);padding-left:12px}.cat-list .name{font-weight:500}.cat-list .count{font-family:var(--mono);font-size:11px;color:var(--muted)}.cat-list li.active .count{color:var(--blood)}.aside-card{margin-top:28px;padding:20px;border:1px solid var(--line);border-radius:var(--r-lg);background:linear-gradient(180deg,var(--ink-2),transparent)}.aside-card h4{font-family:var(--ui);font-weight:600;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--paper);margin-bottom:10px;display:flex;align-items:center;gap:8px}.aside-card p{color:var(--bone-soft);font-style:italic;font-size:14px;line-height:1.5}.forum-tools{display:flex;align-items:center;gap:14px;margin-bottom:32px;flex-wrap:wrap}.search{flex:1;display:flex;align-items:center;gap:10px;border:1px solid var(--line-strong);padding:11px 16px;border-radius:var(--r-pill);background:#00000059;min-width:260px;transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}.search:focus-within{border-color:var(--blood);box-shadow:0 0 0 3px #e639462e}.search:before{content:"⌕";color:var(--bone-soft);font-size:18px;line-height:1}.search input{flex:1;background:none;border:none;outline:none;color:var(--paper);font-family:var(--ui);font-size:14px}.search input::placeholder{color:var(--muted)}.thread{display:grid;grid-template-columns:42px 1fr auto;gap:16px;align-items:center;padding:18px 4px;border-bottom:1px solid var(--line);transition:background .15s var(--ease),padding .2s var(--ease);text-decoration:none;color:inherit}.thread:hover{background:#ffffff06;padding-left:12px}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-family:var(--ui);font-weight:600;font-size:14px;color:#fff;border:1px solid rgba(255,255,255,.08);flex-shrink:0}.thread .body h4{font-family:var(--display);font-weight:700;font-size:19px;line-height:1.25;letter-spacing:-.005em;color:var(--paper);margin-bottom:4px}.thread .body h4 .pin{display:inline-block;color:var(--gold);font-size:13px;margin-right:6px}.thread .body .by{font-family:var(--ui);font-size:12.5px;color:var(--muted)}.thread .body .by b{color:var(--bone);font-weight:600}.thread .replies{text-align:right;font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--muted);text-transform:uppercase}.thread .replies b{display:block;font-family:var(--display);font-weight:700;font-size:20px;color:var(--paper);letter-spacing:-.01em;margin-bottom:2px}.cat-pill-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.cat-pill{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--line-strong);padding:6px 12px;border-radius:var(--r-pill);color:var(--bone-soft);cursor:pointer;transition:all .15s var(--ease)}.cat-pill:hover,.cat-pill.active{border-color:var(--blood);color:var(--blood);background:#e639460f}.lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:32px;align-items:start}.book{position:relative;background:var(--ink-2);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;transition:transform .25s var(--ease),border-color .25s var(--ease),box-shadow .25s var(--ease);text-decoration:none;color:inherit;display:block}.book:hover{transform:translateY(-4px);border-color:var(--line-strong);box-shadow:var(--shadow-3)}.book .cover{height:320px;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 30% 20%,rgba(230,57,70,.2),transparent 60%),linear-gradient(160deg,#1a0a14,#08070d);border-bottom:1px solid var(--line)}.book .cover .title{font-family:var(--display);font-weight:900;font-style:italic;font-size:30px;line-height:1.02;letter-spacing:-.02em;color:var(--paper);text-align:center;padding:0 28px;text-wrap:balance;text-shadow:0 4px 24px rgba(0,0,0,.55);z-index:2}.book .cover.red{background:radial-gradient(circle at 30% 20%,rgba(230,57,70,.28),transparent 65%),linear-gradient(160deg,#2a0a14,#0a0508)}.book .cover.red .title{color:var(--rose);text-shadow:0 0 28px rgba(230,57,70,.5),0 4px 14px rgba(0,0,0,.7)}.book .cover.blood{background:radial-gradient(circle at 30% 20%,rgba(230,57,70,.32),transparent 65%),linear-gradient(160deg,#2a0810,#0a0308)}.book .cover.blood .title{color:var(--blood)}.book .cover.bone{background:radial-gradient(circle at 30% 20%,rgba(246,241,230,.1),transparent 65%),linear-gradient(160deg,#1f1c18,#0a0a0c)}.book .cover.bone .title{color:var(--paper)}.book .cover.cyan{background:radial-gradient(circle at 30% 20%,rgba(95,207,217,.18),transparent 65%),linear-gradient(160deg,#061a20,#06080e)}.book .cover.cyan .title{color:var(--cyan)}.book .cover svg{position:absolute;inset:0;opacity:.12;mix-blend-mode:screen}.book .meta{padding:18px 20px 22px}.book .meta .by{font-family:var(--mono);color:var(--bone-soft);font-size:11px;letter-spacing:.16em;text-transform:uppercase}.book .meta h3{font-family:var(--display);font-weight:700;font-size:20px;line-height:1.2;letter-spacing:-.01em;color:var(--paper);margin:6px 0 8px}.book .meta p{color:var(--bone-soft);font-size:15px;font-style:italic;line-height:1.45}.book .meta .row{display:flex;justify-content:space-between;margin-top:16px;padding-top:14px;border-top:1px solid var(--line);font-family:var(--mono);color:var(--muted);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.book .badge{position:absolute;top:14px;left:14px;font-family:var(--mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;background:#000000b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--blood);color:var(--blood);padding:4px 9px;border-radius:var(--r-pill);z-index:3}.book .badge.cyan{border-color:var(--cyan);color:var(--cyan)}.book .badge.gold{border-color:var(--gold);color:var(--gold)}.story-body{margin:0 auto 4rem;max-width:var(--prose-w)}.story-para{font-family:var(--body);font-size:1.22rem;line-height:1.78;color:var(--bone);margin-bottom:1.5em;text-indent:1.6em}.story-para:first-of-type{text-indent:0}.story-dropcap:first-letter{font-family:var(--display);font-weight:900;font-size:5.2em;color:var(--blood);float:left;line-height:.78;margin:.06em .1em 0 0;text-shadow:0 0 18px rgba(230,57,70,.45)}.status-panel{padding:80px 0;text-align:center}.status-panel .eyebrow{margin-bottom:10px}.status-panel-body{color:var(--bone-soft);font-style:italic;margin-top:12px}.status-panel .btn{margin-top:24px}@keyframes pulse-opacity{0%,to{opacity:1}50%{opacity:.4}}.loading-pulse{animation:pulse-opacity 1.6s ease-in-out infinite;color:var(--bone-soft);font-family:var(--mono);font-size:13px;letter-spacing:.14em;text-transform:uppercase}.profile-head{display:grid;grid-template-columns:140px 1fr;gap:32px;align-items:center;padding:32px 0;border-bottom:1px solid var(--line);margin-bottom:36px}@media(max-width:640px){.profile-head{grid-template-columns:1fr;text-align:center;gap:20px}.profile-avatar,.profile-avatar-img{margin:0 auto}}.profile-avatar{width:140px;height:140px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#2a0a14,#050509);border:2px solid var(--blood);box-shadow:0 0 30px #e639464d,inset 0 0 30px #0009;display:grid;place-items:center;font-family:var(--display);font-weight:900;font-size:56px;color:var(--blood)}.profile-avatar-img{width:140px;height:140px;border-radius:50%;object-fit:cover;border:2px solid var(--blood);box-shadow:0 0 30px #e639464d}.profile-info h3{font-family:var(--display);font-weight:900;font-size:clamp(34px,4.5vw,48px);line-height:1.02;letter-spacing:-.02em;color:var(--paper);margin-bottom:6px}.profile-info .handle{font-family:var(--mono);color:var(--cyan);font-size:14px;letter-spacing:.08em}.profile-info .bio{margin-top:14px;font-style:italic;color:var(--bone);max-width:560px;font-size:17px;line-height:1.55}.profile-info .joined{font-family:var(--mono);color:var(--muted);font-size:11px;letter-spacing:.16em;text-transform:uppercase;margin-top:12px}.profile-pronouns{font-family:var(--mono);color:var(--muted);font-size:12px;letter-spacing:.12em;margin-top:4px}.profile-website{margin-top:10px}.profile-website a{color:var(--cyan);font-family:var(--mono);font-size:13px;letter-spacing:.04em;border-bottom:1px solid rgba(95,207,217,.3)}.profile-website a:hover{border-bottom-color:var(--cyan)}.profile-avatar-change{margin-top:14px;cursor:pointer;display:inline-flex}.profile-form{display:grid;gap:22px;max-width:640px;margin-top:36px}.profile-field{display:block}.profile-field-label{font-family:var(--ui);color:var(--bone-soft);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.profile-field-input{border:1px solid var(--line-strong);border-radius:var(--r);background:#00000059;padding:12px 14px;transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}.profile-field-input:focus-within{border-color:var(--blood);box-shadow:0 0 0 3px #e639462e}.profile-field-input input,.profile-field-input textarea,.profile-field-input select{width:100%;background:none;border:none;outline:none;color:var(--paper);font-family:var(--ui);font-size:15px;resize:vertical;line-height:1.5}.profile-field-input textarea{font-family:var(--body);font-size:17px;line-height:1.6}.profile-field-input input[type=url]{font-family:var(--mono);font-size:14px}.profile-field-input select{appearance:none;cursor:pointer}.profile-field-hint{display:block;margin-top:6px;color:var(--muted);font-family:var(--ui);font-size:12.5px;line-height:1.5}.profile-form-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:8px}.form-ok{color:var(--green);font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase}.form-err{color:var(--blood);font-family:var(--ui);font-size:13px}.passkey-help{margin-top:16px;max-width:560px}.passkey-help>summary{cursor:pointer;color:var(--cyan);font-size:13px;list-style:none;display:inline-flex;align-items:center;gap:6px}.passkey-help>summary::-webkit-details-marker{display:none}.passkey-help>summary:before{content:"▸";opacity:.7}.passkey-help[open]>summary:before{content:"▾"}.passkey-help-body{margin-top:12px;padding:14px 18px;background:#f3ecd90a;border:1px solid rgba(243,236,217,.1);border-radius:8px;color:var(--bone-dim);font-size:13px;line-height:1.65}.passkey-help-body ol{margin:10px 0 0;padding-left:20px}.passkey-help-body li{margin-bottom:8px}.passkey-help-body code{font-size:12px;background:#ffffff14;padding:1px 5px;border-radius:3px}.passkey-help-note{margin:12px 0 0;padding-top:10px;border-top:1px solid rgba(243,236,217,.1);color:var(--bone)}.onboarding-banner{border-bottom:1px solid rgba(95,207,217,.25);background:#5fcfd90f;padding:12px 28px;display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;font-family:var(--ui);font-size:13px;color:var(--cyan)}.onboarding-banner-cta{padding:6px 14px;font-size:12px}.modal-backdrop{position:fixed;inset:0;z-index:999;background:#07060cc7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:20px;animation:modalFadeIn .2s ease-out}.modal-content{position:relative;width:100%;max-width:420px;background:#0e0c16;border:1px solid var(--line-strong);box-shadow:0 32px 80px #000c,0 0 0 1px #e639461f;border-radius:var(--r-lg);padding:40px 36px 32px;animation:modalSlideUp .3s var(--ease)}.modal-close{position:absolute;top:14px;right:16px;background:transparent;border:none;color:var(--bone-soft);font-size:26px;line-height:1;cursor:pointer;width:32px;height:32px;border-radius:50%;transition:color .15s var(--ease),background .15s var(--ease)}.modal-close:hover{color:var(--paper);background:#ffffff0f}.modal-header h2{font-family:var(--display);font-weight:900;font-size:32px;letter-spacing:-.02em;color:var(--paper);margin:0 0 8px}.modal-header h2 em{color:var(--blood);font-style:italic}.modal-header p{color:var(--bone-soft);font-size:15px;margin:0 0 28px}.modal-form .input-group{margin-bottom:18px}.modal-form label{display:block;font-family:var(--ui);font-weight:600;color:var(--bone-soft);font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.modal-form input{width:100%;background:#0006;border:1px solid var(--line-strong);border-radius:var(--r);color:var(--paper);font-family:var(--ui);font-size:15px;padding:13px 15px;transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}.modal-form input:focus{outline:none;border-color:var(--blood);box-shadow:0 0 0 3px #e6394633}.full-width{width:100%;display:flex;text-align:center}.modal-divider{display:flex;align-items:center;margin:20px 0;color:var(--muted);font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase}.modal-divider:before,.modal-divider:after{content:"";flex:1;border-bottom:1px solid var(--line)}.modal-divider span{padding:0 14px}.passkey-btn{font-family:var(--ui);letter-spacing:0}.passkey-btn .icon{color:var(--cyan);margin-right:8px;font-size:18px;vertical-align:middle}.modal-footer{margin:24px 0 0;text-align:center;color:var(--muted);font-size:12.5px;font-style:italic;line-height:1.5}.modal-footer a{color:var(--cyan);border-bottom:1px solid rgba(95,207,217,.3)}.modal-footer a:hover{border-bottom-color:var(--cyan)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}footer{margin-top:120px;padding:64px 28px 32px;border-top:1px solid var(--line);background:linear-gradient(180deg,transparent,rgba(0,0,0,.4))}.footer-inner{max-width:var(--content-w);margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;color:var(--bone-soft)}@media(max-width:800px){.footer-inner{grid-template-columns:1fr 1fr;gap:32px}}@media(max-width:460px){.footer-inner{grid-template-columns:1fr}}footer h5{font-family:var(--ui);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--paper);font-size:12px;margin-bottom:14px}footer ul{list-style:none}footer li{margin-bottom:10px}footer li a,footer li span{color:var(--bone-soft);font-size:14px;transition:color .15s var(--ease)}footer li a:hover{color:var(--paper)}.footer-soon{color:var(--muted);font-style:italic;font-size:13.5px;cursor:default}.colophon{font-family:var(--body);font-size:14px;line-height:1.55;color:var(--bone-soft);font-style:italic;margin-top:14px;max-width:360px}.footer-bottom{max-width:var(--content-w);margin:40px auto 0;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.12em;text-transform:uppercase}.av-1{background:linear-gradient(135deg,#3a0e1a,#7a1219)}.av-2{background:linear-gradient(135deg,#0d2538,#0a7fa3)}.av-3{background:linear-gradient(135deg,#3a2a0e,#a17a1a)}.av-4{background:linear-gradient(135deg,#1a0a2a,#5a1a8a)}.av-5{background:linear-gradient(135deg,#0a2a1a,#127a4a)}.av-6{background:linear-gradient(135deg,#2a0a0a,#8a1a1a)}.divider{height:1px;background:var(--line);margin:64px 0}.row-flex{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.flex-between{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.text-center{text-align:center}.muted{color:var(--muted)}.dim{color:var(--bone-soft);font-style:italic}.error{color:var(--blood)}.empty{padding:60px 24px;text-align:center;border:1px dashed var(--line-strong);border-radius:var(--r-lg);background:#0003}.empty p{color:var(--bone-soft);font-style:italic;font-size:17px;margin-bottom:20px}.card{background:var(--ink-2);padding:24px 26px;border-radius:var(--r);border:1px solid var(--line);transition:all .2s var(--ease)}.card:hover{border-color:#05d9e84d;box-shadow:0 4px 12px #05d9e80d}.card .author{display:flex;align-items:center;gap:12px;margin-bottom:14px}.card .author .who{display:flex;flex-direction:column}.card .author .who .name{font-family:var(--ui);font-weight:600;color:var(--paper);font-size:14px}.card .author .who .when{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}.card .body{color:var(--bone);line-height:1.6;font-size:16px;white-space:pre-wrap;font-family:var(--body)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.md-editor{display:flex;flex-direction:column;border:1px solid var(--line-strong);border-radius:var(--r);background:var(--ink-2);overflow:hidden}.md-toolbar{display:flex;justify-content:space-between;align-items:center;background:#0000004d;border-bottom:1px solid var(--line);padding:8px;flex-wrap:wrap;gap:12px}.md-tools{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.md-tools button{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r);color:var(--bone-soft);font-family:var(--mono);font-size:14px;font-weight:600;transition:all .2s var(--ease)}.md-tools button:hover:not(:disabled){background:#ffffff0d;color:var(--cyan)}.md-tools button:disabled{opacity:.3;cursor:not-allowed}.md-divider{width:1px;height:20px;background:var(--line-strong);margin:0 8px}.md-upload-btn{font-family:var(--ui)!important;font-size:13px!important;font-weight:500!important;padding:0 12px!important;width:auto!important;border:1px solid var(--line)!important;background:#05d9e80d!important}.md-upload-btn:hover:not(:disabled){border-color:var(--cyan)!important;box-shadow:0 0 8px #05d9e833}.md-modes{display:flex;gap:4px}.md-modes button{padding:6px 12px;font-family:var(--ui);font-size:13px;border-radius:var(--r);color:var(--muted);transition:all .2s var(--ease)}.md-modes button:hover{color:var(--bone)}.md-modes button.active{background:var(--paper);color:var(--ink);font-weight:500}.md-textarea{width:100%;padding:16px;background:transparent;border:none;color:var(--bone);font-family:var(--mono);font-size:15px;line-height:1.6;resize:vertical}.md-textarea:focus{outline:none}.md-preview{padding:16px;min-height:200px;background:var(--ink-3);border-top:1px dashed var(--line)}.prose{color:var(--bone);line-height:1.8;font-size:17px;white-space:normal}.prose p{margin-bottom:1.4em}.prose a{color:var(--cyan);text-decoration:underline;text-decoration-color:#05d9e84d;text-underline-offset:3px}.prose a:hover{text-decoration-color:var(--cyan);text-shadow:0 0 8px rgba(5,217,232,.5)}.prose h1,.prose h2,.prose h3,.prose h4{font-family:var(--display);font-weight:800;color:var(--paper);margin-top:2em;margin-bottom:.8em;line-height:1.2}.prose h1{font-size:2.2em}.prose h2{font-size:1.8em}.prose h3{font-size:1.4em}.prose blockquote{border-left:3px solid var(--blood);padding-left:16px;margin:1.5em 0;color:var(--bone-soft);font-style:italic;background:#ff2a6d08;padding-top:8px;padding-bottom:8px;border-radius:0 var(--r) var(--r) 0}.prose code{font-family:var(--mono);font-size:.9em;background:#00000080;padding:2px 6px;border-radius:4px;color:var(--ember);border:1px solid rgba(255,185,0,.2)}.prose pre{background:#000;padding:16px;border-radius:var(--r);overflow-x:auto;margin:1.5em 0;border:1px solid var(--line-strong)}.prose pre code{background:transparent;padding:0;border:none;color:var(--cyan)}.prose ul,.prose ol{margin-bottom:1.5em;padding-left:24px}.prose li{margin-bottom:.5em}.prose table{width:100%;border-collapse:collapse;margin:1.5em 0;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--line-strong);padding:10px 14px;text-align:left}.prose th{background:#ffffff08;font-family:var(--mono);font-weight:600;text-transform:uppercase;font-size:12px;color:var(--muted)}@keyframes rec-pulse{0%,to{opacity:.55;box-shadow:0 0 4px var(--blood)}50%{opacity:1;box-shadow:0 0 12px var(--blood),0 0 20px var(--blood)}}.osd-rec-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background-color:var(--blood);animation:rec-pulse 1.8s infinite ease-in-out}.brand:hover .brand-name,.nav-links a:hover,.cat-list li:hover,.cat-pill:hover,.tile:hover h3,.book:hover .title{text-shadow:-1px -.5px 0 rgba(255,42,109,.6),1px .5px 0 rgba(5,217,232,.6);transition:text-shadow .15s var(--ease)}.btn:hover{text-shadow:-.5px -.5px 0 rgba(230,57,70,.4),.5px .5px 0 rgba(95,207,219,.4)}.title em,.surface h2.title em{text-shadow:0 0 24px rgba(230,57,70,.22)}.eyebrow.cyan{text-shadow:0 0 16px rgba(95,207,219,.25)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--ink);border-left:1px solid var(--line)}::-webkit-scrollbar-thumb{background:var(--ink-3);border:2px solid var(--ink);border-radius:var(--r-pill)}::-webkit-scrollbar-thumb:hover{background:var(--line-strong)}.mod-badge{display:inline-flex;align-items:center;gap:4px;margin-left:10px;padding:2px 8px;font-family:var(--ui);font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--gold);border:1px solid rgba(211,162,74,.4);border-radius:var(--r-pill);vertical-align:middle}.mod-tabs{display:flex;gap:4px;flex-wrap:wrap;margin:16px 0 24px;border-bottom:1px solid var(--line-strong)}.mod-tab{background:none;border:none;cursor:pointer;font-family:var(--ui);font-size:13px;letter-spacing:.04em;padding:8px 14px;color:var(--bone-dim);border-bottom:2px solid transparent}.mod-tab:hover{color:var(--bone)}.mod-tab.active{color:var(--blood);border-bottom-color:var(--blood)}.mod-search{display:flex;gap:8px;margin-bottom:16px}.mod-search input{flex:1}.mod-user-list{list-style:none;padding:0;margin:0}.mod-user-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(243,236,217,.08);flex-wrap:wrap}.mod-user-controls{display:inline-flex;gap:8px;align-items:center}.mod-user-self{color:var(--bone-dim);font-size:13px;font-style:italic}