
:root{--bg:#071019;--panel:#0d1823;--panel2:#111f2c;--line:#243443;--text:#f5f7f8;--muted:#9cabb7;--gold:#f0b84d;--gold2:#d99523;--green:#61d39b;--red:#ff8b83;--blue:#6cbcff}
*{box-sizing:border-box}html,body{margin:0;background:radial-gradient(circle at 75% 0,#13283c 0,#09141f 34%,#050c12 100%);color:var(--text);font-family:'Noto Sans KR',system-ui,sans-serif}body{min-height:100vh}.page{width:min(1180px,calc(100% - 32px));margin:auto;padding:20px 0 60px}.brandbar{display:flex;justify-content:space-between;align-items:center;color:#e6b351;font-size:13px;letter-spacing:.12em;padding:7px 2px 22px}.brandbar a{color:inherit;text-decoration:none}.brandbar b{font-size:21px}.rhead{display:grid;grid-template-columns:1fr 420px;gap:30px;align-items:end;border-bottom:1px solid #21303e;padding:14px 4px 26px}.eyebrow{color:var(--gold);font-weight:900;font-size:13px;letter-spacing:.15em}.rhead h1{font-size:48px;line-height:1.08;margin:8px 0 10px;letter-spacing:-.055em}.rhead h1 em{font-style:normal;color:var(--gold)}.rhead h1 span{color:#89b9e6}.rhead p{margin:0;color:var(--muted);font-size:17px}.rnav{display:grid;grid-template-columns:1fr 1fr;gap:10px}.navcard{cursor:pointer;text-align:left;padding:15px 17px;border-radius:17px;border:1px solid var(--line);background:#0b1722;color:var(--text)}.navcard small,.navcard b,.navcard span{display:block}.navcard small{font-size:10px;color:#7990a2;letter-spacing:.16em}.navcard b{font-size:22px;margin:3px 0}.navcard span{font-size:12px;color:#95a6b2}.navcard.active{border-color:#b58431;background:linear-gradient(145deg,#1f241e,#111b23);box-shadow:inset 0 0 0 1px #e9b45122}.hero{display:grid;grid-template-columns:430px 1fr;gap:28px;align-items:stretch;padding:34px 0 18px}.character{position:relative;min-height:520px;border:1px solid var(--line);border-radius:28px;background:radial-gradient(circle at 50% 42%,#25384b 0,#0e1a25 44%,#09131c 100%);overflow:hidden;display:flex;align-items:flex-end;justify-content:center}.character:before{content:"";position:absolute;inset:auto -20% -26% -20%;height:55%;background:radial-gradient(ellipse,#e7ab4030 0,transparent 66%)}.character img{position:relative;width:105%;max-height:510px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 25px 28px #0008)}.nameplate{position:absolute;left:20px;bottom:18px;border:1px solid #bc8b35;background:#0c141de8;border-radius:16px;padding:11px 15px;backdrop-filter:blur(10px)}.nameplate b,.nameplate span{display:block}.nameplate b{font-size:24px;color:#f2c465}.nameplate span{font-size:12px;color:#b8c3cb;margin-top:2px}.askpanel{border:1px solid var(--line);border-radius:28px;padding:34px;background:linear-gradient(145deg,#111e2a,#0a141e);box-shadow:0 26px 70px #0004}.tag{display:inline-block;border:1px solid #7e6230;background:#261f13;color:#edbf64;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:800}.askpanel h2{font-size:40px;letter-spacing:-.045em;margin:13px 0 7px}.lead{font-size:17px;color:#aab8c2;margin:0 0 24px}.quickgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.askpanel label{display:block}.askpanel label span{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:800;color:#cad4db;margin-bottom:7px}.askpanel label i{font-style:normal;color:#697d8b;font-size:10px;border:1px solid #334553;border-radius:999px;padding:2px 6px}.askpanel input{width:100%;border:1px solid #2f4250;border-radius:13px;background:#07121b;color:white;padding:14px 14px;font:700 16px/1.2 inherit;outline:none}.askpanel input:focus{border-color:#c38f35;box-shadow:0 0 0 3px #d9a54315}.askpanel input::placeholder{color:#60717e;font-weight:500}.more{margin-top:12px}.chips{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0}.chips button{border:1px solid #2c3c48;background:#0c1822;color:#aebac3;padding:7px 10px;border-radius:999px;font-size:12px;cursor:pointer}.chips button:hover{border-color:#806431;color:#f0c56c}.askbtn{width:100%;border:0;border-radius:14px;background:linear-gradient(90deg,#efb64a,#d99524);color:#171109;font-size:20px;font-weight:900;padding:15px 18px;display:flex;justify-content:center;gap:12px;cursor:pointer}.askbtn:hover{filter:brightness(1.05);transform:translateY(-1px)}.askbtn b{font-size:24px}.micro{display:block;text-align:center;color:#657783;font-size:11px;line-height:1.5;margin-top:10px}.thinking{margin:14px 0;border:1px solid #284153;background:#0c1b27;border-radius:17px;padding:16px 20px;display:flex;align-items:center;gap:12px}.thinking>span{font-size:24px;animation:pulse .65s infinite alternate}.thinking b,.thinking small{display:block}.thinking small{color:#8195a3;margin-top:2px}.hidden{display:none!important}.results{margin-top:18px;border-top:1px solid #24323f;padding-top:28px}.resultsHead{display:flex;justify-content:space-between;align-items:end;gap:15px}.resultsHead span{font-size:12px;color:#e3b354;font-weight:900}.resultsHead h2{font-size:34px;margin:4px 0 0;letter-spacing:-.035em}.resultsHead button,.routePlaceholder button{border:1px solid #354552;background:#0b1721;color:#d4dde3;border-radius:999px;padding:9px 13px;cursor:pointer}.resultMessage{color:#9aabb6;margin:9px 0 18px}.cards{display:flex;flex-direction:column;gap:12px}.productCard{display:grid;grid-template-columns:68px 1fr auto;gap:16px;align-items:start;border:1px solid #263744;background:linear-gradient(145deg,#0e1b26,#09141d);border-radius:18px;padding:18px}.rank{width:52px;height:52px;border-radius:15px;background:linear-gradient(145deg,#f1bd55,#ca8c25);display:grid;place-items:center;color:#171006;font-size:25px;font-weight:900}.productMain h3{font-size:23px;margin:0 0 8px}.reason{font-size:14px;line-height:1.6;color:#d8e0e5;margin:0 0 10px}.reason b,.review b{color:#e9b854;margin-right:8px}.review{font-size:13px;color:#aebbc4;background:#0a151e;border-left:3px solid #678ba5;border-radius:7px;padding:9px 10px;margin:0 0 11px}.proscons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pc{border:1px solid #1d2f3b;border-radius:10px;padding:9px 11px;background:#0b1720}.pc b{font-size:12px}.pc.pro b{color:var(--green)}.pc.con b{color:var(--red)}.pc ul{margin:5px 0 0;padding-left:17px}.pc li{font-size:13px;color:#c7d0d6;margin:3px 0}.buybox{min-width:155px;display:flex;flex-direction:column;gap:7px}.buy{display:block;text-align:center;text-decoration:none;background:#e5ad43;color:#171006;font-weight:900;border-radius:10px;padding:11px 12px;font-size:13px}.buyhint{text-align:center;color:#657783;font-size:10px}.routePlaceholder{margin-top:34px;border:1px solid #28445a;background:linear-gradient(145deg,#0d1d2a,#08131c);border-radius:28px;padding:56px;text-align:center}.routeIcon{margin:auto;width:64px;height:64px;border-radius:20px;background:#16314a;display:grid;place-items:center;font-size:34px;color:#86bceb}.routePlaceholder>span{display:block;margin-top:16px;color:#75adde;font-weight:900;font-size:12px;letter-spacing:.15em}.routePlaceholder h2{font-size:36px;margin:8px}.routePlaceholder p{color:#92a4b0;max-width:720px;margin:0 auto 20px;line-height:1.7}@keyframes pulse{to{transform:scale(1.18);filter:brightness(1.4)}}
@media(max-width:900px){.rhead{grid-template-columns:1fr}.hero{grid-template-columns:1fr}.character{min-height:380px}.character img{max-height:390px;width:90%}.quickgrid{grid-template-columns:1fr}.productCard{grid-template-columns:52px 1fr}.buybox{grid-column:2;min-width:0;flex-direction:row;align-items:center}.buy{flex:1}.rhead h1{font-size:40px}}
@media(max-width:600px){.page{width:min(100% - 20px,1180px)}.brandbar{font-size:10px}.brandbar b{font-size:17px}.rhead h1{font-size:34px}.rnav{grid-template-columns:1fr 1fr}.navcard{padding:12px}.navcard b{font-size:18px}.hero{padding-top:20px}.character{min-height:320px}.character img{max-height:330px;width:105%}.nameplate{left:12px;bottom:10px}.askpanel{padding:22px 16px}.askpanel h2{font-size:30px}.productCard{grid-template-columns:42px 1fr;padding:13px;gap:10px}.rank{width:38px;height:38px;border-radius:10px;font-size:19px}.productMain h3{font-size:19px}.proscons{grid-template-columns:1fr}.buybox{grid-column:1/-1}.resultsHead h2{font-size:27px}.routePlaceholder{padding:34px 18px}.routePlaceholder h2{font-size:28px}}

.price{display:inline-flex;gap:7px;align-items:center;background:#141b18;border:1px solid #354331;border-radius:999px;padding:5px 9px;margin-bottom:9px;color:#dbe4d8;font-size:12px}.price b{color:#7bdb9c}
