.ft-grain,.ft-paper-tooth{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--ft-z-grain, 40)}.ft-grain{opacity:.11;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.ft-paper-tooth{opacity:.18;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23p)' opacity='.35'/%3E%3C/svg%3E")}.ft-vignette{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--ft-z-vignette, 38);background:radial-gradient(120% 90% at 50% 40%,transparent 40%,rgba(0,0,0,.38) 100%)}.ft-stage{perspective:1200px;perspective-origin:50% 40%}.ft-preserve-3d{transform-style:preserve-3d}.ft-tilt{transform-style:preserve-3d;will-change:transform;transition:transform var(--ft-dur-short, .28s) var(--ft-ease-out, cubic-bezier(.16, 1, .3, 1))}.ft-mark{display:block;width:44px;height:44px;flex:0 0 auto}.ft-mark--lg{width:64px;height:64px}.ft-brand{display:flex;align-items:center;gap:12px}:focus-visible{outline:2px solid var(--ft-focus, currentColor);outline-offset:3px}.ft-overlay{display:none}.ft-overlay:not([hidden]){display:grid}@media(prefers-reduced-motion:reduce){.ft-tilt{transition:none;transform:none!important}.ft-grain,.ft-paper-tooth{opacity:.04}}:root{--ft-ease-out: cubic-bezier(.16, 1, .3, 1);--ft-ease-in-out: cubic-bezier(.65, 0, .35, 1);--ft-ease-press: cubic-bezier(.2, .8, .2, 1);--ft-dur-micro: .14s;--ft-dur-short: .28s;--ft-dur-med: .52s;--ft-dur-long: .9s;--ft-dur-cinema: 1.4s;--ft-z-grain: 40;--ft-z-vignette: 38;--ft-z-overlay: 80;--ft-focus: color-mix(in srgb, currentColor 70%, transparent)}@media(prefers-reduced-motion:reduce){:root{--ft-dur-micro: 1ms;--ft-dur-short: 1ms;--ft-dur-med: 1ms;--ft-dur-long: 1ms;--ft-dur-cinema: 1ms}html:not(.ft-allow-essential) *,html:not(.ft-allow-essential) *:before,html:not(.ft-allow-essential) *:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}:root{--charcoal: #12141a;--phosphor: #b8f0c8;--aluminum: #c5c8d0;--inset: #0c0e14;--bezel: #2a2e38;--line: #3a3f4c;--mute: #8b909c;--room: #12141a;--anxious: #d5ddd0;--tender: #ff8fab;--nocturnal: #5ce1ff;--feral: #ff4a1a;--corporate: #2f7df6;--rainy: #6eb5ff}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--room);color:var(--aluminum);font-family:Outfit,Segoe UI,sans-serif}html{transition:background .55s ease}html[data-mood=anxious]{--room: #161814}html[data-mood=tender]{--room: #1a1216}html[data-mood=nocturnal]{--room: #0a1016}html[data-mood=feral]{--room: #1a0c0a}html[data-mood=corporate]{--room: #12141a}html[data-mood=rainy]{--room: #10141a}html.mood-pointer-on,html.mood-pointer-on *{cursor:none!important}#mood-layer{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2147483646}.grid,.scanlines{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.grid{z-index:0;background-image:linear-gradient(rgba(197,200,208,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(197,200,208,.035) 1px,transparent 1px);background-size:28px 28px}.scanlines{z-index:1;background:repeating-linear-gradient(to bottom,rgba(0,0,0,.08) 0,rgba(0,0,0,.08) 1px,transparent 1px,transparent 3px);mix-blend-mode:multiply;opacity:.35}.panel{--rx: 0deg;--ry: 0deg;--z: 0px;position:relative;z-index:2;width:min(540px,calc(100vw - 320px));margin:44px 0 96px 44px;background:linear-gradient(180deg,#1a1d26 0%,var(--charcoal) 52px,var(--charcoal) 100%);border:1px solid var(--line);border-radius:18px;transform:rotateX(var(--rx)) rotateY(var(--ry)) translateZ(var(--z));transform-style:preserve-3d;box-shadow:0 0 0 1px #07080c,0 28px 70px #00000080,inset 0 1px #c5c8d029}.mark{width:22px;height:22px;border-radius:5px}.titlebar{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--bezel);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--aluminum)}.traffic{display:flex;gap:6px}.traffic i{width:10px;height:10px;border-radius:50%;background:#3a3f4c;box-shadow:inset 0 1px 1px #ffffff26}.traffic i:last-child{background:var(--phosphor);box-shadow:0 0 8px #b8f0c8b3}.win{flex:1}.accession{color:var(--phosphor);letter-spacing:.18em}.body{padding:22px 24px 26px}.path{margin:0 0 8px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.04em;color:var(--mute)}h1{margin:0 0 12px;font-size:clamp(28px,5vw,42px);font-weight:650;letter-spacing:-.03em;color:#eef1f4}.manifesto{margin:0 0 22px;max-width:46ch;font-size:15px;line-height:1.55;color:var(--aluminum)}.manifesto em{font-style:normal;color:var(--phosphor)}.scratch{border:1px solid var(--bezel);border-radius:14px;overflow:hidden;background:var(--inset);box-shadow:inset 0 1px #c5c8d00f}.scratch-bar{display:flex;justify-content:space-between;gap:12px;padding:8px 12px;border-bottom:1px solid var(--bezel);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}.scratch-bar .hint{color:#5d6370;letter-spacing:.04em;text-transform:none}#scratch{min-height:140px;padding:14px 14px 18px;outline:none;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:13px;line-height:1.65;color:var(--phosphor)}.hud{position:fixed;top:20px;right:20px;z-index:3;width:236px;padding:0 0 10px;background:var(--charcoal);border:1px solid var(--line);border-radius:18px;box-shadow:0 0 0 1px #07080c,0 18px 50px #00000075,inset 0 1px #c5c8d024}.hud-bar{display:flex;justify-content:space-between;padding:9px 12px;border-bottom:1px solid var(--bezel);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10px;letter-spacing:.16em;color:var(--aluminum)}.hud-bar #src{color:var(--phosphor)}.hud-kicker{margin:10px 12px 8px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10px;color:var(--mute)}.moods{display:grid;gap:4px;padding:0 8px}.moods button{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--aluminum);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px;text-align:left}.moods button:hover,.moods button:focus-visible{border-color:var(--bezel);background:#171a22}.moods button.on{border-color:var(--phosphor);color:var(--phosphor);background:#152018;box-shadow:0 0 0 1px #b8f0c826}.swatch{width:10px;height:10px;border-radius:50%;background:var(--mute);box-shadow:inset 0 0 0 1px #ffffff1f}.swatch.auto{background:conic-gradient(var(--anxious),var(--tender),var(--nocturnal),var(--feral),var(--corporate),var(--rainy),var(--anxious))}.swatch.anxious{background:var(--anxious)}.swatch.tender{background:var(--tender)}.swatch.nocturnal{background:var(--nocturnal)}.swatch.feral{background:var(--feral)}.swatch.corporate{background:var(--corporate)}.swatch.rainy{background:var(--rainy)}.meters{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px;margin:12px 12px 4px;padding:10px;border-radius:12px;background:var(--inset)}.meters div{display:flex;flex-direction:column;gap:2px}.meters dt{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}.meters dd{margin:0;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px;color:var(--phosphor)}.hud-foot{margin:8px 12px 2px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10px;color:var(--mute)}.webring{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:8px 10px;margin:0 44px 28px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px}.webring a{color:var(--aluminum);text-decoration:none;border-bottom:1px solid var(--bezel)}.webring a:hover{color:var(--phosphor);border-color:var(--phosphor)}.dot{color:var(--mute)}@media(max-width:820px){.panel{width:calc(100vw - 32px);margin:18px 16px 280px}.hud{left:16px;right:16px;top:auto;bottom:16px;width:auto}.webring{margin:0 16px 220px}}@media(prefers-reduced-motion:reduce){html{transition:none}.panel{transform:none!important}}