:root{--bg:#0b1020;--panel:#141a2e;--panel2:#1b2340;--line:#2b3556;--text:#e8ecf6;--muted:#97a3c0;--accent:#6ea8fe;--teal:#3ddc97;--amber:#ffc857;--red:#ff6b6b;--purple:#b794f6}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}html,body{overflow-x:hidden}html{background:var(--bg)}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(1200px 700px at 20% -10%,rgba(110,168,254,.15),transparent 75%),radial-gradient(1000px 600px at 100% 0%,rgba(183,148,246,.12),transparent 72%)}.wrap{max-width:520px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;padding:12px;padding-bottom:max(12px,env(safe-area-inset-bottom));overflow-x:clip}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.brand{display:flex;align-items:center;gap:9px;font-weight:800;letter-spacing:.3px}.brand-logo{width:30px;height:30px;border-radius:8px}.brand small{display:block;font-weight:600;color:var(--muted);font-size:11px;letter-spacing:.4px}.tb-right{display:flex;align-items:center;gap:8px}.rank-pill{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:4px 11px 4px 4px}.rank-pill img{width:24px;height:24px}.icon-btn{background:var(--panel);border:1px solid var(--line);border-radius:999px;width:36px;height:36px;font-size:16px;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center}.icon-btn:active{transform:scale(.95)}.center{flex:1;display:flex;flex-direction:column;justify-content:center;gap:12px}.center-text{text-align:center}.panel{background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 16px 40px #00000059}.kicker{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:6px}h1{font-size:22px;line-height:1.25;margin:0 0 8px}.lead{color:var(--muted);font-size:15px;line-height:1.55;margin:6px 0}.fine{color:var(--muted);font-size:12px;text-align:center;margin-top:10px}.btn{display:block;width:100%;margin-top:12px;padding:14px;border-radius:13px;border:none;font-weight:800;font-size:15px;cursor:pointer;background:linear-gradient(135deg,var(--accent),#5b8df0);color:#08122b}.btn:active{transform:scale(.99)}.btn.ghost{background:transparent;border:2px solid var(--line);color:var(--text)}.btn.danger{background:transparent;border:2px solid var(--red);color:var(--red)}.src-label{font-size:12px;color:var(--muted);margin:14px 0 7px}.src-row{display:flex;gap:8px;flex-wrap:wrap}.src-btn{padding:7px 11px;border-radius:999px;border:2px solid var(--line);background:#0f1730;color:var(--muted);font-size:12px;font-weight:700;cursor:pointer}.src-btn.sel{border-color:var(--accent);color:var(--accent);background:#16224a}.meters-legend{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.meters-legend span{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--muted);background:#0e1530;border:1px solid var(--line);border-radius:999px;padding:4px 9px 4px 4px}.meters-legend img{width:20px;height:20px}.statgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.statgrid>div{background:#0e1530;border:1px solid var(--line);border-radius:11px;padding:9px 11px;text-align:left}.statgrid span{display:block;color:var(--muted);font-size:11px}.statgrid b{font-size:15px}.banner{width:100%;border-radius:18px;display:block;border:1px solid var(--line)}.meters{display:flex;gap:8px;margin-bottom:10px}.meter{flex:1;min-width:0;display:flex;align-items:center;gap:6px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:5px 7px;position:relative}.meter-ic{width:22px;height:22px;flex:0 0 auto}.meter-bar{flex:1;height:8px;background:#0d1326;border-radius:99px;overflow:hidden;position:relative}.meter-fill{height:100%;border-radius:99px;transition:width .4s cubic-bezier(.2,.8,.2,1)}.meter-low{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:99px;box-shadow:inset 0 0 0 1px var(--red);animation:pulseLow 1s infinite}@keyframes pulseLow{0%,to{opacity:.4}50%{opacity:1}}.meter-delta{position:absolute;top:-9px;right:4px;font-size:11px;font-weight:800}.meter-delta.pos{color:var(--teal)}.meter-delta.neg{color:var(--red)}.play-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.mini-prog{flex:1;height:5px;background:#0d1326;border-radius:99px;overflow:hidden;border:1px solid var(--line)}.mini-prog>div{height:100%;background:linear-gradient(90deg,var(--accent),var(--teal));transition:width .3s}.deck{position:relative;flex:1;min-height:420px;overflow:clip}.swipe-card{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:0 18px 48px #00000073;display:flex;flex-direction:column;will-change:transform;-webkit-user-select:none;user-select:none}.card-msg{display:flex;align-items:center;gap:11px;padding-bottom:12px;border-bottom:1px solid var(--line)}.card-portrait{width:52px;height:52px;border-radius:13px;border:2px solid var(--line);flex:0 0 auto;object-fit:cover;animation:idleBob 4.5s ease-in-out infinite}@keyframes idleBob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-2px) rotate(-1deg)}}.card-from{font-weight:700;font-size:15px}.card-from-sub{color:var(--muted);font-size:11px;margin-top:2px}.card-prompt{flex:1;font-size:18px;line-height:1.45;margin:16px 2px;display:flex;align-items:center}.card-choices{display:flex;gap:10px}.choice-btn{flex:1;padding:14px 10px;border-radius:13px;border:2px solid var(--line);background:#0f1730;color:var(--text);font-weight:700;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}.choice-btn .arrow{color:var(--muted);font-size:12px}.choice-btn.left:active{border-color:var(--red)}.choice-btn.right:active{border-color:var(--teal)}.choice-btn:disabled{opacity:.5}.swipe-tip{text-align:center;color:var(--muted);font-size:11px;margin-top:8px;letter-spacing:.5px}.hint{position:absolute;top:18px;padding:6px 12px;border-radius:10px;font-weight:900;font-size:13px;border:2px solid;pointer-events:none;z-index:5}.hint-left{left:16px;color:var(--red);border-color:var(--red);transform:rotate(-10deg);background:#ff6b6b1f}.hint-right{right:16px;color:var(--teal);border-color:var(--teal);transform:rotate(10deg);background:#3ddc971f}.verdict-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#060912b8;display:flex;align-items:flex-end;justify-content:center;z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade .2s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.verdict-sheet{width:100%;max-width:520px;overflow-x:clip;background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:20px 20px 0 0;padding:20px;position:relative;animation:slideUp .26s cubic-bezier(.2,.8,.2,1)}@keyframes slideUp{0%{transform:translateY(40px);opacity:.6}to{transform:translateY(0);opacity:1}}.verdict-tag{font-weight:800;font-size:16px;margin-bottom:8px}.verdict-tag.best{color:var(--teal)}.verdict-tag.ok{color:var(--amber)}.verdict-tag.weak{color:var(--red)}.verdict-fb{color:var(--text);font-size:14px;line-height:1.55;margin:0 0 8px}.verdict-best{color:var(--muted);font-size:13px;margin:0 0 10px}.verdict-best b{color:var(--text)}.delta-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.delta-pip{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:700;border-radius:999px;padding:3px 9px 3px 3px;border:1px solid var(--line)}.delta-pip img{width:18px;height:18px}.delta-pip.pos{color:var(--teal);background:#3ddc9714}.delta-pip.neg{color:var(--red);background:#ff6b6b14}.stamp{position:absolute;top:-26px;right:14px;width:78px;height:78px;animation:pop .4s ease}@keyframes pop{0%{transform:scale(.2) rotate(-8deg);opacity:0}70%{transform:scale(1.15) rotate(-8deg)}to{transform:scale(1) rotate(-8deg);opacity:1}}.grade-badge{width:96px;height:96px;margin:4px auto 6px}.unlocks{text-align:left;margin:14px 0}.pb-mini{display:flex;gap:10px;align-items:center;background:#0f1730;border:1px solid var(--line);border-radius:13px;padding:11px;margin-bottom:8px}.pb-mini img{width:38px;height:38px;border-radius:10px;border:2px solid var(--line);flex:0 0 auto}.pb-mini b{display:block;font-size:14px}.pb-mini span{color:var(--muted);font-size:12px;line-height:1.4}.big-emoji{font-size:54px;margin:6px 0}.rankbox{text-align:left;margin:14px 0 4px}.rank-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.rank-emblem{width:46px;height:46px;flex:0 0 auto}.rank-now{font-weight:800;font-size:15px}.rank-sub{color:var(--muted);font-size:12px}.rank-bar{height:8px;background:#0d1326;border-radius:99px;overflow:hidden;border:1px solid var(--line)}.rank-bar>div{height:100%;background:linear-gradient(90deg,var(--accent),var(--amber));transition:width .5s}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#060912c7;z-index:60;overflow-y:auto;display:flex;justify-content:center;padding:14px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-sheet{width:100%;max-width:520px;background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:18px;padding:18px;height:fit-content;margin:auto}.pb-card{display:flex;gap:12px;align-items:flex-start;background:#0f1730;border:1px solid var(--line);border-radius:14px;padding:13px;margin-bottom:10px}.pb-card.locked{opacity:.8}.pb-card.locked .pb-t{color:var(--muted)}.pb-ic-wrap{position:relative;flex:0 0 auto}.pb-ic{width:42px;height:42px;border-radius:11px;border:2px solid var(--line);display:block}.pb-card.locked .pb-ic{filter:grayscale(.85) brightness(.6)}.pb-lock{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:18px}.pb-t{font-weight:800;font-size:15px}.pb-sub{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:1px;margin-top:1px}.pb-body{margin-top:8px;font-size:13px;line-height:1.5}.pb-body>div{margin-top:5px}.pb-body .lab{color:var(--accent);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.6px;margin-right:4px}.pb-body .trap .lab{color:var(--red)}.thread-wrap{flex:1;display:flex;flex-direction:column;min-height:0}.thread-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.skip-btn{background:none;border:none;color:var(--muted);font-size:13px;font-weight:700;cursor:pointer}.thread{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:6px 2px 12px}.bubble-row{display:flex;gap:9px;align-items:flex-start;max-width:88%}.bubble-row.self{align-self:flex-end;max-width:80%}.bubble-av{width:34px;height:34px;border-radius:10px;border:2px solid var(--line);flex:0 0 auto;object-fit:cover}.bubble-name{font-size:11px;font-weight:700;margin:0 0 3px 2px}.bubble{background:var(--panel);border:1px solid var(--line);border-radius:4px 14px 14px;padding:10px 13px;font-size:14px;line-height:1.5;animation:bubbleIn .22s ease}.bubble em{color:var(--text);font-style:normal;font-weight:700;background:#6ea8fe29;border-radius:4px;padding:0 4px}.bubble.self{background:linear-gradient(135deg,var(--accent),#5b8df0);color:#08122b;border:none;border-radius:14px 14px 4px;font-weight:600}@keyframes bubbleIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.thread-sys{text-align:center;color:var(--muted);font-size:12px;letter-spacing:.5px;text-transform:uppercase;margin:4px 0}.thread-actions{padding-top:10px;border-top:1px solid var(--line)}.choice-prompt{font-size:13px;color:var(--muted);margin-bottom:8px;text-align:center}.btn.reply{margin-top:8px}.unlock-mini{display:flex;gap:10px;align-items:center;background:#0f1730;border:1px solid var(--teal);border-radius:13px;padding:11px;margin-bottom:8px;box-shadow:0 0 0 1px #3ddc9726}.unlock-kind{width:38px;height:38px;border-radius:10px;background:#3ddc971f;display:flex;align-items:center;justify-content:center;font-size:18px;flex:0 0 auto}.unlock-mini b{display:block;font-size:14px}.unlock-mini span{color:var(--muted);font-size:12px;line-height:1.4}.boost-note{color:var(--teal);font-size:13px;font-weight:700;background:#3ddc9714;border:1px solid rgba(61,220,151,.3);border-radius:10px;padding:8px 11px;margin-top:6px}.verdict-consequence{font-size:14px;line-height:1.55;margin:0 0 10px;color:var(--text)}.verdict-fb{color:var(--muted);font-size:13px;line-height:1.5;margin:0 0 8px}.fb-lab{color:var(--accent);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.6px;margin-right:4px}.brief-sheet{padding:20px}.brief-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px}.brief-logo{width:46px;height:46px;border-radius:12px;flex:0 0 auto}.brief-title{font-size:26px;margin:2px 0}.brief-tag{color:var(--muted);font-size:13px;font-style:italic}.brief-oneliner{font-size:15px;line-height:1.55;color:var(--text);margin:0 0 14px}.brief-oneliner em,.brief-section em,.brief-mission em{font-style:normal;font-weight:700;color:var(--accent)}.brief-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.brief-metric{background:#0e1530;border:1px solid var(--line);border-radius:11px;padding:9px 11px}.brief-metric span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.6px}.brief-metric b{font-size:14px}.brief-section{margin-bottom:14px}.brief-h{font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--teal);font-weight:800;margin-bottom:5px;border-bottom:1px solid var(--line);padding-bottom:4px}.brief-section p{margin:0;font-size:14px;line-height:1.55;color:var(--text)}.brief-section ul{margin:4px 0 0;padding-left:18px}.brief-section li{font-size:14px;line-height:1.5;margin-bottom:4px}.brief-glossary{display:flex;flex-direction:column;gap:6px}.brief-term{font-size:13px;line-height:1.45;color:var(--muted)}.brief-term b{color:var(--text)}.brief-mission{background:#6ea8fe1a;border:1px solid rgba(110,168,254,.35);border-radius:12px;padding:12px 14px;font-size:14px;line-height:1.5;font-weight:600;margin:4px 0}.mini-head{display:flex;gap:12px;align-items:center;margin-bottom:10px}.mini-av{width:46px;height:46px;border-radius:12px;border:2px solid var(--line);flex:0 0 auto;object-fit:cover}.mini-title{font-size:22px;margin:2px 0 0}.mini-intro{font-size:14px;line-height:1.55;color:var(--muted);margin:0 0 14px}.mini-items{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.mini-item{background:#0f1730;border:1px solid var(--line);border-radius:14px;padding:12px}.mini-item.good{border-color:var(--teal);box-shadow:0 0 0 1px #3ddc9733}.mini-item.bad{border-color:var(--red);box-shadow:0 0 0 1px #ff6b6b33}.mini-text{font-size:14px;line-height:1.5;margin-bottom:10px}.mini-btns{display:flex;gap:8px}.mini-pick{flex:1;padding:10px;border-radius:11px;border:2px solid var(--line);background:#0d1326;color:var(--muted);font-weight:700;font-size:13px;cursor:pointer}.mini-pick.sig.on{border-color:var(--teal);color:var(--teal);background:#3ddc971a}.mini-pick.noi.on{border-color:var(--amber);color:var(--amber);background:#ffc8571a}.mini-reveal{display:flex;flex-direction:column;gap:3px}.mini-verdict{font-weight:700;font-size:13px}.mini-verdict.ok{color:var(--teal)}.mini-verdict.no{color:var(--red)}.mini-why{color:var(--muted);font-size:12.5px;line-height:1.45}.mini-summary{background:#6ea8fe1a;border:1px solid rgba(110,168,254,.35);border-radius:12px;padding:11px 13px;font-size:13.5px;line-height:1.5;margin-bottom:6px}.mini-summary b{color:var(--text)}@media (min-width:560px){.deck{min-height:440px}}