*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,sans-serif}:root{--bg: #f5f6f8;--panel: #ffffff;--ink: #1f2430;--muted: #626c7a;--line: #dfe3ea;--brand: #276ef1}.page{min-height:100vh;background:linear-gradient(180deg,#f7f9fc,#f3f5f8);color:var(--ink);padding:28px 16px 52px}.hero,.card{width:min(920px,100%);margin:0 auto}.hero{margin-bottom:16px}.tag{margin:0;color:var(--brand);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.hero h1{margin:8px 0 10px;font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.08}.hero p{margin:0;color:var(--muted)}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 32px #151b260f;padding:18px}.card h2{margin:0 0 12px;font-size:1.15rem}.grid{display:grid;gap:12px}.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}label{display:grid;gap:6px;font-size:.9rem;color:#3b4553;font-weight:600}input,select,button{font:inherit}input,select{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 11px}button{margin-top:14px;width:100%;border:none;border-radius:10px;padding:11px 12px;background:var(--brand);color:#fff;font-weight:700;cursor:pointer}button.secondary{background:#eef3ff;color:#1f4db8}.lead{margin:6px 0 8px;font-weight:700}.result-summary{margin-bottom:10px;display:grid;gap:6px}.summary-main{margin:0;font-weight:700;line-height:1.45}.summary-sub{margin:0;color:#455063;line-height:1.45}.result-grid{margin-top:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.menu-box{border:1px solid var(--line);border-radius:10px;padding:12px;background:#fbfcff}.menu-box h3{margin:0 0 6px;font-size:1rem}.menu-box p{margin:0 0 6px;color:#3d4654;font-size:.92rem;line-height:1.45}.reason-main{font-weight:600}.reason-sub{color:#4e5a6f}.price-hint{margin:0 0 6px;font-size:.82rem;color:#6a7382}.avoid-box{margin-top:12px;background:#fff8f8;border-color:#f0d4d4}.closing-line{margin:8px 0 0;font-size:.92rem;color:var(--muted)}@media(max-width:860px){.result-grid{grid-template-columns:1fr}}@media(max-width:740px){.two-col{grid-template-columns:1fr}.card{padding:14px}}