:root{--brand-50: #eef2ff;--brand-100: #e0e7ff;--brand-500: #6366f1;--brand-600: #4f46e5;--brand-700: #4338ca;--brand-900: #312e81}html,body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;background:#f8fafc;color:#0f172a;margin:0;min-height:100dvh}.font-mono{font-family:JetBrains Mono,ui-monospace,monospace;letter-spacing:.04em}.app-shell{min-height:100dvh;display:flex;flex-direction:column;max-width:480px;margin:0 auto;background:#fff;box-shadow:0 0 0 1px #e2e8f0}@media (min-width: 768px){body{padding:24px 0;background:linear-gradient(180deg,#eef2f6,#f8fafc)}.app-shell{border-radius:24px;overflow:hidden;min-height:calc(100dvh - 48px)}}.web-brand{height:56px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #f1f5f9;flex:none}.card{background:#fff;border:1px solid #e2e8f0;border-radius:16px}.plate{display:inline-flex;align-items:center;gap:2px;background:#fbbf24;color:#0f172a;padding:8px 16px;border-radius:6px;font-family:JetBrains Mono,monospace;font-weight:800;font-size:20px;border:3px solid #0f172a;letter-spacing:2px}.plate-sm{display:inline-flex;align-items:center;gap:2px;background:#fbbf24;color:#0f172a;padding:4px 10px;border-radius:5px;font-family:JetBrains Mono,monospace;font-weight:700;font-size:13px;border:2px solid #0f172a;letter-spacing:1.5px}.btn-primary{width:100%;padding:14px;border-radius:12px;background:linear-gradient(180deg,var(--brand-500),var(--brand-600));color:#fff;font-weight:600;font-size:15px;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px -2px #6366f166;border:none;cursor:pointer}.btn-primary:active{transform:translateY(1px)}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-primary.emerald{background:linear-gradient(180deg,#10b981,#059669);box-shadow:0 4px 12px -2px #10b98166}.btn-secondary{width:100%;padding:14px;border-radius:12px;background:#fff;color:#0f172a;font-weight:600;font-size:15px;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.btn-secondary:hover{background:#f8fafc}.input,.select{width:100%;padding:12px 14px;border:1px solid #e2e8f0;border-radius:12px;font-size:15px;background:#fff;transition:border-color .15s,box-shadow .15s}.input:focus,.select:focus{outline:none;border-color:var(--brand-500);box-shadow:0 0 0 3px #6366f126}.label{font-size:13px;font-weight:500;color:#334155;margin-bottom:6px;display:block}.live-dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 0 4px #10b98133;animation:livepulse 1.6s ease-out infinite}@keyframes livepulse{0%,to{box-shadow:0 0 0 3px #10b98133}50%{box-shadow:0 0 0 6px #10b98159}}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}