:root{--qc-bg-deep:#0a0e17;--qc-bg-mid:#0f1628;--qc-surface:#161e30d9;--qc-surface-border:#7890b42e;--qc-text:#e8ecf4;--qc-text-muted:#8b95a8;--qc-accent:#3b82f6;--qc-accent-hover:#2563eb;--qc-accent-muted:#3b82f626;--qc-success:#34d399;--qc-error:#f87171;--qc-radius-lg:16px;--qc-radius-md:12px;--qc-radius-sm:8px;--qc-shadow-card:0 4px 6px -1px #00000040, 0 12px 24px -4px #00000059;--qc-font:"Plus Jakarta Sans", system-ui, "Segoe UI", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background:var(--qc-bg-deep);min-height:100dvh;color:var(--qc-text);font-family:var(--qc-font);margin:0;line-height:1.5}#root{width:100%;min-height:100dvh;text-align:initial;border:none;margin:0;padding:0;display:block}.login-shell{background:linear-gradient(160deg, var(--qc-bg-deep) 0%, var(--qc-bg-mid) 50%, #0c1424 100%);justify-content:center;align-items:center;min-height:100dvh;padding:2rem 1.25rem 2.5rem;display:flex;position:relative}.login-shell:before{content:"";pointer-events:none;background:radial-gradient(70% 55% at 50% 18%,#3b82f624,#0000 58%),radial-gradient(50% 40% at 50% 95%,#6366f114,#0000 55%);position:absolute;inset:0}.login-center{flex-direction:column;align-items:stretch;width:100%;max-width:420px;display:flex;position:relative}@media (width<=480px){.login-shell{padding:1.5rem 1rem 2rem}}.login-card{border-radius:var(--qc-radius-lg);background:var(--qc-surface);border:1px solid var(--qc-surface-border);width:100%;max-width:400px;box-shadow:var(--qc-shadow-card);padding:2rem 2rem 1.75rem}.login-card-header{text-align:center;margin-bottom:1.5rem}.login-kicker{letter-spacing:.04em;color:var(--qc-accent);margin:0 0 .35rem;font-size:.8125rem;font-weight:600}.login-title{letter-spacing:-.02em;color:var(--qc-text);margin:0 0 .35rem;font-size:1.5rem;font-weight:700}.login-subtitle{margin:0;font-size:.875rem}.field{flex-direction:column;gap:.45rem;margin-bottom:1rem;display:flex}.field label{color:var(--qc-text-muted);font-size:.8125rem;font-weight:500}.field-row{flex-wrap:wrap;align-items:stretch;gap:.65rem;display:flex}.field-row .input-outlined{flex:140px;min-width:0}.input-outlined{border-radius:var(--qc-radius-sm);border:1px solid var(--qc-surface-border);width:100%;color:var(--qc-text);background:#0a0e1899;outline:none;padding:.65rem .85rem;font-family:inherit;font-size:.9375rem;transition:border-color .15s,box-shadow .15s}.input-outlined::placeholder{color:#5c6578}.input-outlined:hover{border-color:#7890b459}.input-outlined:focus{border-color:var(--qc-accent);box-shadow:0 0 0 3px var(--qc-accent-muted)}select.input-outlined.select-inline{cursor:pointer;max-width:100%}.cast-quality-card .field{max-width:28rem}.btn-primary,.btn-secondary,.btn-ghost,.btn-cast-stop{border-radius:var(--qc-radius-sm);cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:600;transition:background .15s,border-color .15s,color .15s,filter .15s}.btn-primary{background:linear-gradient(180deg, #3b82f6 0%, var(--qc-accent-hover) 100%);color:#fff;border:none;padding:.7rem 1.25rem;box-shadow:0 2px 8px #3b82f659}.btn-primary:hover{filter:brightness(1.06)}.btn-primary:active{transform:translateY(1px)}.btn-cast-stop{color:#fff;background:linear-gradient(#ef4444 0%,#dc2626 100%);border:none;padding:.7rem 1.25rem;box-shadow:0 2px 8px #ef444459}.btn-cast-stop:hover{filter:brightness(1.06)}.btn-cast-stop:active{transform:translateY(1px)}.btn-secondary{border:1px solid var(--qc-surface-border);color:var(--qc-text);white-space:nowrap;background:#1e294099;padding:.65rem 1rem}.btn-secondary:hover{background:#283652bf;border-color:#7890b473}.btn-ghost{color:var(--qc-text-muted);background:0 0;border:1px solid #0000;padding:.5rem .9rem}.btn-ghost:hover{color:var(--qc-text);border-color:var(--qc-surface-border);background:#ffffff0a}.btn-block{width:100%;margin-top:.25rem}.login-error{margin:-.25rem 0 .75rem}.login-hint{text-align:center;border-top:1px solid var(--qc-surface-border);margin:1.25rem 0 0;padding-top:1rem}.app{max-width:720px;min-height:100dvh;font-family:var(--qc-font);color:var(--qc-text);background:linear-gradient(180deg, var(--qc-bg-deep) 0%, var(--qc-bg-mid) 100%);margin:0 auto;padding:1.5rem 1.25rem 2.5rem}.app-dashboard{max-width:800px}.dash-header{border-bottom:1px solid var(--qc-surface-border);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.75rem;padding-bottom:1.25rem;display:flex}.dash-brand{flex-direction:column;align-items:flex-start;gap:.2rem;display:flex}.dash-title{letter-spacing:-.02em;margin:0;font-size:1.25rem;font-weight:700}.dash-sub{margin:0;font-size:.8rem}h2{letter-spacing:-.01em;margin:0 0 .5rem;font-size:1.05rem;font-weight:600}.muted{color:var(--qc-text-muted);font-size:.875rem}.card{background:var(--qc-surface);border:1px solid var(--qc-surface-border);border-radius:var(--qc-radius-lg);flex-direction:column;gap:.65rem;margin-bottom:1rem;padding:1.25rem 1.35rem;display:flex}.card-elevated{box-shadow:0 4px 20px #0003}.card .btn-primary,.card .btn-secondary,.card .btn-cast-stop{align-self:flex-start}.card button:not(.btn-primary):not(.btn-secondary):not(.btn-ghost):not(.btn-cast-stop):not(.btn-chip){border-radius:var(--qc-radius-sm);background:var(--qc-accent);color:#fff;cursor:pointer;border:none;padding:.45rem .75rem;font-family:inherit;font-size:.875rem;font-weight:600}.card button:not(.btn-primary):not(.btn-secondary):not(.btn-ghost):not(.btn-cast-stop):not(.btn-chip):hover{filter:brightness(1.05)}.card button:disabled{opacity:.45;cursor:not-allowed}.recent-codes{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.35rem;display:flex}.recent-codes-label{width:100%;font-size:.8125rem}@media (width>=480px){.recent-codes-label{width:auto}}.btn-chip{border-radius:var(--qc-radius-sm);border:1px solid var(--qc-surface-border);color:var(--qc-accent);letter-spacing:.06em;cursor:pointer;background:#0a0e1880;padding:.35rem .65rem;font-family:inherit;font-size:.8125rem;font-weight:600}.btn-chip:hover:not(:disabled){border-color:var(--qc-accent);background:#2563eb1f}.pairing-code{letter-spacing:.25em;text-align:center;border-radius:var(--qc-radius-md);color:var(--qc-text);background:#3b82f614;border:1px dashed #3b82f659;padding:.75rem;font-size:1.75rem;font-weight:700}.device-list{margin:0;padding:0;list-style:none}.device-list li{border-bottom:1px solid var(--qc-surface-border);align-items:center;gap:.65rem;padding:.65rem 0;display:flex}.device-list li:last-child{border-bottom:none}.device-list li span:first-child{flex:1;font-weight:500}.online{color:var(--qc-success);font-size:.8rem;font-weight:500}.offline{color:var(--qc-text-muted);font-size:.8rem}.error{color:var(--qc-error);margin:0;font-size:.875rem}.status{color:#fbbf24;margin:0;font-size:.9rem}.hint{color:var(--qc-text-muted);font-size:.8rem;line-height:1.55}html,body,#root{min-height:100%;margin:0}