:root{--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-light:#dbeafe;--color-secondary:#64748b;--color-secondary-hover:#475569;--color-success:#16a34a;--color-warning:#d97706;--color-error:#dc2626;--color-info:#0891b2;--color-success-bg:rgba(22,162,73,.1);--color-success-border:rgba(22,162,73,.2);--color-warning-bg:rgba(217,119,6,.1);--color-warning-border:rgba(217,119,6,.2);--color-error-bg:rgba(220,38,38,.1);--color-error-border:rgba(220,38,38,.2);--color-info-bg:rgba(8,145,178,.1);--color-info-border:rgba(8,145,178,.2);--color-subscription:#6366f1;--color-subscription-bg:rgba(99,102,241,.1);--color-subscription-border:rgba(99,102,241,.2);--color-subscription-bg-gradient-start:rgba(99,102,241,.02);--color-subscription-bg-gradient-end:rgba(99,102,241,.05);--color-onetime:#22c55e;--color-onetime-bg:rgba(34,197,94,.1);--color-onetime-border:rgba(34,197,94,.2);--color-onetime-bg-gradient-start:rgba(34,197,94,.02);--color-onetime-bg-gradient-end:rgba(34,197,94,.05);--color-metered:#a855f7;--color-metered-bg:rgba(168,85,247,.1);--color-metered-border:rgba(168,85,247,.2);--color-metered-bg-gradient-start:rgba(168,85,247,.02);--color-metered-bg-gradient-end:rgba(168,85,247,.05);--color-text-primary:#0f172a;--color-text-secondary:#64748b;--color-text-muted:#94a3b8;--color-text-inverse:#fff;--color-bg-primary:#fff;--color-bg-secondary:#f8fafc;--color-bg-muted:#f1f5f9;--color-bg-inverse-muted:#1e293b;--color-bg-overlay:rgba(15,23,42,.8);--color-border:#e2e8f0;--color-border-hover:#cbd5e1;--color-border-focus:#3b82f6;--font-family-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-mono:"SF Mono",Monaco,"Cascadia Code",monospace;--font-size-2xs:.625rem;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.625;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--size-xs:20rem;--size-sm:24rem;--size-md:28rem;--size-lg:32rem;--size-xl:36rem;--size-2xl:42rem;--size-full:100%;--radius-sm:.125rem;--radius-base:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-full:9999px;--shadow-xs:0 1px 2px 0 rgba(0,0,0,.05);--shadow-sm:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--shadow-base:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-md:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-lg:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--shadow-xl:0 25px 50px -12px rgba(0,0,0,.25);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal:1040;--z-toast:1045;--z-popover:1050;--z-tooltip:1060;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.2s cubic-bezier(.4,0,.2,1);--transition-slow:.3s cubic-bezier(.4,0,.2,1)}[data-theme=dark]{--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-primary-light:#1e3a8a;--color-secondary:#6b7280;--color-secondary-hover:#9ca3af;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#06b6d4;--color-text-primary:#f8fafc;--color-text-secondary:#cbd5e1;--color-text-muted:#94a3b8;--color-text-inverse:#0f172a;--color-bg-primary:#1e293b;--color-bg-secondary:#0f172a;--color-bg-muted:#334155;--color-bg-inverse-muted:#0f172a;--color-bg-overlay:rgba(0,0,0,.8);--color-border:#334155;--color-border-hover:#475569;--color-border-focus:#3b82f6;--shadow-xs:0 1px 2px 0 rgba(0,0,0,.3);--shadow-sm:0 1px 3px 0 rgba(0,0,0,.4),0 1px 2px -1px rgba(0,0,0,.4);--shadow-base:0 4px 6px -1px rgba(0,0,0,.4),0 2px 4px -2px rgba(0,0,0,.4);--shadow-md:0 10px 15px -3px rgba(0,0,0,.4),0 4px 6px -4px rgba(0,0,0,.4);--shadow-lg:0 20px 25px -5px rgba(0,0,0,.5),0 8px 10px -6px rgba(0,0,0,.5);--shadow-xl:0 25px 50px -12px rgba(0,0,0,.6)}*{box-sizing:border-box}body{background-color:var(--color-bg-secondary);color:var(--color-text-primary);font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{display:none}:focus{outline:2px solid var(--color-border-focus);outline-offset:2px}:focus:not(:focus-visible){outline:none}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.page{margin:0 auto;max-width:1200px;min-width:0;padding:var(--space-6);width:100%}.float-right{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:flex-end;width:100%}@media(max-width:768px){.page{padding:var(--space-2)}.float-right{justify-content:flex-start;row-gap:var(--space-2)}.page [style*="display: grid"]{min-width:0}.page [style*=grid-template-columns]{grid-template-columns:1fr!important}.page .base-tabs,.page base-tabs,.tabs-content{max-width:100%;overflow-x:hidden}}.onboarding-form{gap:var(--space-6);margin-top:var(--space-4)}.form-section,.onboarding-form{box-sizing:border-box;display:flex;flex-direction:column;max-width:100%;width:100%}.form-section{gap:var(--space-3)}.form-section h5,.section-title{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin:0 0 var(--space-3) 0}.form-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}.form-field,.form-grid{box-sizing:border-box;max-width:100%;width:100%}.form-field{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.form-field.full-width{grid-column:1/-1}.form-field label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.form-field select{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3);transition:border-color .2s ease;width:100%}.form-field select:focus{border-color:var(--color-primary);outline:none}.form-field select:disabled{cursor:not-allowed;opacity:.5}.form-actions{align-items:flex-start;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-4)}.form-note{color:var(--color-text-secondary);font-size:var(--font-size-sm)}@media(max-width:640px){.form-grid{grid-template-columns:1fr}}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:active,select:-webkit-autofill:focus,select:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:active,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{-webkit-background-clip:text!important;-webkit-text-fill-color:var(--color-text-primary)!important;background-color:var(--color-bg-primary)!important;box-shadow:0 0 0 1000px var(--color-bg-primary) inset!important;transition:background-color 5000s ease-in-out 0s!important}.desktop-only{display:block}@media(max-width:768px){.desktop-only{display:none}}[data-theme=retro]{--color-primary:#f25f4c;--color-primary-hover:#d94c3d;--color-primary-light:#ffe5dc;--color-secondary:#0f9d8a;--color-secondary-hover:#0b7d6e;--color-success:#1ea896;--color-warning:#f2a541;--color-error:#ef476f;--color-info:#06aed5;--color-text-primary:#2d1b3d;--color-text-secondary:#5b3a5d;--color-text-muted:#7d6b7b;--color-text-inverse:#fff7e6;--color-bg-primary:#fff7e6;--color-bg-secondary:#fff0d7;--color-bg-muted:#ffe7c2;--color-bg-inverse-muted:#2d1b3d;--color-bg-overlay:rgba(45,27,61,.8);--color-border:#f1d9b4;--color-border-hover:#e0c18f;--color-border-focus:#f25f4c;--font-family-sans:"Courier New","Lucida Console",Monaco,monospace;--font-family-mono:"Courier New","Lucida Console",Monaco,monospace;--space-1:.2rem;--space-2:.4rem;--space-3:.65rem;--space-4:.9rem;--space-5:1.15rem;--space-6:1.4rem;--space-8:1.9rem;--space-10:2.35rem;--space-12:2.8rem;--space-16:3.6rem;--space-20:4.4rem;--space-24:5.2rem;--radius-sm:0;--radius-base:0;--radius-md:.125rem;--radius-lg:.25rem;--radius-xl:.375rem;--radius-2xl:.5rem;--radius-full:2rem;--shadow-xs:2px 2px 0 0 rgba(45,27,61,.2);--shadow-sm:3px 3px 0 0 rgba(45,27,61,.25);--shadow-base:4px 4px 0 0 rgba(45,27,61,.28);--shadow-md:6px 6px 0 0 rgba(45,27,61,.32);--shadow-lg:8px 8px 0 0 rgba(45,27,61,.35);--shadow-xl:12px 12px 0 0 rgba(45,27,61,.4)}[data-theme=neo-tokyo]{--color-primary:#ff2df7;--color-primary-hover:#e024d9;--color-primary-light:#2a1036;--color-secondary:#1ef2ff;--color-secondary-hover:#12c8d6;--color-success:#23f0c7;--color-warning:#ffce38;--color-error:#ff3b58;--color-info:#5ad7ff;--color-text-primary:#f6f8ff;--color-text-secondary:#c0c4ff;--color-text-muted:#8a90bf;--color-text-inverse:#05030d;--color-bg-primary:#0b0a14;--color-bg-secondary:#070611;--color-bg-muted:#13122a;--color-bg-inverse-muted:#070611;--color-bg-overlay:rgba(5,3,13,.85);--color-border:#262447;--color-border-hover:#3a3766;--color-border-focus:#ff2df7;--font-family-sans:"Space Grotesk","Segoe UI",sans-serif;--font-family-mono:"JetBrains Mono","SF Mono","Cascadia Code",monospace;--space-1:.2rem;--space-2:.45rem;--space-3:.7rem;--space-4:.95rem;--space-5:1.15rem;--space-6:1.35rem;--space-8:1.8rem;--space-10:2.25rem;--space-12:2.7rem;--space-16:3.4rem;--space-20:4.1rem;--space-24:4.8rem;--radius-sm:.125rem;--radius-base:.2rem;--radius-md:.35rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-full:9999px;--shadow-xs:0 0 0 1px rgba(255,45,247,.35);--shadow-sm:0 4px 12px rgba(30,242,255,.2),0 0 0 1px rgba(38,36,71,.9);--shadow-base:0 10px 25px rgba(255,45,247,.2),0 6px 18px rgba(30,242,255,.18);--shadow-md:0 15px 35px rgba(255,45,247,.28),0 10px 30px rgba(30,242,255,.2);--shadow-lg:0 20px 45px rgba(255,45,247,.35),0 16px 45px rgba(30,242,255,.22);--shadow-xl:0 30px 70px rgba(94,19,157,.4)}[data-theme=editorial-serif]{--color-primary:#7a2842;--color-primary-hover:#5f1f34;--color-primary-light:#f5e9ed;--color-secondary:#1f3c88;--color-secondary-hover:#182e68;--color-success:#3d7b57;--color-warning:#c4801f;--color-error:#b23a48;--color-info:#3a6ea5;--color-text-primary:#1f2733;--color-text-secondary:#3f4b59;--color-text-muted:#6c7582;--color-text-inverse:#f7f2eb;--color-bg-primary:#fdf7f0;--color-bg-secondary:#f7efe6;--color-bg-muted:#ede3d9;--color-bg-inverse-muted:#1f2733;--color-bg-overlay:rgba(31,39,51,.85);--color-border:#d8cfc5;--color-border-hover:#c5b8ac;--color-border-focus:#7a2842;--font-family-sans:"Source Serif Pro","Georgia",serif;--font-family-mono:"IBM Plex Mono","SF Mono","Cascadia Code",monospace;--space-1:.3rem;--space-2:.6rem;--space-3:.95rem;--space-4:1.25rem;--space-5:1.6rem;--space-6:1.9rem;--space-8:2.5rem;--space-10:3.1rem;--space-12:3.7rem;--space-16:4.8rem;--space-20:6rem;--space-24:7.2rem;--radius-sm:.125rem;--radius-base:.25rem;--radius-md:.35rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1.25rem;--radius-full:9999px;--shadow-xs:0 1px 2px 0 rgba(31,39,51,.08);--shadow-sm:0 4px 8px -2px rgba(31,39,51,.12);--shadow-base:0 8px 14px -4px rgba(31,39,51,.14);--shadow-md:0 12px 20px -5px rgba(31,39,51,.16);--shadow-lg:0 18px 28px -6px rgba(31,39,51,.18);--shadow-xl:0 26px 40px -10px rgba(31,39,51,.2)}[data-theme=tropical-clay]{--color-primary:#d66b28;--color-primary-hover:#b95618;--color-primary-light:#fde4c6;--color-secondary:#1a9c73;--color-secondary-hover:#127658;--color-success:#3fa35b;--color-warning:#d98c1a;--color-error:#c2473d;--color-info:#3aa6a1;--color-text-primary:#2c1608;--color-text-secondary:#52331f;--color-text-muted:#7c5944;--color-text-inverse:#fef9f2;--color-bg-primary:#f7f1e8;--color-bg-secondary:#f1e3d3;--color-bg-muted:#e6d3c1;--color-bg-inverse-muted:#2c1608;--color-bg-overlay:rgba(44,22,8,.78);--color-border:#e0c8b3;--color-border-hover:#d2b59d;--color-border-focus:#d66b28;--font-family-sans:"Quicksand","Trebuchet MS",sans-serif;--font-family-mono:"Menlo","SF Mono",monospace;--space-1:.25rem;--space-2:.5rem;--space-3:.8rem;--space-4:1.05rem;--space-5:1.35rem;--space-6:1.65rem;--space-8:2.1rem;--space-10:2.6rem;--space-12:3.1rem;--space-16:3.8rem;--space-20:4.6rem;--space-24:5.5rem;--radius-sm:.2rem;--radius-base:.35rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.25rem;--radius-full:9999px;--shadow-xs:0 2px 4px 0 rgba(44,22,8,.08);--shadow-sm:0 4px 8px -2px rgba(44,22,8,.12),0 2px 4px -3px rgba(214,107,40,.12);--shadow-base:0 8px 14px -2px rgba(44,22,8,.16),0 4px 8px -3px rgba(214,107,40,.16);--shadow-md:0 12px 20px -4px rgba(44,22,8,.2),0 8px 16px -6px rgba(214,107,40,.18);--shadow-lg:0 18px 28px -6px rgba(44,22,8,.22),0 12px 22px -8px rgba(214,107,40,.22);--shadow-xl:0 28px 45px -10px rgba(44,22,8,.26)}[data-theme=ocean]{--color-primary:#0077be;--color-primary-hover:#005a8e;--color-primary-light:#e6f3ff;--color-secondary:#00a896;--color-secondary-hover:#008577;--color-success:#28a745;--color-warning:orange;--color-error:#dc3545;--color-info:#17a2b8;--color-text-primary:#1a1a2e;--color-text-secondary:#4a5568;--color-text-muted:#718096;--color-text-inverse:#fff;--color-bg-primary:#f0f8ff;--color-bg-secondary:#e6f3ff;--color-bg-muted:#d9ecff;--color-bg-inverse-muted:#1a1a2e;--color-bg-overlay:rgba(26,26,46,.8);--color-border:#b8d4e8;--color-border-hover:#99c2de;--color-border-focus:#0077be;--font-family-sans:"Inter",system-ui,sans-serif;--font-family-mono:"JetBrains Mono",monospace;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:.125rem;--radius-base:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-full:9999px;--shadow-xs:0 1px 2px 0 rgba(26,26,46,.05);--shadow-sm:0 2px 4px -1px rgba(26,26,46,.1);--shadow-base:0 4px 6px -1px rgba(26,26,46,.1);--shadow-md:0 8px 12px -2px rgba(26,26,46,.12);--shadow-lg:0 16px 24px -4px rgba(26,26,46,.15);--shadow-xl:0 24px 40px -8px rgba(26,26,46,.18)}
