:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f8fafc;background:#0b1220;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(160deg,#0b1220 0%,#172554 100%);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input,select,textarea{font:inherit}input,select,textarea{font-size:16px}.shell{min-height:100vh;padding:max(16px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left))}.card,.app-card{background:#0f172a;border:1px solid #334155;border-radius:18px;width:min(100%,680px);margin:0 auto;padding:20px 16px;box-shadow:0 22px 70px #00000059}.login-card{max-width:440px}.hidden{display:none!important}.eyebrow{color:#93c5fd;letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:.8rem;font-weight:700}h1{margin:0;font-size:clamp(1.5rem,7vw,2rem)}h2{margin-top:0}.description{color:#cbd5e1;margin:10px 0 24px;line-height:1.6}.app-header{border-bottom:1px solid #334155;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:18px;display:flex}.section-title{margin:20px 0 12px;font-size:1.1rem}form,.field{gap:8px;display:grid}form{gap:16px}label{font-weight:700}.field-grid{grid-template-columns:1fr;gap:14px;display:grid}.label-row{justify-content:space-between;gap:12px;display:flex}.label-row span{color:#cbd5e1;font-variant-numeric:tabular-nums}input,select,textarea{color:#f8fafc;background:#111827;border:1px solid #64748b;border-radius:10px;width:100%;min-height:48px;padding:10px 12px}textarea{resize:vertical;min-height:96px}.reference-input{align-items:stretch;min-width:0;display:flex}.reference-input span{background:#1e293b;border:1px solid #64748b;border-right:0;border-radius:10px 0 0 10px;align-items:center;padding:0 10px;font-weight:800;display:flex}.reference-input input{text-transform:uppercase;border-radius:0 10px 10px 0;min-width:0}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,[tabindex="-1"]:focus-visible{outline-offset:2px;outline:3px solid #60a5fa}button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:10px;min-height:48px;padding:10px 14px;font-weight:700}button.secondary{background:#334155}button.danger{background:#b91c1c}button.danger-secondary{color:#fecaca;background:0 0;border:1px solid #fca5a5}button.compact{white-space:nowrap;width:auto;min-height:44px}button:disabled{cursor:wait;opacity:.55}.full-button{width:100%;margin-top:12px}.button-grid{grid-template-columns:1fr;gap:10px;margin-top:14px;display:grid}.status,.notice,.success-panel{background:#1e293b;border-radius:12px;margin-top:20px;padding:14px}.status h2{color:#cbd5e1;margin:0 0 6px;font-size:.85rem}.status p,.notice p{margin:0;font-weight:700;line-height:1.55}.warning{background:#422006;border:1px solid #f59e0b}.danger-notice{background:#450a0a;border:1px solid #f87171}.success-panel{background:#052e2b;border:1px solid #34d399}.success-panel h2{color:#a7f3d0}.result-label{color:#cbd5e1;margin:18px 0 6px;font-weight:700}.serial-value{color:#fff;letter-spacing:.04em;white-space:nowrap;-webkit-user-select:text;user-select:text;-webkit-overflow-scrolling:touch;background:#020617;border:1px solid #64748b;border-radius:10px;width:100%;max-width:100%;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1rem;font-weight:800;overflow-x:auto}.result-list,.summary-list{margin:16px 0}.result-list div,.summary-list div{border-bottom:1px solid #334155;grid-template-columns:minmax(110px,.8fr) minmax(0,1.4fr);gap:8px;padding:8px 0;display:grid}dt{color:#cbd5e1;font-weight:700}dd{overflow-wrap:anywhere;margin:0}.copy-status,.process-status{color:#bfdbfe;min-height:1.5em;margin:10px 0 0;font-weight:700;line-height:1.5}@media (width>=520px){.card,.app-card{padding:28px}.field-grid,.button-grid{grid-template-columns:1fr 1fr}}@media (orientation:landscape) and (height<=500px){.shell{padding-top:10px}.card,.app-card{border-radius:12px}}