/* 유튜브찐 — 라이트 + 레드 시그니처 */
:root{
  --ink:#191f28; --sub:#4e5968; --faint:#8b95a1; --line:#e5e8eb;
  --red:#ff0033; --red-d:#d90029; --mint:#00c471; --amber:#ff9500; --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:700px; margin:0 auto; padding:0 18px;}

.top{text-align:center; padding:48px 0 6px;}
.top h1{font-size:42px; font-weight:900; margin:0; letter-spacing:-1.5px;}
.top h1 .r{color:var(--red)}
.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:15.5px; padding:15px 16px; border:2px solid var(--line); border-radius:14px; outline:none;}
#q:focus{border-color:var(--red);}
#go{font:inherit; font-size:15.5px; font-weight:700; color:#fff; background:var(--red); border:0; border-radius:14px; padding:0 20px; cursor:pointer; white-space:nowrap;}
#go:hover{background:var(--red-d)} #go:disabled{opacity:.5}
.note{text-align:center; color:var(--faint); font-size:12px; margin-top:12px; line-height:1.8;}

#timeline{margin-top:24px;}
.step{display:flex; gap:12px; padding:8px 0; font-size:14.5px; color:var(--sub); align-items:baseline;}
.step .ic{flex:0 0 22px; text-align:center;}
.step.done .ic{color:var(--mint); font-weight:900;}
.step .detail{display:block; color:var(--faint); font-size:12.5px; margin-top:2px; line-height:1.7;}
.spinner{display:inline-block; animation:rot 1s steps(10) infinite;}
@keyframes rot{to{transform:rotate(360deg)}}

#report{margin-top:24px;}
.rcard{border:1.5px solid var(--line); border-radius:18px; padding:22px; background:#fff; box-shadow:0 3px 20px rgba(25,31,40,.06);}
.vhead{display:flex; gap:14px; align-items:flex-start;}
.vhead img{width:150px; border-radius:10px; flex:0 0 auto;}
.vhead .vt{font-size:16.5px; font-weight:700; line-height:1.5;}
.vhead .va{color:var(--faint); font-size:12.5px; margin-top:4px;}

/* 낚시 게이지 */
.gaugebox{margin:18px 0 6px; text-align:center; padding:16px; border-radius:14px; background:var(--panel); border:1.5px solid var(--line);}
.gpct{font-size:44px; font-weight:900; line-height:1.1;}
.glabel{font-size:13px; color:var(--faint); font-weight:700; letter-spacing:2px;}
.gverdict{font-size:15.5px; font-weight:700; margin-top:6px;}
.gtrack{height:12px; border-radius:8px; background:#eee; overflow:hidden; margin:12px 8px 4px;}
.gfill{height:100%; width:0; transition:width .9s ease; background:linear-gradient(90deg,#00c471,#ff9500 55%,#ff0033);}
.gscale{display:flex; justify-content:space-between; color:var(--faint); font-size:11px; padding:0 8px;}

.vs{display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:14px 0;}
.vs .cell{border:1px solid var(--line); border-radius:12px; padding:12px 14px;}
.vs .ck{font-size:11.5px; font-weight:900; color:var(--faint); letter-spacing:1px;}
.vs .cv{font-size:13.5px; margin-top:6px; line-height:1.7;}
.vs .promised .ck{color:var(--red)}
.vs .delivered .ck{color:var(--mint)}
@media(max-width:520px){.vs{grid-template-columns:1fr}}

.sechead{font-weight:900; font-size:15px; margin:20px 0 8px;}
.tldr{background:var(--panel); border:1px solid var(--line); border-radius:12px; padding:14px 16px;}
.tldr li{font-size:14.5px; line-height:1.9;}
.chap{display:flex; gap:10px; padding:9px 4px; border-bottom:1px solid var(--line); font-size:14px; align-items:baseline;}
.chap:last-child{border-bottom:0}
.chap a{color:var(--red); font-weight:800; text-decoration:none; font-size:13px; flex:0 0 52px;}
.chap .ct{font-weight:700;}
.chap .cn{color:var(--sub); font-size:13px; display:block; margin-top:1px;}
.claims li{font-size:14px; line-height:1.85; color:var(--ink);}
.reasons li{font-size:13.5px; line-height:1.8; color:var(--sub);}
.ppl{margin-top:10px; font-size:13.5px; background:#fff7e6; border:1px solid #ffe1a8; border-radius:10px; padding:10px 13px;}

.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(--red); border-color:var(--red); 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 .pct{flex:0 0 58px; font-weight:900;}
.ritem:hover .rt{color:var(--red)}
.foot{margin-top:44px; text-align:center; color:var(--faint); font-size:12px; line-height:1.9;}
.hidden{display:none}