:root{color-scheme:light dark;--sf-bg: #0f1012;--sf-fg: #f2f2f3;--sf-muted: #9a9aa2;--sf-card: #17181b;--sf-accent: #3f8cff;--sf-error: #ff6b6b}*{box-sizing:border-box}body{margin:0;font:16px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--sf-bg);color:var(--sf-fg)}.sf-shell{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px 16px}.sf-card{width:100%;max-width:360px;background:var(--sf-card);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:12px}.sf-card h1{font-size:18px;margin:0}.sf-pack{font-size:20px;font-weight:600;margin:0}.sf-total{margin:0;color:var(--sf-muted)}.sf-total strong{color:var(--sf-fg)}.sf-label{font-size:13px;color:var(--sf-muted)}.sf-input{width:100%;padding:12px;border-radius:10px;border:1px solid #2a2b2f;background:#101114;color:var(--sf-fg);font-size:16px}.sf-button{margin-top:4px;padding:14px;border:0;border-radius:12px;background:var(--sf-accent);color:#fff;font-size:16px;font-weight:600;cursor:pointer}.sf-button[disabled]{opacity:.6;cursor:default}.sf-error{color:var(--sf-error);font-size:14px;margin:0}.sf-note{max-width:360px;text-align:center;font-size:12px;color:var(--sf-muted);margin:0}