.bg-video{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.bg-video__frame{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);pointer-events:none}.bg-video__player,.bg-video__player iframe{position:absolute;top:50%;left:50%;width:100vw;height:56.25vw;min-height:100vh;min-height:100dvh;min-width:177.78vh;min-width:177.78dvh;transform:translate(-50%,-50%);border:none;pointer-events:none}.bg-video__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#030712c7,#0307129e,#030712d9),radial-gradient(ellipse 80% 60% at 50% 40%,#03071226,#030712cc)}@media(max-width:767px){.bg-video__player,.bg-video__player iframe{width:180vw;height:101.25vw;min-height:100dvh;min-width:100vw}.bg-video__overlay{background:linear-gradient(180deg,#030712d1,#030712ad 45%,#030712e0),radial-gradient(ellipse 100% 80% at 50% 30%,#0307121a,#030712d9)}}@media(prefers-reduced-motion:reduce){.bg-video{display:none}}.audio-controls{position:fixed;left:calc(.75rem + var(--safe-left));right:calc(.75rem + var(--safe-right));bottom:calc(.75rem + var(--safe-bottom));z-index:200;display:flex;align-items:center;gap:.65rem;padding:.55rem .75rem .55rem .5rem;border:1px solid var(--border);border-radius:12px;background:#0a1020e0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 32px #00000059}.audio-controls__mute{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;min-width:2.75rem;min-height:2.75rem;padding:0;border:1px solid var(--border);border-radius:8px;background:#22d3ee0a;color:var(--text-muted);cursor:pointer;transition:color .2s,border-color .2s,background .2s}.audio-controls__mute:hover{color:var(--cyan);border-color:var(--border-bright);background:#22d3ee1a}.audio-controls__icon{width:1.1rem;height:1.1rem}.audio-controls__volume{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.audio-controls__label,.audio-controls__value{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);flex-shrink:0}.audio-controls__value{width:1.75rem;text-align:right;color:var(--cyan)}.audio-controls__slider{flex:1;min-width:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:999px;background:linear-gradient(90deg,var(--cyan) 0%,var(--cyan) var(--vol, 70%),rgba(240,246,255,.12) var(--vol, 70%),rgba(240,246,255,.12) 100%);cursor:pointer;outline:none}.audio-controls__slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--cyan);border:2px solid #0b0f19;box-shadow:0 0 10px var(--glow-cyan);cursor:pointer}.audio-controls__slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--cyan);border:2px solid #0b0f19;box-shadow:0 0 10px var(--glow-cyan);cursor:pointer}.audio-controls__slider::-moz-range-track{height:6px;border-radius:999px;background:#f0f6ff1f}@media(min-width:768px){.audio-controls{left:auto;right:calc(2rem + var(--safe-right));bottom:calc(2rem + var(--safe-bottom));width:auto;max-width:none;padding:.55rem 1rem .55rem .6rem;gap:.75rem}.audio-controls__mute{width:2rem;height:2rem;min-width:2rem;min-height:2rem}.audio-controls__volume{min-width:10rem;flex:initial}.audio-controls__slider::-webkit-slider-thumb{width:12px;height:12px}.audio-controls__slider::-moz-range-thumb{width:12px;height:12px}.audio-controls__slider{height:4px}.audio-controls__slider::-moz-range-track{height:4px}}.bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;height:100vh;height:100dvh}.bg__gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(34,211,238,.06),transparent 55%),radial-gradient(ellipse 60% 40% at 100% 50%,rgba(168,85,247,.04),transparent 50%);pointer-events:none}.bg__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(34,211,238,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.04) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,black 20%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,black 20%,transparent 75%)}.bg__orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.45;animation:orb-drift 18s ease-in-out infinite}.bg__orb--cyan{width:420px;height:420px;top:-8%;left:10%;background:#22d3ee59}.bg__orb--violet{width:360px;height:360px;top:35%;right:-5%;background:#8b5cf64d;animation-delay:-6s}.bg__orb--magenta{width:280px;height:280px;bottom:5%;left:25%;background:#ec489938;animation-delay:-12s}.bg__noise{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.bg__scanline,.bg__orb{display:none}@keyframes orb-drift{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.05)}66%{transform:translate(-20px,15px) scale(.95)}}@media(prefers-reduced-motion:reduce){.bg__orb{animation:none}}.hero{display:flex;flex-direction:column;justify-content:center;width:100%;min-height:0;padding:.5rem 0}.hero__top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:2rem}.hero__avatar-wrap{position:relative;width:72px;height:72px;flex-shrink:0}.hero__avatar-ring{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:14px;border:1px solid var(--border-bright);box-shadow:0 0 24px var(--glow-cyan),inset 0 0 20px #22d3ee0d;animation:pulse-ring 3s ease-in-out infinite}.hero__avatar{position:relative;width:100%;height:100%;object-fit:cover;border-radius:10px;image-rendering:pixelated;border:1px solid rgba(34,211,238,.2)}.hero__status{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem;padding-top:.25rem;flex-shrink:0}.hero__status-dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan);animation:pulse-ring 2s ease-in-out infinite}.hero__status-text{font-family:var(--font-mono);font-size:.58rem;letter-spacing:.14em;color:var(--cyan);text-shadow:0 0 12px var(--glow-cyan);white-space:nowrap}.hero__status-code{font-family:var(--font-mono);font-size:.55rem;letter-spacing:.06em;color:var(--text-muted);opacity:.7;white-space:nowrap}.hero__title{font-family:var(--font-display);font-size:clamp(1.65rem,8.5vw,3.5rem);font-weight:800;font-style:italic;letter-spacing:-.02em;line-height:1.12;margin-bottom:1.5rem;color:gold;-webkit-text-stroke:1px #0a0a0a;paint-order:stroke fill;text-shadow:2px 2px 0 #0a0a0a,0 0 20px rgba(255,215,0,.45);position:relative;padding-bottom:.85rem;max-width:100%;text-wrap:balance;overflow-wrap:break-word}.hero__title:after{content:"";position:absolute;left:0;bottom:0;width:4.5rem;height:4px;background:linear-gradient(90deg,#d41f26,#d41f26 35%,gold 35%,gold);box-shadow:0 0 14px #d41f2673,0 2px #0a0a0a}.hero__intro{font-size:clamp(.9rem,3.8vw,1.05rem);font-weight:400;color:var(--text-muted);line-height:1.85;max-width:36rem;padding-left:.85rem;border-left:3px solid transparent;border-image:linear-gradient(180deg,gold,#d41f26) 1;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}@media(min-width:480px){.hero__avatar-wrap{width:80px;height:80px}.hero__status-text{font-size:.62rem;letter-spacing:.18em}.hero__status-code{font-size:.58rem}.hero__title{-webkit-text-stroke:1.5px #0a0a0a;text-shadow:3px 3px 0 #0a0a0a,4px 4px 0 rgba(0,0,0,.5),0 0 20px rgba(255,215,0,.55),0 0 50px rgba(255,215,0,.25);margin-bottom:2rem;padding-bottom:1rem}.hero__title:after{width:5rem;height:5px}}@media(min-width:768px){.hero{padding:2rem 0;min-height:calc(100dvh - 8rem)}.hero__avatar-wrap{width:96px;height:96px}.hero__top{margin-bottom:3.25rem;gap:1.5rem}.hero__title:after{width:6rem;height:6px}.hero__intro{padding-left:1rem;line-height:1.9}}@media(max-width:360px){.hero__top{flex-direction:column;align-items:flex-start}.hero__status{flex-direction:row;align-items:center;align-self:stretch;justify-content:flex-end;padding-top:0}}@media(prefers-reduced-motion:reduce){.hero__title{-webkit-text-stroke:1px #0a0a0a}}.app{position:relative;min-height:100vh;min-height:100dvh;z-index:1}main{position:relative;width:100%;max-width:var(--max-width);margin:0 auto;min-height:100vh;min-height:100dvh;display:flex;align-items:center;padding:calc(1.25rem + var(--safe-top)) calc(1rem + var(--safe-right)) calc(var(--audio-bar-height) + var(--safe-bottom) + 1.25rem) calc(1rem + var(--safe-left))}@media(min-width:768px){main{padding:calc(2rem + var(--safe-top)) calc(2rem + var(--safe-right)) calc(2rem + var(--safe-bottom)) calc(2rem + var(--safe-left))}}@media(min-width:768px){:root{--audio-bar-height: 0px}}:root{--bg: #030712;--surface: rgba(10, 16, 32, .55);--surface-hover: rgba(14, 22, 44, .75);--text: #f0f6ff;--text-muted: #8b9cb8;--cyan: #22d3ee;--violet: #a78bfa;--magenta: #f472b6;--accent: var(--cyan);--accent-soft: rgba(34, 211, 238, .12);--glow-cyan: rgba(34, 211, 238, .45);--glow-violet: rgba(167, 139, 250, .35);--border: rgba(34, 211, 238, .14);--border-bright: rgba(34, 211, 238, .35);--max-width: 680px;--radius: 12px;--font-display: "Syne", sans-serif;--font-body: "Space Grotesk", sans-serif;--font-mono: "IBM Plex Mono", monospace;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--audio-bar-height: 3.75rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh;min-height:100dvh}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input[type=range]{touch-action:manipulation}::selection{background:#22d3ee40;color:var(--text)}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-ring{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}@keyframes shimmer{0%{background-position:200% center}to{background-position:-200% center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}