:root{font-family:Courier New,Courier,monospace;color:#f2f2f2;background-color:#000;--void-bg: #030303;--void-panel: #0c0c0c;--void-stroke: #1a1a1a;--void-glow: #121212;--void-accent: #f5f5f5}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background:radial-gradient(circle at 50% -10%,#1a1a1a,#010101 65%);color:inherit}#app{min-height:100vh}.void-stage{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.05),transparent 55%),linear-gradient(130deg,#050505,#000 70%);overflow:hidden;padding:2rem}.void-stage--open{background:radial-gradient(circle at 60% 40%,rgba(255,255,255,.07),transparent 60%),linear-gradient(120deg,#050505,#000 70%)}.void-stage__grain{position:absolute;inset:0;background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="160" height="160" viewBox="0 0 160 160"%3E%3Crect width="160" height="160" fill="rgba(255,255,255,0.02)"/%3E%3C/svg%3E');mix-blend-mode:screen;opacity:.35;animation:drift 18s linear infinite;pointer-events:none}@keyframes drift{0%{transform:translateZ(0)}to{transform:translate3d(-5%,-8%,0)}}.core-frame{position:relative;width:min(560px,92vw);min-height:420px;padding:2.5rem clamp(1.5rem,4vw,3.25rem);border-radius:32px;background:#080808eb;border:1px solid rgba(255,255,255,.08);box-shadow:0 40px 120px #000000d9;overflow:hidden}.core-frame__glow{position:absolute;inset:12px;border-radius:24px;border:1px solid rgba(255,255,255,.05);box-shadow:inset 0 0 35px #ffffff05;pointer-events:none}.neon-form,.typing-panel{position:relative;display:flex;flex-direction:column;gap:1.4rem;color:#f8f8f8;z-index:1}.neon-form__header{text-transform:uppercase;letter-spacing:.35em;font-size:.7rem;color:#ffffffa6}.neon-form__header strong{display:block;letter-spacing:.2em;font-size:1.4rem;margin-top:.5rem;color:#fff}.neon-field{display:flex;flex-direction:column;gap:.5rem;text-transform:uppercase;letter-spacing:.3em;font-size:.8rem;color:#ffffff8c}.neon-field input{background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.25);padding:.6rem 0;font-size:1.1rem;color:#f8f8f8}.neon-field input:focus{outline:none;border-bottom-color:#f8f8f8}.neon-form button{margin-top:.5rem;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:.75rem 1.8rem;font-size:.95rem;text-transform:uppercase;letter-spacing:.35em;background:linear-gradient(120deg,#151515,#050505);color:#f1f1f1;cursor:pointer;transition:border-color .2s ease,transform .2s ease}.neon-form button:disabled{opacity:.6;cursor:wait}.neon-form button:not(:disabled):hover{border-color:#fff;transform:translateY(-1px)}.neon-form__alert{font-size:.85rem;letter-spacing:.2em;color:#ff5050e6}.neon-form--error{filter:drop-shadow(0 0 12px rgba(255,0,0,.15))}.typing-panel__status{display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:.4em;font-size:.65rem;color:#ffffff8c}.typing-panel__body{min-height:260px;padding:1.5rem;border-radius:18px;background:#000000a6;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 30px #000000d9;font-family:inherit;font-size:1rem;line-height:1.6;color:#f6f6f6;display:flex;flex-direction:column;gap:.35rem;position:relative}.typing-panel__line{white-space:pre-wrap;word-break:break-word;min-height:1.2em;padding-left:.5rem;border-left:1px solid transparent;letter-spacing:.04em}.typing-panel__line--directive{font-size:1.05rem;letter-spacing:.35em;text-transform:uppercase;color:#d0f6ff;border-left-color:#d0f6ff73;text-shadow:0 0 8px rgba(208,246,255,.35)}.typing-panel__line--dividerStrong{letter-spacing:.6em;color:#fff6;border-left-color:#ffffff26}.typing-panel__line--section{margin-top:1.2rem;font-size:.95rem;letter-spacing:.4em;text-transform:uppercase;color:#7ce9ff;border-left-color:#7ce9ff80}.typing-panel__line--label{font-size:.78rem;text-transform:uppercase;letter-spacing:.4em;color:#f5d36c;border-left-color:#f5d36c73;margin-top:.75rem}.typing-panel__line--separator{letter-spacing:.5em;color:#ffffff40}.typing-panel__line--numbered,.typing-panel__line--bullet{padding-left:1.25rem;border-left-color:#ffffff26}.typing-panel__line--numbered{color:#f5f5f5}.typing-panel__line--bullet{color:#fffc}.typing-panel__line--fileSpec{padding-left:1.25rem;border-left-color:#7bc8ff66;color:#ffffffd9;display:flex;flex-wrap:wrap;gap:.2rem}.typing-panel__file{color:#8ff0ff;font-weight:600;letter-spacing:.18em;text-transform:uppercase;padding:0 .2rem;border-radius:6px;background:#8ff0ff14;box-shadow:0 0 12px #8ff0ff40}.typing-panel__line--durationValue{color:#9bf0ff;font-weight:600;letter-spacing:.2em;border-left-color:#9bf0ff80}.typing-panel__line--text{color:#ffffffd9}.typing-panel__line--blank{min-height:.8rem}.typing-panel__caret{display:inline-block;margin-left:4px;color:#ffffffb3;animation:blink .8s steps(1) infinite}.typing-panel__caret--hold{animation:none}@keyframes blink{0%,50%{opacity:1}50.1%,to{opacity:0}}.typing-panel__controls{display:flex;justify-content:flex-end}.typing-panel__controls button{border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:.8rem 1.6rem;text-transform:uppercase;letter-spacing:.35em;background:transparent;color:#f6f6f6;cursor:pointer;transition:border-color .2s ease,color .2s ease}.typing-panel__controls button:hover{border-color:#fff;color:#fff}@media(max-width:600px){.core-frame{padding:2rem 1.25rem}.typing-panel__body{font-size:.92rem}}
