:root{color-scheme:light dark;--bg: #f1f5f9;--text: #0f172a;--text-muted: #64748b;--text-faint: #94a3b8;--card-bg: #ffffff;--card-border: #e2e8f0;--card-shadow: rgba(15, 23, 42, .04);--input-bg: #ffffff;--input-border: #cbd5e1;--accent: #4f46e5;--accent-hover: #4338ca;--accent-ring: rgba(99, 102, 241, .4);--error: #e11d48;--pill-progress-bg: #e0e7ff;--pill-progress-text: #4338ca;--pill-ready-bg: #d1fae5;--pill-ready-text: #047857;--pill-done-bg: #ccfbf1;--pill-done-text: #0f766e;--pill-cancelled-bg: #ffe4e6;--pill-cancelled-text: #be123c;--pill-none-bg: #f1f5f9;--pill-none-text: #475569}@media(prefers-color-scheme:dark){:root{--bg: #0b1120;--text: #e2e8f0;--text-muted: #94a3b8;--text-faint: #64748b;--card-bg: #111827;--card-border: #1f2937;--card-shadow: rgba(0, 0, 0, .35);--input-bg: #1e293b;--input-border: #334155;--accent: #818cf8;--accent-hover: #6366f1;--accent-ring: rgba(129, 140, 248, .45);--error: #fb7185;--pill-progress-bg: rgba(99, 102, 241, .18);--pill-progress-text: #a5b4fc;--pill-ready-bg: rgba(16, 185, 129, .18);--pill-ready-text: #6ee7b7;--pill-done-bg: rgba(20, 184, 166, .18);--pill-done-text: #5eead4;--pill-cancelled-bg: rgba(244, 63, 94, .18);--pill-cancelled-text: #fda4af;--pill-none-bg: rgba(148, 163, 184, .14);--pill-none-text: #cbd5e1}}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;justify-content:center;padding:2.5rem 1rem}#app{width:100%;max-width:26rem}.brand{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.brand-badge{width:2.25rem;height:2.25rem;border-radius:.5rem;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}.brand h1{font-size:1.25rem;font-weight:700;margin:0}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:1rem;box-shadow:0 1px 2px var(--card-shadow);padding:1.25rem}.hint{font-size:.875rem;color:var(--text-muted);margin:0 0 1rem}.field{margin-bottom:.75rem}.field label{display:block;font-size:.75rem;font-weight:500;color:var(--text-muted);margin-bottom:.25rem}.field input{width:100%;padding:.625rem .75rem;background:var(--input-bg);border:1px solid var(--input-border);border-radius:.5rem;font-size:.9375rem;color:var(--text)}.field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-ring)}.submit-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem;margin-top:.25rem;background:var(--accent);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer}.submit-btn:disabled{opacity:.4;cursor:not-allowed}.submit-btn:not(:disabled):hover{background:var(--accent-hover)}.error-text{font-size:.875rem;color:var(--error);margin:.5rem 0 0}.result{text-align:center;padding:.25rem 0}.status-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .75rem;border-radius:999px;font-size:.875rem;font-weight:600}.status-pill.tone-progress{background:var(--pill-progress-bg);color:var(--pill-progress-text)}.status-pill.tone-ready{background:var(--pill-ready-bg);color:var(--pill-ready-text)}.status-pill.tone-done{background:var(--pill-done-bg);color:var(--pill-done-text)}.status-pill.tone-cancelled{background:var(--pill-cancelled-bg);color:var(--pill-cancelled-text)}.status-pill.tone-none{background:var(--pill-none-bg);color:var(--pill-none-text)}.result .device{font-size:1.125rem;font-weight:700;margin:1rem 0 .125rem}.result .ticket{font-size:.875rem;color:var(--text-muted);margin:0}.result .detail{font-size:.875rem;color:var(--text);margin:.75rem 0 0}.result .footnote{font-size:.75rem;color:var(--text-faint);margin:1rem 0 0}.link-btn{margin-top:1.25rem;background:none;border:none;color:var(--accent);font-size:.875rem;font-weight:500;cursor:pointer;text-decoration:none}.link-btn:hover{text-decoration:underline}