:root{--yellow-50:#fefce8;--yellow-100:#fef9c3;--yellow-200:#fef08a;--yellow-300:#fde047;--yellow-400:#facc15;--yellow-500:#eab308;--yellow-600:#ca8a04;--yellow-700:#a16207;--yellow-800:#854d0e;--yellow-900:#713f12;--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-300:#93c5fd;--blue-400:#60a5fa;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--blue-800:#1e40af;--blue-900:#1e3a8a;--red-50:#fef2f2;--red-100:#fee2e2;--red-200:#fecaca;--red-300:#fca5a5;--red-400:#f87171;--red-500:#ef4444;--red-600:#dc2626;--red-700:#b91c1c;--red-800:#991b1b;--red-900:#7f1d1d;--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--slate-950:#020617;--green-100:#dcfce7;--green-200:#bbf7d0;--green-300:#86efac;--green-600:#16a34a;--green-700:#15803d;--green-800:#166534;--green-900:#064e3b;--bg:var(--slate-100);--bg-tint:var(--blue-50);--card:#fff;--card-elev:#fff;--ink:var(--slate-900);--ink-soft:var(--slate-500);--border:var(--slate-300);--border-soft:var(--slate-200);--primary:var(--blue-500);--primary-hover:var(--blue-600);--primary-ink:#fff;--primary-glow:#3b82f63d;--primary-soft:#3b82f60f;--primary-soft-hover:#3b82f61f;--accent:var(--yellow-400);--accent-hover:var(--yellow-500);--accent-ink:var(--slate-900);--accent-soft:#facc1524;--danger:var(--red-600);--danger-hover:var(--red-700);--danger-soft:#dc26261a;--success-bg:var(--green-100);--success-border:var(--green-200);--success-ink:var(--green-900);--error-bg:var(--red-50);--error-border:var(--red-200);--error-ink:var(--red-800);--warning-bg:var(--yellow-100);--warning-border:var(--yellow-200);--warning-ink:var(--yellow-800);--info-bg:var(--blue-100);--info-border:var(--blue-200);--info-ink:var(--blue-800);--neg-bg:var(--red-100);--neg-ink:var(--red-800);--pos-bg:var(--green-100);--pos-ink:var(--green-800);--shadow-soft:0 8px 24px -10px #0f172a2e;--shadow-pop:0 1px 2px #0f172a0f, 0 4px 12px -6px #0f172a1a;--shadow-card:inset 0 1px 0 #ffffff38, 0 6px 16px -10px #0f172a59;--shadow-card-hover:inset 0 1px 0 #ffffff47, 0 12px 28px -12px #0f172a73;--shadow-lift:0 12px 28px -14px #0f172a4d;--backdrop:#0f172a73;--radius-card:20px;--radius-key:14px;color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px}:root[data-theme=dark]{--bg:var(--slate-900);--bg-tint:var(--slate-800);--card:var(--slate-800);--card-elev:var(--slate-700);--ink:#f8fafc;--ink-soft:var(--slate-400);--border:var(--slate-600);--border-soft:var(--slate-700);--primary:var(--blue-500);--primary-hover:var(--blue-400);--primary-ink:var(--slate-950);--primary-glow:#3b82f65c;--primary-soft:#3b82f61a;--primary-soft-hover:#3b82f62e;--accent:var(--yellow-300);--accent-hover:var(--yellow-200);--accent-ink:var(--slate-900);--accent-soft:#fde04724;--danger:var(--red-500);--danger-hover:var(--red-400);--danger-soft:#ef44441f;--success-bg:#22c55e1a;--success-border:#22c55e4d;--success-ink:var(--green-300);--error-bg:#ef44441a;--error-border:#ef44444d;--error-ink:var(--red-300);--warning-bg:#facc151a;--warning-border:#facc154d;--warning-ink:var(--yellow-300);--info-bg:#3b82f61f;--info-border:#3b82f64d;--info-ink:var(--blue-300);--neg-bg:#ef44441f;--neg-ink:var(--red-300);--pos-bg:#22c55e1f;--pos-ink:var(--green-300);--shadow-soft:0 12px 32px -12px #0000008c;--shadow-pop:0 1px 0 #ffffff0a, 0 6px 16px -8px #0000008c;--shadow-card:inset 0 1px 0 #ffffff14, 0 8px 20px -10px #0000008c;--shadow-card-hover:inset 0 1px 0 #ffffff1f, 0 14px 32px -14px #000000a6;--shadow-lift:0 16px 36px -14px #000000b3;--backdrop:#0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0;padding:0}body{background:var(--bg);color:var(--ink);overflow-x:hidden}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}h1,h2,h3{margin:0;font-weight:600}ul{margin:0;padding:0;list-style:none}.app{flex-direction:column;align-items:center;min-height:100vh;padding:32px 16px 48px;display:flex;position:relative}@media (width<=480px){.app{padding:16px 12px 32px}}.auth-loading{color:var(--ink-soft);letter-spacing:1px;text-transform:uppercase;margin-top:30vh;font-size:14px;font-weight:600}.login{text-align:center;width:100%;max-width:460px}.login-form{text-align:left;background:var(--card);box-shadow:var(--shadow-soft);border-radius:16px;flex-direction:column;gap:12px;margin:24px 0 16px;padding:20px;display:flex}.login-field{flex-direction:column;gap:6px;display:flex}.login-field span{letter-spacing:.6px;text-transform:uppercase;color:var(--ink-soft);font-size:12px;font-weight:600}.login-field input{font:inherit;border:1px solid var(--border);background:var(--card);color:var(--ink);border-radius:10px;outline:none;padding:12px 14px;transition:border-color .15s,box-shadow .15s}.login-field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.login-error{color:var(--error-ink);background:var(--error-bg);border:1px solid var(--error-border);border-radius:8px;padding:8px 10px;font-size:14px}.login-submit{width:100%;padding:12px 16px;font-size:16px}.login-divider{color:var(--ink-soft);letter-spacing:1px;text-transform:uppercase;align-items:center;gap:12px;margin:18px 0;font-size:12px;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--border);flex:1;height:1px}.waitlist-signin{color:var(--ink-soft);margin:16px auto 0;font-size:14px}.waitlist-signin a{color:var(--primary);font-weight:600;text-decoration:none}.waitlist-signin a:hover{text-decoration:underline}.waitlist-signin.login-back{margin-top:28px}.waitlist-success{background:var(--success-bg);border:1px solid var(--success-border);color:var(--success-ink);text-align:left;border-radius:10px;margin-bottom:12px;padding:12px 14px}.waitlist-success strong{margin-bottom:4px;font-size:15px;display:block}.waitlist-success p{margin:0;font-size:13px;line-height:1.4}.admin-panel{background:var(--card);border-radius:var(--radius-card);width:100%;max-width:460px;box-shadow:var(--shadow-soft);margin:0 auto;padding:22px 22px 24px}.admin-title{letter-spacing:-.3px;color:var(--ink);margin:0 0 6px;font-size:20px}.admin-subtitle{color:var(--ink-soft);margin:0 0 16px;font-size:14px;line-height:1.4}.admin-panel .login-form{box-shadow:none;background:0 0;margin:0;padding:0}.admin-success{background:var(--success-bg);border:1px solid var(--success-border);color:var(--success-ink);border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.4}.admin-success strong{margin-bottom:2px;display:block}.settings-section-divider{border-top:1px solid var(--border-soft);margin-top:22px;padding-top:18px}.settings-info{background:var(--bg-tint);border:1px solid var(--border-soft);color:var(--ink);border-radius:12px;padding:14px 16px;font-size:14px;line-height:1.5}.settings-info p{margin:0}.settings-hint{color:var(--ink-soft);margin:0 0 10px;font-size:13px;line-height:1.45}.settings-hint-tight{margin-top:16px;margin-bottom:6px}.settings-empty{color:var(--ink-soft);margin:0 0 4px;font-size:13px;font-style:italic}.toast{z-index:1000;min-width:260px;max-width:calc(100vw - 32px);box-shadow:var(--shadow-lift);border-radius:12px;align-items:center;gap:12px;padding:12px 14px 12px 16px;font-size:14px;line-height:1.4;animation:.18s ease-out toast-in;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}.toast-success{background:var(--success-bg);border:1px solid var(--success-border);color:var(--success-ink)}.toast-error{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-ink)}.toast-info{background:var(--card);border:1px solid var(--border-soft);color:var(--ink)}.toast-msg{flex:1}.toast-close{width:22px;height:22px;color:inherit;opacity:.6;background:0 0;border-radius:999px;justify-content:center;align-items:center;font-size:18px;line-height:1;transition:opacity .15s,background .15s;display:inline-flex}.toast-close:hover{opacity:1;background:#0000000f}.user-menu{z-index:30;background:var(--bg);justify-content:space-between;align-self:stretch;align-items:center;gap:12px;width:100%;max-width:1200px;margin:0 auto 18px;padding:8px 0;display:flex;position:sticky;top:0}.user-logo-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;padding:0;transition:transform .12s,opacity .15s;display:inline-flex}.user-logo-btn img{width:auto;height:56px;display:block}@media (width<=600px){.user-logo-btn img{height:44px}}.user-logo-btn:hover{opacity:.85}.user-logo-btn:active{transform:translateY(1px)}.user-logo-btn:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.user-logo-spacer{display:inline-block}.user-menu-right{align-items:center;gap:8px;display:inline-flex}.user-menu-anchor{position:relative}.user-avatar-btn{border:1px solid var(--border-soft);cursor:pointer;background:var(--card);color:var(--ink);box-shadow:var(--shadow-soft);border-radius:999px;align-items:center;gap:8px;max-width:260px;padding:4px 14px 4px 4px;font-size:14px;font-weight:600;transition:transform .12s,background .15s,border-color .15s;display:inline-flex}.user-avatar-btn:hover{background:var(--bg-tint);border-color:var(--yellow-300);transform:translateY(-1px)}.user-avatar-btn:active{transform:translateY(1px)}.user-avatar-btn[aria-expanded=true]{background:var(--bg-tint);border-color:var(--yellow-300)}.user-avatar-circle{background:var(--primary);color:#fff;letter-spacing:.5px;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;font-weight:700;display:inline-flex}.user-avatar-name{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}@media (width<=480px){.user-avatar-btn{max-width:none;padding:3px}.user-avatar-name{display:none}.user-avatar-circle{width:32px;height:32px;font-size:14px}}.user-dropdown{z-index:10;background:var(--card);min-width:180px;box-shadow:var(--shadow-lift), var(--shadow-soft);border-radius:12px;flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.user-dropdown-name{color:var(--ink);border-bottom:1px solid var(--border);word-break:break-word;margin-bottom:4px;padding:10px 12px 8px;font-size:13px;font-weight:600}.user-dropdown-item{text-align:left;font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:10px 12px;font-size:14px;transition:background .12s}.user-dropdown-item:hover{background:var(--bg-tint)}.user-dropdown-theme{align-items:center;gap:10px;display:flex}.user-dropdown-theme-icon{width:18px;height:18px;color:var(--ink-soft);flex-shrink:0}.user-dropdown-divider{background:var(--border);height:1px;margin:4px 6px}.sync-error{background:var(--warning-bg);color:var(--warning-ink);border:1px solid var(--warning-border);text-align:center;border-radius:10px;margin-bottom:14px;padding:8px 12px;font-size:13px;font-weight:500}.landing-logo{width:100%;max-width:460px;height:auto;margin:8px auto 12px;display:block}.landing-subtitle{color:var(--ink-soft);max-width:440px;margin:0 auto 36px;font-size:16px;line-height:1.5}@media (width<=600px){.landing-logo{max-width:320px}.landing-subtitle{margin-bottom:24px;font-size:15px}}.view-wrapper{flex-direction:column;align-items:stretch;width:100%;max-width:420px;display:flex}.view-wrapper-wide{max-width:1200px}.back-btn{background:var(--card);color:var(--ink);box-shadow:var(--shadow-soft);border-radius:999px;align-self:flex-start;margin-bottom:14px;padding:8px 16px;font-size:14px;font-weight:600;transition:transform .15s,box-shadow .15s}.back-btn:hover{box-shadow:0 12px 24px -10px var(--primary-glow);transform:translate(-3px)}.pct-calc{background:var(--card);border-radius:var(--radius-card);width:100%;box-shadow:var(--shadow-soft);padding:24px 22px 28px}@media (width<=480px){.pct-calc{padding:18px 14px 22px}}.title{letter-spacing:-.3px;color:var(--ink);align-items:center;gap:10px;margin-bottom:18px;font-size:20px;display:flex}.title-icon{flex-shrink:0;width:28px;height:28px}.placeholder{color:var(--slate-400);font-size:16px;font-weight:400}.keypad{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.keypad-numpad{grid-template-columns:repeat(3,1fr)}.key{border-radius:var(--radius-key);background:var(--card);height:56px;color:var(--ink);border:1px solid var(--border-soft);box-shadow:var(--shadow-pop);-webkit-tap-highlight-color:transparent;touch-action:manipulation;font-size:18px;font-weight:600;transition:transform 80ms,box-shadow 80ms,background .15s}@media (width<=480px){.key{height:52px;font-size:17px}.keypad{gap:8px}}.key:hover{transform:translateY(-2px)}.key:active{box-shadow:var(--shadow-pop);transform:translateY(2px)}.key-num,.key-dot{background:var(--card)}.key-back{background:var(--slate-800);color:#fff;border-color:var(--slate-900)}.key-clear{background:var(--accent);color:var(--accent-ink);border-color:var(--accent-hover)}.key-wide{grid-column:span 2}.pct-input-screen{background:var(--bg-tint);border:1px solid var(--border-soft);border-radius:14px;min-height:76px;margin-bottom:18px;padding:14px 20px}.pct-input-label{text-transform:uppercase;letter-spacing:1.2px;color:var(--ink-soft);margin-bottom:4px;font-size:11px;font-weight:700}.pct-input-value{color:var(--ink);text-align:right;font-variant-numeric:tabular-nums;min-height:40px;font-size:30px;font-weight:700;line-height:1.1}.pct-input-value .placeholder{font-size:18px}.pct-results{border-top:1px dashed var(--border-soft);margin-top:22px;padding-top:18px}.custom-pct-form{gap:8px;margin-bottom:10px;display:flex}.custom-pct-input{font:inherit;border:1px solid var(--border-soft);background:var(--card);color:var(--ink);border-radius:10px;outline:none;flex:1;padding:10px 14px;font-size:15px;transition:border-color .15s,box-shadow .15s}.custom-pct-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.custom-pct-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.custom-pct-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.custom-pct-input{-moz-appearance:textfield}.btn-sm{padding:8px 14px;font-size:13px}.custom-pct-chips{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.custom-pct-chip{align-items:center;gap:6px;padding-right:4px;display:inline-flex}.custom-pct-remove{color:#ffffffd9;background:#0000002e;border-radius:999px;justify-content:center;align-items:center;width:18px;height:18px;font-size:14px;line-height:1;display:inline-flex}.custom-pct-remove:hover{color:#fff;background:#00000052}.save-full-price{width:100%;margin-bottom:12px;padding:12px 16px;font-size:15px}.pct-results-title{text-transform:uppercase;letter-spacing:1.2px;color:var(--ink-soft);text-align:center;margin-bottom:12px;font-size:12px;font-weight:700}.pct-grid{flex-direction:column;gap:8px;display:flex}.pct-card{color:#fff;width:100%;box-shadow:var(--shadow-card);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 18px;transition:transform 80ms,box-shadow .15s;display:flex}.pct-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.pct-card:active{transform:translateY(1px)}.pct-card .pct-pct{letter-spacing:.3px;font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.pct-card .pct-val{font-variant-numeric:tabular-nums;font-size:22px;font-weight:700;line-height:1}.pct-70{background:var(--blue-600);border-color:var(--blue-700)}.pct-75{background:var(--blue-500);border-color:var(--blue-600)}.pct-80{background:var(--yellow-500);border-color:var(--yellow-600);color:var(--slate-900)}.pct-85{background:var(--yellow-400);border-color:var(--yellow-500);color:var(--slate-900)}.pct-90{background:var(--yellow-300);border-color:var(--yellow-400);color:var(--slate-900)}.pct-chip{color:#fff;letter-spacing:.3px;font-variant-numeric:tabular-nums;border-radius:999px;justify-content:center;align-items:center;min-width:62px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex}.pct-chip-70{background:var(--blue-600)}.pct-chip-75{background:var(--blue-500)}.pct-chip-80{background:var(--yellow-500);color:var(--slate-900)}.pct-chip-85{background:var(--yellow-400);color:var(--slate-900)}.pct-chip-90{background:var(--yellow-300);color:var(--slate-900)}.muted{color:var(--ink-soft);font-weight:500}.pct-layout{grid-template-columns:420px 1fr;align-items:start;gap:20px;display:grid}.pct-layout>.pct-calc{width:100%}@media (width<=860px){.pct-layout{grid-template-columns:1fr;gap:12px}}.saved-transactions-panel{background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);max-height:calc(100vh - 40px);padding:16px;position:sticky;top:20px;overflow-y:auto}.saved-transactions-toggle{width:100%;font:inherit;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:0;font-size:14px;font-weight:700;display:none}.saved-transactions-caret{color:var(--ink-soft);font-size:14px;transition:transform .2s}.saved-transactions-body{flex-direction:column;gap:10px;display:flex}@media (width<=860px){.saved-transactions-panel{max-height:none;padding:12px 14px;position:static;overflow:visible}.saved-transactions-toggle{display:flex}.saved-transactions-body{margin-top:12px;display:none}.saved-transactions-panel.is-open .saved-transactions-body{display:flex}.saved-transactions-panel.is-open .saved-transactions-caret{transform:rotate(180deg)}}.saved-transactions-head{justify-content:space-between;align-items:center;display:flex}.saved-transactions-title{text-transform:uppercase;letter-spacing:1.2px;color:var(--ink-soft);margin:0;font-size:12px;font-weight:700}.saved-transactions-clear{color:var(--ink-soft);text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 6px;font-size:11px;font-weight:600}.saved-transactions-clear:hover{color:var(--danger)}.saved-transactions-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.saved-transaction-row{align-items:stretch;gap:6px;display:flex}.saved-transaction{font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;flex:1;align-items:center;gap:10px;min-width:0;padding:10px;transition:background .12s,border-color .12s;display:flex}.saved-transaction:hover{background:var(--primary-soft-hover);border-color:var(--primary)}.saved-transaction-body{flex:1;min-width:0}.saved-transaction-name{color:var(--ink);word-break:break-word;font-size:13px;font-weight:600}.saved-transaction-meta{color:var(--ink-soft);margin-top:2px;font-size:12px}.saved-transaction-amount{color:var(--ink);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:14px;font-weight:700}.saved-transaction-delete{width:26px;height:26px;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:999px;flex-shrink:0;align-self:center;font-size:16px;line-height:1}.saved-transaction-delete:hover{color:var(--danger);background:var(--danger-soft)}.modal-backdrop{background:var(--backdrop);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;justify-content:center;align-items:center;padding:16px;animation:.12s ease-out fade-in;display:flex;position:fixed;inset:0}.modal{background:var(--card);border-radius:var(--radius-card);width:100%;max-width:380px;box-shadow:0 24px 60px -20px var(--backdrop);padding:22px 22px 20px;animation:.16s ease-out pop-in}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=600px){.modal-backdrop{align-items:flex-start;padding-top:24px;overflow-y:auto}}.modal-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.modal-header h2{letter-spacing:-.2px;font-size:18px}.modal-close{width:30px;height:30px;color:var(--ink-soft);border-radius:999px;font-size:22px;line-height:1}.modal-close:hover{background:var(--bg-tint);color:var(--ink)}.modal-summary{background:var(--bg-tint);border:1px solid var(--border-soft);border-radius:12px;flex-direction:column;gap:8px;margin-bottom:16px;padding:12px 14px;display:flex}.modal-summary-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.modal-summary-label{color:var(--ink-soft);font-size:13px;font-weight:600}.modal-summary-value{color:var(--ink);font-variant-numeric:tabular-nums;font-size:16px;font-weight:600}.modal-summary-value.strong{font-size:22px;font-weight:700}.modal-form{flex-direction:column;display:flex}.modal-label{text-transform:uppercase;letter-spacing:1.2px;color:var(--ink-soft);margin-bottom:6px;font-size:12px;font-weight:700}.modal-label:not(:first-of-type){margin-top:12px}.modal-label-optional{text-transform:none;letter-spacing:0;color:var(--ink-soft);opacity:.75;font-weight:500}.saved-transaction-party{color:var(--ink-soft);font-weight:500}.modal-input{font:inherit;border:1px solid var(--border-soft);background:var(--card);color:var(--ink);border-radius:10px;outline:none;padding:12px 14px;font-size:16px;transition:border-color .15s,box-shadow .15s}.modal-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.modal-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.tcg-chips{gap:6px;margin-bottom:8px;display:flex}.tcg-chip{font:inherit;letter-spacing:.6px;text-transform:uppercase;border:1px solid var(--border-soft);background:var(--bg-tint);color:var(--ink-soft);cursor:pointer;border-radius:8px;flex:1;padding:6px 10px;font-size:12px;font-weight:700;transition:background .12s,color .12s,border-color .12s}.tcg-chip:hover{color:var(--ink);border-color:var(--border-soft)}.tcg-chip.tcg-pokemon.is-active{color:#ffde00;background:#3b4cca;border-color:#2a3aa8}.tcg-chip.tcg-onepiece.is-active{color:#fff;background:#d12027;border-color:#a8181d}.product-search-wrap{flex-direction:column;display:flex;position:relative}.product-search-wrap>.modal-input{box-sizing:border-box;width:100%}.product-search-status{color:var(--ink-soft);margin-top:6px;font-size:12px}.product-search-dropdown{z-index:60;background:var(--card);border:1px solid var(--border-soft);max-height:280px;box-shadow:0 10px 30px -10px var(--backdrop);border-radius:10px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.product-search-item{width:100%;color:var(--ink);cursor:pointer;text-align:left;font:inherit;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:6px 8px;display:flex}.product-search-item:hover{background:var(--bg-tint)}.product-search-image{object-fit:cover;background:var(--bg-tint);border-radius:4px;flex-shrink:0;width:36px;height:50px}.product-search-image-empty{border:1px dashed var(--border-soft);display:inline-block}.product-thumb-btn{cursor:zoom-in;background:0 0;border:0;border-radius:8px;align-self:flex-start;margin-bottom:8px;padding:0;transition:transform .12s}.product-thumb-btn:hover{transform:scale(1.03)}.product-thumb{object-fit:cover;border:1px solid var(--border-soft);background:var(--bg-tint);border-radius:6px;width:60px;height:84px;display:block}.transaction-row-thumb-btn{cursor:zoom-in;background:0 0;border:0;border-radius:4px;flex-shrink:0;padding:0;display:inline-flex}.transaction-row-thumb.is-clickable{cursor:zoom-in}.event-row-thumb-slot{flex-shrink:0;width:34px;height:48px}.event-row-thumb-empty{display:inline-block}.product-search-text{flex-direction:column;flex:1;min-width:0;display:flex}.product-search-name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.product-search-set{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.btn{font:inherit;border:1px solid #0000;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:600;transition:background .15s,transform 80ms,opacity .15s}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{color:var(--ink-soft);border-color:var(--border-soft);background:0 0}.btn-ghost:hover{background:var(--bg-tint);color:var(--ink)}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary-hover)}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-danger{background:var(--red-600);color:#fff;border-color:var(--red-700)}.btn-danger:hover:not(:disabled){background:var(--red-700)}.confirm-modal{max-width:380px}.confirm-message{color:var(--ink);word-break:break-word;margin:0 0 4px;font-size:14px;line-height:1.5}.event-action-fill{flex:1}.event-action-title{color:var(--ink);word-break:break-word;border-radius:8px;flex:1;align-self:center;margin:0;padding:4px 8px;font-size:18px;font-weight:800}.event-action-title.is-clickable{cursor:text}.event-action-title.is-clickable:hover{background:var(--bg-tint)}.event-action-title.is-clickable:focus{outline:2px solid var(--primary);outline-offset:2px}.event-action-title-input{font:inherit;color:var(--ink);border:1px solid var(--primary);background:var(--card);box-shadow:0 0 0 3px var(--primary-glow);border-radius:8px;outline:none;flex:1;align-self:center;min-width:0;padding:4px 10px;font-size:18px;font-weight:800}.event-transaction-row{align-items:stretch;gap:6px;display:flex}.event-transaction-btn{text-align:left;cursor:pointer;font:inherit;color:inherit;border:1px solid #0000;border-radius:10px;flex:1;align-items:center;gap:10px;min-width:0;padding:10px;transition:background .12s,border-color .12s;display:flex}.event-transaction-btn:hover{background:var(--primary-soft-hover);border-color:var(--primary)}.event-transaction-delete{align-self:center}.modal-actions-split{justify-content:space-between}.modal-actions-right{gap:8px;display:flex}.direction-toggle{background:var(--bg-tint);border-radius:10px;gap:6px;margin-bottom:6px;padding:4px;display:flex}.direction-pill{font:inherit;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:8px 14px;font-size:14px;font-weight:600;transition:background .12s,color .12s}.direction-pill:hover{color:var(--ink)}.direction-pill.is-active.dir-buy{background:var(--primary);color:#fff}.direction-pill.is-active.dir-sale{background:var(--accent);color:var(--accent-ink)}.dir-tag{letter-spacing:.5px;text-transform:uppercase;vertical-align:middle;border-radius:999px;margin-right:6px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.dir-tag-buy{background:var(--info-bg);color:var(--info-ink)}.dir-tag-sale{background:var(--warning-bg);color:var(--warning-ink)}.transaction-row-thumb{object-fit:cover;background:var(--bg-tint);border:1px solid var(--border-soft);border-radius:4px;flex-shrink:0;width:28px;height:40px}.transaction-row-thumb-lg{border-radius:4px;width:34px;height:48px}.lightbox-backdrop{z-index:200;cursor:zoom-out;background:#000000d9;justify-content:center;align-items:center;padding:24px;animation:.15s ease-out fade-in;display:flex;position:fixed;inset:0}.lightbox-image{cursor:default;border-radius:12px;max-width:min(90vw,480px);max-height:90vh;box-shadow:0 24px 60px -10px #0009}.events{flex-direction:column;gap:18px;width:100%;max-width:1200px;margin:0 auto;display:flex}.events-layout{grid-template-columns:400px 1fr;align-items:start;gap:20px;display:grid}.events-main{flex-direction:column;gap:18px;min-width:0;display:flex}@media (width<=860px){.events-layout{grid-template-columns:1fr;gap:12px}.saved-events-panel{order:1}.events-main{order:2}}.saved-events-panel{background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);max-height:calc(100vh - 40px);padding:16px;position:sticky;top:20px;overflow-y:auto}.saved-events-toggle{width:100%;font:inherit;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:0;font-size:14px;font-weight:700;display:none}.saved-events-body{flex-direction:column;gap:10px;display:flex}@media (width<=860px){.saved-events-panel{max-height:none;padding:12px 14px;position:static;overflow:visible}.saved-events-toggle{display:flex}.saved-events-body{margin-top:12px;display:none}.saved-events-panel.is-open .saved-events-body{display:flex}.saved-events-panel.is-open .saved-events-toggle .saved-transactions-caret{transform:rotate(180deg)}}.event-controls{background:var(--card);box-shadow:var(--shadow-soft);border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:flex}.range-pills{flex-wrap:wrap;gap:6px;display:flex}.range-pill{font:inherit;border:1px solid var(--border);background:var(--card);color:var(--ink-soft);cursor:pointer;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;transition:background .12s,color .12s,border-color .12s}.range-pill:hover{color:var(--ink);border-color:var(--primary)}.range-pill.is-active{background:var(--primary);border-color:var(--primary);color:#fff}.custom-range{flex-wrap:wrap;gap:12px;display:flex}.custom-range label{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.5px;flex-direction:column;gap:4px;font-size:12px;font-weight:600;display:flex}.custom-range input{font:inherit;border:1px solid var(--border);background:var(--card);color:var(--ink);border-radius:8px;padding:8px 10px}.event-search{align-items:center;margin-bottom:10px;display:flex;position:relative}.event-search-input{font:inherit;border:1px solid var(--border);background:var(--card);color:var(--ink);border-radius:10px;outline:none;flex:1;padding:10px 36px 10px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s}.event-search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.event-search-clear{width:24px;height:24px;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:999px;font-size:16px;line-height:1;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.event-search-clear:hover{background:var(--bg-tint);color:var(--ink)}.event-action-row{background:var(--card);box-shadow:var(--shadow-soft);border-radius:14px;align-items:stretch;gap:8px;padding:8px;display:flex}.event-name-input{min-width:0;font:inherit;border:1px solid var(--border);background:var(--card);color:var(--ink);border-radius:10px;outline:none;flex:1;padding:10px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.event-name-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.event-totals{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.total-card{background:var(--card);box-shadow:var(--shadow-soft);border-radius:14px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.total-label{text-transform:uppercase;letter-spacing:.6px;color:var(--ink-soft);font-size:11px;font-weight:700}.total-amount{color:var(--ink);font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.total-count{color:var(--ink-soft);font-size:12px}.total-buy{border-top:3px solid var(--primary)}.total-sale{border-top:3px solid var(--accent)}.total-net.net-pos{border-top:3px solid var(--green-600)}.total-net.net-neg{border-top:3px solid var(--red-600)}.total-net.net-pos .total-amount{color:var(--pos-ink)}.total-net.net-neg .total-amount{color:var(--neg-ink)}.event-transactions{background:var(--card);box-shadow:var(--shadow-soft);border-radius:16px;padding:12px}.event-transactions-title{color:var(--ink);word-break:break-word;margin:4px 6px 12px;font-size:18px;font-weight:800}.event-transaction-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.event-transaction{border-radius:10px;align-items:center;gap:10px;padding:10px;display:flex}.event-transaction-body{flex:1;min-width:0}.event-transaction-name{color:var(--ink);word-break:break-word;font-weight:600}.event-transaction-meta{color:var(--ink-soft);font-size:12px}.event-transaction-amount{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:700}.saved-events-list{flex-direction:column;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.saved-event{align-items:stretch;gap:6px;display:flex}.saved-event-open{text-align:left;cursor:pointer;border:1px solid #0000;border-radius:12px;flex-direction:column;flex:1;gap:6px;padding:12px;transition:border-color .12s,background .12s;display:flex}.saved-event-open:hover{border-color:var(--primary);background:var(--primary-soft-hover)}.saved-event-name{color:var(--ink);font-weight:700}.saved-event-meta{color:var(--ink-soft);font-size:12px}.saved-event-totals{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.net-pill{letter-spacing:.4px;text-transform:uppercase;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.net-pill.net-pos{background:var(--pos-bg);color:var(--pos-ink)}.net-pill.net-neg{background:var(--neg-bg);color:var(--neg-ink)}.saved-event-delete{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px 10px;font-size:20px}.saved-event-delete:hover{background:var(--error-bg);color:var(--error-ink)}@media (width<=600px){.event-totals{grid-template-columns:1fr}}.admin-layout{grid-template-columns:240px 1fr;align-items:start;gap:20px;width:100%;max-width:1200px;margin:0 auto;display:grid}.admin-main{flex-direction:column;gap:16px;min-width:0;display:flex}@media (width<=860px){.admin-layout{grid-template-columns:1fr;gap:12px}}.admin-sidebar{background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);padding:16px;position:sticky;top:20px}.admin-sidebar-toggle{width:100%;font:inherit;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:0;font-size:14px;font-weight:700;display:none}.admin-sidebar-body{flex-direction:column;gap:12px;display:flex}@media (width<=860px){.admin-sidebar{padding:12px 14px;position:static}.admin-sidebar-toggle{display:flex}.admin-sidebar-body{margin-top:12px;display:none}.admin-sidebar.is-open .admin-sidebar-body{display:flex}.admin-sidebar.is-open .saved-transactions-caret{transform:rotate(180deg)}}.admin-nav{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.admin-nav-item{text-align:left;width:100%;font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;padding:10px 12px;font-size:14px;font-weight:600;transition:background .12s,border-color .12s,color .12s}.admin-nav-item:hover{background:var(--primary-soft-hover);border-color:var(--border-soft)}.admin-nav-item.is-active{background:var(--primary);border-color:var(--primary);color:#fff}.admin-main .admin-panel{max-width:none;margin:0}.admin-view{background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);flex-direction:column;gap:14px;padding:22px;display:flex}.admin-view-head{flex-direction:column;gap:4px;display:flex}.admin-view-head .admin-title,.admin-view-head .admin-subtitle{margin:0}.admin-view-head-row{flex-flow:wrap;justify-content:space-between;align-items:flex-start;gap:12px}.admin-view-head-row>div{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.admin-view-head-row .admin-create-btn{margin-left:auto}.admin-create-btn{flex-shrink:0;padding:10px 14px}.admin-create-modal{max-width:420px}.admin-create-form{box-shadow:none;background:0 0;margin:0;padding:0}.admin-user-search{display:flex}.admin-title{align-items:center;gap:10px;display:inline-flex}.admin-user-count-pill{background:var(--primary-soft);min-width:28px;color:var(--primary-strong,var(--primary,#6b7280));border-radius:999px;justify-content:center;align-items:center;padding:2px 10px;font-size:.7em;font-weight:600;line-height:1.4;display:inline-flex}.admin-user-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.admin-user-card{text-align:left;background:var(--primary-soft);cursor:pointer;width:100%;font:inherit;color:inherit;border:1px solid #0000;border-radius:12px;flex-direction:column;gap:4px;padding:12px 14px;transition:background .12s,border-color .12s;display:flex}.admin-user-card:hover{background:var(--primary-soft-hover);border-color:var(--primary)}.admin-user-card-main{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.admin-user-name{color:var(--ink);align-items:center;gap:8px;font-size:15px;font-weight:700;display:inline-flex}.admin-user-role{letter-spacing:.6px;text-transform:uppercase;color:var(--warning-ink);background:var(--warning-bg);border-radius:999px;padding:2px 6px;font-size:10px;font-weight:700}.admin-user-email{color:var(--ink-soft);word-break:break-all;font-size:13px}.admin-user-meta{color:var(--ink-soft);font-size:12px}.admin-user-provider{text-transform:uppercase;letter-spacing:.6px;font-weight:600}.pct-empty{color:var(--ink-soft);margin:8px 0;font-size:13px}.share-modal{max-width:440px}.share-subtitle{color:var(--ink-soft);margin:0 0 16px;font-size:14px;line-height:1.5}.share-card{flex-direction:column;align-items:stretch;gap:14px;display:flex}.share-qr{border:1px solid var(--border-soft);background:#fff;border-radius:14px;justify-content:center;padding:16px;display:flex}.share-qr-svg{width:100%;max-width:280px}.share-qr-svg svg{width:100%;height:auto;display:block}.share-qr-placeholder{background:var(--bg-tint);border-radius:8px;width:280px;height:280px}.share-link-row{gap:8px;display:flex}.share-link-input{min-width:0;font:inherit;border:1px solid var(--border-soft);background:var(--card);color:var(--ink);border-radius:10px;outline:none;flex:1;padding:10px 12px;font-size:13px}.share-link-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.share-code-row{background:var(--bg-tint);border:1px solid var(--border-soft);border-radius:10px;justify-content:space-between;align-items:baseline;padding:10px 14px;display:flex}.share-code-label{text-transform:uppercase;letter-spacing:1px;color:var(--ink-soft);font-size:11px;font-weight:700}.share-code-value{letter-spacing:1.5px;color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:16px;font-weight:700}.share-disabled{background:var(--warning-bg);color:var(--warning-ink);border:1px solid var(--warning-border);border-radius:12px;padding:14px 16px}.share-disabled strong{margin-bottom:4px;display:block}.share-disabled p{margin:0;font-size:13px;line-height:1.5}.pct-calc-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.pct-calc-header .title{margin-bottom:0}.calc-share-btn{flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.calc-share-icon{width:16px;height:16px;display:inline-block}.admin-user-row{background:0 0;border:none;border-radius:12px;align-items:center;gap:10px;padding:0;display:flex}.admin-row-share{flex-shrink:0;padding:0 6px}.admin-user-row-btn{background:var(--primary-soft);text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:flex-start;gap:14px;padding:12px 14px;transition:background .15s,border-color .15s,transform 80ms;display:flex}.admin-user-row-btn:hover:not(:disabled){background:var(--primary-soft-hover);border-color:var(--yellow-300)}.admin-user-row-btn:active:not(:disabled){transform:translateY(1px)}.admin-user-row-btn:disabled{opacity:.6;cursor:progress}.admin-user-row-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.admin-user-share-pill{color:var(--primary);font-weight:600}.admin-edit-share{align-self:flex-start;margin-top:4px}.login-field-hint{text-transform:none;letter-spacing:0;color:var(--ink-soft);opacity:.8;font-weight:500}.admin-row-error{margin-top:6px;padding:4px 8px;font-size:12px}.admin-user-row-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.admin-user-referrer{color:var(--ink-soft);margin-top:2px;font-size:12px}.admin-user-referrer strong{color:var(--ink);font-weight:600}.admin-user-delete-btn{color:var(--error-ink)}.admin-user-delete-btn:hover:not(:disabled){background:var(--error-bg);color:var(--red-800);border-color:var(--error-border)}.admin-share-toggle{cursor:pointer;flex-shrink:0;align-items:center;gap:8px;display:inline-flex;position:relative}.admin-share-toggle input{opacity:0;width:0;height:0;position:absolute}.admin-share-toggle-label{letter-spacing:.6px;text-transform:uppercase;color:var(--ink-soft);font-size:11px;font-weight:700}.admin-share-toggle-slider{background:var(--slate-300);border-radius:999px;width:38px;height:22px;transition:background .15s;display:inline-block;position:relative}.admin-share-toggle-slider:after{content:"";background:#fff;border-radius:999px;width:18px;height:18px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.admin-share-toggle input:checked~.admin-share-toggle-slider{background:var(--primary)}.admin-share-toggle input:checked~.admin-share-toggle-slider:after{transform:translate(16px)}.admin-share-toggle input:disabled~.admin-share-toggle-slider{opacity:.5}.admin-viewing-bar{background:var(--card);box-shadow:var(--shadow-soft);border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 14px;display:flex}.admin-viewing-user{color:var(--ink);word-break:break-word;font-size:14px}.admin-sync-error{margin:0;padding:4px 10px;font-size:12px}.tutorial-backdrop{background:var(--backdrop);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;justify-content:center;align-items:center;padding:16px;animation:.15s ease-out fade-in;display:flex;position:fixed;inset:0}.tutorial-card{background:var(--card);border-radius:var(--radius-card);width:100%;max-width:420px;box-shadow:0 24px 60px -20px var(--backdrop);padding:24px 24px 20px;animation:.18s ease-out pop-in}.tutorial-step{letter-spacing:1.2px;text-transform:uppercase;color:var(--ink-soft);margin-bottom:8px;font-size:11px;font-weight:700}.tutorial-title{letter-spacing:-.3px;margin-bottom:10px;font-size:22px}.tutorial-body{color:var(--ink);margin:0 0 18px;font-size:15px;line-height:1.55}.tutorial-dots{gap:6px;margin-bottom:18px;display:flex}.tutorial-dot{background:var(--border-soft);border-radius:999px;width:8px;height:8px;transition:background .15s,transform .15s}.tutorial-dot-active{background:var(--primary);transform:scale(1.15)}.tutorial-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.tutorial-actions-right{gap:8px;display:flex}@media (width<=480px){.tutorial-card{padding:20px 18px 18px}.tutorial-title{font-size:20px}.tutorial-body{font-size:14px}}.browse{flex-direction:column;gap:16px;width:100%;max-width:980px;margin:0 auto;display:flex}.browse-intro{text-align:center;margin-top:8px}.browse-title{color:var(--ink);margin-bottom:6px;font-size:26px;font-weight:700}.browse-subtitle{color:var(--ink-soft);margin:0}.browse-logo-grid{margin-top:12px;grid-template-columns:1fr 1fr;gap:24px;max-width:880px;margin-inline:auto;display:grid}.browse-logo-btn{aspect-ratio:1;border:1px solid var(--border-soft);background:var(--card);cursor:pointer;width:100%;box-shadow:var(--shadow-soft);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px;transition:transform .12s,box-shadow .15s,border-color .15s;display:flex;overflow:hidden}.browse-logo-btn:hover{box-shadow:var(--shadow-card-hover);border-color:var(--primary);transform:translateY(-2px)}.browse-logo-btn:active{transform:translateY(0)}.browse-logo-icon{aspect-ratio:1;justify-content:center;align-items:center;width:55%;max-width:200px;display:inline-flex}.browse-logo-icon svg,.browse-logo-icon .tcg-icon{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.browse-logo-label{color:var(--ink);font-size:18px;font-weight:600}.browse-bar{background:var(--card);border:1px solid var(--border-soft);box-shadow:var(--shadow-soft);border-radius:14px;align-items:center;gap:12px;padding:8px 10px;display:flex}.browse-back{background:var(--bg-tint);width:36px;height:36px;color:var(--ink);border:1px solid var(--border-soft);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;display:inline-flex}.browse-back:hover{background:var(--card-elev)}.browse-bar-logo{flex-shrink:0;align-items:center;gap:8px;height:36px;display:inline-flex}.browse-bar-icon{justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.browse-bar-icon svg,.browse-bar-icon .tcg-icon{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.browse-bar-label{color:var(--ink);font-size:14px;font-weight:600}.browse-bar-actions{gap:8px;margin-left:auto;display:flex}.browse-action{padding:8px 14px;font-size:14px;font-weight:700}.browse-action-price{opacity:.85;font-weight:500}.browse-action-buy{background:var(--bg-tint);border-color:var(--border-soft);color:var(--ink)}.browse-action-buy:hover{background:var(--card-elev)}.browse-search-input{width:100%;font:inherit;border:1px solid var(--border);background:var(--card);color:var(--ink);border-radius:12px;outline:none;padding:14px 16px;font-size:16px;transition:border-color .15s,box-shadow .15s}.browse-search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.browse-status{color:var(--ink-soft);padding:4px 4px 0;font-size:13px}.browse-results{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.browse-result{background:var(--card);border:1px solid var(--border-soft);text-align:left;width:100%;color:var(--ink);font:inherit;cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:8px;transition:border-color .12s,transform 80ms,box-shadow .15s;display:flex}.browse-result:hover{border-color:var(--primary);box-shadow:var(--shadow-pop);transform:translateY(-1px)}.browse-result-img{object-fit:cover;background:var(--bg-tint);border-radius:6px;flex-shrink:0;width:48px;height:66px}.browse-result-img-empty{border:1px dashed var(--border-soft)}.browse-result-text{flex-direction:column;gap:2px;min-width:0;display:flex}.browse-result-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.browse-result-set{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.browse-result-rarity{color:var(--accent-ink);background:var(--accent-soft);border-radius:999px;align-self:flex-start;padding:1px 6px;font-size:11px;font-weight:600}.browse-detail-grid{background:var(--card);border:1px solid var(--border-soft);box-shadow:var(--shadow-soft);border-radius:18px;grid-template-columns:minmax(220px,320px) 1fr;gap:24px;padding:22px;display:grid}@media (width<=720px){.browse-detail-grid{grid-template-columns:1fr;gap:18px;padding:16px}}.browse-detail-image-col{flex-direction:column;align-items:center;gap:8px;display:flex}.browse-detail-image-btn{cursor:zoom-in;background:0 0;border:0;border-radius:12px;padding:0;transition:transform .12s}.browse-detail-image-btn:hover{transform:scale(1.02)}.browse-detail-image{width:100%;max-width:320px;height:auto;box-shadow:var(--shadow-card);border-radius:12px;display:block}.browse-detail-artist{color:var(--ink-soft);text-align:center;font-size:11px}.browse-detail-info{flex-direction:column;gap:12px;min-width:0;display:flex}.browse-detail-name{color:var(--ink);margin:0;font-size:24px;font-weight:700;line-height:1.2}.browse-detail-sub{color:var(--ink-soft);flex-wrap:wrap;gap:8px 12px;font-size:14px;display:flex}.browse-detail-num{font-variant-numeric:tabular-nums}.browse-chip-row{flex-wrap:wrap;gap:6px;display:flex}.browse-chip{background:var(--bg-tint);color:var(--ink-soft);border:1px solid var(--border-soft);border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.browse-chip-accent{background:var(--accent-soft);color:var(--accent-ink);border-color:#0000}.browse-chip-hp{background:var(--red-100);color:var(--red-800);border-color:#0000}:root[data-theme=dark] .browse-chip-hp{color:var(--red-300);background:#ef44442e}.browse-type-fire{color:#7f1d1d;background:#fecaca;border-color:#0000}.browse-type-water{color:#1e3a8a;background:#bfdbfe;border-color:#0000}.browse-type-grass{color:#14532d;background:#bbf7d0;border-color:#0000}.browse-type-lightning{color:#713f12;background:#fde68a;border-color:#0000}.browse-type-psychic{color:#581c87;background:#e9d5ff;border-color:#0000}.browse-type-fighting{color:#7c2d12;background:#fed7aa;border-color:#0000}.browse-type-darkness{color:#0f172a;background:#cbd5e1;border-color:#0000}.browse-type-metal{color:#334155;background:#e2e8f0;border-color:#0000}.browse-type-fairy{color:#831843;background:#fbcfe8;border-color:#0000}.browse-type-dragon{color:#78350f;background:#fde68a;border-color:#0000}.browse-type-colorless{color:#334155;background:#f1f5f9;border-color:#0000}.browse-color-red{color:#7f1d1d;background:#fecaca;border-color:#0000}.browse-color-blue{color:#1e3a8a;background:#bfdbfe;border-color:#0000}.browse-color-green{color:#14532d;background:#bbf7d0;border-color:#0000}.browse-color-yellow{color:#713f12;background:#fde68a;border-color:#0000}.browse-color-purple{color:#581c87;background:#e9d5ff;border-color:#0000}.browse-color-black{color:#0f172a;background:#cbd5e1;border-color:#0000}.browse-detail-line{color:var(--ink);font-size:14px}.browse-detail-line strong{color:var(--ink);margin-right:4px}.browse-detail-meta{color:var(--ink-soft);font-size:12px}.browse-rules{color:var(--ink-soft);flex-direction:column;gap:4px;margin:0;padding-left:18px;font-size:13px;list-style:outside;display:flex}.browse-section{border-top:1px solid var(--border-soft);flex-direction:column;gap:8px;padding-top:12px;display:flex}.browse-section-compact{padding-top:8px}.browse-section-title{letter-spacing:.8px;text-transform:uppercase;color:var(--ink-soft);margin:0;font-size:12px;font-weight:700}.browse-attack{flex-direction:column;gap:4px;padding:6px 0;display:flex}.browse-attack-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.browse-attack-name{color:var(--ink);font-size:14px;font-weight:600}.browse-attack-cost{gap:3px;display:inline-flex}.browse-attack-damage{color:var(--ink);font-variant-numeric:tabular-nums;margin-left:auto;font-size:14px;font-weight:700}.browse-attack-text{color:var(--ink-soft);margin:0;font-size:13px;line-height:1.45}.browse-energy{color:#0f172a;background:var(--slate-200);border-radius:999px;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:inline-flex}.browse-energy-fire{color:#fff;background:#ef4444}.browse-energy-water{color:#fff;background:#3b82f6}.browse-energy-grass{color:#fff;background:#22c55e}.browse-energy-lightning{color:#1f2937;background:#facc15}.browse-energy-psychic{color:#fff;background:#a855f7}.browse-energy-fighting{color:#fff;background:#ea580c}.browse-energy-darkness{color:#fff;background:#0f172a}.browse-energy-metal{color:#0f172a;background:#94a3b8}.browse-energy-fairy{color:#fff;background:#f472b6}.browse-energy-dragon{color:#fff;background:#ca8a04}.browse-energy-colorless{color:#0f172a;background:#e2e8f0}.browse-meta-row{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;display:grid}.browse-meta-row>div{background:var(--bg-tint);border-radius:10px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.browse-meta-label{letter-spacing:.8px;text-transform:uppercase;color:var(--ink-soft);font-size:10px;font-weight:600}.browse-price-table{border:1px solid var(--border-soft);border-radius:10px;flex-direction:column;font-size:13px;display:flex;overflow:hidden}.browse-price-row{font-variant-numeric:tabular-nums;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;align-items:center;gap:8px;padding:8px 12px;display:grid}.browse-price-row+.browse-price-row{border-top:1px solid var(--border-soft)}.browse-price-head{background:var(--bg-tint);letter-spacing:.6px;text-transform:uppercase;color:var(--ink-soft);font-size:11px;font-weight:700}.browse-price-variant{color:var(--ink);text-transform:capitalize;font-weight:600}.browse-price-market{color:var(--ink);font-weight:700}.browse-detail-link{color:var(--primary);align-self:flex-start;font-size:13px;font-weight:600;text-decoration:none}.browse-detail-link:hover{text-decoration:underline}.pct-preset-card{background:var(--card-elev);border:1px solid var(--border-soft);border-left:4px solid var(--primary);border-radius:12px;align-items:center;gap:10px;margin-bottom:12px;padding:8px 10px;display:flex}.pct-preset-pokemon{border-left-color:#3b4cca}.pct-preset-onepiece{border-left-color:#d12027}.pct-preset-img{object-fit:cover;background:var(--bg-tint);border-radius:4px;flex-shrink:0;width:32px;height:44px}.pct-preset-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.pct-preset-name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.pct-preset-meta{color:var(--ink-soft);font-size:11px}.pct-preset-clear{width:24px;height:24px;color:var(--ink-soft);background:0 0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;line-height:1;display:inline-flex}.pct-preset-clear:hover{background:var(--bg-tint);color:var(--ink)}