/* 화랑화로 웨이팅 — 숯불 느낌: 짙은 숯색 + 불씨 주황 */
:root{--bg:#141110;--card:#1f1a17;--card2:#2a231f;--line:#3a312b;--ink:#f6efe8;--mute:#b4a89d;--ember:#ff7a2f;--ember2:#ffb067;--ok:#4cc38a;--warn:#ffcc4d;--bad:#ff5d5d;
--f:"Pretendard","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--f);font-size:16px;line-height:1.55;word-break:keep-all;-webkit-tap-highlight-color:transparent}
.wrap{max-width:520px;margin:0 auto;padding:20px max(18px,env(safe-area-inset-left)) 40px}
.brand{display:flex;align-items:center;gap:12px;margin:6px 0 18px}
.brand .logo{width:46px;height:46px;border-radius:14px;background:radial-gradient(circle at 50% 70%,#ff9d4d,#e2491d 60%,#7a2410);display:grid;place-items:center;font-weight:900;font-size:22px;color:#fff;box-shadow:0 0 24px rgba(255,122,47,.35)}
.brand b{display:block;font-size:20px}.brand span{color:var(--mute);font-size:13.5px}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px}
.stat{display:flex;gap:10px;margin-bottom:14px}.stat div{flex:1;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px;text-align:center}
.stat b{display:block;font-size:30px;color:var(--ember2);font-variant-numeric:tabular-nums}.stat span{font-size:13px;color:var(--mute)}
label.t{display:block;font-weight:700;margin:16px 0 8px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips button{all:unset;cursor:pointer;min-width:52px;text-align:center;padding:12px 14px;border-radius:12px;background:var(--card2);border:1px solid var(--line);font-weight:700;font-variant-numeric:tabular-nums}
.chips button[aria-pressed=true]{background:var(--ember);border-color:var(--ember);color:#1a0d05}
.chips button:focus-visible,.btn:focus-visible{outline:2px solid var(--ember2);outline-offset:2px}
input[type=tel],input[type=text],input[type=number],input[type=password],textarea,select{width:100%;font:inherit;color:var(--ink);background:var(--card2);border:1px solid var(--line);border-radius:12px;padding:13px 14px}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--ember)}
.agree{display:flex;gap:10px;align-items:flex-start;margin:16px 0 4px;font-size:14px;color:var(--mute)}.agree input{width:20px;height:20px;accent-color:var(--ember);margin-top:2px}
.btn{all:unset;cursor:pointer;display:block;text-align:center;box-sizing:border-box;width:100%;padding:16px;border-radius:14px;background:var(--ember);color:#1a0d05;font-weight:800;font-size:17px}
.btn.g{background:var(--card2);color:var(--ink);border:1px solid var(--line)}.btn.r{background:transparent;color:var(--bad);border:1px solid #5a2a2a}
.btn[disabled]{opacity:.5;pointer-events:none}
.row2{display:flex;gap:10px}.row2>*{flex:1}
.err{color:var(--bad);font-size:14px;min-height:20px;margin:8px 0}
.note{font-size:13.5px;color:var(--mute)}
.closed{background:#2a1b14;border:1px solid #5a3420;color:var(--ember2);border-radius:14px;padding:14px;margin-bottom:14px}
.big{font-size:84px;font-weight:900;line-height:1;color:var(--ember2);font-variant-numeric:tabular-nums}
.called{background:linear-gradient(135deg,#ff7a2f,#ffb067);color:#1a0d05;border-radius:20px;padding:22px;text-align:center;animation:pulse 1.4s infinite}
@keyframes pulse{50%{box-shadow:0 0 0 12px rgba(255,122,47,.18)}}
.menu li{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.menu li small{display:block;color:var(--mute)}
ul.menu{list-style:none;padding:0;margin:0}
.foot{margin-top:28px;font-size:12.5px;color:#7d7168;text-align:center}
@media (prefers-reduced-motion:reduce){.called{animation:none}}