:root{--bg:#fff;--bg2:#f7f8fa;--panel:#fff;--panel2:#f2f3f7;--border:#e6e8ef;--text:#1d2029;--muted:#6f7484;--accent:#4f7cff;--accent-soft:#4f7cff1a;--yes:#12a06e;--yes-soft:#e7f6f0;--no:#e23b57;--no-soft:#fdeef1;--gold:#b07d10;--gold-soft:#c5911d1f;--shadow:0 1px 2px #1d20290a, 0 6px 20px #1d20290f}*{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.96)}60%{transform:scale(1.01)}to{opacity:1;transform:scale(1)}}@keyframes toastUp{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}@keyframes gaugeIn{0%{stroke-dasharray:0 100}}@keyframes drawLine{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 20px 60px}.topbar{z-index:40;background:var(--bg);border-bottom:1px solid var(--border);position:sticky;top:0}.nav{align-items:center;gap:22px;max-width:1200px;margin:0 auto;padding:12px 20px;display:flex}.logo{letter-spacing:-.5px;white-space:nowrap;font-size:19px;font-weight:800}.logo span{color:var(--accent)}.nav a.link{color:var(--muted);white-space:nowrap;font-size:14px;font-weight:600}.nav a.link:hover,.nav a.link.active{color:var(--text)}.nav .points{background:var(--panel2);border:1px solid var(--border);white-space:nowrap;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:700}.nav .points b{color:var(--gold)}.envbadge{letter-spacing:.08em;white-space:nowrap;border-radius:6px;padding:4px 9px;font-size:10px;font-weight:800}.envbadge.sandbox{background:var(--gold-soft);color:var(--gold)}.envbadge.live{background:var(--no-soft);color:var(--no)}.navsearch{flex:1;justify-content:center;display:flex}.navsearch input{background:var(--panel2);width:100%;max-width:440px;color:var(--text);border:1px solid #0000;border-radius:10px;outline:none;padding:9px 14px;font-size:14px}.navsearch input:focus{background:var(--bg);border-color:var(--accent)}.navsearch input::placeholder{color:var(--muted)}.chipbar{scrollbar-width:none;align-items:center;gap:8px;padding:14px 0 18px;display:flex;overflow-x:auto}.chipbar::-webkit-scrollbar{display:none}.chip{border:1px solid var(--border);background:var(--bg);color:var(--muted);cursor:pointer;white-space:nowrap;text-transform:capitalize;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;transition:all .12s}.chip:hover{color:var(--text);border-color:#d4d7e1}.chip.active{background:var(--text);border-color:var(--text);color:#fff}.chipbar select{background:var(--bg);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:10px;outline:none;margin-left:auto;padding:7px 10px;font-size:13px;font-weight:600}.homegrid{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:24px;padding-top:18px;display:grid}.homegrid>*{min-width:0}@media (max-width:1024px){.homegrid{grid-template-columns:minmax(0,1fr)}}.hero{background:var(--panel);border:1px solid var(--border);border-radius:16px;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:24px;min-height:336px;padding:20px 22px;animation:.5s cubic-bezier(.2,.7,.3,1) backwards fadeUp;display:grid}.herobody{display:contents}.herobody>*{min-width:0;animation:.35s backwards fadeIn}.hero h1{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.hero .outrows{min-height:168px}.hero>*{min-width:0}@media (max-width:900px){.hero{grid-template-columns:minmax(0,1fr)}}.hero .crumb{color:var(--muted);text-transform:capitalize;margin-bottom:6px;font-size:12px;font-weight:600}.hero .crumb b{color:var(--text)}.hero .htitle{align-items:center;gap:12px;margin-bottom:12px;display:flex}.hero .htitle img{object-fit:cover;background:var(--panel2);border-radius:10px;flex:none;width:44px;height:44px}.hero h1{font-size:20px;font-weight:800;line-height:1.3}.hero .outrow{padding:8px 0}.hero .outrow+.outrow{border-top:1px solid var(--border)}.hero .outrow img{object-fit:cover;background:var(--panel2);border-radius:999px;flex:none;width:30px;height:30px}.hero .outrow .name{font-size:14px}.hero .outrow .pct{font-size:15px}.herofoot{color:var(--muted);align-items:center;gap:10px;margin-top:14px;font-size:12.5px;font-weight:600;display:flex}.heronav{align-items:center;gap:10px;margin-left:auto;display:flex}.heronav .arrow{border:1px solid var(--border);background:var(--bg);width:28px;height:28px;color:var(--muted);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.heronav .arrow:hover{color:var(--text);border-color:#d4d7e1}.dots{gap:5px;display:flex}.dots i{background:var(--border);border-radius:999px;width:6px;height:6px}.dots i.on{background:var(--accent);width:16px}.chartwrap{min-height:220px;position:relative}.legend{flex-wrap:wrap;gap:16px;margin-bottom:6px;font-size:12.5px;font-weight:700;display:flex}.legend .item{align-items:center;gap:6px;display:flex}.legend .dot{border-radius:999px;width:8px;height:8px}.legend .pv{color:var(--muted);font-weight:700}.chartwrap svg{width:100%;height:auto;display:block}.charttip{pointer-events:none;z-index:10;background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);white-space:nowrap;border-radius:10px;padding:8px 11px;font-size:12px;font-weight:600;position:absolute;transform:translate(-50%)}.charttip .d{color:var(--muted);margin-bottom:3px}.charttip .row{align-items:center;gap:6px;display:flex}.side{flex-direction:column;gap:16px;display:flex;position:sticky;top:76px}.side>*{animation:.5s cubic-bezier(.2,.7,.3,1) backwards fadeUp}.side>:nth-child(2){animation-delay:80ms}.side>:nth-child(3){animation-delay:.16s}.promo{background:linear-gradient(135deg, var(--accent-soft), var(--bg) 70%);border:1px solid #4f7cff40;border-radius:16px;padding:18px}.promo h3{margin-bottom:6px;font-size:15px;font-weight:800}.promo p{color:var(--muted);margin-bottom:12px;font-size:12.5px;line-height:1.5}.sidepanel{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:16px 18px}.sidepanel h3{margin-bottom:4px;font-size:15px;font-weight:800}.trendrow{align-items:center;gap:10px;padding:10px 0;display:flex}.trendrow+.trendrow{border-top:1px solid var(--border)}.trendrow .rank{color:var(--muted);min-width:14px;font-size:12.5px;font-weight:700}.trendrow .t{-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;font-size:13px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.trendrow .v{color:var(--muted);white-space:nowrap;font-size:12px;font-weight:700}.sechead{align-items:baseline;gap:12px;margin:28px 0 2px;display:flex}.sechead h2{font-size:20px;font-weight:800}.sechead .sub{color:var(--muted);font-size:12.5px;font-weight:600}.gauge{text-align:center;flex:none;width:64px;position:relative}.gauge .num{margin-top:-26px;font-size:15px;font-weight:800}.gauge .lbl{color:var(--muted);font-size:10px;font-weight:600}.grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px;display:grid}.pmcard{background:var(--panel);border:1px solid var(--border);cursor:pointer;border-radius:12px;flex-direction:column;gap:10px;padding:14px;transition:box-shadow .18s,border-color .18s,transform .18s;animation:.45s cubic-bezier(.2,.7,.3,1) backwards fadeUp;display:flex}.pmcard:hover{box-shadow:var(--shadow);border-color:#d8dbe4;transform:translateY(-2px)}.pmcard:active{transition-duration:80ms;transform:translateY(0)scale(.985)}.pmcard .head{align-items:flex-start;gap:10px;display:flex}.pmcard .head img{object-fit:cover;background:var(--panel2);border-radius:8px;flex:none;width:40px;height:40px}.pmcard h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;font-size:14.5px;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.pmcard .chance{text-align:right;flex:none}.pmcard .chance .num{font-size:22px;font-weight:800;line-height:1}.pmcard .chance .lbl{color:var(--muted);font-size:10.5px;font-weight:600}.outrows{flex-direction:column;display:flex}.outrow{align-items:center;gap:8px;padding:7px 0;display:flex}.outrows .outrow+.outrow{border-top:1px solid var(--border)}.outrow .name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;font-weight:600;overflow:hidden}.outrow .pct{text-align:right;min-width:38px;font-size:13.5px;font-weight:700}.morelink{color:var(--muted);padding-top:6px;font-size:12px;font-weight:600}.pmcard:hover .morelink{color:var(--accent)}.btn{cursor:pointer;border:none;border-radius:8px;font-weight:700;transition:filter .12s,background .12s,transform .12s}.btn:hover{filter:brightness(.96);transform:translateY(-1px)}.btn:active{transition-duration:60ms;transform:translateY(0)scale(.95)}.btn.yes{background:var(--yes-soft);color:var(--yes)}.btn.no{background:var(--no-soft);color:var(--no)}.btn.yes:hover{background:#d9f0e6}.btn.no:hover{background:#fbdfe5}.btn.sm{padding:5px 10px;font-size:12px}.btn.half{flex:1;padding:10px 0;font-size:13.5px}.btn.primary{background:var(--accent);color:#fff;padding:11px 18px;font-size:14px}.btn.ghost{background:var(--bg);color:var(--text);border:1px solid var(--border)}.btn:disabled{opacity:.4;cursor:not-allowed}.buyrow{gap:8px;display:flex}.pmfoot{color:var(--muted);align-items:center;gap:8px;margin-top:auto;padding-top:4px;font-size:12px;font-weight:600;display:flex}.pmfoot .cat{color:var(--accent);text-transform:capitalize;margin-left:auto}.bookmark{cursor:pointer;color:var(--muted);background:0 0;border:none;align-items:center;padding:2px;display:flex}.bookmark:hover,.bookmark.on{color:var(--accent)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:20px}.panel h2{margin-bottom:14px;font-size:16px}.balances{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.stat{background:var(--panel2);border-radius:12px;padding:14px}.stat .label{color:var(--muted);margin-bottom:4px;font-size:12px}.stat .value{font-size:22px;font-weight:800}.stat.gold .value{color:var(--gold)}.stat.green .value{color:var(--yes)}.formrow{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.formrow input{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:10px;outline:none;width:160px;padding:11px 14px;font-size:14px}.formrow input:focus{border-color:var(--accent)}.hint{color:var(--muted);margin-top:8px;font-size:12.5px;line-height:1.5}.hint b{color:var(--gold)}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;border-bottom:1px solid var(--border);padding:9px 10px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.credit{color:var(--yes);font-weight:700}.debit{color:var(--no);font-weight:700}.tag{background:var(--panel2);color:var(--muted);border-radius:6px;padding:2px 7px;font-size:11px}.notice{background:var(--gold-soft);color:#6d5410;border:1px solid #b07d1059;border-radius:12px;margin-bottom:16px;padding:14px 16px;font-size:13px;line-height:1.55}.stack{flex-direction:column;gap:18px;display:flex}.cols{grid-template-columns:1fr 1fr;gap:18px;display:grid}@media (max-width:800px){.cols{grid-template-columns:1fr}}.skeleton{background:linear-gradient(90deg, var(--panel2) 25%, #e9ebf1 50%, var(--panel2) 75%);background-size:200% 100%;border-radius:12px;height:170px;animation:1.4s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.empty{text-align:center;color:var(--muted);padding:60px 0;font-size:14px}.backlink{color:var(--muted);font-size:14px;font-weight:600}.backlink:hover{color:var(--text)}.toast{background:var(--panel);border:1px solid var(--border);z-index:50;box-shadow:var(--shadow);border-radius:12px;padding:12px 20px;font-size:14px;font-weight:600;animation:.25s cubic-bezier(.2,.7,.3,1) toastUp;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.gauge path.val{animation:.8s cubic-bezier(.3,.8,.3,1) backwards gaugeIn}.chartwrap polyline{stroke-dasharray:1;stroke-dashoffset:0;animation:1s cubic-bezier(.4,0,.3,1) backwards drawLine}.chip.active{animation:.2s popIn}