:root{--bg:#f4f7fb;--panel:#ffffff;--text:#1b2430;--muted:#607088;--primary:#0d6efd;--primary-soft:#dce9ff;--success:#116149;--danger:#a72a2a;--border:#d6dfeb}*{box-sizing:border-box}body{margin:0;font-family:Pretendard,Noto Sans KR,sans-serif;background:radial-gradient(circle at 20% 0,#e6f0ff,var(--bg) 45%);color:var(--text)}main{max-width:760px;margin:0 auto;padding:32px 20px 48px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:0 8px 18px rgba(21,40,66,.06)}.muted{color:var(--muted)}.row{display:flex;gap:10px;flex-wrap:wrap}button{border:1px solid var(--border);border-radius:10px;padding:10px 14px;background:#fff;cursor:pointer}button.primary{background:var(--primary);color:#fff;border-color:var(--primary)}button.selected{border-color:var(--primary);background:var(--primary-soft)}button:disabled{opacity:.5;cursor:not-allowed}input,select{border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-size:15px;width:100%}.feedback-ok{color:var(--success);font-weight:600}.feedback-ng{color:var(--danger);font-weight:600}