:root{--bg:#0e0b14;--bg2:#15101f;--card:#1c1530;--card2:#241a3d;--line:#2e2447;--txt:#f3eefb;--sub:#b3a8cf;--hint:#7d7299;--accent:#ff5d8f;--accent2:#a855f7;--ok:#36d399;--grad:linear-gradient(135deg, #ff5d8f, #a855f7)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);color:var(--txt);margin:0;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Malgun Gothic,sans-serif}body{justify-content:center;display:flex}a{color:inherit;text-decoration:none}#app{background:radial-gradient(1200px 400px at 50% -10%, #2a1b40 0%, var(--bg) 55%);width:100%;max-width:460px;min-height:100vh;padding:0 18px 40px}header.bar{align-items:center;gap:8px;padding:18px 2px 8px;display:flex}.logo{background:var(--grad);color:#0000;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:900}.logo small{color:var(--hint);-webkit-text-fill-color:var(--hint);margin-left:6px;font-size:11px;font-weight:700}.tagline{color:var(--sub);margin:6px 2px 18px;font-size:13.5px;line-height:1.5}.tagline b{color:var(--txt)}.card{background:var(--card);border:1px solid var(--line);cursor:pointer;text-align:left;border-radius:18px;width:100%;margin-bottom:14px;padding:18px;transition:transform .12s,border-color .12s;display:block}.card:active{transform:scale(.985)}.card:hover{border-color:#3d3163}.ttl-row{align-items:center;gap:8px;margin-bottom:6px;display:flex}.badge{border-radius:999px;padding:3px 7px;font-size:10.5px;font-weight:800}.b-all{color:#5ee0a0;background:#1f3a2e}.b-19{color:#ff7da6;background:#3a1f2b}.b-new{color:#c5b6ff;background:#2a2440}.card h3{margin:0;font-size:17px;font-weight:800}.card p{color:var(--sub);margin:8px 0 12px;font-size:13px;line-height:1.5}.meta{color:var(--hint);gap:14px;font-size:11.5px;display:flex}.meta span{align-items:center;gap:4px;display:flex}.btn{color:#fff;background:var(--grad);cursor:pointer;letter-spacing:-.2px;border:0;border-radius:14px;width:100%;padding:15px;font-family:inherit;font-size:15.5px;font-weight:800;display:block}.btn:active{filter:brightness(.95)}.btn.ghost{border:1px solid var(--line);color:var(--sub);background:0 0}.btn.feeder{background:linear-gradient(135deg,#36d399,#3b82f6);margin-top:8px}.screen{animation:.25s fade}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.prog{background:var(--line);border-radius:999px;height:6px;margin:14px 2px 22px;overflow:hidden}.prog>i{background:var(--grad);width:0;height:100%;transition:width .3s;display:block}.q-num{color:var(--accent);letter-spacing:.5px;font-size:13px;font-weight:800}.q-txt{margin:8px 2px 22px;font-size:21px;font-weight:800;line-height:1.4}.opt{background:var(--card);border:1px solid var(--line);cursor:pointer;text-align:left;width:100%;color:inherit;border-radius:14px;align-items:center;gap:12px;margin-bottom:11px;padding:16px;font-family:inherit;font-size:15px;transition:all .12s;display:flex}.opt:hover{border-color:var(--accent2);background:var(--card2)}.opt:active{transform:scale(.99)}.opt .k{width:26px;height:26px;color:var(--sub);background:#2a2143;border-radius:8px;flex:0 0 26px;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.res-hero{text-align:center;padding:24px 10px 6px}.res-type{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;margin:6px 0;font-size:30px;font-weight:900}.res-emoji{font-size:54px}.res-desc{color:var(--sub);margin:10px 2px 2px;font-size:14.5px;line-height:1.6}.thermo{text-align:center;background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;margin:8px;font-size:46px;font-weight:900}.stat{background:var(--card);border:1px solid var(--line);border-radius:14px;margin:10px 0;padding:14px 16px}.stat .lab{color:var(--hint);justify-content:space-between;margin-bottom:8px;font-size:12.5px;display:flex}.stat .lab b{color:var(--accent);font-size:13px}.barwrap{background:#241b3a;border-radius:999px;height:9px;overflow:hidden}.barwrap>i{background:var(--grad);width:0;height:100%;transition:width .7s;display:block}.section-h{color:var(--hint);letter-spacing:.3px;text-transform:uppercase;margin:22px 2px 10px;font-size:13px;font-weight:800}.loop{background:linear-gradient(135deg,#241a3d,#1c1530);border:1px solid #3d3163;border-radius:18px;margin:8px 0;padding:18px}.loop h4{margin:0 0 6px;font-size:16px;font-weight:800}.loop p{color:var(--sub);margin:0 0 14px;font-size:13px;line-height:1.5}.loop .row{gap:8px;display:flex}.loop .row .btn{flex:1;padding:13px;font-size:14px}.fp{background:var(--card);border:1px solid var(--line);border-radius:18px;margin:8px 0;padding:16px}.fp-cards{gap:10px;margin:12px 0 14px;display:flex}.fp-c{border:1px solid var(--line);border-radius:14px;flex:1;justify-content:center;align-items:flex-end;height:118px;padding-bottom:10px;display:flex;position:relative;overflow:hidden}.fp-c .blur{filter:blur(2px);opacity:.9;position:absolute;inset:0}.fp-c .num{color:#fff;background:#00000059;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:800;position:relative}.fp-c .lock{justify-content:center;align-items:center;font-size:22px;display:flex;position:absolute;inset:0}.c1{background:linear-gradient(135deg,#ff8fb1,#ff5d8f)}.c2{background:linear-gradient(135deg,#a78bfa,#7c3aed)}.c3{background:linear-gradient(135deg,#5eead4,#0ea5e9)}.toast{border:1px solid var(--line);color:#fff;opacity:0;pointer-events:none;z-index:50;background:#000;border-radius:999px;padding:11px 18px;font-size:13px;transition:all .2s;position:fixed;bottom:26px;left:50%;transform:translate(-50%)}.toast.show{opacity:1}.gate{text-align:center;padding:50px 14px}.gate .ic{font-size:46px}.gate h3{margin:14px 0 8px;font-size:20px}.gate p{color:var(--sub);margin:0 0 22px;font-size:13.5px;line-height:1.6}.back{color:var(--hint);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:6px 2px;font-family:inherit;font-size:13px;display:inline-flex}.foot{color:#574d70;text-align:center;margin-top:26px;font-size:11px;line-height:1.6}.proto-note{color:#9a8fbb;text-align:center;background:#1a1326;border:1px dashed #3d3163;border-radius:10px;margin:8px 0 16px;padding:8px 12px;font-size:11.5px}.ad-slot{background:#140f20;border:1px dashed #332a4d;border-radius:12px;justify-content:center;align-items:center;min-height:100px;margin:16px 0;display:flex;overflow:hidden}.ad-slot ins{width:100%;display:block}.ad-ph{color:#4a4166;letter-spacing:.4px;text-align:center;padding:18px;font-size:11px;line-height:1.5}.ad-label{color:#463d63;text-align:center;letter-spacing:.5px;text-transform:uppercase;margin:2px 0 0;font-size:9.5px}