*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a12;--panel:#16161f;--border-lite:#3c3c52;--border-dark:#000000;--green:#00e800;--amber:#ffbf00;--text:#c8c8d8}body{background:var(--bg);background-image:radial-gradient(ellipse at 50% -20%,#1c1430 0,var(--bg) 60%);color:var(--text);font-family:Courier New,ui-monospace,monospace;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.shell{width:100%;max-width:640px;background:var(--panel);border:2px solid;border-color:var(--border-lite) var(--border-dark) var(--border-dark) var(--border-lite);box-shadow:0 0 60px rgba(80,40,200,.25),0 12px 40px rgba(0,0,0,.7)}.titlebar{background:linear-gradient(180deg,#2a2a4a,#11111e);padding:6px 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-dark);letter-spacing:2px;font-size:12px;font-weight:700;color:#9f9fdc;text-transform:uppercase}.titlebar .dots span{display:inline-block;width:9px;height:9px;margin-left:4px;background:#2e2e44;border:1px solid;border-color:var(--border-lite) var(--border-dark) var(--border-dark) var(--border-lite)}.inner{padding:28px 32px 32px}h1{font-size:26px;color:var(--green);text-shadow:0 0 12px rgba(0,232,0,.5);letter-spacing:3px;margin-bottom:8px;text-transform:uppercase}.tagline{color:#8888a8;font-size:13px;margin-bottom:24px;line-height:1.6}.qcount{color:var(--amber);font-size:11px;letter-spacing:2px;margin-bottom:12px}.question{font-size:17px;color:#e8e8f8;line-height:1.5;margin-bottom:18px;min-height:52px}input[type=text]{width:100%;background:#000;border:2px solid;border-color:var(--border-dark) var(--border-lite) var(--border-lite) var(--border-dark);color:var(--green);font-family:inherit;font-size:15px;padding:10px 12px;outline:none;caret-color:var(--green)}input[type=text]:focus{box-shadow:0 0 10px rgba(0,232,0,.35)}button{margin-top:18px;background:linear-gradient(180deg,#34344e,#1c1c2c);border:2px solid;border-color:var(--border-lite) var(--border-dark) var(--border-dark) var(--border-lite);color:#d8d8f0;font-family:inherit;font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:10px 22px;cursor:pointer}button:hover:not(:disabled){color:var(--green);text-shadow:0 0 8px rgba(0,232,0,.6)}button:active:not(:disabled){border-color:var(--border-dark) var(--border-lite) var(--border-lite) var(--border-dark)}button:disabled{opacity:.4;cursor:wait}button.secondary{margin-left:10px;font-weight:400;opacity:.85}.blink{animation:blink 1.1s steps(2,start) infinite}@keyframes blink{to{visibility:hidden}}.loading{color:var(--amber);font-size:14px;letter-spacing:1px;line-height:2}.skin-frame{margin:18px 0 6px;display:flex;justify-content:center;background:#000;padding:18px;border:2px solid;border-color:var(--border-dark) var(--border-lite) var(--border-lite) var(--border-dark)}canvas{width:100%;max-width:550px;image-rendering:pixelated}.specmeta{margin-top:14px;font-size:12px;line-height:1.8;color:#8888a8}.specmeta b{color:var(--amber);letter-spacing:1px}.swatches{display:flex;gap:6px;margin-top:8px}.swatches i{width:22px;height:22px;border:1px solid #444}.err{color:#ff5577;font-size:12px;margin-top:10px}input.rename{width:100%;background:transparent;border:none;border-bottom:2px dashed rgba(0,232,0,.25);color:var(--green);text-shadow:0 0 12px rgba(0,232,0,.5);font-family:inherit;font-size:26px;font-weight:700;letter-spacing:3px;text-transform:uppercase;padding:0 0 4px;margin-bottom:8px;outline:none;caret-color:var(--green);box-shadow:none}input.rename:focus,input.rename:hover{border-bottom-color:var(--green);box-shadow:none}.webamp-stage{position:relative;margin-top:20px;height:460px;background:#000;border:2px solid;border-color:var(--border-dark) var(--border-lite) var(--border-lite) var(--border-dark);overflow:hidden}.webamp-stage #webamp{position:absolute;inset:0}.webamp-hint{position:absolute;bottom:6px;left:0;right:0;text-align:center;color:#555570;font-size:11px;letter-spacing:1px;pointer-events:none}