:root{--bg:#090e19;--bg2:#111827;--panel:#131c2f;--ink:#e5e7eb;--muted:#9ca3af;--accent:#16a34a;--danger:#f87171;--border:#273449;--chip:#1f2a40;--chip-hover:#2a3855}*{box-sizing:border-box}body{color:var(--ink);background:radial-gradient(circle at 20% 10%,#1e293b,#090e19 45%,#070b14);min-height:100vh;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.wrap{display:grid;grid-template-columns:2fr 1fr;gap:16px;max-width:1100px;margin:24px auto;padding:0 16px}@media (max-width:900px){.wrap{grid-template-columns:1fr}}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:14px;box-shadow:0 14px 30px #00000059}h1{margin:0 0 12px;font-size:24px}h2{margin:0 0 10px;font-size:16px}p{color:var(--muted);margin:6px 0;font-size:14px}.hidden{display:none}.mode-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;gap:10px;margin:8px 0 10px}.mode-toggle{display:inline-flex;color:var(--ink);align-items: center;gap:8px;font-size:13px}.mode-toggle input{width:auto;margin:0;transform:translateY(1px)}.mode-hint{color:var(--muted);font-size:12px}textarea,input{border:1px solid var(--border);background:var(--bg2);color:var(--ink);border-radius:8px;width:100%;padding:10px;font:13px/1.4 Consolas,monospace}textarea{resize:vertical;min-height:170px}.display-screen{border:1px solid var(--border);display:flex;background:linear-gradient(#0b1527,#0a1220);border-radius:10px;flex-direction:column;justify-content:center;gap:6px;min-height:72px;margin:8px 0 10px;padding:10px 12px}.display-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.display-value{color:#86efac;word-break:break-all;min-height:32px;font:26px/1.2 Consolas,monospace}.display-value.dim{color:#64748b}.row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.keypad{border:1px solid var(--border);background:#0d1628;border-radius:10px;margin-top:12px;padding:10px}.keypad-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}@media (max-width:720px){.keypad-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.key{color:var(--ink);cursor:pointer;background:#1b2740;border:1px solid #3b4d6b;border-radius:8px;padding:8px 6px;transition:background .15s,transform .1s;font:12px/1.2 Consolas,monospace}.key:hover{background:#2a3a5e;transform:translateY(-1px)}.key .key-top{display:block;color:#93c5fd;margin-bottom:2px;font-family:Segoe UI Symbol,Noto Sans Symbols,sans-serif;font-size:14px}.key .key-bottom{opacity:.85;font-size:10px}.key.accent{background:#0f766e;border-color:#0f766e}.key.warn{background:#374151;border-color:#4b5563}button{cursor:pointer;background:var(--accent);color:#fff;border:0;border-radius:8px;padding:9px 12px;font-weight:600}button.secondary{background:#2563eb}button.ghost{background:#475569}pre{overflow:auto;border:1px solid var(--border);color:#cbd5e1;background:#0b1220;border-radius:8px;max-height:260px;margin:0;padding:10px;font:12px/1.4 Consolas,monospace}.token-program{white-space:pre-wrap;margin-top:8px}.status{margin:8px 0 0;font-size:13px}.ok{color:#4ade80}.err{color:var(--danger)}.token-list{overflow:auto;border:1px solid var(--border);background:var(--bg2);display:flex;border-radius:8px;flex-wrap:wrap;align-content: flex-start;gap:6px;max-height:330px;padding:8px}.token-chip{background:var(--chip);color:var(--ink);cursor:pointer;display:inline-flex;border:1px solid #3b4d6b;border-radius:999px;align-items: center;gap:7px;padding:5px 10px;transition:background .15s,transform .1s;font:12px/1.2 Consolas,monospace}.token-chip .symbol{color:#93c5fd;font-family:Segoe UI Symbol,Noto Sans Symbols,sans-serif;font-weight:700}.token-chip .name{color:var(--ink);opacity:.92}.token-chip:hover{background:var(--chip-hover);transform:translateY(-1px)}.token-tools{display:flex;gap:8px;margin:8px 0}.token-tools button{padding:6px 10px;font-size:12px}.token-submenu{border:1px solid var(--border);background:var(--bg2);overflow:hidden;border-radius:8px;margin-top:10px}.token-submenu summary{cursor:pointer;list-style:none;color:var(--ink);border-bottom:1px solid var(--border);background:#0f172a;padding:10px;font:12px/1.2 Consolas,monospace}.token-submenu summary::-webkit-details-marker{display:none}.token-submenu summary:before{content:"▸ ";color:#93c5fd}.token-submenu[open] summary:before{content:"▾ "}.token-submenu-body{display:flex;overflow:auto;flex-wrap:wrap;gap:6px;max-height:220px;padding:8px}