:root{--bg: #eef5fb;--bg-deep: #e3eef8;--surface: #ffffff;--surface-2: #f7fafd;--surface-3: #eff5fa;--ink: #0d2337;--ink-2: #33546f;--muted: #6b8299;--faint: #9ab0c4;--line: #dbe7f2;--line-strong: #c3d7e9;--brand: #1b74c4;--brand-deep: #135a9b;--brand-soft: #dceaf8;--brand-tint: #f0f7fd;--me: #1b74c4;--me-soft: #dceaf8;--partner: #7b5fc4;--partner-soft: #e8e2f8;--green: #1f9d63;--green-soft: #dcf3e8;--amber: #c78320;--amber-soft: #fbeeda;--red: #cf4b3f;--red-soft: #fbe4e2;--radius-sm: 8px;--radius: 14px;--radius-lg: 20px;--shadow-sm: 0 1px 2px rgba(13, 35, 55, .06);--shadow: 0 2px 10px rgba(13, 35, 55, .07);--shadow-lg: 0 12px 32px rgba(13, 35, 55, .12);--sidebar-w: 288px;--header-h: 62px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:var(--brand)}h1,h2,h3,h4{margin:0;line-height:1.25;letter-spacing:-.02em}.update-bar{position:sticky;top:0;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding:9px 16px;background:linear-gradient(135deg,var(--brand) 0%,#3f96db 100%);color:#fff;font-size:13.5px;font-weight:600;z-index:70}.update-bar .btn{background:#ffffff29;border-color:#ffffff80;color:#fff}.update-bar .btn:hover{background:#fff;border-color:#fff;color:var(--brand-deep)}.app{min-height:100vh}.topbar{position:sticky;top:0;z-index:60;height:var(--header-h);display:flex;align-items:center;gap:16px;padding:0 20px;background:#ffffffe0;-webkit-backdrop-filter:saturate(1.6) blur(12px);backdrop-filter:saturate(1.6) blur(12px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:800;letter-spacing:-.03em;font-size:17px;white-space:nowrap}.brand-mark{width:30px;height:30px;border-radius:9px;background:linear-gradient(140deg,var(--brand) 0%,#4aa3e0 100%);color:#fff;display:grid;place-items:center;font-size:15px;font-weight:800;box-shadow:var(--shadow-sm)}.nav{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;flex:1}.nav::-webkit-scrollbar{display:none}.nav a{position:relative;padding:8px 13px;border-radius:9px;text-decoration:none;color:var(--ink-2);font-weight:500;font-size:14px;white-space:nowrap;transition:background .15s,color .15s}.nav a:hover{background:var(--surface-3);color:var(--ink)}.nav a.active{background:var(--brand-soft);color:var(--brand-deep);font-weight:600}.topbar-right{display:flex;align-items:center;gap:8px;margin-left:auto}.storage-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;background:var(--surface-3);border:1px solid var(--line);font-size:12.5px;color:var(--muted);font-weight:500;white-space:nowrap}.storage-pill .dot{width:7px;height:7px;border-radius:50%;background:var(--green)}.page{max-width:1240px;margin:0 auto;padding:28px 20px 80px}.page-wide{max-width:1400px}.split{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);gap:24px;align-items:start}.sidebar{position:sticky;top:calc(var(--header-h) + 24px);display:flex;flex-direction:column;gap:14px;max-height:calc(100vh - var(--header-h) - 48px);overflow-y:auto;padding-right:4px}.card-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.panel-pad{padding:16px 18px}.panel-title{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}.page-head{margin-bottom:24px}.page-head h1{font-size:clamp(26px,3.4vw,34px);font-weight:800}.page-head p{margin:8px 0 0;color:var(--muted);max-width:68ch;font-size:15px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--brand);margin-bottom:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 14px;border-radius:10px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-2);font-weight:600;font-size:13.5px;transition:background .15s,border-color .15s,transform .1s}.btn:hover{background:var(--surface-3);border-color:var(--brand);color:var(--brand-deep)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-deep);border-color:var(--brand-deep);color:#fff}.btn-sm{padding:5px 10px;font-size:12.5px;border-radius:8px}.btn-danger:hover{border-color:var(--red);color:var(--red);background:var(--red-soft)}.btn-block{width:100%}.chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:600;background:var(--surface-3);color:var(--ink-2);border:1px solid var(--line);white-space:nowrap}.chip-me{background:var(--me-soft);color:var(--brand-deep);border-color:#bcd9f2}.chip-partner{background:var(--partner-soft);color:#55399b;border-color:#d3c8f0}.chip-rotating{background:var(--amber-soft);color:var(--amber);border-color:#f0dcbb}.chip-cash{background:#eef1f4;color:#667585;border-color:#dde3e9}.chip-best{background:var(--green-soft);color:var(--green);border-color:#b9e4d0}.owner-dot{width:8px;height:8px;border-radius:50%;flex:none}.owner-dot.me{background:var(--me)}.owner-dot.partner{background:var(--partner)}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0}.toggle-row+.toggle-row{border-top:1px solid var(--line)}.toggle-label{font-size:13.5px;font-weight:500}.toggle-sub{font-size:12px;color:var(--muted);margin-top:2px;line-height:1.4}.switch{position:relative;width:40px;height:23px;border-radius:999px;background:var(--line-strong);transition:background .2s;flex:none}.switch[data-on=true]{background:var(--brand)}.switch:after{content:"";position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:50%;background:#fff;transition:transform .2s cubic-bezier(.34,1.4,.64,1);box-shadow:var(--shadow-sm)}.switch[data-on=true]:after{transform:translate(17px)}.segmented{display:flex;padding:3px;gap:3px;background:var(--surface-3);border:1px solid var(--line);border-radius:10px}.segmented button{flex:1;padding:6px 10px;border-radius:7px;font-size:12.5px;font-weight:600;color:var(--muted);transition:background .15s,color .15s;white-space:nowrap}.segmented button[data-active=true]{background:var(--surface);color:var(--brand-deep);box-shadow:var(--shadow-sm)}input[type=text],input[type=number],input[type=date],select{width:100%;padding:8px 11px;border-radius:9px;border:1px solid var(--line-strong);background:var(--surface);font-size:14px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}input[type=range]{width:100%;accent-color:var(--brand)}.empty{padding:44px 24px;text-align:center;color:var(--muted);background:var(--surface);border:1px dashed var(--line-strong);border-radius:var(--radius)}.empty strong{display:block;color:var(--ink);font-size:16px;margin-bottom:6px}.hero{background:linear-gradient(150deg,#ffffff 0%,var(--brand-tint) 55%,#e4f0fa 100%);border:1px solid var(--line);border-radius:var(--radius-lg);padding:30px 32px;margin-bottom:26px;box-shadow:var(--shadow-sm)}.hero h1{font-size:clamp(28px,4vw,40px);font-weight:800}.hero p{color:var(--ink-2);margin:10px 0 0;max-width:62ch}.hero-stats{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.stat{background:#ffffffbf;border:1px solid var(--line);border-radius:var(--radius);padding:12px 16px;min-width:128px}.stat-value{font-size:22px;font-weight:800;letter-spacing:-.03em}.stat-label{font-size:12px;color:var(--muted);margin-top:1px;font-weight:500}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:30px 0 14px;flex-wrap:wrap}.section-head h2{font-size:19px;font-weight:700}.section-head .sub{color:var(--muted);font-size:13.5px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.wallet-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:box-shadow .18s,transform .18s,border-color .18s}.wallet-card:hover{box-shadow:var(--shadow);transform:translateY(-2px);border-color:var(--line-strong)}.wallet-card .stripe{height:4px}.wallet-card.owner-me .stripe{background:linear-gradient(90deg,var(--me),#57a5e0)}.wallet-card.owner-partner .stripe{background:linear-gradient(90deg,var(--partner),#a58ce0)}.wc-head{padding:15px 17px 12px;border-bottom:1px solid var(--line);display:flex;gap:14px;align-items:flex-start}.wc-head-text{min-width:0;flex:1}.wc-art{margin-top:2px}.wc-bonus-note{font-size:12.5px;color:var(--muted);line-height:1.5;margin:0 0 10px}.wc-toggle{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:9px 16px;border-top:1px solid var(--line);font-size:12.5px;font-weight:600;color:var(--muted);transition:background .14s,color .14s}.wc-toggle:hover{background:var(--surface-2);color:var(--brand-deep)}.wc-toggle-chevron{font-size:15px;line-height:1;transition:transform .22s cubic-bezier(.22,1,.36,1)}.wc-toggle-chevron[data-open=true]{transform:rotate(180deg)}.wc-details{padding:12px 17px 4px;border-top:1px solid var(--line)}.wc-issuer{font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.wc-name{font-size:17px;font-weight:700;margin-top:2px;letter-spacing:-.02em}.wc-meta{display:flex;align-items:center;gap:7px;margin-top:10px;flex-wrap:wrap}.wc-rates{padding:12px 17px 14px;display:flex;flex-direction:column;gap:7px;flex:1}.rate-row{display:flex;align-items:center;gap:10px;font-size:13.5px}.rate-mult{font-weight:800;color:var(--brand-deep);min-width:42px;font-variant-numeric:tabular-nums;font-size:14px}.rate-label{color:var(--ink-2);flex:1;min-width:0}.rate-row.is-base .rate-mult,.rate-row.is-base .rate-label{color:var(--muted)}.wc-foot{padding:11px 17px;background:var(--surface-2);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12.5px;color:var(--muted)}.wc-fee{font-weight:700;color:var(--ink-2);font-variant-numeric:tabular-nums}.wc-fee.free{color:var(--green)}.notes-list{margin:10px 0 0;padding-left:17px;color:var(--muted);font-size:12.5px;line-height:1.55}.notes-list li+li{margin-top:4px}.card-art{display:block;flex:none;border-radius:7px;box-shadow:0 1px 3px #0d23372e,0 4px 12px #0d23371a}.rank-art,.picker-art{flex:none}.card-art-photo{border-radius:0;box-shadow:none;filter:drop-shadow(0 1px 2px rgba(13,35,55,.22)) drop-shadow(0 4px 10px rgba(13,35,55,.16));height:auto}.home{max-width:1000px}.home-hero{text-align:center;padding:46px 24px 40px}.home-hero h1{font-size:clamp(34px,6vw,56px);font-weight:800;letter-spacing:-.035em;line-height:1.1}.home-hero p{color:var(--muted);font-size:16.5px;margin:18px auto 0;max-width:46ch;line-height:1.6}.count-up{font-variant-numeric:tabular-nums}.home-cta{display:inline-flex;align-items:center;gap:16px;margin-top:34px;padding:18px 26px;border-radius:16px;background:linear-gradient(135deg,var(--brand) 0%,#3f96db 100%);color:#fff;text-decoration:none;box-shadow:0 6px 20px #1b74c44d;transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s;text-align:left}.home-cta:hover{transform:translateY(-2px);box-shadow:0 10px 28px #1b74c461}.home-cta:active{transform:translateY(0)}.home-cta-text{display:flex;flex-direction:column}.home-cta-main{font-size:19px;font-weight:800;letter-spacing:-.02em;display:block}.home-cta-sub{font-size:13px;opacity:.85;display:block;margin-top:2px;font-weight:500}.home-cta-arrow{font-size:22px;margin-left:4px}.home-numbers{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin:8px 0 48px}.home-stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px;text-align:center;box-shadow:var(--shadow-sm);text-decoration:none;color:inherit;display:block}.home-stat.is-link{transition:border-color .16s,box-shadow .16s,transform .16s}.home-stat.is-link:hover{border-color:var(--brand);box-shadow:var(--shadow);transform:translateY(-2px)}.home-stat-value{font-size:30px;font-weight:800;letter-spacing:-.04em;font-variant-numeric:tabular-nums;line-height:1.1}.home-stat-value.tone-good{color:var(--green)}.home-stat-value.tone-bad{color:var(--red)}.home-stat-label{font-size:12.5px;color:var(--muted);margin-top:7px;font-weight:500}.home-stat-note{font-size:11.5px;color:var(--faint);margin-top:3px;line-height:1.35}.stat-sub{font-size:11px;color:var(--faint);margin-top:3px;line-height:1.35}.ci-amount{display:flex;flex-direction:column;align-items:flex-end}.ci-worth{font-size:11.5px;font-weight:500;color:var(--faint);margin-top:1px;white-space:nowrap}.credit-item.confirming{background:var(--amber-soft)}.ci-confirm{margin-top:9px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid #f0dcbb;font-size:12.5px;color:var(--ink-2);line-height:1.5;max-width:62ch}.ci-confirm strong{color:var(--amber)}.ci-confirm-actions{display:flex;gap:8px;margin-top:9px}.use-btn.closed{background:var(--surface-3);border-color:var(--line-strong);color:var(--muted)}.use-btn.closed:hover:not(:disabled){border-color:var(--amber);color:var(--amber);background:var(--amber-soft)}.ci-useby.warning{color:var(--amber);font-weight:600}.ci-useby.critical{color:var(--red);font-weight:700}.home-wallets{display:flex;flex-direction:column;gap:34px;margin-bottom:48px}.home-wallet-head{display:flex;align-items:center;gap:10px;margin-bottom:16px}.home-wallet-head h2{font-size:17px;font-weight:700}.home-wallet-count{font-size:13px;color:var(--muted);margin-left:auto}.home-fan{display:flex;flex-wrap:wrap;gap:14px}.home-fan-card{transition:transform .2s cubic-bezier(.22,1,.36,1)}.home-fan-card:hover{transform:translateY(-6px)}.home-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.home-link{display:block;padding:16px 18px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);text-decoration:none;color:inherit;transition:border-color .16s,box-shadow .16s,transform .16s}.home-link:hover{border-color:var(--brand);box-shadow:var(--shadow);transform:translateY(-2px)}.home-link strong{display:block;font-size:15px;font-weight:700;color:var(--brand-deep)}.home-link span{display:block;font-size:12.5px;color:var(--muted);margin-top:3px;line-height:1.45}@media (max-width: 620px){.home-hero{padding:30px 6px 26px}.home-cta{width:100%;justify-content:space-between}.home-numbers{grid-template-columns:repeat(2,1fr)}}.category-picker{display:flex;flex-direction:column;gap:14px}.cat-group-label{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--faint);margin-bottom:7px}.cat-buttons{display:flex;flex-wrap:wrap;gap:7px}.cat-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface);font-size:13.5px;font-weight:500;color:var(--ink-2);transition:all .15s}.cat-btn:hover{border-color:var(--brand);background:var(--brand-tint)}.cat-btn[data-active=true]{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:600;box-shadow:var(--shadow-sm)}.rank-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.rank-row{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.rank-row:before{content:"";position:absolute;inset:0 auto 0 0;width:4px}.rank-row.owner-me:before{background:var(--me)}.rank-row.owner-partner:before{background:var(--partner)}.rank-row.top{border-color:#a9d6bf;box-shadow:0 3px 14px #1f9d6321}.rank-pos{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-weight:800;font-size:13px;background:var(--surface-3);color:var(--muted);flex:none;font-variant-numeric:tabular-nums}.rank-row.top .rank-pos{background:var(--green-soft);color:var(--green)}.rank-main{flex:1;min-width:0}.rank-name{font-weight:700;font-size:15px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rank-sub{font-size:12.5px;color:var(--muted);margin-top:3px}.rank-value{text-align:right;flex:none}.rank-mult{font-size:20px;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.rank-cents{font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums;margin-top:1px}.cpp-row{padding:11px 0}.cpp-row+.cpp-row{border-top:1px solid var(--line)}.cpp-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:7px}.cpp-name{font-size:13.5px;font-weight:600}.cpp-val{font-size:13px;font-weight:700;color:var(--brand-deep);font-variant-numeric:tabular-nums}.cpp-locked{color:var(--faint);font-size:12px;font-weight:500}.rotating-editor{display:flex;flex-direction:column;gap:12px}.rot-card-name{font-size:13.5px;font-weight:700;display:flex;align-items:center;gap:7px}.rot-hint{font-size:11.5px;color:var(--muted);margin:3px 0 8px;line-height:1.45}.rot-options{display:flex;flex-wrap:wrap;gap:5px}.rot-opt{padding:4px 9px;border-radius:7px;border:1px solid var(--line-strong);background:var(--surface);font-size:12px;font-weight:500;color:var(--ink-2);transition:all .13s}.rot-opt:hover{border-color:var(--amber)}.rot-opt[data-on=true]{background:var(--amber-soft);border-color:var(--amber);color:var(--amber);font-weight:700}.rot-locked-note{font-size:11.5px;color:var(--muted);background:var(--surface-3);border:1px solid var(--line);border-radius:var(--radius-sm);padding:9px 11px;line-height:1.5}.qp-page{max-width:820px}.qp-head{text-align:center;margin-bottom:28px}.qp-head h1{font-size:clamp(28px,5vw,40px);font-weight:800}.qp-head p{color:var(--muted);margin:10px 0 0;font-size:16px}.qp-owner{max-width:430px;margin:22px auto 0}.qp-flow{position:relative;padding-left:20px}.qp-flow:before{content:"";position:absolute;left:7px;top:22px;bottom:22px;width:2px;background:linear-gradient(180deg,var(--line-strong),var(--line) 85%,transparent);border-radius:2px}.qp-step{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden;transition:border-color .18s,box-shadow .18s}.qp-step+.qp-step{margin-top:8px}.qp-step:before{content:"";position:absolute;left:-17px;top:26px;width:9px;height:9px;border-radius:50%;background:var(--surface);border:2px solid var(--line-strong);z-index:1}.qp-step:hover{border-color:var(--line-strong);box-shadow:var(--shadow)}.qp-step.open{border-color:var(--brand);box-shadow:0 4px 18px #1b74c424}.qp-step.open:before{background:var(--brand);border-color:var(--brand)}.qp-step.special{background:linear-gradient(100deg,var(--brand-tint),var(--surface) 60%);border-color:#cbe0f2}.qp-step.terminal:before{background:var(--ink-2);border-color:var(--ink-2)}.qp-trigger{display:flex;align-items:center;gap:14px;width:100%;padding:13px 16px;text-align:left}.qp-icon{font-size:30px;line-height:1;width:54px;height:54px;flex:none;display:grid;place-items:center;background:var(--surface-3);border-radius:14px}.qp-step.special .qp-icon{background:#fff;border:1px solid var(--line)}.qp-icon.has-image{padding:5px;background:#fff;border:1px solid var(--line)}.qp-icon.has-image img{width:100%;height:100%;object-fit:contain;display:block}.qp-detail-logo{width:56px;height:56px;object-fit:contain;border-radius:12px;background:#fff;border:1px solid var(--line);padding:5px;flex:none}.qp-label{flex:1;min-width:0;font-size:16.5px;font-weight:700;letter-spacing:-.015em}.qp-thumb{flex:none}.qp-answer{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:4px;max-width:40%}.qp-card-name{font-size:15px;font-weight:800;color:var(--brand-deep);letter-spacing:-.02em;text-align:right}.qp-chevron{flex:none;color:var(--faint);font-size:17px;line-height:1;transition:transform .22s cubic-bezier(.22,1,.36,1)}.qp-chevron[data-open=true]{transform:rotate(180deg)}.qp-details-wrap{overflow:hidden}.qp-details{padding:4px 16px 16px;border-top:1px solid var(--line);margin-top:2px}.qp-detail-hero{display:flex;gap:16px;align-items:center;padding:14px 0 12px}.qp-detail-name{font-size:16px;font-weight:800;letter-spacing:-.02em}.qp-detail-rate{font-size:13.5px;color:var(--muted);margin-top:3px;font-weight:600}.qp-detail-note{font-size:12.5px;color:var(--muted);margin:7px 0 0;line-height:1.5}.qp-covers{margin:0 0 12px;border-top:1px solid var(--line);padding-top:11px}.qp-covers>div{display:flex;gap:10px;align-items:baseline;padding:4px 0}.qp-covers dt{font-size:13px;font-weight:600;flex:none;min-width:132px}.qp-covers dd{margin:0;font-size:12.5px;color:var(--muted);line-height:1.45}.qp-fallback{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:10px 12px;border-radius:var(--radius-sm);background:var(--amber-soft);border:1px solid #f0dcbb;margin-bottom:12px}.qp-fallback strong{font-size:12.5px;color:var(--amber)}.qp-fallback span{font-size:13px;font-weight:600;color:var(--ink-2)}.qp-runners{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.qp-runners-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin-right:2px}.qp-runner{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--surface-3);border:1px solid var(--line);font-size:12.5px;color:var(--ink-2)}.qp-runner em{font-style:normal;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}.qp-foot{text-align:center;color:var(--muted);font-size:13px;margin-top:28px;line-height:1.6}@media (max-width: 640px){.qp-flow{padding-left:0}.qp-flow:before,.qp-step:before{display:none}.qp-trigger{display:grid;grid-template-columns:62px minmax(0,1fr) auto;grid-template-areas:"icon  label  chevron" "thumb answer answer";gap:10px 12px;align-items:center;padding:13px 14px}.qp-icon{grid-area:icon}.qp-label{grid-area:label;font-size:15.5px}.qp-icon{width:50px;height:50px;font-size:27px}.qp-chevron{grid-area:chevron}.qp-thumb{grid-area:thumb;width:56px;height:auto}.qp-answer{grid-area:answer;max-width:none;align-items:flex-start;flex-direction:row;flex-wrap:wrap;gap:7px}.qp-card-name{text-align:left;font-size:15.5px}.qp-detail-hero{flex-direction:column;align-items:flex-start}.qp-covers dt{min-width:0}.qp-covers>div{flex-direction:column;gap:2px}}.chip-credit{background:var(--green-soft);color:var(--green);border-color:#b9e4d0}.qp-credit-plan{border-top:1px solid var(--line);padding-top:11px;margin-bottom:12px;display:flex;flex-direction:column;gap:7px}.qp-credit-why{font-size:13px;line-height:1.55;color:var(--ink-2);padding:10px 12px;border-radius:var(--radius-sm);background:var(--green-soft);border:1px solid #b9e4d0}.qp-credit-more,.qp-credit-after{font-size:12.5px;line-height:1.5;color:var(--muted)}.qp-credit-after{padding:9px 12px;border-radius:var(--radius-sm);background:var(--surface-3);border:1px solid var(--line)}.quirk{border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 11px;background:var(--surface-2)}.quirk+.quirk{margin-top:8px}.quirk-top{display:flex;align-items:center;gap:7px;margin-bottom:7px}.quirk-name{font-size:13.5px;font-weight:700;flex:1;min-width:0}.quirk-field{margin-top:7px}.quirk-field label{display:block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.quirk-excl{display:flex;flex-wrap:wrap;gap:4px}.quirk-chip{padding:3px 8px;border-radius:6px;border:1px solid var(--line-strong);background:var(--surface);font-size:11.5px;font-weight:500;color:var(--muted);transition:all .13s}.quirk-chip[data-off=true]{background:var(--red-soft);border-color:#eebab4;color:var(--red);font-weight:700;text-decoration:line-through}.picker-list{display:flex;flex-direction:column;gap:3px}.picker-item{display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:10px;text-align:left;width:100%;transition:background .14s;border:1px solid transparent}.picker-item:hover{background:var(--surface-3)}.picker-item[data-active=true]{background:var(--brand-soft);border-color:#bcd9f2}.picker-name{flex:1;min-width:0;font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker-fee{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;flex:none}.fee-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin-bottom:20px}.fee-cell{background:var(--surface);padding:16px 18px}.fee-cell-label{font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.fee-cell-value{font-size:25px;font-weight:800;letter-spacing:-.035em;margin-top:5px;font-variant-numeric:tabular-nums}.fee-cell.highlight{background:linear-gradient(145deg,var(--brand-tint),#e6f2fb)}.fee-cell-note{font-size:12px;color:var(--muted);margin-top:3px}.value-positive{color:var(--green)}.value-negative{color:var(--red)}.credit-table{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--surface)}.credit-row{display:grid;grid-template-columns:30px minmax(0,1fr) 92px 118px;gap:12px;align-items:center;padding:12px 16px;transition:background .14s}.credit-row+.credit-row{border-top:1px solid var(--line)}.credit-row:hover{background:var(--surface-2)}.credit-row.off{opacity:.5}.credit-head{background:var(--surface-2);border-bottom:1px solid var(--line);font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.credit-name{font-size:13.5px;font-weight:600}.credit-note{font-size:12px;color:var(--muted);margin-top:2px;line-height:1.45}.credit-face{font-size:13px;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}.credit-input-wrap{display:flex;align-items:center;gap:5px}.credit-input-wrap span{color:var(--muted);font-size:13px}.credit-input-wrap input{text-align:right;padding:6px 9px;font-variant-numeric:tabular-nums}.checkbox{width:20px;height:20px;border-radius:6px;border:1.5px solid var(--line-strong);background:var(--surface);display:grid;place-items:center;transition:all .15s;flex:none}.checkbox:hover{border-color:var(--brand)}.checkbox[data-on=true]{background:var(--brand);border-color:var(--brand);color:#fff}.tracker-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden;margin-bottom:16px}.tracker-head{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line);background:var(--surface-2);flex-wrap:wrap}.tracker-title{font-weight:700;font-size:15.5px;display:flex;align-items:center;gap:8px}.tracker-progress{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--muted);font-weight:600}.bar{width:96px;height:6px;border-radius:999px;background:var(--line);overflow:hidden}.bar-fill{height:100%;background:var(--green);border-radius:999px;transition:width .45s cubic-bezier(.22,1,.36,1)}.credit-item{display:flex;align-items:center;gap:14px;padding:13px 18px}.credit-item+.credit-item{border-top:1px solid var(--line)}.credit-item.used{background:var(--surface-2)}.credit-item.used .ci-name{color:var(--faint);text-decoration:line-through}.credit-item.inactive{opacity:.55}.ci-main{flex:1;min-width:0}.ci-name{font-size:14px;font-weight:600}.ci-meta{display:flex;align-items:center;gap:8px;margin-top:4px;font-size:12px;color:var(--muted);flex-wrap:wrap}.ci-amount{font-weight:700;color:var(--ink-2);font-variant-numeric:tabular-nums;flex:none;font-size:14px}.use-btn{flex:none;min-width:116px;padding:8px 14px;border-radius:10px;font-size:13px;font-weight:700;border:1.5px solid;transition:all .18s;display:inline-flex;align-items:center;justify-content:center;gap:6px}.use-btn.fresh{background:var(--green-soft);border-color:#a9dcc4;color:var(--green)}.use-btn.mid{background:#eaf6ee;border-color:#bfdcc8;color:#4f8c5f}.use-btn.warning{background:var(--amber-soft);border-color:#ecd3a5;color:var(--amber)}.use-btn.critical{background:var(--red-soft);border-color:#f0bdb7;color:var(--red)}.use-btn:hover:not(:disabled){filter:brightness(.96);transform:translateY(-1px)}.use-btn.done{background:var(--surface-3);border-color:var(--line-strong);color:var(--faint)}.use-btn:disabled{cursor:not-allowed;background:var(--surface-3);border-color:var(--line);color:var(--faint)}.date-prompt{display:flex;align-items:center;gap:10px;padding:11px 18px;background:var(--amber-soft);border-top:1px solid #f0dcbb;font-size:12.5px;color:var(--amber);flex-wrap:wrap}.date-prompt input{width:auto;max-width:170px}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;align-items:start}.share-box{display:flex;gap:8px;margin-top:10px}.share-box input{font-size:12.5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.hint{font-size:12.5px;color:var(--muted);line-height:1.55;margin:8px 0 0}.banner{display:flex;align-items:center;gap:12px;padding:12px 18px;border-radius:var(--radius);background:var(--brand-soft);border:1px solid #bcd9f2;color:var(--brand-deep);font-size:13.5px;font-weight:500;margin-bottom:20px}.banner button{margin-left:auto}.add-card-row{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.add-card-row select{flex:1;min-width:150px}@media (max-width: 940px){.split{grid-template-columns:1fr}.sidebar{position:static;max-height:none;overflow:visible}.credit-row{grid-template-columns:30px minmax(0,1fr) 108px}.credit-face{display:none}}@media (max-width: 720px){body{font-size:14.5px}.topbar{flex-wrap:wrap;height:auto;padding:10px 14px;gap:10px;position:static}.nav{order:3;width:100%;flex:none}.topbar-right{margin-left:auto}.sidebar{top:12px}.page{padding:20px 14px 60px}.hero{padding:22px 18px}.card-grid{grid-template-columns:1fr}.rank-row{padding:12px 14px;gap:11px}.rank-mult{font-size:18px}.credit-item{flex-wrap:wrap;gap:10px}.use-btn{width:100%}.ci-amount{margin-left:auto}.storage-pill{display:none}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}