:root{--font-display:"Poppins", system-ui, -apple-system, sans-serif;--font-mono:"Space Mono", "Courier New", monospace;--font-read:"Spectral", Georgia, serif;--night:#0e0c0b;--ink-2:#1a1613;--ink-3:#241e1a;--bone:#f3ede0;--bone-dim:#f3ede09e;--bone-faint:#f3ede066;--hair:#f3ede029;--hair-2:#f3ede04d;--blood:#d8210e;--ease-snap:cubic-bezier(.2, .9, .25, 1);--ease-ink:cubic-bezier(.65, 0, .35, 1);--dur-fast:.12s;--dur-base:.22s;--dur-slow:.42s}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}html{background:var(--night)}body{background:var(--night);color:var(--bone);font-family:var(--font-read);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overflow-x:hidden}#root{min-height:100vh}::selection{background:var(--blood);color:var(--night)}a{-webkit-tap-highlight-color:transparent}img{display:block}body:before{content:"";pointer-events:none;z-index:9999;opacity:.05;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes eqb{0%,to{height:25%}50%{height:100%}}.record-o{box-sizing:border-box;vertical-align:middle;background:#0b0908;border:.135em solid;border-radius:50%;flex:none;width:.72em;height:.72em;margin:0 .03em;display:inline-block;position:relative}.record-o:after{content:"";background:var(--blood);border-radius:50%;width:.27em;height:.27em;margin:auto;position:absolute;inset:0}.wrap{width:min(1280px,100% - 48px);margin-inline:auto}.k{font-family:var(--font-mono);letter-spacing:.28em;text-transform:uppercase;color:var(--blood);font-size:11px;font-weight:700}.meta{font-family:var(--font-mono);letter-spacing:.06em;color:var(--bone-dim);font-size:12px}.flag{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--blood);border:1px dashed var(--blood);padding:3px 7px;font-size:10px;display:inline-block}.topbar{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--hair);background:#0e0c0bd1;position:sticky;top:0}.topbar-in{justify-content:space-between;align-items:center;gap:24px;height:72px;display:flex}.brand{font-family:var(--font-display);letter-spacing:.01em;color:var(--bone);align-items:center;font-size:20px;font-weight:800;text-decoration:none;display:flex}.brand-bar{color:var(--blood);letter-spacing:.02em;margin-left:.34em;font-size:.6em;font-style:italic;font-weight:600}.nav{align-items:center;gap:4px;display:flex}.nav-link{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--bone-dim);cursor:pointer;transition:color var(--dur-fast);background:0 0;border:0;padding:10px 14px;font-size:12px;font-weight:700;text-decoration:none;position:relative}.nav-link:hover,.nav-link.on{color:var(--bone)}.nav-link.on:after{content:"";background:var(--blood);height:2px;position:absolute;bottom:4px;left:14px;right:14px}.dock{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--hair-2);background:#0a0908eb;position:fixed;bottom:0;left:0;right:0}.dock-in{align-items:center;gap:18px;width:min(1280px,100% - 48px);height:64px;margin-inline:auto;display:flex}.dock-mid{flex-direction:column;flex:auto;gap:3px;min-width:0;display:flex}.dock-title{font-family:var(--font-mono);letter-spacing:.04em;color:var(--bone);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.dock-title b{color:var(--blood)}.dock-sub{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--bone-faint);font-size:10px}.dock-right{flex:none;align-items:center;gap:14px;display:flex}.play-btn{border:2px solid var(--bone);width:42px;height:42px;color:var(--bone);cursor:pointer;transition:background var(--dur-fast), color var(--dur-fast), transform 90ms;background:0 0;flex:none;place-content:center;display:grid}.play-btn:hover{background:var(--blood);border-color:var(--blood);color:var(--night)}.play-btn:active{transform:translate(1px,1px)}.nav-btn{border:1px solid var(--hair-2);width:32px;height:32px;color:var(--bone-dim);cursor:pointer;font-family:var(--font-mono);transition:border-color var(--dur-fast), color var(--dur-fast);background:0 0;place-content:center;font-size:14px;display:grid}.nav-btn:hover{border-color:var(--blood);color:var(--blood)}.eq{align-items:flex-end;gap:3px;height:22px;display:flex}.eq i{background:var(--blood);transform-origin:bottom;width:3px;height:30%}.eq.live i{animation:.9s ease-in-out infinite eqb}.eq i:nth-child(2){animation-delay:.12s}.eq i:nth-child(3){animation-delay:.26s}.eq i:nth-child(4){animation-delay:50ms}.eq i:nth-child(5){animation-delay:.34s}.vol{appearance:none;background:var(--hair-2);cursor:pointer;outline:none;width:80px;height:3px}.vol::-webkit-slider-thumb{-webkit-appearance:none;background:var(--bone);border:2px solid var(--night);border-radius:50%;width:13px;height:13px}.dock-pad{height:64px}.rec{background:repeating-radial-gradient(circle,#050505 0 1px,#1c1512 1px 2.4px),radial-gradient(circle at 38% 32%,#2a2420 0 6%,#0c0a09 60%);border-radius:50%;flex:none;position:relative;box-shadow:inset 0 0 0 1px #000000d9,0 2px 10px #0009}.rec:before{content:"";background:var(--blood);border-radius:50%;width:42%;height:42%;margin:auto;position:absolute;inset:0;box-shadow:0 0 0 1.5px #f3ede038,inset 0 0 0 1px #00000040}.rec:after{content:"";z-index:2;background:#080808;border-radius:50%;width:7%;height:7%;margin:auto;position:absolute;inset:0;box-shadow:0 0 0 1.5px #0009}.rec.spin{animation:2.6s linear infinite spin}.rec.paused{animation-play-state:paused}.pagehead{padding:clamp(36px,6vw,72px) 0 0}.pagehead h1{font-family:var(--font-display);letter-spacing:0;color:var(--bone);margin:8px 0 0;font-size:clamp(48px,10vw,128px);font-weight:700;line-height:.92}.pagehead .sub{font-family:var(--font-read);color:var(--bone-dim);max-width:46ch;margin-top:18px;font-size:clamp(17px,2.2vw,24px);font-style:italic;font-weight:300}.foot{border-top:1px solid var(--hair);margin-top:84px}.foot-in{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:36px 0;display:flex}.foot-brand{font-family:var(--font-display);letter-spacing:.01em;color:var(--bone);align-items:center;font-size:16px;font-weight:800;display:flex}.foot-copy{font-family:var(--font-mono);color:var(--bone-faint);letter-spacing:.12em;font-size:11px}.btn{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border:2px solid var(--bone);background:var(--bone);color:var(--night);box-shadow:3px 3px 0 var(--blood);align-items:center;gap:10px;padding:14px 24px;font-size:13px;font-weight:700;transition:background .12s,color .12s,transform 90ms;display:inline-flex}.btn:hover{background:var(--blood);border-color:var(--blood);color:var(--bone)}.btn:active{box-shadow:none;transform:translate(3px,3px)}.btn.ghost{color:var(--bone);box-shadow:none;border-color:var(--bone);background:0 0}.btn.ghost:hover{background:var(--bone);color:var(--night)}.btn.sm{box-shadow:2px 2px 0 var(--blood);padding:9px 16px;font-size:11px}.field{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.field label{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--bone-faint);font-size:10px}.field input,.field textarea,.field select{font-family:var(--font-read);color:var(--bone);background:var(--ink-2);border:1px solid var(--hair-2);transition:border-color var(--dur-fast);border-radius:2px;outline:none;padding:13px 14px;font-size:16px}.field input:focus,.field textarea:focus{border-color:var(--blood)}.field textarea{resize:vertical;min-height:120px}.lb{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080706f0;place-content:center;gap:16px;padding:5vh 4vw;display:grid;position:fixed;inset:0}.lb img{object-fit:contain;filter:grayscale()contrast(1.15);border:1px solid var(--hair-2);max-width:84vw;max-height:74vh;box-shadow:0 30px 80px #000000b3}.lb-close{border:2px solid var(--bone);width:44px;height:44px;color:var(--bone);font-family:var(--font-mono);cursor:pointer;background:0 0;font-size:18px;position:fixed;top:24px;right:28px}.lb-close:hover{background:var(--blood);border-color:var(--blood)}.lb-nav{border:2px solid var(--hair-2);width:52px;height:52px;color:var(--bone);font-family:var(--font-mono);cursor:pointer;background:#0000004d;font-size:22px;position:fixed;top:50%;transform:translateY(-50%)}.lb-nav:hover{border-color:var(--blood);color:var(--blood)}.lb-prev{left:22px}.lb-next{right:22px}@media (prefers-reduced-motion:no-preference){.rise{animation:rise .64s var(--ease-ink) both}.rise-2{animation:rise .64s var(--ease-ink) 90ms both}@keyframes rise{0%{transform:translateY(18px)}to{transform:none}}}@media (width<=680px){.wrap,.dock-in{width:min(1280px,100% - 28px)}.nav{gap:0}.nav-link{letter-spacing:.1em;padding:10px 8px;font-size:11px}.dock-sub{display:none}.topbar-in{height:60px}}