/* 살까말까 — 결정 도구: 라이트 + 앰버 */
:root{
  --ink:#191f28; --sub:#4e5968; --faint:#8b95a1; --line:#e5e8eb;
  --amber:#ff8a00; --amber-d:#e07600; --mint:#00c471; --red:#f04452; --bg:#fff; --panel:#f9fafb;
}
*{box-sizing:border-box}
html,body{margin:0}
body{font-family:"Noto Sans KR",-apple-system,sans-serif; color:var(--ink); background:var(--bg); padding-bottom:80px;}
.wrap{max-width:680px; margin:0 auto; padding:0 18px;}

.top{text-align:center; padding:48px 0 6px;}
.top h1{font-size:44px; font-weight:900; margin:0; letter-spacing:-2px;}
.top h1 .a{color:var(--amber)}
.top .tag{color:var(--sub); font-size:15px; margin:8px 0 0; line-height:1.75;}
.top .tag b{color:var(--ink)}

.searchbox{margin-top:20px;}
#f{display:flex; gap:10px;}
#q{flex:1; font:inherit; font-size:16.5px; padding:15px 18px; border:2px solid var(--line); border-radius:14px; outline:none;}
#q:focus{border-color:var(--amber);}
#go{font:inherit; font-size:15.5px; font-weight:700; color:#fff; background:var(--amber); border:0; border-radius:14px; padding:0 20px; cursor:pointer; white-space:nowrap;}
#go:hover{background:var(--amber-d)} #go:disabled{opacity:.5}
.chips{display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; justify-content:center;}
.chip{font-size:13px; color:var(--sub); background:var(--panel); border:1px solid var(--line); border-radius:999px; padding:7px 13px; cursor:pointer;}
.chip:hover{border-color:var(--amber); color:var(--amber-d);}
.note{text-align:center; color:var(--faint); font-size:12px; margin-top:12px;}

/* 에이전트 콘솔 */
#console{margin-top:24px;}
.chead{font-size:13px; font-weight:900; color:var(--faint); letter-spacing:1px; margin-bottom:6px;}
.cline{display:flex; gap:10px; padding:9px 0; font-size:14.5px; color:var(--sub); align-items:baseline; border-bottom:1px dashed var(--line);}
.cline .ic{flex:0 0 22px; text-align:center;}
.cline.done .ic{color:var(--mint); font-weight:900;}
.cline .tx b{color:var(--ink)}
.cline .detail{display:block; color:var(--faint); font-size:12.5px; margin-top:3px; line-height:1.75;}
.spinner{display:inline-block; animation:rot 1s steps(10) infinite;}
@keyframes rot{to{transform:rotate(360deg)}}

/* 판정 카드 */
#result{margin-top:22px;}
.vcard{border:1.5px solid var(--line); border-radius:18px; padding:24px 22px; background:#fff; box-shadow:0 3px 20px rgba(25,31,40,.06); animation:pop .4s;}
@keyframes pop{from{opacity:0; transform:translateY(12px)}to{opacity:1; transform:none}}
.stamp{display:block; width:fit-content; margin:0 auto; font-size:40px; font-weight:900; letter-spacing:6px;
  border:4px solid; border-radius:12px; padding:8px 26px 8px 32px; transform:rotate(-3deg);}
.stamp.buy{color:var(--mint); border-color:var(--mint);}
.stamp.dont{color:var(--red); border-color:var(--red);}
.stamp.alt{color:var(--amber); border-color:var(--amber);}
.oneliner{text-align:center; font-size:17px; font-weight:700; margin:16px 0 4px;}
.qname{text-align:center; color:var(--faint); font-size:13px;}

.pricebox{display:flex; gap:10px; margin:18px 0 6px;}
.pcell{flex:1; text-align:center; background:var(--panel); border:1px solid var(--line); border-radius:12px; padding:12px;}
.pcell .pk{font-size:11.5px; color:var(--faint); font-weight:900; letter-spacing:1px;}
.pcell .pv{font-size:19px; font-weight:900; margin-top:4px;}
.ptip{text-align:center; color:var(--sub); font-size:13px; margin:6px 0 2px;}

.sechead{font-weight:900; font-size:14.5px; margin:18px 0 6px;}
.pc{display:grid; grid-template-columns:1fr 1fr; gap:10px;}
@media(max-width:520px){.pc{grid-template-columns:1fr}}
.pc .cell{border:1px solid var(--line); border-radius:12px; padding:12px 14px;}
.pc .ck{font-size:12px; font-weight:900;}
.pc .pros .ck{color:var(--mint)} .pc .cons .ck{color:var(--red)}
.pc li{font-size:13.5px; line-height:1.8; color:var(--sub);}
.pc ul{margin:6px 0 0; padding-left:18px;}
.reasons li{font-size:14px; line-height:1.9;}
.altbox{background:#fff7ec; border:1.5px solid #ffd9a8; border-radius:12px; padding:13px 15px; font-size:14px; margin-top:8px; line-height:1.8;}
.check li{font-size:13.5px; line-height:1.9; color:var(--sub);}

.actions{display:flex; gap:10px; margin-top:18px;}
.actions a,.actions button{flex:1; text-align:center; text-decoration:none; font:inherit; font-size:14.5px; font-weight:700; padding:13px; border-radius:12px; border:1.5px solid var(--line); color:var(--ink); background:#fff; cursor:pointer;}
.actions .prime{background:var(--amber); border-color:var(--amber); color:#fff;}

.recent{margin-top:38px;}
.recent .rh{font-weight:900; font-size:15px; margin-bottom:6px;}
.ritem{display:flex; gap:10px; align-items:baseline; text-decoration:none; color:inherit; padding:10px 4px; border-bottom:1px solid var(--line); font-size:14px;}
.ritem .st{flex:0 0 44px; font-weight:900; font-size:13px;}
.st.buy{color:var(--mint)} .st.dont{color:var(--red)} .st.alt{color:var(--amber)}
.ritem:hover .rq{color:var(--amber-d)}
.foot{margin-top:44px; text-align:center; color:var(--faint); font-size:12px; line-height:1.9;}
.hidden{display:none}