@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap";
:root{--color-primary:#1d4ed8;--color-primary-foreground:#f6f7f9;--color-primary-strong:color-mix(in srgb, var(--color-primary) 82%, white);--color-secondary:#f2c14e;--color-secondary-foreground:#0b0f1a;--color-secondary-strong:color-mix(in srgb, var(--color-secondary) 82%, black);--color-accent:#7ccbff;--color-accent-foreground:#0b0f1a;--color-success:#22c55e;--color-success-foreground:#052e16;--color-base:#0b0f1a;--color-base-foreground:#f6f7f9;--color-card:#111827;--color-card-foreground:#f6f7f9;--color-popover:#1a1f2e;--color-popover-foreground:#f6f7f9;--color-muted:#1a2333;--color-muted-foreground:#a8b3c7;--color-muted-foreground-strong:color-mix(in srgb, var(--color-muted-foreground) 82%, var(--color-base-foreground));--color-muted-foreground-faint:color-mix(in srgb, var(--color-muted-foreground) 55%, transparent);--color-border:#2a3347;--color-input:#111827;--color-destructive:#dc2626;--color-destructive-foreground:#fee2e2;--color-secondary-soft:color-mix(in srgb, var(--color-secondary) 72%, white);--color-accent-soft:color-mix(in srgb, var(--color-accent) 68%, white);--color-on-color:#fff;--color-overlay:#00000073;--color-glass:#ffffff26;--color-glass-strong:#ffffff38;--text-display:4rem;--text-h1:3rem;--text-h2:2.25rem;--text-h3:1.75rem;--text-h4:1.375rem;--text-body-lg:1.125rem;--text-body:1rem;--text-body-sm:.875rem;--text-caption:.75rem;--text-label:.6875rem;--text-code:.875rem;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-10:128px;--radius-none:0;--radius-xl:16px;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 8px 32px #0009;--shadow-glow-brand:0 0 24px #8b5cf64d;--shadow-glow-gold:0 0 24px #fbbf2440;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-instant:.1s;--duration-fast:.15s;--duration-base:.2s;--duration-slow:.3s;--duration-enter:.35s;--content-max-width:1280px;--content-reading-width:720px;--content-narrow-width:480px;--size-touch-target:44px;--size-mobile-bottom-bar:60px;--sidebar-width-expanded:264px;--sidebar-width-compact:72px;--sidebar-icon-size:20px;--sidebar-logo-size:calc(var(--space-6) + var(--space-2));--sidebar-avatar-size:28px;--sidebar-toggle-size:36px}@media (prefers-color-scheme:light){:root{--color-primary-strong:color-mix(in srgb, var(--color-primary) 82%, white);--color-secondary-strong:color-mix(in srgb, var(--color-secondary) 82%, black);--color-muted-foreground-strong:color-mix(in srgb, var(--color-muted-foreground) 82%, var(--color-base-foreground));--color-muted-foreground-faint:color-mix(in srgb, var(--color-muted-foreground) 55%, transparent);--color-secondary-soft:color-mix(in srgb, var(--color-secondary) 72%, white);--color-accent-soft:color-mix(in srgb, var(--color-accent) 68%, white)}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}@media (prefers-reduced-motion:reduce){:root{--duration-instant:0s;--duration-fast:0s;--duration-base:0s;--duration-slow:0s;--duration-enter:0s}}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--color-base);min-height:100vh;color:var(--color-base-foreground);font-family:var(--font-body);margin:0}a{color:inherit;text-decoration:none}.sidebar-logo-mark{width:var(--sidebar-logo-size);height:var(--sidebar-logo-size);object-fit:contain;flex-shrink:0}.section-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.inline-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-body-sm);font-weight:var(--weight-medium);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);border:1px solid #0000;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover{background:color-mix(in srgb, var(--color-primary) 85%, white)}.btn-ghost{color:var(--color-muted-foreground);border-color:var(--color-border);background:0 0}.btn-ghost:hover{background:var(--color-muted);color:var(--color-base-foreground)}.btn-lg{padding:12px var(--space-5);font-size:var(--text-body);border-radius:var(--radius-md);height:48px}.btn-full{justify-content:center;width:100%}.text-input{width:100%;padding:10px var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-input);color:var(--color-base-foreground);font-family:var(--font-body);font-size:var(--text-body-sm);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);outline:none}.text-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 25%, transparent)}.text-input::placeholder{color:var(--color-muted-foreground)}.chip{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-caption);font-weight:var(--weight-medium);font-family:var(--font-body);display:inline-flex}.chip-success{background:color-mix(in srgb, var(--color-success) 15%, transparent);color:var(--color-success)}@keyframes skeleton-sweep{0%{background-position:-200% 0}to{background-position:200% 0}}.toast{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);pointer-events:all;max-width:360px;animation:toast-enter var(--duration-slow) var(--ease-out);display:flex}@keyframes toast-enter{0%{opacity:0;transform:translateY(var(--space-4))}to{opacity:1;transform:translateY(0)}}.popover{z-index:50;background:var(--color-popover);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-2) 0;min-width:180px;animation:popover-enter var(--duration-base) var(--ease-out);position:absolute}@keyframes popover-enter{0%{opacity:0;transform:translateY(-4px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.panel{top:var(--space-6);right:var(--space-6);bottom:var(--space-6);z-index:46;width:min(var(--content-narrow-width), calc(100vw - var(--space-8)));background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);animation:panel-enter var(--duration-base) var(--ease-out);flex-direction:column;display:flex;position:fixed;overflow:hidden}@keyframes panel-enter{0%{opacity:0;transform:translateY(calc(var(--space-3) * -1))}to{opacity:1;transform:translateY(0)}}.dialog{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:400px;max-width:calc(100vw - var(--space-6));padding:var(--space-6);gap:var(--space-4);animation:dialog-enter var(--duration-base) var(--ease-out);flex-direction:column;display:flex}@keyframes dialog-enter{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.star{cursor:pointer;transition:transform var(--duration-fast) var(--ease-spring);font-size:14px}.star:hover{transform:scale(1.2)}.settings-field{gap:var(--space-2);flex-direction:column;display:flex}.settings-field-label{font-size:var(--text-body-sm);font-weight:var(--weight-medium);color:var(--color-base-foreground);margin:0}.kbd{border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--color-muted-foreground);background:var(--color-muted);justify-content:center;align-items:center;padding:1px 6px;font-size:11px;display:inline-flex}.auth-split{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.auth-error,.auth-terms{margin:0}.auth-terms{color:var(--color-muted-foreground);font-size:var(--text-caption)}.auth-right{background:var(--color-card);padding:var(--space-8);justify-content:center;align-items:center;display:flex}.auth-card{gap:var(--space-5);flex-direction:column;width:100%;max-width:420px;display:flex}.auth-card-header{text-align:center;align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.auth-card-title{font-family:var(--font-display);font-size:var(--text-h2);font-weight:var(--weight-bold);color:var(--color-base-foreground);margin:0}.auth-card-subtitle{font-size:var(--text-body-sm);color:var(--color-muted-foreground);margin:0}.auth-card-subtitle strong{color:var(--color-base-foreground);font-weight:var(--weight-semibold)}.auth-social-actions,.auth-form-fields{gap:var(--space-4);flex-direction:column;display:flex}.auth-social-actions{gap:var(--space-2)}.auth-social-btn{justify-content:center;align-items:center;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-muted);height:44px;color:var(--color-base-foreground);font-size:var(--text-body-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);width:100%;text-decoration:none;display:flex}.auth-social-btn:hover{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 5%, var(--color-muted))}.auth-divider{align-items:center;gap:var(--space-3);display:flex}.auth-divider-line{background:var(--color-border);flex:1;height:1px}.auth-divider-text{font-size:var(--text-body-sm);color:var(--color-muted-foreground);flex-shrink:0}.auth-field{gap:var(--space-2);flex-direction:column;display:flex}.auth-field-label{font-size:var(--text-body-sm);font-weight:var(--weight-medium);color:var(--color-base-foreground);justify-content:space-between;align-items:center;display:flex}.auth-forgot{font-size:var(--text-body-sm);color:var(--color-primary);cursor:pointer;text-decoration:none}.password-input{padding-right:var(--space-7)}.auth-error{color:var(--color-destructive);font-size:var(--text-body-sm)}.auth-captcha{min-height:var(--space-1)}.auth-terms{text-align:center}.auth-terms a{color:var(--color-primary)}.auth-forgot:hover{text-decoration:underline}.auth-footer-text{text-align:center;font-size:var(--text-body-sm);color:var(--color-muted-foreground)}.auth-footer-link{color:var(--color-primary);cursor:pointer;font-weight:var(--weight-medium);text-decoration:none}.auth-footer-link:hover{text-decoration:underline}.password-input-wrap{position:relative}.password-toggle{right:var(--space-3);cursor:pointer;color:var(--color-muted-foreground);background:0 0;border:none;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.onboarding-shell{background:var(--color-base);flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.onboarding-step{width:100%;max-width:640px;animation:step-enter var(--duration-base) var(--ease-out)}@keyframes step-enter{0%{opacity:0;transform:translateY(var(--space-3))}to{opacity:1;transform:translateY(0)}}.onboarding-categories-grid{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.onboarding-category-label{font-size:var(--text-body-sm);color:var(--color-base-foreground);font-weight:var(--weight-medium)}.onboarding-category-check{top:var(--space-2);right:var(--space-2);background:var(--color-success);border-radius:var(--radius-full);justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:absolute}.feature-reveal-card{align-items:flex-start;gap:var(--space-4);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);animation:step-enter var(--duration-enter) var(--ease-out) both;display:flex}.feature-reveal-card:first-child{animation-delay:0s}.feature-reveal-card:nth-child(2){animation-delay:80ms}.feature-reveal-card:nth-child(3){animation-delay:.16s}.feature-reveal-title{font-family:var(--font-display);font-size:var(--text-h4);color:var(--color-base-foreground);margin:0 0 var(--space-1)}.feature-reveal-desc{font-size:var(--text-body-sm);color:var(--color-muted-foreground);margin:0;line-height:1.55}@media (max-width:1279px){.auth-split{grid-template-columns:1fr}}@media (max-width:767px){.panel{top:var(--space-4);right:var(--space-4);bottom:var(--space-4);left:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:auto;animation:panel-enter-mobile var(--duration-base) var(--ease-out)}@keyframes panel-enter-mobile{0%{opacity:0;transform:translateY(var(--space-3))}to{opacity:1;transform:translateY(0)}}.onboarding-categories-grid{grid-template-columns:repeat(2,1fr)}}.onboarding-container{max-width:720px;min-height:100vh;padding:0 var(--space-6);z-index:5;flex-direction:column;margin:0 auto;display:flex;position:relative}.onboarding-header{align-items:center;gap:var(--space-4);padding:var(--space-5) 0 var(--space-4);display:flex}.onboarding-progress-track{gap:var(--space-1);flex:1;display:flex}.onboarding-progress-segment{border-radius:var(--radius-full);background:var(--color-border);height:4px;transition:background var(--duration-base) var(--ease-out);flex:1}.onboarding-progress-segment--filled{background:var(--color-primary)}.onboarding-step-label{font-size:var(--text-body-sm);color:var(--color-muted-foreground);white-space:nowrap}.onboarding-body{padding:var(--space-6) 0;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.onboarding-title{font-family:var(--font-display);font-size:var(--text-h2);font-weight:var(--weight-bold);color:var(--color-base-foreground);text-align:center;margin:0 0 var(--space-2)}.onboarding-subtitle{font-size:var(--text-body);color:var(--color-muted-foreground);text-align:center;margin:0 0 var(--space-6);max-width:480px;line-height:1.65}.onboarding-sparkle{text-align:center;margin-bottom:var(--space-5)}.onboarding-features{gap:var(--space-3);flex-direction:column;width:100%;display:flex}.onboarding-form{gap:var(--space-4);flex-direction:column;width:100%;display:flex}.onboarding-category-card{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-lg);border:2px solid var(--color-border);background:var(--color-card);cursor:pointer;height:90px;transition:all var(--duration-fast) var(--ease-out);flex-direction:column;display:flex;position:relative}.onboarding-category-card:hover{box-shadow:var(--shadow-sm);border-color:var(--color-primary)}.onboarding-category-card--selected{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 10%, transparent)}.onboarding-success-icon{background:var(--color-success);width:72px;height:72px;margin:0 auto var(--space-5);animation:success-pop var(--duration-base) var(--ease-spring);border-radius:50%;justify-content:center;align-items:center;display:flex}@keyframes success-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.onboarding-summary{gap:var(--space-2);width:100%;max-width:360px;margin:var(--space-4) auto 0;flex-direction:column;display:flex}.onboarding-summary-row{align-items:center;gap:var(--space-3);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-body-sm);color:var(--color-base-foreground);display:flex}.onboarding-footer{padding:var(--space-5) 0;border-top:1px solid var(--color-border);align-items:center;gap:var(--space-2);display:flex}.onboarding-logo-mark{width:40px;height:40px}.onboarding-sparkle{color:var(--color-primary)}.onboarding-selection-count,.field-hint{margin:var(--space-2) 0 0;color:var(--color-muted-foreground);font-size:var(--text-caption);text-align:center}.field-hint{text-align:left}.onboarding-plan-progress{gap:var(--space-3);text-align:center;width:min(420px,100%);display:grid}.onboarding-plan-progress strong{font-family:var(--font-display);font-size:var(--text-h2)}.onboarding-plan-track{border-radius:var(--radius-full);background:var(--color-muted);height:8px;overflow:hidden}.onboarding-plan-track span{border-radius:inherit;background:var(--color-primary);height:100%;transition:width .12s ease-out;display:block}.onboarding-plan-checklist{gap:var(--space-3);width:min(420px,100%);display:grid}.onboarding-plan-checklist>div{align-items:center;gap:var(--space-3);color:var(--color-muted-foreground);display:flex}.onboarding-plan-checklist>div.is-complete{color:var(--color-foreground)}.onboarding-file-picker,.onboarding-file-card{align-items:center;gap:var(--space-3);width:min(520px,100%);padding:var(--space-5);border:1px dashed var(--color-border);border-radius:var(--radius-xl);background:var(--color-card);display:flex}.onboarding-file-picker{cursor:pointer;text-align:center;flex-direction:column}.onboarding-file-picker:hover{border-color:var(--color-primary)}.onboarding-file-picker span,.onboarding-file-card span{color:var(--color-muted-foreground);font-size:var(--text-caption)}.onboarding-file-picker input{opacity:0;width:1px;height:1px;position:absolute}.onboarding-file-card>div{gap:var(--space-1);flex:1;display:grid}.onboarding-footer-actions{gap:var(--space-2);display:flex}.auth-split{isolation:isolate;min-height:100vh;padding:var(--space-6);background:url(/auth/supraomnia-cosmos.png) center / cover no-repeat, var(--color-base);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-split:after{z-index:-1;background:color-mix(in srgb, var(--color-base) 4%, transparent);-webkit-backdrop-filter:blur(var(--space-1));backdrop-filter:blur(var(--space-1));content:"";position:absolute;inset:0}.auth-site-brand{top:var(--space-5);left:var(--space-5);z-index:1;align-items:center;gap:var(--space-2);color:var(--color-base-foreground);font-family:var(--font-display);font-size:var(--text-body);font-weight:var(--weight-bold);letter-spacing:-.01em;display:inline-flex;position:absolute}.auth-site-brand-emblem{width:var(--space-8);height:var(--space-8);object-fit:contain;filter:drop-shadow(var(--shadow-glow-gold))}.auth-site-brand-name{color:var(--color-base-foreground);text-shadow:var(--shadow-sm)}.auth-right{z-index:1;width:min(100%, var(--content-narrow-width));background:0 0;padding:0}.auth-card{width:100%;max-width:none;padding:var(--space-7);border:1px solid color-mix(in srgb, var(--color-base-foreground) 24%, transparent);border-radius:var(--radius-xl);background:color-mix(in srgb, var(--color-card) 78%, transparent);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(var(--space-3));backdrop-filter:blur(var(--space-3))}.auth-card-header{gap:var(--space-3)}.auth-card-title{font-size:var(--text-h3)}.auth-product-app-icon{width:var(--space-7);height:var(--space-7);border:1px solid color-mix(in srgb, var(--color-base-foreground) 18%, transparent);border-radius:var(--radius-lg);box-shadow:var(--shadow-glow-brand);object-fit:cover}@media (max-width:767px){.auth-split{padding:var(--space-4);align-items:flex-end}.auth-site-brand{top:var(--space-4);left:var(--space-4)}.auth-card{padding:var(--space-5)}}
:root{--font-display:"Space Grotesk", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--type-large-title:700 34px/41px var(--font-display);--type-nav-title:600 17px/22px var(--font-display);--type-display:700 28px/34px var(--font-display);--type-heading:600 20px/26px var(--font-display);--type-title:600 17px/22px var(--font-body);--type-title-compact:600 15px/20px var(--font-body);--type-body:400 16px/22px var(--font-body);--type-body-emphasis:500 16px/22px var(--font-body);--type-meta:400 13px/18px var(--font-body);--type-meta-emphasis:500 13px/18px var(--font-body);--type-chip:500 12px/16px var(--font-body);--type-section-label:600 12px/16px var(--font-display);--type-value:600 15px/20px var(--font-body);--type-code:400 13px/18px var(--font-mono);--type-tab:500 11px/13px var(--font-body);--tracking-display:-.4px;--tracking-heading:-.2px;--tracking-title:-.2px;--tracking-title-compact:-.1px;--tracking-section-label:.6px;--space-0-5:2px;--space-1:4px;--space-1-5:6px;--space-2:8px;--space-2-5:10px;--space-3:12px;--space-3-5:14px;--space-4:16px;--space-4-5:20px;--space-5:24px;--space-5-5:28px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--radius-hairline:3px;--radius-sm:6px;--radius-md:8px;--radius-field:10px;--radius-lg:12px;--radius-tile-sm:14px;--radius-card:16px;--radius-tile:18px;--radius-tile-lg:20px;--radius-deck:26px;--radius-full:9999px;--ease-out-strong:cubic-bezier(.23, 1, .32, 1);--ease-in-out-strong:cubic-bezier(.77, 0, .175, 1);--motion-press:.12s;--motion-state:.18s;--motion-reflow:.22s;--motion-reveal:.25s;--motion-exit:.2s;--size-hit:44px;--gutter:var(--space-4);--content-reading:720px;--content-wide:1120px;--sidebar-width:248px;--sidebar-rail-width:76px;--tabbar-height:56px;--topbar-height:52px;--hairline:1px}@media (min-width:768px){:root{--gutter:var(--space-6)}}@media (prefers-reduced-motion:reduce){:root{--motion-press:0s;--motion-state:0s;--motion-reflow:0s;--motion-reveal:0s;--motion-exit:0s}}@media (min-resolution:2x){:root{--hairline:.5px}}html{background:var(--role-canvas);color:var(--role-label);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{background:var(--role-canvas);color:var(--role-label);font-family:var(--font-body)}::selection{background:var(--role-action-soft)}