:root{--bg: #0a0d12;--panel: #131922;--panel-2: #1a222d;--line: #26313f;--text: #eef3f8;--muted: #8a99a9;--accent: #ff6b2c;--accent-deep: #e5551a;--ok: #35d07f;--danger: #ff5c5c;--mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}html{color-scheme:dark}body{background:radial-gradient(700px 380px at 50% -8%,rgba(255,107,44,.1),transparent 65%),var(--bg);color:var(--text);font-family:Pretendard Variable,Pretendard,sans-serif;min-height:100vh}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}input{font:inherit}.app{max-width:480px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;padding:20px 18px 40px}.head{display:flex;align-items:center;gap:10px;margin-bottom:16px}.head .dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}.head b{letter-spacing:.08em}.head .back{margin-left:auto;color:var(--muted);padding:6px 10px}.title{font-size:22px;font-weight:800;line-height:1.35;margin-bottom:4px}.desc{color:var(--muted);font-size:14px}.card{display:block;width:100%;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px;margin-top:12px;transition:transform .08s}button.card:active{transform:scale(.985)}.card b{font-size:17px}.card small{color:var(--muted);display:block;margin-top:3px}.card .price{color:var(--accent);font-weight:800;margin-top:6px}.cta{display:block;width:100%;text-align:center;font-size:17px;font-weight:800;padding:16px;border-radius:14px;margin-top:16px;background:linear-gradient(135deg,var(--accent),var(--accent-deep));color:#17110c}.cta:disabled{filter:grayscale(1) brightness(.55)}.ghost{display:block;width:100%;text-align:center;padding:13px;border-radius:12px;margin-top:10px;background:var(--panel);border:1px solid var(--line);font-weight:600}.slots{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.slot{padding:11px 0;border-radius:10px;text-align:center;font-family:var(--mono);font-size:13.5px;background:var(--panel);border:1px solid var(--line)}.slot.sel{background:var(--accent);color:#17110c;font-weight:700;border-color:var(--accent)}.slot:disabled{opacity:.3}.field{margin-top:12px}.field label{font-size:12px;font-weight:700;color:var(--muted);letter-spacing:.06em;display:block;margin-bottom:6px}.field input{width:100%;background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:12px;padding:13px 14px;font-size:16px}.field input:focus{outline:1px solid var(--accent);border-color:var(--accent)}.timerbox{text-align:center;padding:22px 0 8px}.timer{font-family:var(--mono);font-size:56px;font-weight:700;font-variant-numeric:tabular-nums}.timer.low{color:var(--danger)}.pill{display:inline-block;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--panel-2)}.errbox{background:#ff5c5c1a;border:1px solid rgba(255,92,92,.4);color:var(--danger);border-radius:12px;padding:13px 15px;font-size:14px;margin-top:12px}.okbox{background:#35d07f1a;border:1px solid rgba(53,208,127,.4);color:var(--ok);border-radius:12px;padding:13px 15px;font-size:14px;margin-top:12px}.center{text-align:center}video{width:100%;border-radius:12px;background:#000;margin-top:8px}