*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0f;--surface:#12121a;--border:#2a2a3d;--accent:#00f5ff;--accent2:#f0a;--text:#e0e0f0;--muted:#6b6b8a;--success:#0f8;--error:#f36}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Courier New,monospace}#app{max-width:680px;margin:0 auto;padding:40px 20px}h1{letter-spacing:.15em;text-transform:uppercase;color:var(--accent);text-shadow:0 0 12px var(--accent);margin-bottom:32px;font-size:1.4rem}nav{border-bottom:1px solid var(--border);gap:8px;margin-bottom:32px;padding-bottom:12px;display:flex}nav button{border:1px solid var(--border);color:var(--muted);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;padding:6px 18px;font-family:inherit;font-size:.8rem;transition:all .15s}nav button.active,nav button:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 0 8px var(--accent)}label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-size:.75rem;display:block}input,textarea{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--text);outline:none;margin-bottom:18px;padding:10px 12px;font-family:inherit;font-size:.9rem;transition:border-color .15s}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 6px #00f5ff33}input[type=file]{cursor:pointer;padding:8px}textarea{resize:vertical;min-height:80px}button.submit{border:1px solid var(--accent);color:var(--accent);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;padding:10px 28px;font-family:inherit;font-size:.85rem;transition:all .15s;box-shadow:0 0 8px #00f5ff33}button.submit:hover:not(:disabled){background:var(--accent);color:var(--bg);box-shadow:0 0 18px var(--accent)}button.submit:disabled{opacity:.4;cursor:not-allowed}.msg{border-left:3px solid;margin-top:16px;padding:10px 14px;font-size:.85rem}.msg.success{border-color:var(--success);color:var(--success);background:#00ff880d}.msg.error{border-color:var(--error);color:var(--error);background:#ff33660d}.history-empty{color:var(--muted);padding:20px 0;font-size:.85rem}.record{border:1px solid var(--border);background:var(--surface);margin-bottom:12px;padding:14px 16px;transition:border-color .15s}.record:hover{border-color:var(--accent2)}.record-name{color:var(--accent);margin-bottom:6px;font-size:.95rem}.record-meta{color:var(--muted);flex-wrap:wrap;gap:12px;font-size:.75rem;display:flex}.record-meta .val{color:var(--text)}.spinner{color:var(--accent);letter-spacing:.1em;font-size:.8rem;animation:1s step-start infinite blink}@keyframes blink{50%{opacity:0}}