/* 고민 참모회의 — 차분한 다크 네이비 회의실 */
:root{
  --bg:#10151f; --panel:#181f2c; --line:#2a3446; --ink:#e9edf4; --sub:#a8b3c4; --faint:#71809a;
  --gold:#e8b64c; --blue:#6ea8ff; --mint:#4fd1a5; --red:#ff7a8a; --purple:#b48cff;
}
*{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:70px;}
.wrap{max-width:660px; margin:0 auto; padding:0 18px;}

.top{text-align:center; padding:46px 0 4px;}
.top h1{font-size:34px; font-weight:900; margin:0; letter-spacing:-1px;}
.top h1 .g{color:var(--gold)}
.top .tag{color:var(--sub); font-size:14.5px; margin:8px 0 0; line-height:1.8;}
.top .tag b{color:var(--ink)}

.card{background:var(--panel); border:1px solid var(--line); border-radius:16px; padding:18px; margin-top:18px;}
textarea{width:100%; min-height:96px; background:#0c111a; border:1.5px solid var(--line); color:var(--ink);
  border-radius:12px; padding:13px; font:inherit; font-size:15px; line-height:1.7; resize:vertical;}
textarea:focus{outline:none; border-color:var(--gold);}
.chips{display:flex; flex-wrap:wrap; gap:7px; margin-top:11px;}
.chip{font-size:12.5px; color:var(--sub); background:#0c111a; border:1px solid var(--line); border-radius:999px; padding:7px 12px; cursor:pointer;}
.chip:hover{border-color:var(--gold); color:var(--gold);}
.go{width:100%; margin-top:13px; font:inherit; font-size:16px; font-weight:800; color:#1a1408;
  background:linear-gradient(135deg,#e8b64c,#d99f2b); border:0; border-radius:12px; padding:15px; cursor:pointer;}
.go:disabled{opacity:.5}
.priv{color:var(--faint); font-size:12px; text-align:center; margin-top:11px; line-height:1.7;}
.priv b{color:var(--sub)}

/* 안건 */
.agenda{margin-top:20px; text-align:center; animation:pop .4s;}
.agenda .al{font-size:11.5px; font-weight:900; color:var(--gold); letter-spacing:3px;}
.agenda .at{font-size:19px; font-weight:900; margin-top:5px;}
.agenda .ao{color:var(--sub); font-size:13.5px; margin-top:6px;}
.agenda .ao b{color:var(--ink)}

/* 참모 그리드 */
@keyframes pop{from{opacity:0; transform:translateY(10px)}to{opacity:1; transform:none}}
.advisors{display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:16px;}
@media(max-width:560px){.advisors{grid-template-columns:1fr}}
.adv{background:var(--panel); border:1px solid var(--line); border-radius:14px; padding:13px 14px; animation:pop .35s;}
.adv .ah{display:flex; align-items:baseline; gap:7px;}
.adv .an{font-weight:800; font-size:14.5px;}
.adv .stance{margin-left:auto; font-size:11px; font-weight:900; border-radius:6px; padding:2.5px 8px; background:#0c111a; color:var(--gold); border:1px solid var(--line); white-space:nowrap;}
.adv .ao{color:var(--sub); font-size:13.5px; line-height:1.8; margin-top:8px;}
.adv .ap{color:var(--faint); font-size:11.5px; margin-top:6px;}
.adv .ap b{color:var(--ink)}
.adv.waiting{border-style:dashed; color:var(--faint); font-size:13px;}
.spinner{display:inline-block; animation:rot 1s steps(10) infinite;}
@keyframes rot{to{transform:rotate(360deg)}}
.c-strategist{color:#8fd0ff}.c-challenger{color:#ff9d6b}.c-guardian{color:#8be0c0}.c-heart{color:#8ce99a}.c-devil{color:#c9a2ff}

/* 반박 */
.debate{margin-top:16px;}
.dhead{font-size:12px; font-weight:900; color:var(--red); letter-spacing:2px; margin-bottom:7px;}
.reb{background:#1c1520; border:1px solid #3c2a3c; border-radius:12px; padding:11px 13px; margin:7px 0; font-size:13.5px; line-height:1.75; animation:pop .3s;}
.reb .rn{font-weight:800;}
.reb .rt{color:var(--red); font-weight:700;}

/* 최종 권고 */
.verdict{margin-top:20px; background:linear-gradient(160deg,#1d2434,#161c29); border:1.5px solid var(--gold);
  border-radius:16px; padding:22px 20px; animation:pop .45s;}
.verdict .vl{text-align:center; font-size:11.5px; font-weight:900; color:var(--gold); letter-spacing:3px;}
.verdict .vd{text-align:center; font-size:30px; font-weight:900; margin-top:8px;}
.verdict .vc{text-align:center; color:var(--sub); font-size:13px; margin-top:4px;}
.verdict .vc b{color:var(--gold); font-size:16px;}
.sechead{font-weight:900; font-size:13.5px; margin:16px 0 6px; color:var(--sub);}
.verdict li{font-size:14px; line-height:1.85;}
.regret{background:#0c111a; border-left:3px solid var(--red); border-radius:8px; padding:11px 13px; font-size:13.5px; line-height:1.8; margin-top:8px;}
.unless{color:var(--faint); font-size:12.5px; margin-top:12px; line-height:1.7;}
.unless b{color:var(--gold)}

.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:1px solid var(--line); color:var(--ink); background:var(--panel); cursor:pointer;}
.actions .prime{background:var(--gold); border-color:var(--gold); color:#1a1408;}
#shareOut{text-align:center; color:var(--faint); font-size:12.5px; margin-top:10px;}
#status{text-align:center; color:var(--sub); font-size:13.5px; margin-top:18px;}
.foot{margin-top:42px; text-align:center; color:var(--faint); font-size:12px; line-height:1.9;}
.hidden{display:none}
a{color:var(--gold)}