:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f4f7fc;--surface:#fff;--surface-raised:#fff;--surface-secondary:#eef4fb;--surface-soft:#eef4fb;--surface-hover:#e7eff9;--sidebar-background:#f9fbff;--border:#dbe5f1;--border-strong:#bfd0e5;--text-primary:#0a1734;--text-strong:#0a1734;--text-secondary:#4e607c;--text-muted:#7b8ba3;--accent:#176bff;--accent-hover:#0d5be0;--accent-soft:#e7f0ff;--accent-foreground:#fff;--success:#0a9b70;--warning:#c47b16;--error:#d4485f;--info:#176bff;--code-background:#202329;--code-text:#eef0f4;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--shadow-sm:0 3px 12px #1f487c0f;--shadow-md:0 20px 55px #1f487c1f;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-9:36px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--font-display:clamp(2.75rem, 4.4vw, 4.25rem);--font-page-title:clamp(1.875rem, 4vw, 2.125rem);--font-section-title:clamp(1.375rem, 3vw, 1.5rem);--font-card-title:1.125rem;--font-heading-3:1.125rem;--font-body:1rem;--font-secondary:.9375rem;--font-label:.875rem;--control-height:44px;--sidebar-width:248px;--content-width:1220px;--reading-width:760px;--transition-fast:.18s ease}.sql-ai-hints{border-top:1px solid var(--border);gap:.75rem;margin-top:.25rem;padding-top:1rem;display:grid}.sql-ai-hints__heading{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.sql-ai-hints__heading h2{margin:0}.sql-ai-hints__heading span,.sql-ai-hints__status{color:var(--text-muted);font-size:.78rem}.sql-ai-hints__heading span{min-height:26px;padding:0 var(--space-2);color:var(--info);border:1px solid color-mix(in srgb, var(--info) 36%, var(--border));background:color-mix(in srgb, var(--info) 8%, var(--surface));white-space:nowrap;border-radius:999px;align-items:center;font-weight:700;display:inline-flex}.sql-ai-hints__list{gap:.65rem;display:grid}.sql-ai-hint{border:1px solid color-mix(in srgb, var(--accent) 26%, var(--border));background:color-mix(in srgb, var(--accent) 7%, transparent);border-radius:.75rem;gap:.35rem;padding:.75rem;display:grid}.sql-ai-hint strong{color:var(--text-primary);font-size:.78rem}.sql-ai-hint__content p,.sql-ai-hints__status,.sql-ai-hints__error,.sql-ai-hints__notice{margin:0}.sql-ai-hint__content{overflow-wrap:anywhere;font-size:.84rem;line-height:1.55}.sql-ai-hint__content>*+*{margin-top:.45rem}.sql-ai-hint__content ul,.sql-ai-hint__content ol{margin-bottom:0;padding-left:1.25rem}.sql-ai-hint__content code{background:var(--surface-secondary);border-radius:.25rem;padding:.08rem .25rem;font-size:.8rem}.sql-ai-hints__error{color:var(--error);font-size:.8rem;line-height:1.4}.sql-ai-hints__notice{color:var(--accent);font-size:.8rem;line-height:1.4}.sql-ai-hints .ui-button{width:100%}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#06111f;--surface:#0c1a2c;--surface-raised:#0f2035;--surface-secondary:#11243b;--surface-soft:#0f2035;--surface-hover:#172d49;--sidebar-background:#081728;--border:#1c3553;--border-strong:#2b4d73;--text-primary:#f2f7ff;--text-strong:#f2f7ff;--text-secondary:#adc0d9;--text-muted:#7187a4;--accent:#3986ff;--accent-hover:#5c9aff;--accent-soft:#102f58;--accent-foreground:#fff;--success:#2fd5a1;--warning:#efb45d;--error:#ff788d;--info:#62a2ff;--shadow-sm:0 3px 14px #00000038;--shadow-md:0 22px 60px #00000057}@media (prefers-color-scheme:dark){:root:not([data-theme]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#06111f;--surface:#0c1a2c;--surface-raised:#0f2035;--surface-secondary:#11243b;--surface-soft:#0f2035;--surface-hover:#172d49;--sidebar-background:#081728;--border:#1c3553;--border-strong:#2b4d73;--text-primary:#f2f7ff;--text-strong:#f2f7ff;--text-secondary:#adc0d9;--text-muted:#7187a4;--accent:#3986ff;--accent-hover:#5c9aff;--accent-soft:#102f58;--accent-foreground:#fff;--success:#2fd5a1;--warning:#efb45d;--error:#ff788d;--info:#62a2ff;--shadow-sm:0 3px 14px #00000038;--shadow-md:0 22px 60px #00000057}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px;min-height:100%;scroll-padding-top:var(--space-24)}body{min-height:100%;color:var(--text-primary);background:var(--background);font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:var(--font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}button,input,textarea,select{color:inherit;font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{border:0}svg{display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--text-primary);letter-spacing:-.025em;font-weight:650}h1{font-size:var(--font-page-title);line-height:1.15}h2{font-size:var(--font-section-title);line-height:1.25}h3{font-size:var(--font-card-title);line-height:1.35}::selection{color:var(--accent-foreground);background:var(--accent)}:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 72%, transparent);outline-offset:3px}.skip-link{z-index:100;top:var(--space-3);left:var(--space-3);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);color:var(--accent-foreground);background:var(--accent);opacity:0;pointer-events:none;transform:translateY(calc(-100% - var(--space-6)));transition:opacity var(--transition-fast), transform var(--transition-fast);font-weight:650;position:fixed}.skip-link:focus{opacity:1;pointer-events:auto;transform:translateY(0)}.ui-container{width:min(calc(100% - (var(--space-8) * 2)), var(--content-width));margin-inline:auto}.ui-container--content{max-width:920px}.ui-button{min-height:var(--control-height);justify-content:center;align-items:center;gap:var(--space-2);padding:0 var(--space-5);cursor:pointer;font-size:var(--font-secondary);white-space:nowrap;transition:color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);border:1px solid #0000;border-radius:11px;font-weight:700;line-height:1;display:inline-flex}.ui-button svg{width:18px;height:18px}.ui-button:hover:not(:disabled){transform:translateY(-1px)}.ui-button:active:not(:disabled){transform:translateY(0)}.ui-button:disabled{cursor:not-allowed;opacity:.48}.ui-button--primary{color:var(--accent-foreground);background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 76%, #36a7ff));box-shadow:0 9px 22px color-mix(in srgb, var(--accent) 24%, transparent)}.ui-button--primary:hover:not(:disabled){background:var(--accent-hover)}.ui-button--secondary{color:var(--text-primary);background:var(--surface);border-color:var(--border);box-shadow:var(--shadow-sm)}.ui-button--secondary:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-strong)}.ui-button--ghost{color:var(--text-secondary);background:0 0}.ui-button--ghost:hover:not(:disabled){color:var(--text-primary);background:var(--surface-hover)}.ui-button--danger{color:#fff;background:var(--error)}.ui-button--danger:hover:not(:disabled){filter:brightness(.92)}.ui-icon-button{width:var(--control-height);height:var(--control-height);border-radius:var(--radius-md);cursor:pointer;transition:color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:1px solid #0000;flex:none;place-items:center;padding:0;display:inline-grid}.ui-icon-button svg{width:20px;height:20px}.ui-icon-button--ghost{color:var(--text-secondary)}.ui-icon-button--ghost:hover:not(:disabled){color:var(--text-primary);background:var(--surface-hover)}.ui-icon-button--secondary{color:var(--text-primary);background:var(--surface);border-color:var(--border)}.ui-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-raised);box-shadow:var(--shadow-sm)}.ui-card--interactive{transition:border-color var(--transition-fast), background-color var(--transition-fast), transform var(--transition-fast)}.ui-card--interactive:hover{border-color:var(--border-strong);background:var(--surface-hover);transform:translateY(-2px)}.ui-badge{min-height:26px;padding:0 var(--space-2);border:1px solid var(--border);color:var(--text-secondary);background:var(--surface-secondary);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;font-size:.8125rem;font-weight:650;line-height:1;display:inline-flex}.ui-badge--success{color:var(--success);border-color:color-mix(in srgb, var(--success) 36%, var(--border));background:color-mix(in srgb, var(--success) 10%, var(--surface))}.ui-badge--warning{color:var(--warning);border-color:color-mix(in srgb, var(--warning) 36%, var(--border))}.ui-badge--error{color:var(--error);border-color:color-mix(in srgb, var(--error) 36%, var(--border))}.ui-badge--info{color:var(--info);border-color:color-mix(in srgb, var(--info) 36%, var(--border))}.ui-separator{background:var(--border);border:0;width:100%;height:1px;margin:0}.ui-field{gap:var(--space-2);display:grid}.ui-field__label{color:var(--text-primary);font-size:var(--font-label);font-weight:650;line-height:1.4}.ui-field__control{width:100%;min-height:var(--control-height);padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text-primary);background:var(--surface);font-size:var(--font-body);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast)}.ui-field__control::placeholder{color:var(--text-muted)}.ui-field__control:hover:not(:disabled){border-color:var(--text-muted)}.ui-field__control:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);outline:0}.ui-field__control[aria-invalid=true]{border-color:var(--error)}.ui-field__control:disabled{cursor:not-allowed;color:var(--text-muted);background:var(--surface-secondary);opacity:.72}.ui-field__textarea{min-height:112px;padding-block:var(--space-3);resize:vertical;line-height:1.55}.ui-field__select{cursor:pointer}.ui-field__message{color:var(--text-muted);font-size:var(--font-label);margin:0;line-height:1.45}.ui-field__message--error{color:var(--error)}.ui-page-header{justify-content:space-between;align-items:flex-end;gap:var(--space-6);display:flex}.ui-page-header h1{margin-bottom:var(--space-3)}.ui-page-header__eyebrow,.landing-eyebrow{margin-bottom:var(--space-3);color:var(--accent);font-size:var(--font-label);letter-spacing:.07em;text-transform:uppercase;font-weight:700;line-height:1.35}.ui-page-header__description{max-width:620px;color:var(--text-secondary);font-size:var(--font-body);margin-bottom:0;line-height:1.6}.ui-page-header__actions{flex:none}.ui-empty-state{justify-items:start;gap:var(--space-5);padding:var(--space-10);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);display:grid}.ui-empty-state__icon{border-radius:var(--radius-md);width:48px;height:48px;color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--surface));place-items:center;display:grid}.ui-empty-state__icon svg{width:24px;height:24px}.ui-empty-state h2{margin-bottom:var(--space-2)}.ui-empty-state p{max-width:640px;color:var(--text-secondary);font-size:var(--font-body);margin-bottom:0;line-height:1.65}.site-brand{background:0 0;border-radius:12px;flex:none;width:min(232px,100%);height:66px;display:block;position:relative;overflow:visible}.site-brand__artwork{grid-template-columns:62px minmax(0,1fr);align-items:center;gap:9px;width:100%;height:100%;display:grid}.site-brand__mascot{object-fit:contain;width:62px;height:62px;filter:drop-shadow(0 0 7px color-mix(in srgb, var(--accent) 30%, transparent))}.site-brand__copy{align-content:center;gap:3px;min-width:0;display:grid;overflow:visible}.site-brand__wordmark{color:#082965;width:max-content;max-width:none;font-family:var(--font-jetbrains-mono), "JetBrains Mono", ui-monospace, monospace;letter-spacing:-.045em;text-shadow:0 0 3px #3b82f61f;-webkit-text-fill-color:currentColor;white-space:nowrap;background-image:none;-webkit-background-clip:border-box;background-clip:border-box;font-size:1.72rem;font-weight:650;line-height:.95;display:block;overflow:visible}.site-brand__wordmark-main,.site-brand__wordmark-code{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.site-brand__wordmark-main{color:#17417d;background-image:linear-gradient(#17417d 0%,#315f9f 52%,#1f5ab7 100%)}.site-brand__wordmark-code{color:#1479d4;text-shadow:0 0 4px #3b82f647;background-image:linear-gradient(#22b8e6 0%,#2563eb 100%)}.site-brand__subtitle{color:#31517e;font-family:var(--font-jetbrains-mono), "JetBrains Mono", ui-monospace, monospace;letter-spacing:.08em;text-shadow:none;white-space:nowrap;font-size:.64rem;font-weight:700;line-height:1.2;overflow:visible}html[data-theme=dark] .site-brand__wordmark{color:#f5f7fb;text-shadow:0 0 3px #8ccbff2e;background-image:none}html[data-theme=dark] .site-brand__wordmark-main{color:#fff;background-image:linear-gradient(#fff 0%,#d8f1ff 58%,#8ccbff 100%)}html[data-theme=dark] .site-brand__wordmark-code{color:#67e8f9;text-shadow:0 0 4px #67e8f957;background-image:linear-gradient(#67e8f9 0%,#3b82f6 100%)}html[data-theme=dark] .site-brand__subtitle{color:#f5f7fb;-webkit-text-fill-color:transparent;background-image:linear-gradient(#fff 0%,#f5f7fb 48%,#adc5ef 100%);-webkit-background-clip:text;background-clip:text}.site-brand--compact .site-brand__subtitle{letter-spacing:.065em;-webkit-text-fill-color:currentColor;background-image:none;-webkit-background-clip:border-box;background-clip:border-box;padding-bottom:1px;font-size:.78rem;line-height:1.25}.site-brand--compact{width:100%;min-width:0;height:64px}.site-brand--compact .site-brand__artwork{grid-template-columns:58px minmax(0,1fr);gap:8px}.site-brand--compact .site-brand__mascot{width:58px;height:58px}.site-brand--compact .site-brand__wordmark{letter-spacing:-.035em;-webkit-text-fill-color:currentColor;background-image:none;-webkit-background-clip:border-box;background-clip:border-box;padding-block:1px 2px;font-size:2.08rem;line-height:1.12}html[data-theme=dark] .site-brand--compact .site-brand__wordmark,html[data-theme=dark] .site-brand--compact .site-brand__subtitle{color:#f5f7fb;-webkit-text-fill-color:currentColor;background-image:none;-webkit-background-clip:border-box;background-clip:border-box}.theme-switcher{gap:var(--space-1);padding:var(--space-1);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-secondary);flex:none;display:inline-flex}.theme-switcher__button{width:40px;height:40px;color:var(--text-muted);border-radius:calc(var(--radius-lg) - var(--space-1))}.theme-switcher__button[aria-pressed=true]{color:var(--accent);border-color:var(--border);background:var(--surface);box-shadow:var(--shadow-sm)}.landing-page{background:var(--background);min-height:100vh}.landing-header{z-index:20;border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0}.landing-header__inner{align-items:center;gap:var(--space-6);grid-template-columns:auto 1fr auto;min-height:92px;display:grid}.landing-nav{justify-content:flex-end;align-items:center;gap:var(--space-4);display:flex}.landing-nav__link{min-height:var(--control-height);padding-inline:var(--space-3);color:var(--text-secondary);font-size:var(--font-secondary);transition:color var(--transition-fast);align-items:center;font-weight:600;display:inline-flex}.landing-nav__link:hover{color:var(--accent)}.landing-hero{border-bottom:1px solid var(--border)}.landing-hero__inner{align-items:end;gap:var(--space-16);padding-block:var(--space-24);grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);display:grid}.landing-hero h1{font-size:var(--font-display);letter-spacing:-.045em;margin-bottom:0;font-weight:675;line-height:1.08}.landing-hero__content{padding-bottom:var(--space-1)}.landing-hero__content>p{max-width:580px;margin-bottom:var(--space-8);color:var(--text-secondary);font-size:1.125rem;line-height:1.65}.landing-hero__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.landing-principles{padding-block:var(--space-20)}.landing-section-heading{max-width:var(--reading-width);margin-bottom:var(--space-10)}.landing-section-heading h2{margin-bottom:var(--space-3)}.landing-section-heading>p:last-child{color:var(--text-secondary);margin-bottom:0}.principle-grid{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.principle-card{min-height:250px;padding:var(--space-6)}.principle-card__top{margin-bottom:var(--space-10);justify-content:space-between;align-items:center;display:flex}.principle-card__icon{border-radius:var(--radius-md);width:44px;height:44px;color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--surface));place-items:center;display:grid}.principle-card__icon svg{width:22px;height:22px}.principle-card__number{color:var(--text-muted);font-size:var(--font-label);font-variant-numeric:tabular-nums;font-weight:650}.principle-card h3{margin-bottom:var(--space-3)}.principle-card p{color:var(--text-secondary);margin-bottom:0;line-height:1.6}.landing-footer__inner{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:88px;display:flex}.landing-footer p{color:var(--text-muted);font-size:var(--font-label);margin-bottom:0}.landing-page{background:radial-gradient(circle at 74% 8%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 31rem), radial-gradient(circle at 14% 28%, #6c5cff0d, transparent 24rem), var(--background);min-height:100vh;overflow:clip}.landing-page--mascot{--landing-blue:#2578ff;--landing-cyan:#20c8ff;--landing-violet:#8c6dff;--landing-green:#24cf9b}.landing-header{z-index:40;border-bottom:1px solid color-mix(in srgb, var(--border) 78%, transparent);background:color-mix(in srgb, var(--background) 86%, transparent);-webkit-backdrop-filter:blur(20px)saturate(125%);backdrop-filter:blur(20px)saturate(125%);position:sticky;top:0}.landing-header__inner{justify-content:space-between;align-items:center;gap:var(--space-6);min-height:78px;display:flex}.landing-navigation{flex:1;justify-content:flex-end;align-items:center;gap:clamp(1rem,2.4vw,2.6rem);min-width:0;display:flex}.landing-navigation__links,.landing-navigation__actions{align-items:center;display:flex}.landing-navigation__links{gap:clamp(.45rem,1.3vw,1.4rem)}.landing-navigation__actions{gap:var(--space-3)}.landing-nav__link{min-height:40px;padding-inline:var(--space-2);color:var(--text-secondary);font-size:.86rem;font-weight:650}.landing-menu-button{width:42px;height:42px;color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;place-items:center;padding:0;display:none}.landing-menu-button svg{width:21px;height:21px}.public-hero{isolation:isolate;position:relative}.public-hero:before,.public-hero:after{z-index:-1;content:"";pointer-events:none;position:absolute}.public-hero:before{opacity:.34;background-image:linear-gradient(color-mix(in srgb, var(--accent) 10%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--accent) 10%, transparent) 1px, transparent 1px);background-size:52px 52px;inset:0;-webkit-mask-image:radial-gradient(72% 62% at 66% 37%,#000 0%,#0000 78%);mask-image:radial-gradient(72% 62% at 66% 37%,#000 0%,#0000 78%)}.public-hero:after{opacity:.28;background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent) 52%, transparent), transparent) 0 100% / 100% 1px no-repeat, repeating-linear-gradient(90deg, transparent 0 35px, color-mix(in srgb, var(--accent) 28%, transparent) 36px 37px);clip-path:polygon(0 62%,9% 62%,13% 34%,34% 34%,39% 72%,64% 72%,69% 42%,90% 42%,94% 65%,100% 65%,100% 100%,0 100%);width:52%;height:110px;bottom:11%;right:4%}.public-hero__inner--mascot{padding-block:clamp(2.75rem, 5.2vw, 5rem) var(--space-10);display:block}.public-hero__stage{grid-template-columns:minmax(410px,.82fr) minmax(600px,1.18fr);align-items:center;gap:clamp(1rem,2vw,2rem);min-height:590px;display:grid}.public-hero__copy{z-index:5;padding-block:var(--space-6);position:relative}.public-eyebrow{align-items:center;gap:var(--space-2);margin:0 0 var(--space-4);color:var(--accent);letter-spacing:.075em;text-transform:uppercase;font-size:.75rem;font-weight:750;display:flex}.public-eyebrow--pill{width:max-content;max-width:100%;min-height:34px;padding:0 var(--space-4);border:1px solid color-mix(in srgb, var(--accent) 34%, var(--border));background:color-mix(in srgb, var(--accent) 7%, var(--surface));border-radius:999px;box-shadow:inset 0 1px #ffffff2e}.public-eyebrow>span{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 5px color-mix(in srgb, var(--accent) 10%, transparent);border-radius:50%;flex:none}.public-hero h1{max-width:620px;margin-bottom:var(--space-5);letter-spacing:-.058em;font-size:clamp(3.05rem,4.4vw,4.45rem);font-weight:735;line-height:.99}.public-hero h1 span{margin-top:var(--space-2);color:var(--landing-blue);background:linear-gradient(105deg, var(--landing-blue), color-mix(in srgb, var(--landing-cyan) 74%, var(--accent)));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:block}.public-hero__description{max-width:560px;margin-bottom:var(--space-7);color:var(--text-secondary);font-size:1.075rem;line-height:1.72}.public-hero__actions,.public-cta__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.public-hero__actions .ui-button{min-height:52px;padding-inline:var(--space-6)}.public-hero__actions .ui-button svg{width:18px;height:18px}.public-hero__trust{gap:var(--space-4);margin:var(--space-7) 0 0;color:var(--text-muted);flex-wrap:wrap;padding:0;font-size:.74rem;font-weight:650;list-style:none;display:flex}.public-hero__trust li{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.public-hero__trust svg{width:15px;height:15px;color:var(--landing-cyan)}.public-hero__showcase{z-index:2;min-width:0;min-height:540px;margin-right:-22px;position:relative}.public-hero__showcase-glow{z-index:-1;background:color-mix(in srgb, var(--accent) 28%, transparent);filter:blur(80px);border-radius:50%;position:absolute;inset:14% 0 2% 8%}.public-product-preview{--preview-bg:#f8fbff;--preview-panel:#fff;--preview-panel-soft:#eef4fc;--preview-border:#c8daf0;--preview-text:#0c1d39;--preview-muted:#66809f;z-index:2;border:1px solid color-mix(in srgb, var(--accent) 55%, var(--preview-border));background:var(--preview-bg);width:min(100%,690px);height:492px;box-shadow:0 34px 80px #19488c38, inset 0 1px 0 #ffffffb3, 0 0 0 5px color-mix(in srgb, var(--accent) 5%, transparent);transform-origin:100%;border-radius:24px;position:absolute;top:26px;right:0;overflow:hidden;transform:perspective(1200px)rotateY(-2.3deg)rotateX(.8deg)}:root[data-theme=dark] .public-product-preview{--preview-bg:#061221;--preview-panel:#0c1c30;--preview-panel-soft:#102741;--preview-border:#23486f;--preview-text:#f0f6ff;--preview-muted:#7f9aba;box-shadow:0 36px 90px #00000085,0 0 48px #1a67ff2b,inset 0 1px #ffffff0f,0 0 0 5px #1c66ff0f}.public-product-preview__chrome{height:36px;color:var(--preview-muted);border-bottom:1px solid var(--preview-border);background:color-mix(in srgb, var(--preview-panel) 92%, transparent);align-items:center;gap:6px;padding:0 15px;display:flex}.public-product-preview__chrome>span{background:color-mix(in srgb, var(--preview-muted) 42%, transparent);border-radius:50%;width:7px;height:7px}.public-product-preview__chrome>span:first-child{background:var(--landing-blue)}.public-product-preview__chrome strong{letter-spacing:.06em;margin-left:auto;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.58rem}.public-product-preview__body{grid-template-columns:126px minmax(0,1fr);height:calc(100% - 36px);display:grid}.public-product-preview__sidebar{color:var(--preview-muted);border-right:1px solid var(--preview-border);background:color-mix(in srgb, var(--preview-panel) 62%, var(--preview-bg));align-content:start;gap:8px;padding:18px 12px;font-size:.67rem;display:grid}.public-product-preview__sidebar b{color:var(--preview-text);letter-spacing:-.03em;margin-bottom:14px;font-size:.82rem}.public-product-preview__sidebar>span{border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;min-height:32px;padding-inline:8px;display:flex}.public-product-preview__sidebar>span.is-active{color:var(--landing-blue);border-color:color-mix(in srgb, var(--landing-blue) 32%, var(--preview-border));background:color-mix(in srgb, var(--landing-blue) 10%, var(--preview-panel))}.public-product-preview__sidebar i{color:color-mix(in srgb, var(--landing-blue) 74%, var(--preview-muted));font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.56rem;font-style:normal}.public-product-preview__content{min-width:0;color:var(--preview-text);background:radial-gradient(circle at 82% 4%, color-mix(in srgb, var(--landing-blue) 14%, transparent), transparent 16rem), var(--preview-bg);align-content:start;gap:12px;padding:18px;display:grid}.public-product-preview__welcome{border:1px solid var(--preview-border);background:linear-gradient(120deg, color-mix(in srgb, var(--landing-blue) 8%, var(--preview-panel)), var(--preview-panel));border-radius:15px;grid-template-columns:minmax(0,1fr) 108px;align-items:center;gap:12px;min-height:164px;padding:20px;display:grid;overflow:hidden;box-shadow:0 14px 26px #16417e14}.public-product-preview small{color:var(--landing-blue);letter-spacing:.08em;font-size:.55rem;font-weight:750;display:block}.public-product-preview__welcome h2{max-width:290px;color:var(--preview-text);letter-spacing:-.035em;margin:8px 0 7px;font-size:1.15rem;line-height:1.12}.public-product-preview p{color:var(--preview-muted);margin:0;font-size:.65rem;line-height:1.45}.public-product-preview__orbit{width:94px;height:94px;color:var(--landing-cyan);border:1px solid color-mix(in srgb, var(--landing-blue) 48%, var(--preview-border));background:radial-gradient(circle, color-mix(in srgb, var(--landing-blue) 25%, transparent), transparent 66%);box-shadow:0 0 32px color-mix(in srgb, var(--landing-blue) 24%, transparent);border-radius:50%;justify-self:end;place-items:center;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:750;display:grid;position:relative}.public-product-preview__orbit:before,.public-product-preview__orbit:after{border:1px solid color-mix(in srgb, var(--landing-cyan) 45%, transparent);content:"";border-radius:50%;position:absolute}.public-product-preview__orbit:before{inset:12px -7px;transform:rotate(35deg)}.public-product-preview__orbit:after{inset:-6px 14px;transform:rotate(-25deg)}.public-product-preview__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.public-product-preview__card{border:1px solid var(--preview-border);background:var(--preview-panel);border-radius:13px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;min-height:88px;padding:12px;display:grid;box-shadow:0 9px 18px #16417e0f}.public-product-preview__card--wide{grid-column:1/-1;grid-template-columns:48px minmax(0,1fr)}.public-product-preview__icon{width:38px;height:38px;color:var(--landing-cyan);background:color-mix(in srgb, var(--landing-blue) 14%, var(--preview-panel-soft));border-radius:10px;place-items:center;display:grid}.public-product-preview__card--wide .public-product-preview__icon{width:48px;height:48px}.public-product-preview__icon--violet{color:var(--landing-violet);background:color-mix(in srgb, var(--landing-violet) 14%, var(--preview-panel-soft))}.public-product-preview__icon--green{color:var(--landing-green);background:color-mix(in srgb, var(--landing-green) 13%, var(--preview-panel-soft))}.public-product-preview__icon svg{width:20px;height:20px}.public-product-preview__card strong{color:var(--preview-text);margin:4px 0 2px;font-size:.76rem;display:block}.public-product-preview__progress{background:var(--preview-panel-soft);border-radius:999px;width:min(210px,85%);height:4px;margin-top:8px;display:block;overflow:hidden}.public-product-preview__progress i{border-radius:inherit;background:linear-gradient(90deg, var(--landing-blue), var(--landing-cyan));width:66%;height:100%;display:block}.public-product-preview__engines{gap:7px;display:flex;overflow:hidden}.public-product-preview__engines span{color:var(--preview-muted);border:1px solid var(--preview-border);background:color-mix(in srgb, var(--preview-panel) 80%, transparent);border-radius:999px;padding:5px 9px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.55rem}.public-product-carousel__viewport{height:100%;padding:14px 14px 56px;display:block;position:relative;overflow:hidden}.public-product-carousel__slide,.public-product-slide{width:100%;min-width:0;height:100%}.public-product-carousel__slide{animation:.32s both public-product-slide-enter}.public-product-slide{align-content:start;gap:10px;display:grid}.public-product-carousel__controls{z-index:5;border:1px solid color-mix(in srgb, var(--landing-blue) 26%, var(--preview-border));background:color-mix(in srgb, var(--preview-panel) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:9px;min-height:34px;padding:4px 6px;display:flex;position:absolute;bottom:11px;left:50%;transform:translate(-50%);box-shadow:0 8px 22px #04173438,inset 0 1px #ffffff0f}.public-product-carousel__controls button{width:28px;height:28px;color:var(--landing-blue);border:1px solid color-mix(in srgb, var(--landing-blue) 30%, var(--preview-border));background:color-mix(in srgb, var(--landing-blue) 9%, var(--preview-panel));cursor:pointer;border-radius:50%;place-items:center;padding:0;transition:color .18s,border-color .18s,background-color .18s;display:grid}.public-product-carousel__controls button:first-child svg{transform:rotate(180deg)}.public-product-carousel__controls button:hover,.public-product-carousel__controls button:focus-visible{color:var(--landing-cyan);border-color:color-mix(in srgb, var(--landing-blue) 58%, var(--preview-border));background:color-mix(in srgb, var(--landing-blue) 16%, var(--preview-panel));outline:none}.public-product-carousel__controls button:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--landing-blue) 28%, transparent)}.public-product-carousel__controls button svg{width:14px;height:14px}.public-product-carousel__controls>span{align-items:center;gap:5px;display:flex}.public-product-carousel__controls i{background:color-mix(in srgb, var(--preview-muted) 52%, transparent);border-radius:999px;width:5px;height:5px;transition:width .18s,background-color .18s}.public-product-carousel__controls i.is-active{background:linear-gradient(90deg, var(--landing-blue), var(--landing-cyan));width:16px}.preview-dashboard-hero,.preview-section-hero{border:1px solid color-mix(in srgb, var(--landing-blue) 34%, var(--preview-border));background:repeating-linear-gradient(45deg, transparent 0 38px, color-mix(in srgb, var(--landing-blue) 7%, transparent) 39px 40px, transparent 41px 78px), linear-gradient(112deg, color-mix(in srgb, var(--landing-blue) 10%, var(--preview-panel)), var(--preview-panel));border-radius:13px;position:relative;overflow:hidden}.preview-dashboard-hero{grid-template-columns:minmax(0,1.1fr) 96px minmax(130px,.72fr);align-items:center;gap:12px;min-height:150px;padding:15px;display:grid}.preview-dashboard-hero h2,.preview-section-hero h2{color:var(--preview-text);letter-spacing:-.035em;margin:6px 0;line-height:1.06}.preview-dashboard-hero h2{max-width:190px;font-size:1.05rem}.preview-dashboard-hero p,.preview-section-hero p,.preview-learning-card p,.preview-practice-card p{color:var(--preview-muted);margin:0;font-size:.56rem;line-height:1.45}.preview-dashboard-cta{color:#fff;background:linear-gradient(120deg,#267df2,#3e98ff);border-radius:6px;align-items:center;gap:5px;min-height:25px;margin-top:10px;padding:0 8px;font-size:.52rem;font-weight:700;display:inline-flex}.preview-dashboard-cta svg{width:10px}.preview-dashboard-ring{border:8px solid color-mix(in srgb, var(--landing-blue) 22%, var(--preview-panel-soft));border-right-color:var(--landing-cyan);border-bottom-color:var(--landing-blue);background:var(--preview-panel);width:88px;height:88px;box-shadow:0 0 20px color-mix(in srgb, var(--landing-blue) 12%, transparent);border-radius:50%;place-content:center;place-items:center;display:grid}.preview-dashboard-ring strong{color:var(--preview-text);font-size:1.1rem}.preview-dashboard-ring span{color:var(--preview-muted);font-size:.46rem}.preview-dashboard-facts{border-left:1px solid var(--preview-border);gap:9px;padding-left:11px;display:grid}.preview-dashboard-facts>span{color:var(--preview-muted);grid-template-columns:20px auto minmax(0,1fr);align-items:center;gap:5px;font-size:.49rem;display:grid}.preview-dashboard-facts svg{width:18px;height:18px;color:var(--landing-cyan);background:color-mix(in srgb, var(--landing-blue) 14%, var(--preview-panel-soft));border-radius:5px;padding:4px}.preview-dashboard-facts b{color:var(--preview-text);font-size:.66rem}.preview-dashboard-grid{grid-template-columns:1.1fr .9fr;gap:10px;display:grid}.preview-dashboard-card{border:1px solid var(--preview-border);background:var(--preview-panel);border-radius:12px;min-height:128px;padding:12px}.preview-dashboard-card--course>div{grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;margin-top:13px;display:grid}.preview-dashboard-card--course svg{color:#9b78ff;background:color-mix(in srgb, #7955e8 18%, var(--preview-panel-soft));border-radius:9px;width:42px;height:42px;padding:10px}.preview-dashboard-card b,.preview-dashboard-card em{display:block}.preview-dashboard-card b{color:var(--preview-text);font-size:.63rem}.preview-dashboard-card em{color:var(--preview-muted);margin-top:4px;font-size:.48rem;font-style:normal}.preview-dashboard-card--course>i,.preview-learning-card>i{background:var(--preview-panel-soft);border-radius:999px;height:4px;margin-top:13px;display:block;overflow:hidden}.preview-dashboard-card--course>i span{background:linear-gradient(90deg, var(--landing-blue), var(--landing-cyan));width:65%;height:100%;display:block}.preview-dashboard-card--path{align-content:start;gap:7px;display:grid}.preview-dashboard-card--path>span{border-top:1px solid color-mix(in srgb, var(--preview-border) 70%, transparent);grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:6px;padding-top:6px;display:grid}.preview-dashboard-card--path i{width:20px;height:20px;color:var(--landing-blue);border:1px solid color-mix(in srgb, var(--landing-blue) 46%, var(--preview-border));border-radius:50%;place-items:center;font-size:.48rem;font-style:normal;display:grid}.preview-dashboard-card--path em{color:var(--landing-green)}.preview-section-hero{min-height:112px;padding:17px 18px}.preview-section-hero h2{font-size:1.38rem}.preview-section-hero p{max-width:360px;font-size:.61rem}.preview-learning-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.preview-learning-card{border:1px solid color-mix(in srgb, var(--landing-blue) 24%, var(--preview-border));background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--landing-blue) 8%, transparent), transparent 9rem), var(--preview-panel);border-radius:12px;align-content:start;min-height:222px;padding:14px;display:grid;position:relative;overflow:hidden}.preview-learning-card__icon,.preview-practice-card__icon{width:36px;height:36px;color:var(--landing-blue);border:1px solid color-mix(in srgb, var(--landing-blue) 35%, var(--preview-border));background:color-mix(in srgb, var(--landing-blue) 13%, var(--preview-panel-soft));border-radius:8px;place-items:center;display:grid}.preview-learning-card__icon svg,.preview-practice-card__icon svg{width:18px}.preview-learning-card h3,.preview-practice-card h3{color:var(--preview-text);margin:10px 0 5px;font-size:.8rem}.preview-learning-card>div{color:var(--preview-muted);justify-content:space-between;margin-top:16px;font-size:.49rem;display:flex}.preview-learning-card>div b{color:var(--preview-text)}.preview-learning-card>i span{background:var(--landing-blue);width:4%;height:100%;display:block}.preview-learning-card>strong{min-height:27px;color:var(--preview-text);border:1px solid color-mix(in srgb, var(--landing-blue) 30%, var(--preview-border));background:color-mix(in srgb, var(--landing-blue) 10%, var(--preview-panel));border-radius:7px;justify-content:center;align-items:center;gap:5px;margin-top:auto;font-size:.51rem;display:flex}.preview-learning-card>strong svg,.preview-practice-card>strong svg{width:10px}.preview-practice-card{border:1px solid color-mix(in srgb, var(--landing-blue) 24%, var(--preview-border));background:radial-gradient(circle at 90% 50%, color-mix(in srgb, var(--landing-green) 8%, transparent), transparent 13rem), var(--preview-panel);border-radius:13px;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:208px;padding:20px;display:grid}.preview-practice-card__icon{width:46px;height:46px}.preview-practice-card>div small{width:max-content;color:var(--landing-green);border:1px solid color-mix(in srgb, var(--landing-green) 24%, var(--preview-border));background:color-mix(in srgb, var(--landing-green) 7%, var(--preview-panel));letter-spacing:0;border-radius:999px;margin-top:11px;padding:5px 7px}.preview-practice-card>strong{min-height:34px;color:var(--preview-text);border:1px solid color-mix(in srgb, var(--landing-blue) 34%, var(--preview-border));background:color-mix(in srgb, var(--landing-blue) 11%, var(--preview-panel));white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:0 10px;font-size:.53rem;display:flex}.preview-sql-header{border:1px solid var(--preview-border);background:var(--preview-panel);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;min-height:46px;padding:8px 10px;display:flex}.preview-sql-header>div{align-items:center;gap:8px;min-width:0;display:flex}.preview-sql-header svg{width:30px;height:30px;color:var(--landing-cyan);background:color-mix(in srgb, var(--landing-blue) 14%, var(--preview-panel-soft));border-radius:7px;padding:7px}.preview-sql-header strong,.preview-sql-header small{display:block}.preview-sql-header strong{color:var(--preview-text);text-overflow:ellipsis;white-space:nowrap;font-size:.65rem;overflow:hidden}.preview-sql-header>span{color:var(--landing-cyan);border:1px solid color-mix(in srgb, var(--landing-blue) 30%, var(--preview-border));background:color-mix(in srgb, var(--landing-blue) 8%, var(--preview-panel));font-family:var(--font-jetbrains-mono), monospace;border-radius:6px;padding:5px 7px;font-size:.48rem}.preview-sql-workspace{border:1px solid var(--preview-border);background:#07111f;border-radius:10px;grid-template-columns:132px minmax(0,1fr);min-height:156px;display:grid;overflow:hidden}.preview-sql-workspace>aside{color:#86a0bf;background:#0a192a;border-right:1px solid #203c5e;align-content:start;gap:5px;padding:10px;font-size:.49rem;display:grid}.preview-sql-workspace>aside strong{color:#d8e8fb;margin-top:4px;font-size:.54rem}.preview-sql-workspace>aside span{justify-content:space-between;padding-left:7px;display:flex}.preview-sql-workspace>aside i{color:#4d6f94;font-style:normal}.preview-sql-workspace>section{background:#07111f;min-width:0}.preview-sql-editor-top{color:#7993b3;border-bottom:1px solid #203c5e;justify-content:space-between;align-items:center;min-height:30px;padding:0 9px;font-size:.49rem;display:flex}.preview-sql-editor-top b{color:#e9f5ff;background:#237df0;border-radius:5px;padding:4px 8px;font-size:.46rem}.preview-sql-workspace pre{color:#d6e4f5;font-family:var(--font-jetbrains-mono), monospace;margin:0;padding:13px 14px;font-size:.57rem;line-height:1.65;overflow:hidden}.preview-sql-workspace code em{color:#70b7ff;font-style:normal}.preview-sql-workspace code i{color:#7de0bc;font-style:normal}.preview-sql-result{border:1px solid var(--preview-border);background:var(--preview-panel);border-radius:10px;overflow:hidden}.preview-sql-result>div{min-height:27px;color:var(--preview-text);border-bottom:1px solid var(--preview-border);justify-content:space-between;align-items:center;padding:0 9px;font-size:.51rem;display:flex}.preview-sql-result>div span{color:var(--landing-green)}.preview-sql-result table{border-collapse:collapse;width:100%;color:var(--preview-muted);text-align:left;font-size:.47rem}.preview-sql-result th,.preview-sql-result td{border-right:1px solid var(--preview-border);border-bottom:1px solid color-mix(in srgb, var(--preview-border) 68%, transparent);padding:5px 9px}.preview-sql-result th{color:var(--preview-text);background:var(--preview-panel-soft)}@keyframes public-product-slide-enter{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.public-product-carousel__slide{animation:none}}@media (max-width:760px){.public-product-carousel__viewport{padding:11px 11px 52px}.preview-dashboard-hero{grid-template-columns:minmax(0,1fr) 78px;min-height:132px;padding:12px}.preview-dashboard-ring{border-width:6px;width:72px;height:72px}.preview-dashboard-facts{display:none}.preview-dashboard-card{min-height:112px;padding:10px}.preview-section-hero{min-height:100px;padding:14px}.preview-learning-card{min-height:194px;padding:11px}.preview-practice-card{grid-template-columns:48px minmax(0,1fr);min-height:190px;padding:15px}.preview-practice-card>strong{grid-column:2;justify-self:start}.preview-sql-workspace{grid-template-columns:110px minmax(0,1fr)}}@media (max-width:440px){.public-product-carousel__viewport{padding:8px 9px 48px}.public-product-carousel__controls{bottom:7px}.public-product-slide{gap:7px}.preview-dashboard-hero{grid-template-columns:minmax(0,1fr) 62px;gap:7px;min-height:105px;padding:9px}.preview-dashboard-hero h2{margin-block:4px;font-size:.82rem}.preview-dashboard-hero p{display:none}.preview-dashboard-cta{min-height:21px;margin-top:5px}.preview-dashboard-ring{border-width:5px;width:58px;height:58px}.preview-dashboard-ring strong{font-size:.82rem}.preview-dashboard-grid{gap:7px}.preview-dashboard-card{min-height:107px;padding:8px}.preview-dashboard-card--course>div{grid-template-columns:30px minmax(0,1fr);gap:6px;margin-top:8px}.preview-dashboard-card--course svg{width:30px;height:30px;padding:7px}.preview-dashboard-card--path>span{grid-template-columns:18px minmax(0,1fr)}.preview-dashboard-card--path em{display:none}.preview-section-hero{min-height:78px;padding:10px 12px}.preview-section-hero h2{margin-block:4px;font-size:1rem}.preview-section-hero p{font-size:.49rem}.preview-learning-grid{gap:7px}.preview-learning-card{min-height:163px;padding:8px}.preview-learning-card__icon{width:28px;height:28px}.preview-learning-card h3{margin:6px 0 3px;font-size:.68rem}.preview-learning-card p{max-height:31px;font-size:.45rem;overflow:hidden}.preview-learning-card>div{margin-top:8px}.preview-learning-card>i{margin-top:6px}.preview-learning-card>strong{min-height:23px;font-size:.42rem}.preview-practice-card{grid-template-columns:38px minmax(0,1fr);gap:9px;min-height:146px;padding:11px}.preview-practice-card__icon{width:36px;height:36px}.preview-practice-card h3{margin-top:0}.preview-practice-card>strong{min-height:28px;font-size:.46rem}.preview-sql-header{min-height:38px;padding:5px 7px}.preview-sql-header svg{width:25px;height:25px;padding:6px}.preview-sql-header>span{display:none}.preview-sql-workspace{grid-template-columns:82px minmax(0,1fr);min-height:107px}.preview-sql-workspace>aside{gap:2px;padding:6px;font-size:.39rem}.preview-sql-workspace>aside span:nth-of-type(n+3),.preview-sql-workspace>aside strong:nth-of-type(n+2){display:none}.preview-sql-workspace pre{padding:7px 8px;font-size:.45rem;line-height:1.45}.preview-sql-result>div{min-height:23px}.preview-sql-result th,.preview-sql-result td{padding:3px 6px}}.public-hero__mascot{z-index:4;pointer-events:none;width:clamp(260px,24vw,346px);position:absolute;bottom:-20px;left:-102px}.public-hero__mascot:after{z-index:-1;filter:blur(18px);content:"";background:#05255b61;border-radius:50%;height:14%;position:absolute;bottom:2%;left:7%;right:9%}.public-hero__mascot-image{filter:drop-shadow(0 24px 28px #05235647);width:100%;height:auto;display:block}.public-hero-features{z-index:6;border:1px solid color-mix(in srgb, var(--accent) 25%, var(--border));background:color-mix(in srgb, var(--surface-raised) 92%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:20px;grid-template-columns:repeat(4,minmax(0,1fr));scroll-margin-top:100px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 70px #0f367024}.public-hero-feature{min-width:0;min-height:146px;padding:var(--space-5);color:var(--text-primary);transition:background var(--transition-fast), transform var(--transition-fast);grid-template-columns:48px minmax(0,1fr);align-content:center;align-items:center;gap:14px;display:grid;position:relative}.public-hero-feature+.public-hero-feature{border-left:1px solid var(--border)}.public-hero-feature:hover{background:color-mix(in srgb, var(--accent) 7%, var(--surface))}.public-hero-feature__icon{width:48px;height:48px;color:var(--feature-accent,var(--landing-blue));border:1px solid color-mix(in srgb, var(--feature-accent,var(--landing-blue)) 40%, var(--border));background:color-mix(in srgb, var(--feature-accent,var(--landing-blue)) 12%, var(--surface-soft));border-radius:14px;grid-row:1/span 2;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff3d}.public-hero-feature--cyan{--feature-accent:var(--landing-cyan)}.public-hero-feature--violet{--feature-accent:var(--landing-violet)}.public-hero-feature--green{--feature-accent:var(--landing-green)}.public-hero-feature__icon svg{width:23px;height:23px}.public-hero-feature__copy{gap:4px;min-width:0;display:grid}.public-hero-feature__copy strong{font-size:.94rem}.public-hero-feature__copy small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.public-hero-feature__action{color:var(--feature-accent,var(--accent));grid-column:2;align-items:center;gap:6px;font-size:.69rem;font-weight:700;display:inline-flex}.public-hero-feature__action svg{width:14px;height:14px}.public-section{padding-block:clamp(4rem,7vw,6.5rem)}.public-section--directions{scroll-margin-top:80px}.public-section--features{border-block:1px solid color-mix(in srgb, var(--border) 70%, transparent);background:radial-gradient(circle at 84% 12%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 28rem), color-mix(in srgb, var(--surface-soft) 55%, transparent)}.public-section__heading{justify-content:space-between;align-items:end;gap:var(--space-8);margin-bottom:var(--space-9);display:flex}.public-section__heading>div{max-width:670px}.public-section__heading h2{margin:0;font-size:clamp(1.85rem,3vw,2.75rem);line-height:1.08}.public-section__heading>p{max-width:470px;color:var(--text-secondary);margin:0}.public-section__heading--centered{align-items:center}.public-direction-grid{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.public-direction-card{align-content:start;gap:var(--space-3);min-height:320px;padding:var(--space-8);display:grid;position:relative;overflow:hidden}.public-direction-card:after{background:radial-gradient(circle, color-mix(in srgb, var(--accent) 16%, transparent), transparent 68%);content:"";border-radius:50%;width:300px;height:300px;position:absolute;bottom:-38%;right:-15%}.public-direction-card__icon,.public-feature-card__icon{width:48px;height:48px;margin-bottom:var(--space-4);color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 28%, var(--border));background:var(--accent-soft);border-radius:14px;place-items:center;display:grid}.public-direction-card__icon svg,.public-feature-card__icon svg{width:23px;height:23px}.public-direction-card>p{color:var(--accent);letter-spacing:.075em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:750}.public-direction-card h3{max-width:480px;margin:0;font-size:1.5rem}.public-direction-card>span,.public-feature-card p{color:var(--text-secondary)}.public-direction-card>a{z-index:1;align-items:center;gap:var(--space-2);color:var(--accent);margin-top:auto;font-size:.86rem;font-weight:700;display:inline-flex;position:relative}.public-direction-card>a svg{width:17px}.public-feature-grid{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.public-feature-card{min-height:230px;padding:var(--space-6)}.public-feature-card h3{margin-bottom:var(--space-3)}.public-feature-card p{margin:0;font-size:.92rem;line-height:1.65}.public-cta{padding-block:var(--space-12)}.public-cta__inner{align-items:center;gap:var(--space-6);padding:var(--space-7) var(--space-8);border:1px solid color-mix(in srgb, var(--accent) 24%, var(--border));border-radius:var(--radius-lg);background:linear-gradient(110deg, color-mix(in srgb, var(--accent) 10%, var(--surface)), var(--surface-raised));box-shadow:var(--shadow-md);grid-template-columns:auto minmax(0,1fr) auto;display:grid;position:relative;overflow:hidden}.public-cta__mark{width:64px;height:64px;color:var(--accent);border:1px solid var(--border-strong);background:var(--surface-soft);border-radius:17px;place-items:center;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:1.1rem;font-weight:750;display:grid}.public-cta h2{margin:0 0 var(--space-2)}.public-cta .public-eyebrow{margin-bottom:var(--space-2)}.public-cta__inner>div>span{color:var(--text-secondary)}.landing-footer{border-top:1px solid var(--border);background:color-mix(in srgb, var(--surface) 90%, var(--background))}.landing-footer__inner{min-height:110px}.landing-footer__inner>p{text-align:center;flex:1}.status-dot{background:currentColor;border-radius:50%;width:7px;height:7px;margin-right:4px;display:inline-block}.app-shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);background:radial-gradient(circle at 45% 0%, color-mix(in srgb, var(--accent) 6%, transparent), transparent 32rem), var(--background);min-height:100vh;display:grid}.app-sidebar{z-index:30;height:100vh;min-height:560px;padding:var(--space-6) var(--space-4);border-right:1px solid var(--border);background:var(--sidebar-background);flex-direction:column;display:flex;position:sticky;top:0}.app-sidebar__top{justify-content:space-between;align-items:center;gap:var(--space-3);width:calc(100% + 16px);min-height:0;margin:0 -8px var(--space-10);display:flex}.app-sidebar__close{display:none}.app-navigation{gap:var(--space-3);display:grid}.app-navigation__item{align-items:center;gap:var(--space-3);min-height:52px;padding:0 var(--space-4);color:var(--text-secondary);font-size:var(--font-secondary);transition:color var(--transition-fast), background-color var(--transition-fast);border:1px solid #0000;border-radius:14px;font-weight:600;display:flex}.app-navigation__item>svg{flex:none;width:20px;height:20px}.app-navigation__item .ui-badge{min-height:22px;margin-left:auto;font-size:.75rem}.app-navigation__item--active{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 18%, var(--border));background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent), 0 8px 24px color-mix(in srgb, var(--accent) 10%, transparent)}.app-navigation__item--active:hover{background:color-mix(in srgb, var(--accent) 15%, var(--surface))}.app-navigation__item--disabled{cursor:not-allowed;color:var(--text-muted);opacity:.72}.app-sidebar__footer{gap:var(--space-4);margin-top:auto;display:grid}.system-status{align-items:center;gap:var(--space-2);min-height:36px;color:var(--text-muted);font-size:.8125rem;font-weight:600;display:flex}.system-status__dot{background:var(--text-muted);border-radius:50%;flex:none;width:8px;height:8px}.system-status__dot--online{background:var(--success)}.app-shell__body{min-width:0}.app-header{z-index:20;justify-content:space-between;align-items:center;gap:var(--space-4);min-height:80px;padding:var(--space-2) var(--space-8);border-bottom:1px solid color-mix(in srgb, var(--border) 80%, transparent);background:color-mix(in srgb, var(--background) 86%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;position:sticky;top:0}.app-header__context{align-items:center;gap:var(--space-3);font-size:var(--font-body);font-weight:650;display:flex}.app-header__actions{align-items:center;gap:var(--space-3);display:flex}.app-user-menu{align-items:center;gap:var(--space-3);min-height:46px;padding:0 var(--space-3) 0 7px;border:1px solid var(--border);background:var(--surface-raised);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast), transform var(--transition-fast);border-radius:14px;display:flex}.app-user-menu:hover{border-color:var(--border-strong);transform:translateY(-1px)}.app-user-menu>span{width:32px;height:32px;color:var(--accent);background:var(--accent-soft);border-radius:10px;place-items:center;font-size:.78rem;font-weight:750;display:grid}.app-user-menu strong{text-overflow:ellipsis;white-space:nowrap;max-width:170px;font-size:.82rem;overflow:hidden}.app-user-menu>svg{width:17px;color:var(--text-muted)}.app-header__menu{display:none}.app-main{padding:var(--space-7) var(--space-8) var(--space-16)}.app-content{gap:var(--space-10);grid-template-columns:minmax(0,1fr);display:grid}.app-content.ui-container--content{max-width:1080px}.app-content>.ui-page-header{padding:var(--space-6) var(--space-7);border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(112deg, color-mix(in srgb, var(--accent) 8%, var(--surface-raised)), var(--surface-raised));box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.app-content>.ui-page-header:after{background:radial-gradient(circle, color-mix(in srgb, var(--accent) 13%, transparent), transparent 68%);content:"";border-radius:50%;width:300px;height:300px;position:absolute;bottom:-150px;right:-90px}.app-concepts{gap:var(--space-6);display:grid}.app-concepts__heading h2{margin-bottom:var(--space-2)}.app-concepts__heading p{color:var(--text-secondary);margin-bottom:0}.app-concepts__grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.app-concept-card{align-content:start;gap:var(--space-4);padding:var(--space-5);display:grid}.app-concept-card>svg{width:22px;height:22px;color:var(--accent)}.app-concept-card h3{margin-bottom:var(--space-2)}.app-concept-card p{color:var(--text-secondary);font-size:var(--font-secondary);margin-bottom:0;line-height:1.55}.app-shell__overlay{display:none}.dashboard{gap:var(--space-5);grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);display:grid}.dashboard-hero{align-items:center;gap:var(--space-6);min-height:310px;padding:var(--space-8);color:var(--text-primary);border:1px solid color-mix(in srgb, var(--accent) 30%, var(--border));border-radius:var(--radius-lg);background:linear-gradient(105deg, color-mix(in srgb, var(--accent) 10%, var(--surface-raised)), var(--surface-raised) 62%), var(--surface-raised);box-shadow:var(--shadow-md);grid-template-columns:minmax(260px,1fr) auto minmax(170px,.52fr);display:grid;position:relative;overflow:hidden}.dashboard-hero:before,.dashboard-hero:after{pointer-events:none;content:"";position:absolute}.dashboard-hero:before{opacity:.35;background-image:linear-gradient(color-mix(in srgb, var(--accent) 13%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--accent) 13%, transparent) 1px, transparent 1px);background-size:34px 34px;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 80%);mask-image:linear-gradient(90deg,#000,#0000 80%)}.dashboard-hero:after{background:color-mix(in srgb, var(--accent) 14%, transparent);filter:blur(70px);border-radius:50%;width:280px;height:280px;top:-70px;left:36%}.dashboard-hero__copy,.dashboard-progress-ring,.dashboard-hero__facts{z-index:1;position:relative}.dashboard-hero__copy>p,.dashboard-card-heading p,.dashboard-section-heading p,.dashboard-recommendation p{margin:0 0 var(--space-2);color:var(--accent);letter-spacing:.075em;text-transform:uppercase;font-size:.7rem;font-weight:750}.dashboard-hero h1{max-width:390px;margin-bottom:var(--space-3);font-size:clamp(1.85rem,3.1vw,2.7rem);line-height:1.05}.dashboard-hero__copy>span{max-width:420px;color:var(--text-secondary);font-size:.9rem;line-height:1.65;display:block}.dashboard-hero__action{margin-top:var(--space-5)}.dashboard-progress-ring{background:conic-gradient(var(--accent) var(--dashboard-progress), var(--surface-secondary) 0);width:154px;height:154px;box-shadow:0 0 35px color-mix(in srgb, var(--accent) 14%, transparent);border-radius:50%;place-items:center;display:grid}.dashboard-progress-ring:before{background:var(--surface-raised);width:126px;height:126px;box-shadow:inset 0 0 0 1px var(--border);content:"";border-radius:50%;position:absolute}.dashboard-progress-ring>div{justify-items:center;gap:2px;display:grid;position:relative}.dashboard-progress-ring strong{font-variant-numeric:tabular-nums;font-size:2rem;line-height:1}.dashboard-progress-ring span{color:var(--text-muted);font-size:.69rem}.dashboard-hero__facts{gap:var(--space-3);display:grid}.dashboard-hero__facts>div{align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:.76rem;display:flex}.dashboard-hero__facts svg{width:30px;height:30px;color:var(--accent);background:var(--accent-soft);border-radius:9px;padding:7px}.dashboard-hero__facts strong{color:var(--text-primary)}.dashboard-focus-card,.dashboard-continue-card,.dashboard-path-card,.dashboard-recommendation{padding:var(--space-6)}.dashboard-focus-card{align-content:start;gap:var(--space-4);display:grid}.dashboard-card-heading,.dashboard-section-heading{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.dashboard-card-heading h2,.dashboard-section-heading h2,.dashboard-recommendation h2{margin:0;font-size:1.08rem}.dashboard-card-heading>span{color:var(--accent);font-size:1.35rem;font-weight:750}.dashboard-card-heading>svg{width:23px;color:var(--accent)}.dashboard-focus-card__visual{border:1px solid var(--border);background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 15%, transparent), transparent), var(--surface-soft);border-radius:15px;place-items:center;min-height:96px;display:grid;position:relative;overflow:hidden}.dashboard-focus-card__visual>span{color:var(--accent);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:1.8rem;font-weight:750}.dashboard-focus-card__visual i{background:var(--accent);height:3px;position:absolute;bottom:0;left:0}.dashboard-focus-card>p{color:var(--text-secondary);margin:0;font-size:.82rem}.dashboard-focus-card>a,.dashboard-card-heading>a{align-items:center;gap:var(--space-2);color:var(--accent);font-size:.78rem;font-weight:700;display:inline-flex}.dashboard-focus-card>a svg,.dashboard-card-heading>a svg{width:16px}.dashboard-continue-card,.dashboard-path-card{min-height:300px}.dashboard-continue-card__body{min-height:210px;margin-top:var(--space-4);padding:var(--space-5);border:1px solid var(--border);background:var(--surface-soft);border-radius:15px;align-content:start;display:grid}.dashboard-status-pill{margin-bottom:var(--space-4);color:var(--accent);background:var(--accent-soft);text-transform:uppercase;border-radius:999px;justify-self:start;padding:5px 9px;font-size:.66rem;font-weight:750}.dashboard-continue-card__body h3{margin-bottom:var(--space-2)}.dashboard-continue-card__body p{margin:0 0 var(--space-5);color:var(--text-secondary);font-size:.82rem}.dashboard-continue-card__body .ui-button{justify-self:start;margin-top:auto}.dashboard-neutral-state{align-items:center;gap:var(--space-4);min-height:180px;margin-top:var(--space-4);padding:var(--space-5);color:var(--success);border:1px solid var(--border);background:var(--surface-soft);border-radius:15px;display:flex}.dashboard-neutral-state>svg{flex:none;width:34px}.dashboard-neutral-state h3,.dashboard-neutral-state p{margin:0}.dashboard-neutral-state p{margin-top:var(--space-2);color:var(--text-secondary);font-size:.8rem}.dashboard-path-list{margin:var(--space-4) 0 0;padding:0;list-style:none;display:grid}.dashboard-path-list li{align-items:center;gap:var(--space-3);grid-template-columns:auto minmax(0,1fr) auto;min-height:70px;display:grid}.dashboard-path-list li+li{border-top:1px solid var(--border)}.dashboard-path-list__marker{width:30px;height:30px;color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 50%, var(--border));border-radius:50%;place-items:center;font-size:.72rem;font-weight:750;display:grid}.dashboard-path-list__marker--done{color:var(--success);border-color:color-mix(in srgb, var(--success) 45%, var(--border));background:color-mix(in srgb, var(--success) 9%, var(--surface))}.dashboard-path-list__marker svg{width:17px}.dashboard-path-list li>div{gap:3px;display:grid}.dashboard-path-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.dashboard-path-list small{color:var(--text-muted);font-size:.7rem}.dashboard-path-list li>a{color:var(--accent)}.dashboard-path-list li>a svg{width:17px}.dashboard-path-list__empty{color:var(--text-muted);font-size:.82rem}.dashboard-metrics{padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-raised);box-shadow:var(--shadow-sm);grid-column:1/-1}.dashboard-section-heading>span{color:var(--text-muted);font-size:.72rem}.dashboard-metrics__grid{gap:var(--space-3);margin-top:var(--space-5);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.dashboard-metric-card{align-content:start;gap:var(--space-2);min-height:145px;padding:var(--space-4);background:var(--surface-soft);box-shadow:none;display:grid}.dashboard-metric-card__icon{width:32px;height:32px;margin-bottom:var(--space-2);color:var(--accent);background:var(--accent-soft);border-radius:9px;place-items:center;font-size:1rem;font-weight:750;display:grid}.dashboard-metric-card__icon svg{width:17px}.dashboard-metric-card>span{color:var(--text-muted);font-size:.72rem}.dashboard-metric-card>strong{font-variant-numeric:tabular-nums;font-size:1.45rem}.dashboard-recommendation{justify-content:space-between;align-items:center;gap:var(--space-8);background:linear-gradient(110deg, color-mix(in srgb, var(--accent) 9%, var(--surface)), var(--surface-raised));grid-column:1/-1;display:flex}.dashboard-recommendation h2{margin-bottom:var(--space-2)}.dashboard-recommendation span{color:var(--text-secondary);font-size:.84rem}.app-header-search{align-items:center;gap:var(--space-3);width:min(100%,620px);height:48px;padding:0 var(--space-4);cursor:not-allowed;border:1px solid var(--border);background:color-mix(in srgb, var(--surface-raised) 78%, transparent);box-shadow:var(--shadow-sm);border-radius:13px;display:flex}.app-header-search>svg{width:20px;color:var(--text-muted);flex:none}.app-header-search>input{cursor:not-allowed;min-width:0;color:var(--text-secondary);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:.85rem}.app-header-search>input::placeholder{color:var(--text-muted);opacity:1}.app-header-search>span,.dashboard-v2-future-badge{min-height:22px;color:var(--text-muted);border:1px solid var(--border);background:var(--surface-secondary);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;padding:0 8px;font-size:.62rem;font-weight:750;display:inline-flex}.app-header__future-actions{gap:var(--space-2);display:flex}.app-header__future-actions>button{cursor:not-allowed;width:44px;height:44px;color:var(--text-muted);border:1px solid var(--border);background:var(--surface-raised);opacity:.68;border-radius:13px;place-items:center;display:grid}.app-header__future-actions svg{width:19px}.dashboard-page{max-width:1380px}.dashboard-v2{gap:var(--space-4);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.dashboard-v2>.ui-card,.dashboard-v2-analytics,.dashboard-v2-hero{border-color:color-mix(in srgb, var(--accent) 14%, var(--border));box-shadow:var(--shadow-sm)}.dashboard-v2-hero{border:1px solid color-mix(in srgb, var(--accent) 40%, var(--border));border-radius:var(--radius-lg);background:linear-gradient(108deg, color-mix(in srgb, var(--accent) 11%, var(--surface-raised)), var(--surface-raised) 72%), var(--surface-raised);grid-column:span 9;grid-template-columns:minmax(250px,1fr) 154px minmax(160px,.62fr);align-items:center;gap:clamp(1rem,2vw,2rem);min-height:290px;padding:clamp(1.4rem,2.25vw,2rem);display:grid;position:relative;overflow:hidden}.dashboard-v2-hero:before{pointer-events:none;opacity:.28;background-image:linear-gradient(color-mix(in srgb, var(--accent) 13%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--accent) 13%, transparent) 1px, transparent 1px);content:"";background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 92%);mask-image:linear-gradient(90deg,#000,#0000 92%)}.dashboard-v2-hero:after{pointer-events:none;background:color-mix(in srgb, var(--accent) 13%, transparent);filter:blur(80px);content:"";border-radius:50%;width:340px;height:340px;position:absolute;top:-90px;right:24%}.dashboard-v2-hero__copy>p,.dashboard-v2-card-title p,.dashboard-v2-section-title>p{margin:0 0 var(--space-2);color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:800}.dashboard-v2-hero h1{margin:0 0 var(--space-3);font-size:clamp(2rem,3vw,2.7rem);line-height:1.04}.dashboard-v2-hero__action{margin-top:var(--space-5);box-shadow:0 10px 28px color-mix(in srgb, var(--accent) 24%, transparent)}.dashboard-v2-hero__facts{align-content:center;gap:var(--space-3);display:grid}.dashboard-v2-hero__facts>div{align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:.73rem;display:flex}.dashboard-v2-hero__facts svg{width:30px;height:30px;color:var(--accent);background:var(--accent-soft);border-radius:9px;padding:7px}.dashboard-v2-hero__facts strong{color:var(--text-primary)}.dashboard-v2-streak{align-content:start;gap:var(--space-3);min-height:290px;padding:var(--space-5);grid-column:span 3;display:grid;overflow:hidden}.dashboard-v2-future-surface{isolation:isolate;pointer-events:none;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.dashboard-v2-future-surface:after{z-index:2;pointer-events:none;-webkit-backdrop-filter:grayscale(.32);backdrop-filter:grayscale(.32);content:"";background:#1018273d;position:absolute;inset:0}.dashboard-v2-future-surface>:not(.dashboard-v2-future-badge){opacity:.58;filter:saturate(.58);pointer-events:none}.dashboard-v2-future-surface>.dashboard-v2-future-badge{z-index:3;min-height:24px;color:color-mix(in srgb, var(--text-primary) 88%, var(--accent));border-color:color-mix(in srgb, var(--accent) 28%, var(--border));background:color-mix(in srgb, var(--surface-raised) 88%, var(--accent-soft));padding-inline:10px;font-size:.56rem;position:absolute;bottom:12px;right:50%;transform:translate(50%);box-shadow:0 8px 24px #02081747}.dashboard-v2-streak.dashboard-v2-future-surface{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 5%, transparent), transparent), var(--surface-raised)}.dashboard-v2-streak>.dashboard-v2-future-content{align-content:start;gap:var(--space-3);height:100%;display:grid}.dashboard-v2-card-title h2,.dashboard-v2-section-title h2{margin:0;font-size:1rem}.dashboard-v2-streak .dashboard-v2-card-title h2{font-size:2rem;line-height:1.1}.dashboard-v2-streak>.dashboard-v2-future-content>span{color:var(--text-muted);font-size:.72rem}.dashboard-v2-streak__chart{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-end;gap:5px;height:54px;padding-inline:3px;display:flex}.dashboard-v2-streak__chart i{background:color-mix(in srgb, var(--accent) 24%, var(--surface-secondary));border-radius:3px 3px 0 0;width:12%}.dashboard-v2-streak__chart i:first-child,.dashboard-v2-streak__chart i:nth-child(5){height:24%}.dashboard-v2-streak__chart i:nth-child(2),.dashboard-v2-streak__chart i:nth-child(6){height:48%}.dashboard-v2-streak__chart i:nth-child(3){height:34%}.dashboard-v2-streak__chart i:nth-child(4){height:68%}.dashboard-v2-streak__chart i:nth-child(7){height:82%}.dashboard-v2-streak__days{grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.dashboard-v2-streak__days i{border:1px dashed var(--border-strong);border-radius:50%;width:18px;height:18px;display:block}.dashboard-v2-streak__footer{align-items:center;gap:var(--space-2);padding-top:var(--space-3);color:var(--text-muted);border-top:1px solid var(--border);margin-top:auto;font-size:.66rem;display:flex}.dashboard-v2-continue,.dashboard-v2-path,.dashboard-v2-activity{min-height:306px;padding:var(--space-5)}.dashboard-v2-card-title>svg{width:21px;color:var(--accent)}.dashboard-v2-card-title>a{color:var(--accent);font-size:.7rem;font-weight:700}.dashboard-v2-continue__body{align-items:center;gap:var(--space-4);min-height:190px;margin-top:var(--space-4);padding:var(--space-4);border:1px solid var(--border);background:var(--surface-soft);border-radius:14px;grid-template-columns:112px minmax(0,1fr);display:grid}.dashboard-v2-course-art{background:radial-gradient(circle at 70% 25%, color-mix(in srgb, var(--accent) 35%, transparent), transparent 30%), linear-gradient(145deg, color-mix(in srgb, #7c3aed 46%, var(--surface-secondary)), var(--surface-secondary));border-radius:12px;place-items:center;min-height:132px;display:grid;overflow:hidden}.dashboard-v2-course-art span{color:#c4b5fd;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:2rem;font-weight:800;transform:rotate(-4deg)}.dashboard-v2-continue__copy h3{text-overflow:ellipsis;white-space:nowrap;margin:0 0 4px;font-size:.92rem;overflow:hidden}.dashboard-v2-continue__copy p{margin:0 0 var(--space-4);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.dashboard-v2-progress i{border-radius:inherit;background:linear-gradient(90deg, var(--accent), #47c8ff);height:100%;display:block}.dashboard-v2-continue__copy small{color:var(--text-muted);margin-top:6px;font-size:.65rem;display:block}.dashboard-v2-card-footer{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-3);color:var(--text-muted);font-size:.67rem;display:flex}.dashboard-v2-card-footer>a{align-items:center;gap:var(--space-2);color:var(--accent);font-weight:750;display:inline-flex}.dashboard-v2-card-footer svg{width:15px}.dashboard-v2-path__list li{align-items:center;gap:var(--space-3);grid-template-columns:auto minmax(0,1fr) auto;min-height:57px;display:grid;position:relative}.dashboard-v2-path__list li>span{width:25px;height:25px;color:var(--text-muted);border:1px solid var(--border-strong);border-radius:50%;place-items:center;font-size:.64rem;font-weight:750;display:grid}.dashboard-v2-path__list li>span.is-current{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.dashboard-v2-path__list li>span.is-complete{color:var(--success);border-color:color-mix(in srgb, var(--success) 50%, var(--border));background:color-mix(in srgb, var(--success) 10%, var(--surface))}.dashboard-v2-path__list li>span svg,.dashboard-v2-path__list li>a svg{width:14px}.dashboard-v2-path__list li>div{min-width:0;display:grid}.dashboard-v2-path__list strong{text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.dashboard-v2-period{color:var(--text-muted);border:1px solid var(--border);border-radius:8px;padding:5px 8px;font-size:.62rem}.dashboard-v2-activity-row{align-items:center;gap:var(--space-2);grid-template-columns:32px minmax(0,1fr) auto;min-height:57px;display:grid}.dashboard-v2-activity-row>span{width:30px;height:30px;color:var(--accent);background:var(--accent-soft);border-radius:8px;place-items:center;display:grid}.dashboard-v2-activity-row--green>span{color:var(--success);background:color-mix(in srgb, var(--success) 12%, var(--surface))}.dashboard-v2-activity-row--purple>span{color:#9d7cff;background:color-mix(in srgb, #8b5cf6 12%, var(--surface))}.dashboard-v2-activity-row--orange>span{color:var(--warning);background:color-mix(in srgb, var(--warning) 12%, var(--surface))}.dashboard-v2-activity-row svg{width:16px}.dashboard-v2-activity-row>div{display:grid}.dashboard-v2-activity-row small{color:var(--text-muted);font-size:.61rem}.dashboard-v2-activity-row strong{font-size:.94rem}.dashboard-v2-activity-row>i{opacity:.7;background:linear-gradient(150deg, transparent 45%, var(--accent) 46% 51%, transparent 52%);width:44px;height:16px}.dashboard-v2-activity-row.dashboard-v2-future-surface:after{border-radius:8px;inset:2px 0}.dashboard-v2-activity-row.dashboard-v2-future-surface>.dashboard-v2-future-badge{text-align:center;white-space:nowrap;max-width:none;min-height:18px;padding-inline:6px;font-size:.46rem;line-height:1;bottom:5px;right:50%;transform:translate(50%)}.dashboard-v2-analytics{padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-raised);grid-column:span 9}.dashboard-v2-section-title h2{font-size:1rem}.dashboard-v2-analytics__grid{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.dashboard-v2-metric{align-content:start;gap:var(--space-2);min-height:132px;padding:var(--space-4);background:var(--surface-soft);box-shadow:none;display:grid;position:relative;overflow:hidden}.dashboard-v2-metric__icon{width:30px;height:30px;margin-bottom:var(--space-2);color:var(--accent);background:var(--accent-soft);border-radius:8px;place-items:center;display:grid}.dashboard-v2-metric__icon svg{width:16px}.dashboard-v2-metric>span:not(.dashboard-v2-future-badge){color:var(--text-muted);font-size:.65rem}.dashboard-v2-metric>strong{font-size:1.35rem;line-height:1.1}.dashboard-v2-metric>i{opacity:.6;background:linear-gradient(145deg, transparent 44%, var(--accent) 45% 49%, transparent 50%);width:52px;height:25px;position:absolute;bottom:13px;right:12px}.dashboard-v2-metric>.dashboard-v2-future-badge{bottom:9px}.dashboard-v2-recommendations{padding:var(--space-5);grid-column:span 3}.dashboard-v2-recommendations__list>a{align-items:center;gap:var(--space-3);min-height:72px;padding:var(--space-3);border:1px solid var(--border);background:var(--surface-soft);transition:border-color var(--transition-fast), transform var(--transition-fast);border-radius:12px;grid-template-columns:38px minmax(0,1fr) auto;display:grid}.dashboard-v2-recommendations__list>a:hover{border-color:var(--border-strong);transform:translateY(-1px)}.dashboard-v2-recommendations__list>a>span{width:38px;height:38px;color:var(--accent);background:var(--accent-soft);border-radius:9px;place-items:center;display:grid}.dashboard-v2-recommendations__list>a>div{min-width:0;display:grid}.dashboard-v2-recommendations__list strong{font-size:.7rem}.auth-page{background:radial-gradient(circle at 82% 15%, color-mix(in srgb, var(--accent) 9%, transparent), transparent 30rem), var(--background);grid-template-columns:minmax(360px,.82fr) minmax(520px,1.18fr);min-height:100vh;display:grid}.auth-showcase{min-height:100vh;color:var(--text-primary);border-right:1px solid var(--border);background:linear-gradient(145deg, color-mix(in srgb, var(--accent) 13%, var(--sidebar-background)), var(--sidebar-background));flex-direction:column;padding:clamp(2rem,4vw,4rem);display:flex;position:relative;overflow:hidden}.auth-showcase:after{opacity:.45;background-image:linear-gradient(color-mix(in srgb, var(--accent) 18%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--accent) 18%, transparent) 1px, transparent 1px);content:"";background-size:36px 36px;width:560px;height:560px;position:absolute;bottom:-15%;right:-22%;transform:rotate(-12deg);-webkit-mask-image:radial-gradient(circle,#000,#0000 68%);mask-image:radial-gradient(circle,#000,#0000 68%)}.auth-showcase__content{z-index:1;margin-block:auto;position:relative}.auth-showcase__content>p{margin-bottom:var(--space-4);color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:.74rem;font-weight:750}.auth-showcase__content h2{margin-bottom:var(--space-8);font-size:clamp(2.2rem,4vw,4rem);line-height:1.02}.auth-showcase__content h2 span{color:var(--accent)}.auth-showcase__content ul{gap:var(--space-4);color:var(--text-secondary);margin:0;padding:0;list-style:none;display:grid}.auth-showcase__content li{align-items:center;gap:var(--space-3);display:flex}.auth-showcase__content li svg{width:20px;color:var(--success)}.auth-showcase__code{z-index:1;width:min(100%,390px);padding:var(--space-5);color:var(--text-secondary);border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--surface-raised) 78%, transparent);box-shadow:var(--shadow-md);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.82rem;line-height:1.8;position:relative}.auth-showcase__code span{color:var(--accent)}.auth-showcase__code strong{color:var(--success)}.auth-panel{grid-template-rows:auto 1fr;min-width:0;display:grid}.auth-header{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:80px;padding:var(--space-3) clamp(1.5rem, 4vw, 4rem);display:flex}.auth-header>a{color:var(--text-secondary);font-size:.82rem;font-weight:650}.auth-header>a:hover{color:var(--accent)}.auth-main{min-height:0;padding:var(--space-8) clamp(1.5rem, 6vw, 6rem) var(--space-16);place-items:center;display:grid}.auth-card{width:min(100%,500px);box-shadow:var(--shadow-md);padding:clamp(1.6rem,4vw,2.6rem)}.auth-card__heading{margin-bottom:var(--space-8)}.auth-card__heading>p{margin:0 0 var(--space-2);color:var(--accent);letter-spacing:.07em;text-transform:uppercase;font-size:.72rem;font-weight:750}.auth-card__heading h1{margin-bottom:var(--space-3);font-size:clamp(1.8rem,3vw,2.35rem)}.auth-card__heading>span,.auth-form__switch{color:var(--text-secondary)}.auth-form{gap:var(--space-5);display:grid}.auth-form__row,.profile-form__row{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.auth-form__submit{width:100%;margin-top:var(--space-1)}.auth-form__switch{text-align:center;font-size:var(--font-secondary)}.auth-form__switch a{color:var(--accent);font-weight:650}.auth-form__switch a:hover{color:var(--accent-hover)}.form-alert{padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-secondary);margin:0;line-height:1.5}.form-alert--error{color:var(--error);border-color:color-mix(in srgb, var(--error) 38%, var(--border));background:color-mix(in srgb, var(--error) 8%, var(--surface))}.form-alert--success{color:var(--success);border-color:color-mix(in srgb, var(--success) 38%, var(--border));background:color-mix(in srgb, var(--success) 8%, var(--surface))}.profile-grid{align-items:start;gap:var(--space-5);grid-template-columns:minmax(220px,.36fr) minmax(0,.64fr);display:grid}.profile-summary,.profile-settings{padding:var(--space-7);box-shadow:var(--shadow-sm)}.profile-summary{justify-items:start;gap:var(--space-4);display:grid}.profile-summary__avatar{width:56px;height:56px;color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--surface));font-size:var(--font-section-title);border-radius:17px;place-items:center;font-weight:700;display:grid}.profile-summary h2{margin-bottom:var(--space-1)}.profile-summary p,.profile-settings__heading p{color:var(--text-secondary);overflow-wrap:anywhere;margin-bottom:0}.profile-settings__heading{margin-bottom:var(--space-6)}.profile-settings__heading h2{margin-bottom:var(--space-2)}.profile-form{gap:var(--space-5);display:grid}.profile-form__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.learning-breadcrumbs{color:var(--text-muted);font-size:var(--font-label);font-weight:600}.learning-breadcrumbs ol{gap:var(--space-2);flex-wrap:wrap;align-items:center;margin:0;padding:0;list-style:none;display:flex}.learning-breadcrumbs li{gap:var(--space-2);align-items:center;display:inline-flex}.learning-breadcrumbs li:not(:last-child):after{color:var(--border-strong);content:"/"}.learning-breadcrumbs a{transition:color var(--transition-fast)}.learning-breadcrumbs a:hover{color:var(--accent)}.learning-track-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,390px),1fr));display:grid}.learning-track-card{align-content:start;gap:var(--space-6);min-width:0;min-height:300px;padding:var(--space-7);box-shadow:var(--shadow-sm);display:grid}.learning-track-card__icon{border-radius:var(--radius-md);width:48px;height:48px;color:var(--accent);background:color-mix(in srgb, var(--accent) 11%, var(--surface));place-items:center;display:grid}.learning-track-card__icon svg{width:24px;height:24px}.learning-track-card__body h2{margin-bottom:var(--space-3)}.learning-track-card__body p,.learning-section-heading p,.learning-course-card p,.learning-module__heading p{color:var(--text-secondary);margin-bottom:0}.learning-track-card__footer{align-items:center;gap:var(--space-4);color:var(--text-muted);font-size:var(--font-secondary);margin-top:auto;font-weight:600;display:grid}.learning-track-card__footer .ui-button{width:100%}.progress-summary{gap:var(--space-3);width:min(100%,560px);min-width:0;display:grid}.progress-summary--compact{gap:var(--space-2)}.progress-summary__labels{justify-content:space-between;align-items:center;gap:var(--space-4);color:var(--text-secondary);font-size:var(--font-secondary);display:flex}.progress-summary__labels strong{color:var(--text-primary);font-variant-numeric:tabular-nums}.progress-summary--compact .progress-summary__labels{font-size:var(--font-label)}.progress-bar{background:var(--surface-secondary);border-radius:999px;height:8px;overflow:hidden}.progress-bar>span{border-radius:inherit;background:var(--accent);height:100%;transition:width var(--transition-fast);display:block}.learning-page-progress{padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-raised);box-shadow:var(--shadow-sm)}.learning-section-heading{margin-bottom:var(--space-6)}.learning-section-heading h2{margin-bottom:var(--space-2)}.learning-course-list,.learning-modules{gap:var(--space-4);display:grid}.learning-course-card{justify-content:space-between;align-items:center;gap:var(--space-8);padding:var(--space-7);box-shadow:var(--shadow-sm);display:flex}.learning-course-card__body{max-width:720px}.learning-course-card__body h3{margin-bottom:var(--space-2)}.learning-course-card__body .progress-summary{margin-top:var(--space-4)}.learning-course-card__badges,.course-header__meta{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);color:var(--text-muted);font-size:var(--font-secondary);flex-wrap:wrap;display:flex}.learning-course-card__aside{justify-items:end;gap:var(--space-5);flex:none;display:grid}.learning-duration{align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:var(--font-secondary);white-space:nowrap;font-weight:600;display:inline-flex}.learning-duration svg{width:17px;height:17px}.course-header{gap:var(--space-5);display:grid}.course-header__meta{margin-bottom:0}.course-progress-panel{justify-content:space-between;align-items:center;gap:var(--space-8);padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-raised);box-shadow:var(--shadow-sm);display:flex}.course-progress-panel .ui-button{flex:none}.course-progress-panel__complete{min-height:var(--control-height);align-items:center;gap:var(--space-2);color:var(--success);font-size:var(--font-secondary);font-weight:700;display:inline-flex}.course-progress-panel__complete svg{width:20px;height:20px}.learning-module{box-shadow:var(--shadow-sm);overflow:hidden}.learning-module__heading{padding:var(--space-6);border-bottom:1px solid var(--border)}.learning-module__heading>span{margin-bottom:var(--space-2);color:var(--accent);font-size:var(--font-label);letter-spacing:.05em;text-transform:uppercase;font-weight:700;display:block}.learning-module__heading h3{margin-bottom:var(--space-2)}.learning-lesson-list{margin:0;padding:0;list-style:none}.learning-lesson-list li+li{border-top:1px solid var(--border)}.learning-lesson-list a{align-items:center;gap:var(--space-4);min-height:88px;padding:var(--space-4) var(--space-6);transition:background-color var(--transition-fast);grid-template-columns:auto minmax(0,1fr) auto auto;display:grid}.learning-lesson-list a:hover{background:var(--surface-hover)}.learning-lesson-list__locked{align-items:center;gap:var(--space-4);min-height:84px;padding:var(--space-4) var(--space-6);color:var(--text-muted);background:color-mix(in srgb, var(--surface-secondary) 70%, transparent);cursor:not-allowed;grid-template-columns:auto minmax(0,1fr) auto auto;display:grid}.learning-lesson-list__locked>svg{opacity:.45;width:20px;height:20px}.learning-lesson-list__locked-label{width:max-content;color:var(--text-muted);font-size:var(--font-label);font-weight:650}.learning-lesson-list__number{border-radius:var(--radius-sm);width:34px;height:34px;color:var(--text-secondary);background:var(--surface-secondary);font-size:var(--font-label);place-items:center;font-weight:700;display:grid}.learning-lesson-list__number svg{width:19px;height:19px}.learning-lesson-list__number--completed{color:var(--success);background:color-mix(in srgb, var(--success) 10%, var(--surface))}.learning-lesson-list__number--in-progress{color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 38%, var(--border))}.learning-lesson-list__content{gap:var(--space-1);display:grid}.learning-lesson-list__content strong{font-size:var(--font-body)}.learning-lesson-list__content>span{color:var(--text-secondary);font-size:var(--font-secondary)}.learning-lesson-list__status{color:var(--accent);font-size:var(--font-label);font-weight:650}.learning-lesson-list a>svg{width:20px;height:20px;color:var(--text-muted)}.lesson-reading{gap:var(--space-8);width:min(100%,900px);display:grid}.lesson-article{width:min(100%,820px)}.lesson-reading--practice{width:min(100%,1240px)}.lesson-reading--practice .lesson-article{width:100%}.lesson-theory{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-raised);width:min(100%,820px);box-shadow:var(--shadow-sm);margin-inline:auto;padding:clamp(1.5rem,4vw,3rem)}.lesson-header{padding-bottom:var(--space-8);margin-bottom:var(--space-8);border-bottom:1px solid var(--border)}.lesson-header__module{margin-bottom:var(--space-3);color:var(--accent);font-size:var(--font-label);letter-spacing:.05em;text-transform:uppercase;font-weight:700}.lesson-header h1{margin-bottom:var(--space-4)}.lesson-header__summary{max-width:720px;margin-bottom:var(--space-5);color:var(--text-secondary);font-size:1.125rem;line-height:1.65}.lesson-content{gap:var(--space-6);display:grid}.lesson-markdown{color:var(--text-primary);font-size:1.0625rem;line-height:1.75}.lesson-markdown>:last-child,.lesson-callout>:last-child{margin-bottom:0}.lesson-markdown p{margin-bottom:var(--space-5)}.lesson-markdown code,.lesson-callout code{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-secondary);padding:.12em .35em;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.92em}.lesson-code{border:1px solid var(--border-strong);border-radius:var(--radius-lg);color:var(--code-text);background:var(--code-background);box-shadow:var(--shadow-sm);overflow:hidden}.lesson-code__header{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:44px;padding-inline:var(--space-4);color:#bfc5cf;font-size:var(--font-label);text-transform:lowercase;border-bottom:1px solid #ffffff1a;font-weight:650;display:flex}.lesson-code__copy{align-items:center;gap:var(--space-2);min-height:36px;padding-inline:var(--space-2);cursor:pointer;color:inherit;border-radius:var(--radius-sm);transition:color var(--transition-fast), background-color var(--transition-fast);background:0 0;display:inline-flex}.lesson-code__copy:hover{color:#fff;background:#ffffff14}.lesson-code__copy svg{width:17px;height:17px}.lesson-code pre{padding:var(--space-5);tab-size:4;margin:0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.9375rem;line-height:1.65;overflow-x:auto}.lesson-code code{font:inherit}.lesson-callout{padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-secondary);border-left-width:4px;line-height:1.65}.lesson-callout>strong{margin-bottom:var(--space-2);color:var(--text-primary);display:block}.lesson-callout--info{border-left-color:var(--info);background:color-mix(in srgb, var(--info) 7%, var(--surface))}.lesson-callout--warning{border-left-color:var(--warning);background:color-mix(in srgb, var(--warning) 7%, var(--surface))}.lesson-callout--tip{border-left-color:var(--success);background:color-mix(in srgb, var(--success) 7%, var(--surface))}.lesson-progress-action{align-items:center;gap:var(--space-4);padding:var(--space-6) 0 var(--space-2);flex-wrap:wrap;display:flex}.lesson-progress-action .ui-button svg{width:19px;height:19px}.lesson-progress-action__completed:disabled{color:var(--success);opacity:1}.lesson-progress-action__success,.lesson-progress-action__error{font-size:var(--font-secondary);margin:0}.lesson-progress-action__success{color:var(--success)}.lesson-progress-action__error{color:var(--error)}.lesson-progress-action--practice>div{gap:var(--space-1);display:grid}.lesson-progress-action--practice p{color:var(--text-secondary);font-size:var(--font-secondary);margin:0}.lesson-practice-section{gap:var(--space-5);padding-top:var(--space-10);margin-top:var(--space-10);border-top:1px solid var(--border);display:grid}.lesson-practice-section__heading{justify-content:space-between;align-items:end;gap:var(--space-4);display:flex}.lesson-practice-section__heading>div{gap:var(--space-1);display:grid}.lesson-practice-section__heading p,.lesson-practice-task>header>span{color:var(--accent);font-size:var(--font-label);letter-spacing:.05em;text-transform:uppercase;margin:0;font-weight:700}.lesson-practice-section__heading h2,.lesson-practice-task h3,.lesson-practice-task p{margin:0}.lesson-practice-section__heading>span{color:var(--text-secondary);font-size:var(--font-secondary);font-weight:650}.lesson-practice-steps{gap:var(--space-2);flex-wrap:wrap;display:flex}.lesson-practice-steps button{width:36px;height:36px;color:var(--text-secondary);border:1px solid var(--border);background:var(--surface);font:inherit;font-size:var(--font-label);border-radius:999px;place-items:center;font-weight:700;display:grid}.lesson-practice-steps button:hover,.lesson-practice-steps button[aria-current=step]{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 55%, var(--border));background:color-mix(in srgb, var(--accent) 8%, var(--surface))}.lesson-practice-steps button[data-solved=true]{color:var(--success);border-color:color-mix(in srgb, var(--success) 45%, var(--border))}.lesson-practice-steps svg{width:18px;height:18px}.lesson-practice-task{gap:var(--space-5);display:grid}.lesson-practice-task>header{gap:var(--space-2);max-width:820px;display:grid}.lesson-practice-task>header>p{color:var(--text-secondary);line-height:1.65}.lesson-sql-checkpoint,.lesson-sql-checkpoint__summary{min-width:0}.lesson-sql-checkpoint{gap:var(--space-3);display:grid}.lesson-sql-checkpoint__summary,.lesson-sql-checkpoint__summary>div{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.lesson-sql-checkpoint__summary{color:var(--text-muted);font-size:var(--font-label);justify-content:space-between}.lesson-sql-workspace{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);min-width:0;min-height:720px;box-shadow:var(--shadow-sm);grid-template:"editor schema"minmax(390px,1.35fr)"result schema"minmax(260px,1fr)/minmax(0,3fr) minmax(340px,2fr);display:grid;overflow:hidden}.lesson-sql-workspace__editor,.lesson-sql-workspace__result,.lesson-sql-workspace__schema{min-width:0;min-height:0}.lesson-sql-workspace__editor{border-right:1px solid var(--border);border-bottom:1px solid var(--border);grid-area:editor;grid-template-rows:auto minmax(0,1fr);display:grid}.lesson-sql-workspace__result{border-right:1px solid var(--border);grid-area:result;grid-template-rows:44px minmax(0,1fr);display:grid}.lesson-sql-workspace__schema{grid-area:schema;overflow:hidden}.lesson-sql-workspace__schema .sql-database-panel{border:0;width:100%;height:100%}.lesson-sql-toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);min-width:0;min-height:58px;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);background:var(--surface-secondary);display:flex}.lesson-sql-toolbar>strong{color:var(--text-secondary);font-size:var(--font-secondary);flex:none}.lesson-sql-toolbar__actions{justify-content:flex-end;align-items:center;gap:var(--space-2);min-width:0;display:flex}.lesson-sql-toolbar__actions .ui-button{min-width:max-content;padding-inline:var(--space-3);white-space:nowrap}.lesson-sql-editor{height:100%}.lesson-practice__unsupported{padding:var(--space-5);color:var(--text-secondary);border:1px dashed var(--border-strong);border-radius:var(--radius-md)}.lesson-navigation__link--locked{color:var(--text-muted);background:var(--surface-secondary);cursor:not-allowed}.lesson-navigation__link--locked:hover{border-color:var(--border);background:var(--surface-secondary)}.lesson-navigation__link--locked em{max-width:320px;color:var(--text-muted);font-size:.75rem;font-style:normal;font-weight:400}.lesson-locked-state{gap:var(--space-8);display:grid}.lesson-locked-state>section{justify-items:start;gap:var(--space-4);padding:var(--space-8);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);display:grid}.lesson-locked-state>section p,.lesson-locked-state>section h1,.lesson-locked-state>section span{margin:0}.lesson-locked-state>section p{color:var(--accent);font-size:var(--font-label);text-transform:uppercase;font-weight:700}.lesson-locked-state>section span{color:var(--text-secondary)}.lesson-navigation{gap:var(--space-4);padding-top:var(--space-8);margin-top:var(--space-10);border-top:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.lesson-navigation__link{align-items:center;gap:var(--space-3);min-height:92px;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);transition:border-color var(--transition-fast), background-color var(--transition-fast);display:flex}.lesson-navigation__link:hover{border-color:var(--border-strong);background:var(--surface-hover)}.lesson-navigation__link>svg{width:20px;height:20px;color:var(--accent);flex:none}.lesson-navigation__link--previous>svg{transform:rotate(180deg)}.lesson-navigation__link--next{text-align:right;justify-content:flex-end}.lesson-navigation__link span{gap:var(--space-1);display:grid}.lesson-navigation__link small{color:var(--text-muted);font-size:var(--font-label)}.lesson-navigation__link strong{color:var(--text-primary);font-size:var(--font-secondary)}.sql-exercises-page{gap:var(--space-6)}.practice-direction-card{align-items:center;gap:var(--space-5);padding:var(--space-7);background:linear-gradient(115deg, color-mix(in srgb, var(--accent) 7%, var(--surface-raised)), var(--surface-raised));box-shadow:var(--shadow-sm);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.practice-direction-card__icon{width:48px;height:48px;color:var(--accent);border:1px solid var(--border);background:var(--accent-soft);border-radius:15px;place-items:center;display:grid}.practice-direction-card__icon svg,.practice-direction-card .ui-button svg,.sql-exercise-card .ui-button svg,.sql-editor-actions .ui-button svg{width:19px;height:19px}.practice-direction-card h2,.sql-exercise-card h2{margin:0 0 var(--space-2);font-size:var(--font-card-title)}.practice-direction-card p,.sql-exercise-card p{color:var(--text-secondary);margin:0;line-height:1.55}.practice-direction-card__progress,.sql-exercise-card__attempts{margin-top:var(--space-2);color:var(--text-muted);font-size:var(--font-label);display:block}.sql-practice-progress{gap:var(--space-3);padding:var(--space-5) var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-raised);box-shadow:var(--shadow-sm);display:grid}.sql-difficulty-filter{gap:var(--space-4);padding:var(--space-5) var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-raised);box-shadow:var(--shadow-sm);display:grid}.sql-difficulty-filter__heading{justify-content:space-between;align-items:end;gap:var(--space-4);display:flex}.sql-difficulty-filter__heading h2{font-size:var(--font-heading-3);margin:0}.sql-difficulty-filter__heading p,.sql-difficulty-filter__heading>span{margin:var(--space-1) 0 0;color:var(--text-muted);font-size:var(--font-label)}.sql-difficulty-filter__heading>span{flex:none;margin:0}.sql-difficulty-filter__options{gap:var(--space-3);flex-wrap:wrap;display:flex}.sql-difficulty-filter__option{align-items:center;gap:var(--space-2);min-height:42px;padding:0 var(--space-4);border:1px solid var(--border);color:var(--text-secondary);background:var(--surface-soft);font-weight:650;font:inherit;cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast), background-color var(--transition-fast), transform var(--transition-fast);border-radius:999px;display:inline-flex}.sql-difficulty-filter__option:hover{color:var(--text-primary);border-color:var(--border-strong);background:var(--surface-hover);transform:translateY(-1px)}.sql-difficulty-filter__option:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 30%, transparent);outline-offset:2px}.sql-difficulty-filter__option strong{min-width:25px;min-height:25px;color:var(--text-primary);background:color-mix(in srgb, var(--text-muted) 11%, transparent);font-size:var(--font-label);border-radius:999px;place-items:center;padding-inline:6px;display:grid}.sql-difficulty-filter__option[aria-current=page],.sql-difficulty-filter__option[aria-pressed=true]{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 48%, var(--border));background:var(--accent-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 10%, transparent)}.sql-difficulty-filter__option--easy[aria-current=page],.sql-difficulty-filter__option--easy[aria-pressed=true]{color:var(--success);border-color:color-mix(in srgb, var(--success) 45%, var(--border));background:color-mix(in srgb, var(--success) 10%, var(--surface-raised))}.sql-difficulty-filter__option--medium[aria-current=page],.sql-difficulty-filter__option--medium[aria-pressed=true]{color:var(--warning);border-color:color-mix(in srgb, var(--warning) 45%, var(--border));background:color-mix(in srgb, var(--warning) 10%, var(--surface-raised))}.sql-difficulty-filter__option--hard[aria-current=page],.sql-difficulty-filter__option--hard[aria-pressed=true]{color:var(--error);border-color:color-mix(in srgb, var(--error) 45%, var(--border));background:color-mix(in srgb, var(--error) 10%, var(--surface-raised))}.sql-difficulty-filter__dots{gap:4px;display:inline-flex}.sql-difficulty-filter__dots i{background:var(--border-strong);border-radius:50%;width:8px;height:8px}.sql-difficulty-filter__option--easy .sql-difficulty-filter__dots i:first-child{background:var(--success)}.sql-difficulty-filter__option--medium .sql-difficulty-filter__dots i:nth-child(-n+2){background:var(--warning)}.sql-difficulty-filter__option--hard .sql-difficulty-filter__dots i{background:var(--error)}.sql-difficulty-badge--hard{color:color-mix(in srgb, var(--error) 88%, var(--text-primary));border-color:color-mix(in srgb, var(--error) 48%, var(--border));background:color-mix(in srgb, var(--error) 11%, var(--surface))}.sql-topic-filter{gap:var(--space-4);padding:var(--space-5) var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-raised);box-shadow:var(--shadow-sm);display:grid}.sql-topic-filter__heading{justify-content:space-between;align-items:end;gap:var(--space-4);display:flex}.sql-topic-filter__heading h2,.sql-catalog-empty h2{font-size:var(--font-heading-3);margin:0}.sql-topic-filter__heading p,.sql-topic-filter__heading>span,.sql-catalog-empty p{margin:var(--space-1) 0 0;color:var(--text-muted);font-size:var(--font-label)}.sql-topic-filter__heading>span{flex:none;margin:0}.sql-topic-filter__chips{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.sql-topic-filter__chip,.sql-topic-filter__expand,.sql-status-filter button{border:1px solid var(--border);min-height:36px;color:var(--text-secondary);background:var(--surface-soft);font:inherit;font-size:var(--font-label);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast), background-color var(--transition-fast), transform var(--transition-fast);border-radius:999px;font-weight:650}.sql-favorite-filter{align-items:center;gap:7px;display:inline-flex}.sql-favorite-filter svg{width:17px;height:17px}.sql-favorite-filter strong{min-width:24px;min-height:24px;color:var(--text-primary);background:color-mix(in srgb, var(--text-muted) 12%, transparent);border-radius:999px;place-items:center;padding-inline:6px;font-size:.75rem;display:grid}.sql-favorite-filter[aria-pressed=true] svg{fill:currentColor}.sql-topic-filter__chip{align-items:center;gap:var(--space-2);padding:0 8px 0 var(--space-3);display:inline-flex}.sql-topic-filter__chip strong{min-width:24px;min-height:24px;color:var(--text-primary);background:color-mix(in srgb, var(--text-muted) 12%, transparent);border-radius:999px;place-items:center;padding-inline:6px;font-size:.75rem;display:grid}.sql-topic-filter__chip:hover,.sql-topic-filter__expand:hover,.sql-status-filter button:hover{color:var(--text-primary);border-color:var(--border-strong);background:var(--surface-hover);transform:translateY(-1px)}.sql-topic-filter__chip[aria-pressed=true],.sql-status-filter button[aria-pressed=true]{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 48%, var(--border));background:var(--accent-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 10%, transparent)}.sql-topic-filter__chip[aria-pressed=true] strong{color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent)}.sql-topic-filter__chip:focus-visible,.sql-topic-filter__expand:focus-visible,.sql-status-filter button:focus-visible,.sql-catalog-sort select:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 30%, transparent);outline-offset:2px}.sql-topic-filter__expand{align-items:center;gap:var(--space-2);padding-inline:var(--space-3);color:var(--accent);background:0 0;display:inline-flex}.sql-catalog-controls{align-items:end;gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border);display:flex}.sql-status-filter,.sql-catalog-sort{gap:var(--space-2);display:grid}.sql-status-filter>span,.sql-catalog-sort>span{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.75rem;font-weight:700}.sql-status-filter>div{flex-wrap:wrap;gap:6px;display:flex}.sql-status-filter button{min-height:38px;padding-inline:var(--space-3)}.sql-catalog-sort{min-width:210px}.sql-catalog-sort select{min-height:38px;padding:0 36px 0 var(--space-3);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-soft);font:inherit;font-size:var(--font-label);cursor:pointer}.sql-catalog-reset{white-space:nowrap;margin-left:auto}.sql-favorite-error{margin:var(--space-3) 0 0;color:var(--danger);font-size:var(--font-label)}.sql-catalog-empty{justify-items:start;gap:var(--space-3);padding:var(--space-8);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--surface-raised);display:grid}.sql-catalog-empty p{margin:0}.sql-exercise-card__topics{margin-top:var(--space-3);flex-wrap:wrap;gap:6px;display:flex}.sql-exercise-card__topics span{min-height:24px;color:var(--text-muted);border:1px solid var(--border);background:color-mix(in srgb, var(--surface-soft) 72%, transparent);border-radius:999px;align-items:center;padding-inline:9px;font-size:.75rem;font-weight:650;display:inline-flex}.sql-catalog-more{justify-self:center;min-width:180px}.sql-exercise-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.sql-exercise-groups,.sql-exercise-group{gap:var(--space-4);grid-template-columns:minmax(0,1fr);display:grid}.sql-exercise-list{grid-template-columns:minmax(0,1fr)}.sql-exercise-list>li{min-width:0}.sql-exercise-groups{gap:var(--space-7)}.sql-exercise-group>h2{color:var(--text-strong);font-size:var(--font-heading-3);letter-spacing:.04em;margin:0}.sql-exercise-card{align-items:center;gap:var(--space-6);min-height:112px;padding:var(--space-5) var(--space-6);transition:border-color var(--transition-fast), background-color var(--transition-fast);box-shadow:var(--shadow-sm);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.sql-exercise-card:hover{border-color:var(--border-strong);background:color-mix(in srgb, var(--surface-hover) 48%, var(--surface))}.sql-exercise-card__actions{justify-content:flex-end;align-items:center;gap:var(--space-2);display:flex}.sql-exercise-card__favorite{width:42px;height:42px;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-soft);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast), background-color var(--transition-fast), transform var(--transition-fast);flex:none;place-items:center;padding:0;display:grid}.sql-exercise-card__favorite svg{width:19px;height:19px}.sql-exercise-card__favorite:hover:not(:disabled){color:#f5b942;border-color:color-mix(in srgb, #f5b942 48%, var(--border));background:color-mix(in srgb, #f5b942 10%, var(--surface-soft));transform:translateY(-1px)}.sql-exercise-card__favorite[aria-pressed=true]{color:#f5b942;border-color:color-mix(in srgb, #f5b942 52%, var(--border));background:color-mix(in srgb, #f5b942 12%, var(--surface-soft))}.sql-exercise-card__favorite[aria-pressed=true] svg{fill:currentColor}.sql-exercise-card__favorite:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 30%, transparent);outline-offset:2px}.sql-exercise-card__favorite:disabled{cursor:wait;opacity:.6}.sql-exercise-card__number{width:44px;height:44px;color:var(--accent);border:1px solid var(--border);background:var(--accent-soft);border-radius:14px;place-items:center;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:700;display:grid}.sql-exercise-card__heading{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.sql-exercise-card__content{min-width:0}.sql-exercise-card__heading .ui-badge{flex:none}.sql-exercise-card__heading h2{margin:0}.sql-exercise-card__content p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.app-main:has(.sql-workbench-page){height:calc(100vh - 72px);padding:var(--space-3) var(--space-4) var(--space-4);overflow:hidden}.sql-workbench-page{width:min(100%,1460px);max-width:none;height:100%}.sql-workbench,.sql-workbench__layout{height:100%}.sql-workbench__layout{align-items:stretch;gap:var(--space-3);grid-template-columns:clamp(250px,18vw,300px) minmax(400px,1fr) clamp(260px,19vw,330px);display:grid}.sql-task-panel,.sql-schema-panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);min-height:0;box-shadow:var(--shadow-sm);scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin;display:grid;overflow:auto}.sql-task-panel{align-content:start;gap:var(--space-5);padding:var(--space-5)}.sql-task-panel__back{align-items:center;gap:var(--space-2);width:fit-content;min-height:36px;margin:calc(var(--space-2) * -1) 0 0 calc(var(--space-2) * -1);padding-inline:var(--space-2);color:var(--text-secondary);border-radius:var(--radius-sm);font-size:var(--font-label);font-weight:650;display:inline-flex}.sql-task-panel__back:hover{color:var(--text-primary);background:var(--surface-hover)}.sql-task-panel__heading,.sql-panel-heading,.sql-editor-actions{align-items:center;display:flex}.sql-task-panel__heading,.sql-panel-heading{justify-content:space-between;gap:var(--space-4)}.sql-task-panel__number,.sql-panel-heading__eyebrow{color:var(--text-muted);font-size:var(--font-label);letter-spacing:.04em;text-transform:uppercase;font-weight:700}.sql-task-panel section{gap:var(--space-2);display:grid}.sql-task-panel section h2,.sql-panel-heading h2{font-size:var(--font-card-title);margin:0}.sql-task-panel section p{color:var(--text-secondary);margin:0;line-height:1.6}.sql-task-context{padding-top:var(--space-5);border-top:1px solid var(--border)}.sql-task-context>div{gap:var(--space-2);display:grid}.sql-task-context>div+div{margin-top:var(--space-4)}.sql-task-context>div>span{color:var(--text-muted);font-size:var(--font-label);font-weight:650}.sql-task-context strong{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:var(--font-secondary)}.sql-task-context ul{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.sql-task-context li{padding:5px var(--space-2);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-secondary);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.75rem}.sql-schema-panel{grid-template-rows:auto minmax(0,1fr)}.sql-schema-panel__header{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:68px;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);display:flex}.sql-schema-panel__header>div{gap:var(--space-1);display:grid}.sql-schema-panel__header h2{font-size:var(--font-card-title);margin:0}.sql-schema__tables{align-content:start;gap:var(--space-3);min-height:0;padding:var(--space-4);display:grid;overflow:auto}.sql-schema-panel details{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-secondary);overflow:hidden}.sql-schema-panel summary{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:46px;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-4);cursor:pointer;transition:background-color var(--transition-fast);display:flex}.sql-schema-panel summary:hover{background:var(--surface-hover)}.sql-schema__table-name{color:var(--text-primary);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:var(--font-secondary);font-weight:700}.sql-schema__column-count{color:var(--text-muted);font-size:.75rem;font-weight:500}.sql-schema-panel ul{padding:0 var(--space-3) var(--space-2);margin:0;list-style:none}.sql-schema-panel li{align-items:center;gap:var(--space-2);min-height:36px;padding:5px var(--space-1);color:var(--text-muted);border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;font-size:.8125rem;display:grid}.sql-schema-panel li>div{align-items:center;gap:6px;min-width:0;display:flex}.sql-schema-panel li code{color:var(--text-primary);text-overflow:ellipsis;overflow:hidden}.sql-schema-panel li small{color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 32%, var(--border));background:color-mix(in srgb, var(--accent) 8%, transparent);border-radius:4px;padding:1px 4px;font-size:.625rem;font-weight:700}.sql-workspace{gap:var(--space-3);grid-template-rows:clamp(410px,54vh,510px) minmax(170px,1fr);min-width:0;min-height:0;display:grid}.sql-editor-panel,.sql-result-panel{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.sql-panel-heading{min-height:64px;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border)}.sql-panel-heading>div:first-child{gap:var(--space-1);display:grid}.sql-editor-actions{gap:var(--space-2)}.sql-editor-actions .ui-button{min-height:40px}.sql-editor{background:var(--surface-secondary);flex:1;min-height:0}.sql-editor>div,.sql-editor .cm-editor{height:100%}.sql-editor .cm-editor{font-size:.9375rem}.sql-editor-panel__hint{min-height:32px;padding:6px var(--space-4);color:var(--text-muted);border-top:1px solid var(--border);font-size:var(--font-label)}.sql-output-header{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:48px;padding:0 var(--space-4);border-bottom:1px solid var(--border);display:flex}.sql-output-tabs{align-self:stretch;gap:var(--space-4);display:flex}.sql-output-tabs button{align-items:center;gap:var(--space-2);min-width:0;color:var(--text-muted);font:inherit;font-size:var(--font-label);background:0 0;border:0;padding:0;font-weight:650;display:inline-flex;position:relative}.sql-output-tabs button:after{content:"";background:0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.sql-output-tabs button[aria-selected=true]{color:var(--text-primary)}.sql-output-tabs button[aria-selected=true]:after{background:var(--accent)}.sql-output-tabs button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sql-output-tabs__error{background:var(--error);border-radius:999px;width:7px;height:7px}.sql-output-tabpanel{flex:1;min-height:0;overflow:auto}.sql-result-meta{color:var(--text-muted);font-size:var(--font-label)}.sql-result-empty{place-content:center;gap:var(--space-2);min-height:100%;padding:var(--space-6);color:var(--text-muted);text-align:center;display:grid}.sql-result-empty--message{background:color-mix(in srgb, var(--warning) 4%, transparent)}.sql-result-empty strong{color:var(--text-secondary)}.sql-result-message{gap:var(--space-2);margin:var(--space-4);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);display:grid}.sql-result-message strong{color:var(--text-primary)}.sql-result-message--success{border-color:color-mix(in srgb, var(--success) 40%, var(--border));background:color-mix(in srgb, var(--success) 7%, var(--surface))}.sql-result-error p{color:var(--text-primary);margin:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.sql-validation-empty,.sql-validation-state{min-height:100%;overflow:auto}.sql-validation-empty{place-content:center;justify-items:center;gap:var(--space-2);padding:var(--space-5);color:var(--text-muted);text-align:center;display:grid}.sql-validation-empty strong{color:var(--text-secondary);font-size:.9375rem}.sql-validation-state{align-content:start;gap:var(--space-2);padding:var(--space-4);border-left:3px solid var(--warning);background:color-mix(in srgb, var(--warning) 6%, var(--surface));display:grid}.sql-validation-state--correct{border-left-color:var(--success);background:color-mix(in srgb, var(--success) 6%, var(--surface))}.sql-validation-state--error{color:var(--error);border-left-color:var(--error);background:color-mix(in srgb, var(--error) 7%, var(--surface))}.sql-validation-state>strong{color:var(--text-primary);font-size:1rem}.sql-validation-state__attempt{color:var(--text-secondary);font-size:var(--font-label);font-variant-numeric:tabular-nums}.sql-validation-state__next{justify-self:start;align-items:center;gap:var(--space-2);min-height:38px;margin-top:var(--space-2);padding:0 var(--space-3);color:var(--accent-foreground);border-radius:var(--radius-sm);background:var(--accent);font-size:var(--font-label);font-weight:700;display:inline-flex}.sql-validation-state__next:hover{background:var(--accent-hover)}.sql-validation-state__next svg{width:17px;height:17px}.sql-validation-state__complete{justify-items:start;gap:var(--space-1);margin-top:var(--space-2);display:grid}.sql-validation-state__complete a{color:var(--accent);font-size:var(--font-label);font-weight:650}.sql-validation-state p,.sql-validation-state em{margin:0}.sql-validation-state em{color:var(--text-secondary);font-size:.8125rem;font-style:normal}.sql-validation-state ul{gap:var(--space-2);margin:var(--space-1) 0;padding:0;list-style:none;display:grid}.sql-validation-state li{align-items:flex-start;gap:var(--space-2);color:var(--success);font-size:.8125rem;display:flex}.sql-validation-state li[data-check-status=FAILED]{color:var(--warning)}.sql-validation-state li div{color:var(--text-secondary);gap:3px;display:grid}.sql-validation-state li b{color:var(--text-primary);font-weight:650}.sql-validation-state li small{line-height:1.45}.sql-validation-state--error p{color:var(--text-primary);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.875rem}.sql-result-table-wrap{height:100%;overflow:auto}.sql-result-table-wrap table{border-collapse:collapse;width:100%;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:var(--font-label);white-space:nowrap}.sql-result-table-wrap td em{color:var(--text-muted)}@media (max-width:1199px){.app-main:has(.sql-workbench-page){height:auto;min-height:calc(100vh - 72px);padding:var(--space-5);overflow:visible}.sql-workbench-page{width:100%;height:auto}.sql-workbench__layout{grid-template-columns:250px minmax(0,1fr);height:auto}.sql-task-panel{max-height:720px}.sql-workspace{grid-template-rows:440px 268px;min-height:720px}.sql-schema-panel{grid-column:1/-1;max-height:430px}.sql-schema__tables{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:899px){.app-main:has(.sql-workbench-page){padding:var(--space-5) var(--space-4) var(--space-10)}.sql-workbench-page{width:100%}.sql-workbench__layout{grid-template-columns:1fr}.sql-task-panel{max-height:none}.sql-workspace{grid-template-rows:460px 280px;min-height:0}.sql-schema-panel{grid-column:auto;max-height:none}.sql-catalog-controls{flex-wrap:wrap}.sql-catalog-reset{margin-left:0}.practice-direction-card,.sql-exercise-card{grid-template-columns:auto minmax(0,1fr)}.practice-direction-card .ui-button,.sql-exercise-card .ui-button,.sql-exercise-card__actions{grid-column:2;justify-self:start}.landing-hero__inner{align-items:start;gap:var(--space-8);padding-block:var(--space-20);grid-template-columns:1fr}.landing-hero__content{padding-bottom:0}.principle-grid{grid-template-columns:1fr}.principle-card{min-height:0}.principle-card__top{margin-bottom:var(--space-6)}.profile-grid,.learning-track-grid{grid-template-columns:1fr}.learning-track-card{min-height:0}.learning-course-card{gap:var(--space-5);display:grid}.learning-course-card__aside{justify-content:space-between;align-items:center;display:flex}.course-progress-panel{display:grid}.course-progress-panel .progress-summary{width:100%}.lesson-sql-workspace{grid-template:"editor"400px"result"260px"schema"400px/minmax(0,1fr);min-height:1060px}.lesson-sql-workspace__editor,.lesson-sql-workspace__result{border-right:0;border-bottom:1px solid var(--border)}}@media (max-width:799px){.app-shell{display:block}.app-sidebar{width:min(86vw,300px);min-height:100vh;transition:transform var(--transition-fast);position:fixed;transform:translate(-102%)}.app-sidebar--open{box-shadow:var(--shadow-md);transform:translate(0)}.app-sidebar__close,.app-header__menu{display:inline-grid}.app-sidebar__top .site-brand--compact{width:calc(100% - 54px);height:auto}.app-shell__overlay{z-index:25;cursor:default;background:#0a0c107a;width:100%;height:100%;display:block;position:fixed;inset:0}.app-header{min-height:68px;padding-inline:var(--space-4)}.app-main{padding:var(--space-8) var(--space-4) var(--space-12)}.app-concepts__grid{grid-template-columns:1fr}}@media (max-width:640px){.ui-container{width:min(calc(100% - (var(--space-4) * 2)), var(--content-width))}.sql-workbench-page{width:100%}.practice-direction-card,.sql-exercise-card{padding:var(--space-5);grid-template-columns:1fr}.practice-direction-card .ui-button,.sql-exercise-card .ui-button,.sql-exercise-card__actions{grid-column:1;width:100%}.sql-exercise-card__actions .ui-button{flex:1}.sql-difficulty-filter,.sql-topic-filter{padding:var(--space-5)}.sql-difficulty-filter__heading,.sql-topic-filter__heading{align-items:start;display:grid}.sql-difficulty-filter__options{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.sql-difficulty-filter__option{padding-inline:var(--space-3);justify-content:center}.sql-topic-filter__chips{gap:7px}.sql-topic-filter__chip,.sql-topic-filter__expand{max-width:100%}.sql-topic-filter__chip span{text-overflow:ellipsis;overflow:hidden}.sql-catalog-controls,.sql-status-filter,.sql-catalog-sort,.sql-catalog-reset{width:100%}.sql-status-filter>div{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.sql-status-filter button{justify-content:center}.sql-catalog-sort select{width:100%}.sql-exercise-card__heading,.sql-panel-heading{align-items:flex-start}.sql-exercise-card__heading{flex-wrap:wrap}.sql-panel-heading{display:grid}.sql-editor-actions{width:100%}.sql-editor-actions .ui-button{flex:1}.sql-task-panel{padding:var(--space-5)}.sql-workspace{grid-template-rows:480px 300px}.sql-schema__tables{grid-template-columns:1fr}.sql-output-header{padding-block:var(--space-2);align-items:flex-start}.sql-output-tabs{min-height:40px}.sql-result-table-wrap th,.sql-result-table-wrap td{padding:var(--space-3)}.landing-header__inner{gap:var(--space-2) var(--space-3);min-height:0;padding-block:var(--space-3);grid-template-columns:1fr auto}.landing-nav{justify-content:space-between;gap:var(--space-2);grid-area:2/1/auto/-1}.landing-nav__link{padding-inline:var(--space-2)}.landing-nav__cta{flex:none}.landing-hero__inner{gap:var(--space-6);padding-block:var(--space-12)}.landing-hero__content>p{margin-bottom:var(--space-6);font-size:var(--font-body)}.landing-hero__actions{grid-template-columns:1fr;display:grid}.landing-hero__actions .ui-button{width:100%}.landing-principles{padding-block:var(--space-12)}.landing-section-heading{margin-bottom:var(--space-8)}.principle-card{padding:var(--space-5)}.landing-footer__inner{flex-direction:column;justify-content:center;align-items:flex-start;min-height:104px}.ui-page-header{align-items:start;display:grid}.ui-empty-state{padding:var(--space-6)}.app-content{gap:var(--space-8)}.app-header .theme-switcher__button{width:38px;height:38px}.auth-main{min-height:auto;padding:var(--space-8) var(--space-4)}.auth-card{padding:var(--space-6)}.auth-card__heading{margin-bottom:var(--space-6)}.auth-form__row,.profile-form__row{grid-template-columns:1fr}.profile-summary,.profile-settings{padding:var(--space-5)}.profile-form__actions{display:grid}.profile-form__actions .ui-button{width:100%}.learning-track-card,.learning-course-card,.learning-module__heading{padding:var(--space-5)}.learning-track-card__footer,.learning-course-card__aside{justify-items:stretch;display:grid}.learning-track-card__footer .ui-button,.learning-course-card__aside .ui-button,.course-progress-panel .ui-button{width:100%}.learning-lesson-list a,.learning-lesson-list__locked{min-height:0;padding:var(--space-4) var(--space-5);grid-template-columns:auto minmax(0,1fr) auto}.learning-lesson-list .learning-duration{display:none}.learning-lesson-list a>svg,.learning-lesson-list__locked>svg{grid-column:3}.lesson-reading{gap:var(--space-6)}.lesson-header__summary{font-size:var(--font-body)}.lesson-code pre{padding:var(--space-4);font-size:var(--font-label)}.lesson-navigation{grid-template-columns:1fr}.lesson-navigation>span:empty{display:none}.lesson-progress-action{display:grid}.lesson-progress-action .ui-button{width:100%}.lesson-practice-section__heading{align-items:start;display:grid}.lesson-sql-toolbar{display:grid}.lesson-sql-toolbar__actions{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.lesson-sql-toolbar__actions .ui-button{width:100%;min-width:0;padding-inline:var(--space-2);font-size:.75rem}.lesson-sql-toolbar__actions .ui-button svg{display:none}.lesson-sql-workspace{grid-template-rows:360px 260px 380px;min-height:1000px}}@media (max-width:380px){.site-brand{width:158px;height:auto}.landing-header .theme-switcher__button{width:38px;height:38px}.landing-nav__cta{padding-inline:var(--space-4)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}body:has(.sql-focus-shell){overflow:hidden}.sql-focus-shell,.sql-focus-shell__main,.sql-focus-workbench{width:100%;height:100vh;min-height:0}.sql-focus-shell{background:var(--background);overflow:hidden}.sql-focus-shell__main{overflow:hidden}.sql-focus-workbench{color:var(--text-primary);background:color-mix(in srgb, var(--background) 90%, #0b0d10);grid-template-rows:54px minmax(0,1fr);display:grid;overflow:hidden}.sql-focus-toolbar{z-index:5;justify-content:space-between;align-items:center;gap:var(--space-4);min-width:0;padding:0 var(--space-4);border-bottom:1px solid var(--border-strong);background:var(--surface);display:flex}.sql-focus-toolbar__context,.sql-focus-toolbar__actions{align-items:center;min-width:0;display:flex}.sql-focus-toolbar__context{gap:var(--space-3);color:var(--text-muted);font-size:var(--font-label);overflow:hidden}.sql-focus-toolbar__context a{color:var(--text-secondary);flex:none;font-weight:650}.sql-focus-toolbar__context a:hover{color:var(--text-primary)}.sql-focus-toolbar__context strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.sql-focus-toolbar__actions{gap:var(--space-2);flex:none}.sql-focus-toolbar__reset{min-height:32px;padding:0 var(--space-3);color:var(--text-secondary);border:1px solid color-mix(in srgb, var(--accent) 22%, var(--border));border-radius:var(--radius-sm);background:color-mix(in srgb, var(--accent) 5%, transparent);cursor:pointer;font:inherit;font-size:.75rem;font-weight:650}.sql-focus-toolbar__reset:hover{color:var(--text-primary);border-color:color-mix(in srgb, var(--accent) 38%, var(--border));background:color-mix(in srgb, var(--accent) 9%, transparent)}.sql-focus-toolbar__reset:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sql-focus-toolbar .theme-switcher{padding:2px}.sql-focus-toolbar .theme-switcher__button,.sql-focus-toolbar__profile{width:34px;height:34px}.sql-focus-toolbar__profile{color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-secondary);transition:color var(--transition-fast), border-color var(--transition-fast), background-color var(--transition-fast);place-items:center;display:inline-grid}.sql-focus-toolbar__profile:hover{color:var(--text-primary);border-color:var(--border-strong);background:var(--surface-hover)}.sql-focus-toolbar__profile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sql-focus-toolbar__profile svg{width:18px;height:18px}.sql-mobile-tabs{display:none}.sql-focus-grid{background:color-mix(in srgb, var(--background) 82%, var(--surface-secondary));grid-template:"task task-divider editor schema-divider schema"minmax(0,55fr)"task task-divider row-divider schema-divider schema"7px"task task-divider result schema-divider schema"minmax(0,45fr)/minmax(270px,23fr) 7px minmax(440px,39fr) 7px minmax(430px,38fr);min-width:0;min-height:0;padding:6px;display:grid;position:relative;overflow:hidden}.sql-focus-panel,.sql-diagram-slot{border:1px solid var(--border);background:var(--surface);min-width:0;min-height:0;box-shadow:0 1px 2px color-mix(in srgb, var(--text-primary) 4%, transparent);border-radius:5px;overflow:hidden}.sql-task-panel{border:1px solid var(--border);grid-area:task;grid-template-rows:46px minmax(0,1fr);align-content:stretch;gap:0;max-height:none;padding:0;display:grid;overflow:hidden}.sql-task-panel__toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);min-width:0;padding:0 var(--space-4);color:var(--text-muted);border-bottom:1px solid var(--border);background:var(--surface-secondary);font-size:var(--font-label);display:flex}.sql-task-panel__toolbar a{min-width:0;color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.sql-task-panel__toolbar span{white-space:nowrap;flex:none}.sql-task-panel__toolbar a:hover{color:var(--text-primary)}.sql-task-panel__body{align-content:start;gap:var(--space-5);min-height:0;padding:var(--space-5);scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin;display:grid;overflow:auto}.sql-task-panel__heading{justify-content:space-between;align-items:flex-start;gap:var(--space-3)}.sql-task-panel__heading>.sql-task-panel__number{flex:none}.sql-task-panel__badges{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;flex:1 1 0;min-width:0;display:flex}.sql-solution-trigger{--sql-solution-accent:color-mix(in srgb, var(--accent) 55%, #a855f7);min-height:28px;color:color-mix(in srgb, var(--sql-solution-accent) 72%, var(--text-primary));border:1px solid color-mix(in srgb, var(--sql-solution-accent) 58%, var(--border));background:color-mix(in srgb, var(--sql-solution-accent) 14%, var(--surface));cursor:pointer;font:inherit;white-space:nowrap;border-radius:999px;padding:0 10px;font-size:.78rem;font-weight:750;line-height:1}.sql-solution-trigger:hover{color:var(--text-primary);border-color:var(--sql-solution-accent);background:color-mix(in srgb, var(--sql-solution-accent) 22%, var(--surface))}.sql-solution-trigger:focus-visible{outline:2px solid var(--sql-solution-accent);outline-offset:2px}.sql-solution-viewed-badge{max-width:100%;color:color-mix(in srgb, var(--error) 78%, var(--text-primary));border-color:color-mix(in srgb, var(--error) 48%, var(--border));background:color-mix(in srgb, var(--error) 13%, transparent);text-align:center;white-space:normal;line-height:1.2}.sql-solution-modal{z-index:120;padding:var(--space-5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0208179e;place-items:center;display:grid;position:fixed;inset:0}.sql-solution-modal__dialog{width:min(100%,540px);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface-raised);box-shadow:var(--shadow-md);padding:clamp(22px,4vw,32px)}.sql-solution-modal__dialog h2{margin:0 0 var(--space-3);font-size:clamp(1.25rem,3vw,1.55rem)}.sql-solution-modal__dialog>p{color:var(--text-secondary);margin:0;line-height:1.65}.sql-solution-modal__error{margin-top:var(--space-4)!important;color:var(--error)!important}.sql-solution-modal__actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);display:flex}@media (max-width:520px){.sql-solution-modal{padding:var(--space-3);align-items:end}.sql-solution-modal__dialog{border-radius:var(--radius-lg)}.sql-solution-modal__actions{grid-template-columns:1fr 1fr;display:grid}}.sql-task-panel__attempts{min-width:0;min-height:30px;color:color-mix(in srgb, var(--accent) 42%, var(--success));border:1px solid color-mix(in srgb, var(--accent) 34%, var(--success));border-radius:var(--radius-sm);background:color-mix(in srgb, color-mix(in srgb, var(--accent) 42%, var(--success)) 12%, transparent);cursor:pointer;font:inherit;white-space:nowrap;grid-column:2;justify-content:center;align-items:center;padding:0 7px;font-weight:650;line-height:1;display:inline-flex}.sql-task-panel__attempts:hover{color:color-mix(in srgb, var(--accent) 30%, var(--success));border-color:color-mix(in srgb, var(--accent) 24%, var(--success));background:color-mix(in srgb, color-mix(in srgb, var(--accent) 36%, var(--success)) 18%, transparent)}.sql-task-panel__attempts:focus-visible,.sql-submission-history__heading button:focus-visible,.sql-submission-card__toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sql-submission-history{align-content:start;gap:var(--space-4);display:grid}.sql-submission-history__heading{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.sql-submission-history__heading button{min-height:32px;color:var(--text-secondary);border:1px solid color-mix(in srgb, var(--accent) 22%, var(--border));border-radius:var(--radius-sm);background:color-mix(in srgb, var(--accent) 5%, transparent);font:inherit;font-size:var(--font-label);padding:0 10px;font-weight:650}.sql-submission-history__heading button:hover{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 42%, var(--border));background:color-mix(in srgb, var(--accent) 9%, transparent)}.sql-submission-history__heading>span,.sql-submission-history>div>p,.sql-submission-history__state{color:var(--text-muted);font-size:var(--font-label)}.sql-submission-history>div>h2{margin:0 0 var(--space-2);color:var(--text-primary);letter-spacing:normal;text-transform:none;font-size:1rem}.sql-submission-history>div>p{margin:0;line-height:1.55}.sql-submission-history__list{gap:var(--space-3);display:grid}.sql-submission-history__empty,.sql-submission-history__error{gap:var(--space-2);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--surface-secondary) 74%, transparent);display:grid}.sql-submission-history__empty span,.sql-submission-history__error{color:var(--text-secondary);font-size:var(--font-label);line-height:1.5}.sql-submission-history__error{border-color:color-mix(in srgb, var(--error) 32%, var(--border))}.sql-submission-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--surface-secondary) 76%, transparent);overflow:hidden}.sql-submission-card__toggle{align-items:center;gap:2px var(--space-2);width:100%;min-width:0;padding:var(--space-3);color:var(--text-primary);font:inherit;text-align:left;background:0 0;border:0;grid-template-rows:auto auto;grid-template-columns:24px minmax(0,1fr) auto;display:grid}.sql-submission-card__toggle:hover{background:color-mix(in srgb, var(--accent) 6%, transparent)}.sql-submission-card__status{border:1px solid;border-radius:50%;grid-area:1/1/span 2;place-items:center;width:22px;height:22px;font-size:.75rem;font-weight:800;display:inline-grid}.sql-submission-card[data-status=CORRECT] .sql-submission-card__status{color:var(--success)}.sql-submission-card[data-status=WRONG_ANSWER] .sql-submission-card__status{color:var(--error)}.sql-submission-card[data-status=EXECUTION_ERROR] .sql-submission-card__status{color:var(--warning)}.sql-submission-card__toggle>span:nth-child(2){grid-area:1/2;gap:2px;min-width:0;display:grid}.sql-submission-card__toggle strong{text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;overflow:hidden}.sql-submission-card__toggle small,.sql-submission-card__toggle time,.sql-submission-card__meta{color:var(--text-muted);font-size:.7rem}.sql-submission-card__toggle time{white-space:nowrap;grid-area:2/2}.sql-submission-card__chevron{color:var(--text-muted);transition:transform var(--transition-fast);grid-area:1/3/span 2;font-size:1rem}.sql-submission-card__toggle[aria-expanded=true] .sql-submission-card__chevron{transform:rotate(180deg)}.sql-submission-card__content{gap:var(--space-2);padding:0 var(--space-3) var(--space-3);display:grid}.sql-submission-card__meta{justify-content:space-between;gap:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--border);display:flex}.sql-submission-card pre{max-width:100%;padding:var(--space-3);color:var(--text-primary);border:1px solid var(--border);border-radius:calc(var(--radius-sm) - 2px);background:color-mix(in srgb, var(--background) 82%, transparent);white-space:pre;margin:0;font-size:.75rem;line-height:1.55;overflow:auto}.sql-task-panel__number{color:var(--text-muted);letter-spacing:.055em;font-size:.8125rem}.sql-task-panel h1{margin:0;font-size:clamp(1.3rem,1.55vw,1.65rem);line-height:1.25}.sql-task-panel section{gap:var(--space-3)}.sql-task-panel section h2{letter-spacing:.035em;text-transform:uppercase;font-size:.875rem}.sql-task-panel section p{color:var(--text-secondary);overflow-wrap:anywhere;font-size:.9375rem;line-height:1.62}.sql-task-copy{gap:var(--space-5);display:grid}.sql-task-copy section p{white-space:pre-line}.sql-task-panel__navigation{border:1px solid color-mix(in srgb, var(--accent) 22%, var(--border));border-radius:var(--radius-sm);background:color-mix(in srgb, var(--accent) 5%, transparent);grid-template-columns:max-content max-content max-content;justify-content:space-between;align-items:center;gap:5px;padding:6px;font-size:.75rem;display:grid}.sql-task-panel__navigation a{max-width:100%;min-height:30px;color:var(--text-secondary);border:1px solid color-mix(in srgb, var(--accent) 18%, var(--border));border-radius:calc(var(--radius-sm) - 2px);background:color-mix(in srgb, var(--surface) 72%, transparent);text-overflow:ellipsis;white-space:nowrap;align-items:center;padding:0 6px;font-weight:650;display:inline-flex;overflow:hidden}.sql-task-panel__navigation-previous{grid-column:1;justify-self:start}.sql-task-panel__navigation-next{grid-column:3;justify-self:end}.sql-task-panel__navigation a:hover{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 42%, var(--border));background:color-mix(in srgb, var(--accent) 9%, transparent)}.sql-editor-panel{border:1px solid var(--border);grid-area:editor;grid-template-rows:auto minmax(0,1fr);min-width:0;display:grid;container:sql-editor-panel/inline-size}.sql-editor-toolbar{z-index:8;align-items:center;gap:0 var(--space-3);min-width:0;min-height:88px;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);background:var(--surface-secondary);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"dialect shortcuts""actions actions";display:grid;position:relative;overflow:visible}.sql-editor-dialect,.sql-editor-shortcuts,.sql-editor-actions{align-items:center;min-width:0;display:flex}.sql-editor-dialect{justify-self:start;gap:var(--space-2);grid-area:dialect}.sql-editor-settings{flex:none;position:relative}.sql-editor-settings__trigger{box-sizing:border-box;width:34px;height:34px;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--surface) 78%, transparent);cursor:pointer;flex:0 0 34px;place-items:center;padding:0;display:inline-grid}.sql-editor-settings__trigger:hover,.sql-editor-settings__trigger[aria-expanded=true]{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 48%, var(--border));background:color-mix(in srgb, var(--accent) 10%, var(--surface))}.sql-editor-settings__trigger:focus-visible,.sql-editor-settings__switch:focus-visible,.sql-editor-settings__font-size input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sql-editor-settings__trigger svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75px;width:18px;height:18px;display:block}.sql-editor-settings__popover{z-index:30;gap:var(--space-3);width:264px;padding:var(--space-4);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:color-mix(in srgb, var(--surface) 96%, transparent);box-shadow:var(--shadow-lg);display:grid;position:absolute;top:calc(100% + 9px);left:0}.sql-editor-settings__popover h2,.sql-editor-settings__popover p{margin:0}.sql-editor-settings__popover h2{font-size:.9375rem}.sql-editor-settings__popover p{padding-top:var(--space-1);color:var(--text-muted);font-size:.75rem;font-weight:650}.sql-editor-settings__font-size,.sql-editor-settings__switch{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:32px;font-size:.8125rem;font-weight:650;display:flex}.sql-editor-settings__font-size input{width:60px;min-height:32px;color:var(--text-primary);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--background);font:inherit;padding:0 6px}.sql-editor-settings__switch{width:100%;color:var(--text-secondary);text-align:left;background:0 0;border:0;padding:0}.sql-editor-settings__switch i{border:1px solid var(--border-strong);background:var(--surface-hover);width:40px;height:23px;transition:background var(--transition-fast), border-color var(--transition-fast);border-radius:999px;flex:none;position:relative}.sql-editor-settings__switch i:after{background:var(--text-muted);content:"";width:15px;height:15px;transition:transform var(--transition-fast), background var(--transition-fast);border-radius:50%;position:absolute;top:3px;left:3px}.sql-editor-settings__switch[aria-checked=true] i{border-color:color-mix(in srgb, var(--accent) 60%, var(--border));background:color-mix(in srgb, var(--accent) 28%, var(--surface))}.sql-editor-settings__switch[aria-checked=true] i:after{background:var(--accent);transform:translate(17px)}.sql-editor-actions{justify-self:end;gap:var(--space-2);flex:none;grid-area:actions;width:max-content;max-width:100%}.sql-editor-actions .ui-button{min-width:max-content;min-height:38px;padding-inline:var(--space-3);white-space:nowrap;flex:none;font-size:.875rem;line-height:1}.sql-editor-actions .ui-button svg{flex:none;width:16px;height:16px}.sql-editor-shortcuts{grid-area:shortcuts;justify-self:end;position:relative}.sql-editor-shortcuts__wide{color:var(--text-muted);white-space:nowrap;align-items:center;gap:6px;font-size:.6875rem;display:none}.sql-editor-shortcuts__wide span+kbd{margin-right:var(--space-2)}.sql-editor-shortcuts__wide kbd{color:var(--text-secondary);border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 78%, transparent);font:inherit;border-radius:4px;padding:2px 5px}.sql-editor-shortcuts__help{width:30px;height:30px;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-sm);font:inherit;background:0 0;place-items:center;padding:0;font-size:.8125rem;font-weight:700;display:none;position:relative}.sql-editor-shortcuts__help:hover{color:var(--text-primary);border-color:var(--border-strong);background:var(--surface-hover)}.sql-editor-shortcuts__help:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sql-editor-shortcuts__help:after{z-index:20;visibility:hidden;width:max-content;max-width:260px;color:var(--text-primary);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-md);content:attr(data-tooltip);opacity:0;pointer-events:none;transition:opacity var(--transition-fast), transform var(--transition-fast), visibility var(--transition-fast);padding:7px 9px;font-size:.75rem;font-weight:500;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-3px)}.sql-editor-shortcuts__help:hover:after,.sql-editor-shortcuts__help:focus-visible:after{visibility:visible;opacity:1;transform:translateY(0)}@container sql-editor-panel (max-width:459px){.sql-editor-toolbar{padding-inline:var(--space-2)}.sql-editor-actions{gap:var(--space-1)}.sql-editor-actions .ui-button{padding-inline:var(--space-2);font-size:.8125rem}}@container sql-editor-panel (min-width:620px){.sql-editor-toolbar{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"dialect shortcuts actions";min-height:54px;padding-block:0}.sql-editor-shortcuts__help{display:grid}}@container sql-editor-panel (min-width:780px){.sql-editor-shortcuts__wide{display:flex}.sql-editor-shortcuts__help{display:none}}.sql-editor{background:var(--background);width:100%;min-width:0;height:100%;min-height:0;overflow:hidden}.sql-editor>div,.sql-editor .cm-editor,.sql-editor .cm-scroller{min-width:0;max-width:100%;height:100%}.sql-editor .cm-scroller{overflow:auto}.sql-editor .cm-editor{font-size:var(--sql-editor-font-size,.96875rem);background:0 0}.sql-editor .cm-scroller{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;line-height:1.55}.sql-editor .cm-gutters{color:var(--text-muted);border-right:1px solid var(--border);background:color-mix(in srgb, var(--surface-secondary) 80%, transparent)}.sql-editor .cm-editor.cm-focused{outline:2px solid var(--accent);outline-offset:-2px}.sql-result-panel{border:1px solid var(--border);grid-area:result;grid-template-rows:44px minmax(0,1fr);min-width:0;display:grid}.sql-resize-handle{z-index:4;touch-action:none;background:0 0;position:relative}.sql-resize-handle:after{background:var(--border-strong);content:"";transition:background-color var(--transition-fast), box-shadow var(--transition-fast);position:absolute}.sql-resize-handle:hover,.sql-resize-handle:active{background:0 0}.sql-resize-handle:hover:after,.sql-resize-handle:active:after{background:color-mix(in srgb, var(--accent) 72%, var(--border-strong));box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 10%, transparent)}html[data-sql-resize=task] .sql-resize-handle--task:after,html[data-sql-resize=schema] .sql-resize-handle--schema:after,html[data-sql-resize=row] .sql-resize-handle--row:after{background:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 16%, transparent)}.sql-resize-handle--task,.sql-resize-handle--schema{cursor:col-resize}.sql-resize-handle--task:after,.sql-resize-handle--schema:after{width:1px;top:0;bottom:0;left:3px}.sql-resize-handle--task{grid-area:task-divider}.sql-resize-handle--schema{grid-area:schema-divider}.sql-resize-handle--row{cursor:row-resize;grid-area:row-divider}.sql-resize-handle--row:after{height:1px;top:3px;left:0;right:0}html.sql-is-resizing,html.sql-is-resizing *{-webkit-user-select:none!important;user-select:none!important}html.sql-is-resizing--column,html.sql-is-resizing--column *{cursor:col-resize!important}html.sql-is-resizing--row,html.sql-is-resizing--row *{cursor:row-resize!important}.sql-result-toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);min-width:0;padding-right:var(--space-3);border-bottom:1px solid var(--border);background:var(--surface-secondary);display:flex;overflow:hidden}.sql-result-tabs{overscroll-behavior-inline:contain;scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin;flex:auto;align-items:stretch;min-width:0;height:100%;display:flex;overflow-x:auto}.sql-result-tabs::-webkit-scrollbar{height:6px}.sql-result-tabs::-webkit-scrollbar-track{background:0 0}.sql-result-tabs::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:padding-box;border:1px solid #0000;border-radius:999px}.sql-result-tabs button{min-width:max-content;padding:0 var(--space-3);color:var(--text-muted);font:inherit;background:0 0;border:0;align-items:center;gap:6px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.75rem;font-weight:600;display:inline-flex;position:relative}.sql-result-tabs button:after{right:var(--space-3);bottom:0;left:var(--space-3);content:"";background:0 0;height:2px;position:absolute}.sql-result-tabs button:hover,.sql-result-tabs button[aria-selected=true]{color:var(--text-primary)}.sql-result-tabs button[aria-selected=true]:after{background:var(--accent)}.sql-result-tabs button:focus-visible{z-index:1;outline:2px solid var(--accent);outline-offset:-3px}.sql-result-tabs__error{background:var(--error);border-radius:999px;width:7px;height:7px}.sql-result-tabpanel,.sql-result-success,.sql-result-table-wrap{min-width:0;height:100%;min-height:0}.sql-result-tabpanel{background:var(--surface);overflow:hidden}.sql-result-empty{place-content:center;justify-items:center;gap:var(--space-2);min-height:100%;padding:var(--space-5);color:var(--text-muted);text-align:center;display:grid}.sql-result-empty__icon{width:44px;height:38px;margin-bottom:var(--space-1);color:var(--accent);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-secondary);place-items:center;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:700;display:grid}.sql-result-empty strong{color:var(--text-secondary);font-size:.875rem}.sql-result-meta{color:var(--text-muted);white-space:nowrap;flex:none;font-size:.75rem}.sql-result-error{gap:var(--space-2);margin:var(--space-4);padding:var(--space-4);color:var(--error);border:1px solid color-mix(in srgb, var(--error) 45%, var(--border));border-radius:var(--radius-sm);background:color-mix(in srgb, var(--error) 8%, var(--surface));display:grid}.sql-result-error p{color:var(--text-primary);margin:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.875rem}.sql-result-notice{padding:var(--space-2) var(--space-4);color:var(--warning);border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--warning) 8%, var(--surface));font-size:.75rem}.sql-result-table-wrap{overflow:auto}.sql-result-table-wrap table{border-collapse:collapse;white-space:nowrap;width:max-content;min-width:100%;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.8125rem}.sql-result-table-wrap th,.sql-result-table-wrap td{padding:9px var(--space-3);border-right:1px solid var(--border);border-bottom:1px solid var(--border);text-align:left}.sql-result-table-wrap th{z-index:1;color:var(--text-primary);background:var(--surface-secondary);position:sticky;top:0}.sql-result-table-wrap th small{color:var(--text-muted);margin-top:2px;font-size:.6875rem;font-weight:500;display:block}.sql-result-table-wrap td{color:var(--text-secondary)}.sql-diagram-slot{background:color-mix(in srgb, var(--surface) 78%, var(--background));grid-area:schema}.sql-diagram-slot[data-collapsed=true]{visibility:hidden;pointer-events:none}.sql-schema-collapse-toggle{z-index:12;width:34px;height:44px;color:var(--text-secondary);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--surface) 94%, transparent);box-shadow:var(--shadow-sm);cursor:pointer;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.sql-schema-collapse-toggle svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:19px;height:19px}.sql-schema-collapse-toggle:hover{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 60%, var(--border-strong));background:var(--surface-hover)}.sql-schema-collapse-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sql-schema-collapse-toggle:after{visibility:hidden;width:max-content;color:var(--text-primary);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-md);content:attr(data-tooltip);opacity:0;pointer-events:none;transition:opacity var(--transition-fast), transform var(--transition-fast), visibility var(--transition-fast);padding:7px 9px;font-size:.75rem;font-weight:600;position:absolute;right:calc(100% + 8px);transform:translate(3px)}.sql-schema-collapse-toggle:hover:after,.sql-schema-collapse-toggle:focus-visible:after{visibility:visible;opacity:1;transform:translate(0)}.sql-database-panel{grid-template-rows:54px minmax(0,1fr);width:100%;height:100%;min-height:0;display:grid}.sql-database-panel__header{z-index:2;justify-content:space-between;align-items:center;gap:var(--space-3);padding:0 var(--space-4);border-bottom:1px solid var(--border);background:var(--surface-secondary);display:flex}.sql-database-panel__header>div{align-items:baseline;gap:var(--space-3);display:flex}.sql-database-panel__header span,.sql-database-panel__header small{color:var(--text-muted);text-transform:uppercase;font-size:.75rem;font-weight:650}.sql-database-panel__header h2{margin:0;font-size:.9375rem}.sql-erd-canvas{--sql-erd-grid-line:color-mix(in srgb, var(--border-strong) 32%, transparent);background:color-mix(in srgb, var(--background) 72%, var(--surface));min-width:0;min-height:0}.sql-erd-canvas .react-flow{background:0 0}.sql-erd-canvas .react-flow__node-erdTable{min-width:212px;max-width:320px;transition:opacity var(--transition-fast);background:0 0;border:0}.sql-erd-table{color:var(--text-primary);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);overflow:visible}.sql-erd-table--selected,.sql-erd-node--active .sql-erd-table{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 18%, transparent), var(--shadow-sm)}.sql-erd-node--related .sql-erd-table{border-color:color-mix(in srgb, var(--accent) 58%, var(--border-strong));box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 10%, transparent), var(--shadow-sm)}.sql-erd-node--muted{opacity:.68}.sql-erd-table>header{min-height:38px;color:var(--text-primary);border-bottom:1px solid var(--border-strong);background:color-mix(in srgb, var(--accent) 8%, var(--surface-secondary));justify-content:space-between;align-items:center;gap:6px;padding:7px 11px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:1rem;font-weight:750;display:flex;position:relative}.sql-erd-table ul{margin:0;padding:0;list-style:none}.sql-erd-table li{align-items:center;gap:var(--space-2);border-bottom:1px solid var(--border);grid-template-columns:max-content minmax(0,1fr) max-content max-content;min-height:31px;padding:4px 10px;font-size:.9375rem;display:grid;position:relative}.sql-erd-help{width:15px;height:15px;color:var(--text-muted);border:1px solid var(--border-strong);background:var(--surface-secondary);font:inherit;cursor:help;border-radius:999px;place-items:center;padding:0;font-size:.625rem;font-weight:750;line-height:1;display:inline-grid;position:relative}.sql-erd-help:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sql-erd-tooltip-overlay{z-index:100;color:#f8fafc;border-radius:var(--radius-sm);width:max-content;max-width:min(260px,100vw - 16px);box-shadow:var(--shadow-md);pointer-events:none;text-align:left;transition:opacity var(--transition-fast);white-space:normal;background:#111827;border:1px solid #334155;padding:7px 9px;font-size:.6875rem;font-weight:500;line-height:1.35;position:fixed}.sql-erd-table li:last-child{border-bottom:0}.sql-erd-table__keys{gap:3px;min-width:max-content;display:flex}.sql-erd-table__keys b{letter-spacing:.02em;border-radius:3px;padding:1px 3px;font-size:.625rem}.sql-erd-key--primary{color:var(--warning);background:color-mix(in srgb, var(--warning) 11%, transparent)}.sql-erd-key--foreign{color:var(--accent);background:color-mix(in srgb, var(--accent) 11%, transparent)}.sql-erd-table code{min-width:0;color:var(--text-primary);font-size:inherit;white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.sql-erd-table small{max-width:13ch;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.78125rem;display:block;overflow:hidden}.sql-erd-handle{opacity:0;border:1px solid var(--surface);background:color-mix(in srgb, var(--accent) 72%, var(--text-muted));width:5px;height:9px;transition:opacity var(--transition-fast);border-radius:2px}.sql-erd-canvas .react-flow__node:hover .sql-erd-handle,.sql-erd-canvas .react-flow__node.selected .sql-erd-handle,.sql-erd-canvas .sql-erd-node--active .sql-erd-handle,.sql-erd-canvas .sql-erd-node--related .sql-erd-handle{opacity:.42}.sql-erd-canvas .react-flow__edge-path{stroke:color-mix(in srgb, var(--accent) 58%, var(--text-muted));stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;transition:opacity var(--transition-fast), stroke var(--transition-fast), stroke-width var(--transition-fast)}.sql-erd-canvas .sql-erd-cardinality-marker{fill:none;stroke:color-mix(in srgb, var(--accent) 58%, var(--text-muted));stroke-width:1.25px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;vector-effect:non-scaling-stroke;transition:opacity var(--transition-fast), stroke var(--transition-fast), stroke-width var(--transition-fast)}.sql-erd-relationship-help circle{fill:#0000;pointer-events:all;stroke:#0000;vector-effect:non-scaling-stroke}.sql-erd-relationship-help{cursor:help}.sql-erd-relationship-help:focus{outline:none}.sql-erd-relationship-help:focus-visible circle{fill:color-mix(in srgb, var(--accent) 12%, transparent);stroke:var(--accent)}.sql-dialect-select{min-width:108px;height:28px;color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);font:inherit;padding:0 24px 0 8px;font-size:.75rem}.sql-dialect-select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.sql-erd-canvas .react-flow__edge:hover .react-flow__edge-path,.sql-erd-canvas .sql-erd-edge--active .react-flow__edge-path{stroke:color-mix(in srgb, var(--accent) 82%, var(--text-secondary));stroke-width:2.05px!important}.sql-erd-canvas .react-flow__edge:hover .sql-erd-cardinality-marker,.sql-erd-canvas .sql-erd-edge--active .sql-erd-cardinality-marker{stroke:color-mix(in srgb, var(--accent) 82%, var(--text-secondary));stroke-width:1.55px}.sql-erd-canvas .sql-erd-edge--muted{opacity:.2}.sql-erd-canvas .react-flow__controls{border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);overflow:hidden}.sql-erd-canvas .react-flow__controls-button{width:34px;height:34px;color:var(--text-secondary);border:0;border-right:1px solid var(--border);background:var(--surface)}.sql-erd-canvas .react-flow__controls-button:last-child{border-right:0}.sql-erd-canvas .react-flow__controls-button:hover{color:var(--text-primary);background:var(--surface-hover)}.sql-erd-canvas .react-flow__controls-button svg{fill:currentColor}.sql-erd-canvas .react-flow__controls-button:last-child{font-size:1.125rem;line-height:1}@media (max-width:1199px) and (min-width:1170px){.sql-focus-grid{grid-template-columns:minmax(320px,23fr) 7px minmax(380px,39fr) 7px minmax(380px,38fr)}}@media (max-width:1169px){.sql-focus-workbench{grid-template-rows:54px 46px minmax(0,1fr)}.sql-focus-toolbar{padding-inline:var(--space-3)}.sql-focus-toolbar__context strong,.sql-focus-toolbar__context>span{display:none}.sql-mobile-tabs{border-bottom:1px solid var(--border-strong);background:var(--surface-secondary);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.sql-mobile-tabs button{min-width:0;padding:0 var(--space-2);color:var(--text-muted);font:inherit;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;font-size:.8125rem;font-weight:650;position:relative;overflow:hidden}.sql-mobile-tabs button:after{right:var(--space-3);bottom:0;left:var(--space-3);content:"";background:0 0;height:2px;position:absolute}.sql-mobile-tabs button[aria-selected=true]{color:var(--text-primary)}.sql-mobile-tabs button[aria-selected=true]:after{background:var(--accent)}.sql-mobile-tabs button:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.sql-focus-grid{min-height:0;display:block;overflow:hidden}.sql-focus-grid>[data-mobile-active=false],.sql-resize-handle,.sql-schema-collapse-toggle{display:none}.sql-task-panel,.sql-editor-panel,.sql-result-panel,.sql-diagram-slot{border:0;border-radius:0;width:100%;height:100%}.sql-task-panel__body{max-width:680px;margin-inline:auto}.sql-editor-panel{grid-template-rows:58px minmax(0,1fr)}.sql-result-panel{grid-template-rows:46px minmax(0,1fr)}.sql-focus-toolbar__reset{display:none}.sql-database-panel{grid-template-rows:48px minmax(0,1fr)}}@media (max-width:520px){.sql-focus-toolbar .theme-switcher__button{width:31px;height:31px}.sql-focus-toolbar__profile{display:none}.sql-task-panel__body{padding:var(--space-5) var(--space-4)}.sql-editor-actions .ui-button{min-height:36px;padding-inline:var(--space-2);font-size:.75rem}.sql-editor-actions .ui-button svg,.sql-result-meta{display:none}}@media (max-width:1180px){.public-hero__stage{grid-template-columns:minmax(350px,.82fr) minmax(520px,1.18fr)}.public-product-preview{width:620px;height:470px}.public-hero__mascot{width:286px;left:-72px}.public-hero-feature{padding:var(--space-4);grid-template-columns:42px minmax(0,1fr)}.public-hero-feature__icon{width:42px;height:42px}.public-hero-feature__action{display:none}.dashboard-hero{grid-template-columns:minmax(230px,1fr) 140px}.dashboard-progress-ring{width:140px;height:140px}.dashboard-progress-ring:before{width:114px;height:114px}.dashboard-hero__facts{display:none}}@media (max-width:980px){.landing-header__inner{min-height:80px;padding-block:0;display:flex;position:relative}.landing-header .site-brand{width:190px;height:auto}.landing-menu-button{margin-left:auto;display:grid}.landing-navigation{gap:var(--space-4);padding:var(--space-4);visibility:hidden;border:1px solid var(--border);border-radius:0 0 var(--radius-lg) var(--radius-lg);background:var(--surface-raised);box-shadow:var(--shadow-md);opacity:0;transition:opacity var(--transition-fast), transform var(--transition-fast), visibility var(--transition-fast);display:grid;position:absolute;top:calc(100% + 1px);left:0;right:0;transform:translateY(-8px)}.landing-navigation--open{visibility:visible;opacity:1;transform:translateY(0)}.landing-navigation__links{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.landing-navigation__actions{padding-top:var(--space-3);border-top:1px solid var(--border);flex-wrap:wrap}.public-hero__inner--mascot{padding-block:var(--space-16) var(--space-8)}.public-hero__stage{gap:var(--space-4);grid-template-columns:1fr;min-height:0}.public-hero__copy{max-width:720px}.public-hero__showcase{width:min(100%,780px);min-height:555px;margin-inline:auto}.public-product-preview{width:88%;height:500px;top:20px;right:0}.public-hero__mascot{width:300px;bottom:-4px;left:0}.public-hero-features{grid-template-columns:repeat(2,minmax(0,1fr))}.public-hero-feature:nth-child(3){border-top:1px solid var(--border);border-left:0}.public-hero-feature:nth-child(4){border-top:1px solid var(--border)}.auth-page{display:block}.auth-showcase{min-height:auto;padding:var(--space-4) var(--space-6);border-right:0;border-bottom:1px solid var(--border)}.auth-showcase__content,.auth-showcase__code{display:none}.auth-panel{min-height:calc(100vh - 75px)}.dashboard{grid-template-columns:1fr}.dashboard-metrics,.dashboard-recommendation{grid-column:1}}@media (max-width:760px){.public-direction-grid,.public-feature-grid{grid-template-columns:1fr}.public-hero__showcase{min-height:500px}.public-product-preview{width:96%;height:440px}.public-product-preview__body{grid-template-columns:104px minmax(0,1fr)}.public-product-preview__content{padding:13px}.public-product-preview__welcome{min-height:140px}.public-hero__mascot{width:235px;bottom:-2px;left:-15px}.public-section__heading{align-items:start;display:grid}.public-direction-card{min-height:270px}.public-cta__inner{grid-template-columns:auto minmax(0,1fr)}.public-cta__actions{grid-column:1/-1}.dashboard-metrics__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.landing-header__inner{min-height:72px;padding-block:0;display:flex}.landing-header .site-brand{width:184px;height:auto}.landing-header .site-brand__subtitle{letter-spacing:.055em;font-size:.68rem;left:31%;right:0}.landing-navigation__links{grid-template-columns:1fr}.landing-navigation__actions{grid-template-columns:1fr 1fr;display:grid}.landing-navigation__actions .theme-switcher{grid-column:1/-1;justify-self:start}.landing-navigation__actions .ui-button{width:100%}.public-hero__inner--mascot{padding-block:var(--space-10) var(--space-6)}.public-hero__stage{gap:0}.public-hero h1{font-size:clamp(2.6rem,13vw,3.75rem)}.public-hero__description{font-size:.97rem}.public-hero__actions{display:grid}.public-hero__actions .ui-button{width:100%}.public-hero__trust{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.public-hero__trust li{white-space:normal}.public-hero__showcase{min-height:450px}.public-product-preview{border-radius:18px;width:100%;height:370px;top:20px}.public-product-preview__body{grid-template-columns:1fr}.public-product-preview__sidebar{display:none}.public-product-preview__content{padding:10px}.public-product-preview__welcome{grid-template-columns:minmax(0,1fr) 72px;min-height:128px;padding:12px}.public-product-preview__welcome h2{max-width:230px;font-size:.96rem}.public-product-preview__orbit{width:64px;height:64px}.public-product-preview__card{min-height:70px;padding:8px}.public-product-preview__engines{display:none}.public-hero__mascot{width:185px;bottom:-4px;left:-15px}.public-hero-features{margin-top:var(--space-3);grid-template-columns:1fr}.public-hero-feature{min-height:104px}.public-hero-feature+.public-hero-feature,.public-hero-feature:nth-child(3),.public-hero-feature:nth-child(4){border-top:1px solid var(--border);border-left:0}.public-section{padding-block:var(--space-12)}.public-direction-card,.public-feature-card{padding:var(--space-5)}.public-cta__inner{padding:var(--space-6);grid-template-columns:1fr;display:grid}.public-cta__mark{width:52px;height:52px}.public-cta__actions{grid-column:1}.public-cta__actions .ui-button{width:100%}.landing-footer__inner{align-items:flex-start}.landing-footer__inner>p{text-align:left}.app-header__actions{gap:var(--space-2)}.app-user-menu{width:42px;height:42px;min-height:42px;padding:5px}.app-user-menu>span{width:30px;height:30px}.app-user-menu strong,.app-user-menu>svg,.app-header__context>span{display:none}.app-main{padding-top:var(--space-5)}.app-content>.ui-page-header{padding:var(--space-5)}.dashboard-hero{padding:var(--space-6);grid-template-columns:1fr}.dashboard-progress-ring{justify-self:start;width:132px;height:132px}.dashboard-progress-ring:before{width:108px;height:108px}.dashboard-focus-card,.dashboard-continue-card,.dashboard-path-card,.dashboard-metrics,.dashboard-recommendation{padding:var(--space-5)}.dashboard-section-heading,.dashboard-recommendation{display:grid}.dashboard-section-heading>span{display:none}.dashboard-recommendation .ui-button{width:100%}.auth-showcase{padding-inline:var(--space-4)}.auth-header{min-height:68px;padding-inline:var(--space-4)}.auth-main{padding:var(--space-5) var(--space-4) var(--space-10)}}@media (max-width:430px){.dashboard-metric-card{min-height:120px}.theme-switcher__button{width:36px;height:36px}}@media (max-width:1180px){.dashboard-v2{grid-template-columns:repeat(8,minmax(0,1fr))}.dashboard-v2-hero{grid-column:span 8}.dashboard-v2-streak{grid-column:span 3}.dashboard-v2-continue{grid-column:span 5}.dashboard-v2-path,.dashboard-v2-activity{grid-column:span 4}.dashboard-v2-analytics,.dashboard-v2-recommendations{grid-column:span 8}.dashboard-v2-recommendations__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:860px){.app-header--dashboard .app-header__context{flex:1}.app-header-search{max-width:390px}.app-header__future-actions{display:none}.dashboard-v2{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-v2-hero,.dashboard-v2-streak,.dashboard-v2-continue,.dashboard-v2-analytics,.dashboard-v2-recommendations{grid-column:span 2}.dashboard-v2-path,.dashboard-v2-activity{grid-column:span 1}.dashboard-v2-hero{grid-template-columns:minmax(240px,1fr) 140px minmax(150px,.7fr)}}@media (max-width:640px){.app-header--dashboard{gap:var(--space-2)}.app-header--dashboard .app-header__context{min-width:0}.app-header-search{height:42px;padding-inline:var(--space-3)}.app-header-search>span{display:none}.dashboard-v2{grid-template-columns:minmax(0,1fr)}.dashboard-v2-hero,.dashboard-v2-streak,.dashboard-v2-continue,.dashboard-v2-path,.dashboard-v2-activity,.dashboard-v2-analytics,.dashboard-v2-recommendations{grid-column:1}.dashboard-v2-hero{padding:var(--space-5);grid-template-columns:minmax(0,1fr) 120px}.dashboard-v2-hero__facts{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-v2-hero__facts>p{display:none}.dashboard-v2-hero__facts>div{align-items:flex-start;font-size:.65rem}.dashboard-v2-hero__facts>div span{display:grid}.dashboard-v2-analytics__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-v2-recommendations__list{grid-template-columns:1fr}}@media (max-width:430px){.app-header-search>svg{display:none}.app-header-search>input{font-size:.74rem}.dashboard-v2-hero{grid-template-columns:1fr}.dashboard-v2-hero .dashboard-progress-ring{justify-self:start}.dashboard-v2-hero__facts{grid-template-columns:1fr}.dashboard-v2-continue__body{grid-template-columns:88px minmax(0,1fr)}.dashboard-v2-course-art{min-height:108px}.dashboard-v2-card-footer>span{display:none}}.app-premium-page.ui-container{width:100%;max-width:none;margin:0}.app-premium-page{border:1px solid color-mix(in srgb, var(--accent) 12%, var(--border));background:radial-gradient(circle at 78% -18%, color-mix(in srgb, var(--accent) 6%, transparent), transparent 31rem), color-mix(in srgb, var(--surface) 68%, transparent);border-radius:20px;gap:16px;padding:14px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff08}.app-premium-page .ui-page-header{border:1px solid color-mix(in srgb, var(--accent) 42%, var(--border));background:radial-gradient(circle at 79% 44%, color-mix(in srgb, var(--accent) 13%, transparent), transparent 14rem), linear-gradient(112deg, color-mix(in srgb, var(--accent) 12%, var(--surface-raised)), var(--surface-raised) 72%);min-height:214px;box-shadow:inset 0 1px 0 #ffffff0d, 0 0 20px color-mix(in srgb, var(--accent) 5%, transparent);isolation:isolate;border-radius:14px;justify-content:space-between;align-items:center;padding:34px 38px;display:flex;position:relative;overflow:hidden}.app-premium-page .ui-page-header:before{z-index:-1;pointer-events:none;opacity:.32;background-image:repeating-linear-gradient(45deg, transparent 0 45px, color-mix(in srgb, var(--accent) 16%, transparent) 46px 47px, transparent 48px 92px), repeating-linear-gradient(-45deg, transparent 0 62px, color-mix(in srgb, var(--accent) 10%, transparent) 63px 64px, transparent 65px 126px);content:"";position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 20%,#000 60% 100%);mask-image:linear-gradient(90deg,#0000 20%,#000 60% 100%)}.app-premium-page .ui-page-header>*{z-index:1;position:relative}.app-premium-page .ui-page-header>div:first-child{width:min(100%,610px)}.app-premium-page .ui-page-header__eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;font-size:.72rem;font-weight:760}.app-premium-page .ui-page-header h1{letter-spacing:-.045em;margin:0;font-size:clamp(2.15rem,3.6vw,3.25rem);font-weight:650;line-height:1.02}.app-premium-page .ui-page-header__description{width:min(100%,560px);color:var(--text-secondary);margin:16px 0 0;font-size:.94rem;line-height:1.65}.app-premium-page>section,.app-premium-page>.profile-grid{min-width:0}.app-premium-page .learning-track-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.app-premium-page .learning-track-card{border-color:color-mix(in srgb, var(--accent) 18%, var(--border));background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 15rem), color-mix(in srgb, var(--surface-raised) 82%, transparent);border-radius:14px;gap:20px;min-height:318px;padding:26px;transition:border-color .2s,background-color .2s,box-shadow .2s,transform .2s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff08}.app-premium-page .learning-track-card:after{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent) 45%, transparent));content:"";width:42%;height:1px;position:absolute;top:0;right:0}.app-premium-page .learning-track-card:hover{border-color:color-mix(in srgb, var(--accent) 38%, var(--border));box-shadow:inset 0 1px 0 #ffffff0a, 0 10px 30px color-mix(in srgb, var(--accent) 6%, transparent);transform:translateY(-2px)}.app-premium-page .learning-track-card__icon,.app-premium-page .practice-direction-card__icon{border:1px solid color-mix(in srgb, var(--accent) 36%, var(--border));background:color-mix(in srgb, var(--accent) 14%, var(--surface-raised));width:58px;height:58px;box-shadow:inset 0 1px 0 #ffffff0f, 0 0 18px color-mix(in srgb, var(--accent) 10%, transparent);border-radius:13px}.app-premium-page .learning-track-card__icon svg,.app-premium-page .practice-direction-card__icon svg{width:27px;height:27px}.app-premium-page .learning-track-card__body h2,.app-premium-page .practice-direction-card h2{margin:0 0 9px;font-size:1.28rem;font-weight:650}.app-premium-page .learning-track-card__body p,.app-premium-page .practice-direction-card p{color:var(--text-secondary);font-size:.88rem;line-height:1.6}.app-premium-page .progress-summary{border:1px solid color-mix(in srgb, var(--accent) 10%, var(--border));background:color-mix(in srgb, var(--surface-soft) 70%, transparent);border-radius:10px;width:100%;padding:13px 14px}.app-premium-page .progress-bar{background:color-mix(in srgb, var(--accent) 7%, var(--surface-secondary));height:6px}.app-premium-page .progress-bar>span{box-shadow:0 0 10px color-mix(in srgb, var(--accent) 28%, transparent);background:linear-gradient(90deg,#1f6fff,#44a6ff)}.app-premium-page .learning-track-card__footer{grid-template-columns:auto minmax(180px,.62fr);justify-content:space-between}.app-premium-page .learning-track-card__footer .ui-button,.app-premium-page .practice-direction-card .ui-button{border-color:color-mix(in srgb, var(--accent) 42%, var(--border));background:color-mix(in srgb, var(--accent) 14%, var(--surface-raised));min-height:44px;box-shadow:0 0 16px color-mix(in srgb, var(--accent) 7%, transparent)}.app-premium-page .practice-direction-card{border-color:color-mix(in srgb, var(--accent) 22%, var(--border));background:radial-gradient(circle at 88% 50%, #25d39d12, transparent 18rem), radial-gradient(circle at 0% 100%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 19rem), color-mix(in srgb, var(--surface-raised) 82%, transparent);border-radius:14px;grid-template-columns:76px minmax(0,1fr) auto;gap:24px;min-height:254px;padding:34px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff08}.app-premium-page .practice-direction-card:before{pointer-events:none;opacity:.18;background-image:linear-gradient(90deg, transparent 49.5%, color-mix(in srgb, var(--accent) 15%, transparent) 50%, transparent 50.5%);content:"";background-size:54px 100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 25%,#000 100%);mask-image:linear-gradient(90deg,#0000 25%,#000 100%)}.app-premium-page .practice-direction-card>*{z-index:1;position:relative}.app-premium-page .practice-direction-card__progress{border:1px solid color-mix(in srgb, #25d39d 20%, var(--border));width:max-content;color:color-mix(in srgb, #25d39d 64%, var(--text-secondary));background:color-mix(in srgb, #25d39d 7%, var(--surface));border-radius:999px;margin-top:18px;padding:7px 10px}.app-premium-page .profile-grid{grid-template-columns:minmax(250px,.34fr) minmax(0,.66fr);gap:14px}.app-premium-page .profile-summary,.app-premium-page .profile-settings{border-color:color-mix(in srgb, var(--accent) 18%, var(--border));background:color-mix(in srgb, var(--surface-raised) 82%, transparent);border-radius:14px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff08}.app-premium-page .profile-summary{text-align:center;background:radial-gradient(circle at 50% 19%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 12rem), color-mix(in srgb, var(--surface-raised) 82%, transparent);align-content:center;justify-items:center;gap:18px;min-height:322px}.app-premium-page .profile-summary__avatar{border:1px solid color-mix(in srgb, var(--accent) 44%, var(--border));width:82px;height:82px;box-shadow:inset 0 1px 0 #ffffff14, 0 0 28px color-mix(in srgb, var(--accent) 12%, transparent);border-radius:22px;font-size:1.7rem}.app-premium-page .profile-summary h2{font-size:1.25rem}.app-premium-page .profile-summary .ui-badge{min-height:27px;padding-inline:11px}.app-premium-page .profile-settings{min-height:322px;padding:28px}.app-premium-page .profile-settings__heading{border-bottom:1px solid var(--border);padding-bottom:18px}.app-premium-page .profile-settings__heading h2{font-size:1.2rem}.app-premium-page .profile-form__actions{padding-top:4px}@keyframes dashboard-sidebar-network-atmosphere{0%,to{opacity:.42;filter:brightness(.94);background-position:-38% 68%,bottom,bottom}46%{opacity:.49;filter:brightness(1.01);background-position:48% 68%,bottom,bottom}82%{opacity:.46;filter:brightness(1.045);background-position:138% 68%,bottom,bottom}}@keyframes dashboard-status-ambient{0%,to{border-color:color-mix(in srgb, var(--accent) 12%, var(--border));box-shadow:inset 0 0 12px color-mix(in srgb, var(--accent) 2%, transparent)}50%{border-color:color-mix(in srgb, var(--accent) 17%, var(--border));box-shadow:inset 0 0 18px color-mix(in srgb, var(--accent) 4%, transparent)}}@keyframes dashboard-status-glow-drift{0%,to{opacity:.34;transform:translate(-8%)}52%{opacity:.46;transform:translate(10%,-2%)}}@keyframes dashboard-status-dot-breathe{0%,to{opacity:.84;box-shadow:0 0 4px color-mix(in srgb, var(--success) 28%, transparent)}50%{opacity:1;box-shadow:0 0 9px color-mix(in srgb, var(--success) 48%, transparent)}}@media (max-width:920px){.app-premium-page .learning-track-grid,.app-premium-page .profile-grid{grid-template-columns:1fr}.app-premium-page .practice-direction-card{grid-template-columns:64px minmax(0,1fr)}.app-premium-page .practice-direction-card .ui-button{grid-column:2;justify-self:start}}@media (max-width:680px){.app-premium-page{border-radius:16px;padding:10px}.app-premium-page .ui-page-header{min-height:190px;padding:26px 22px}.app-premium-page .ui-page-header h1{font-size:2.1rem}.app-premium-page .learning-track-card,.app-premium-page .practice-direction-card,.app-premium-page .profile-settings{padding:22px}.app-premium-page .learning-track-card__footer,.app-premium-page .practice-direction-card{grid-template-columns:1fr}.app-premium-page .practice-direction-card .ui-button{grid-column:1;width:100%}}@media (prefers-reduced-motion:reduce){.app-shell--dashboard .app-sidebar:after,.app-shell--dashboard .system-status,.app-shell--dashboard .system-status:before,.app-shell--dashboard .system-status__dot--online{animation:none!important}.app-premium-page .learning-track-card{transition:none}}.app-shell--dashboard{--sidebar-width:280px;background:radial-gradient(circle at 58% -8%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 34rem), var(--background)}.app-shell--dashboard .app-sidebar{border:1px solid color-mix(in srgb, var(--accent) 25%, var(--border));background:radial-gradient(circle at 34% 17%, color-mix(in srgb, var(--accent) 9%, transparent), transparent 12rem), linear-gradient(180deg, color-mix(in srgb, var(--sidebar-background) 96%, transparent), var(--sidebar-background));border-radius:18px;width:calc(100% - 12px);height:calc(100vh - 16px);min-height:560px;margin-inline:6px;padding:28px 18px 20px;top:8px;overflow:hidden;box-shadow:inset 0 1px #ffffff0a}.app-shell--dashboard .app-sidebar:after{pointer-events:none;opacity:.46;background-image:radial-gradient(ellipse at center, color-mix(in srgb, var(--accent) 11%, transparent), transparent 68%), linear-gradient(to top, color-mix(in srgb, var(--accent) 7%, transparent), transparent 72%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 280 210'%3E%3Cg fill='none' stroke='%232f85ff' stroke-opacity='.34' stroke-width='.8'%3E%3Cpath d='M0 168 34 147 61 158 93 123 128 142 160 104 197 126 228 86 280 108M0 196 29 179 70 190 110 157 145 176 183 147 225 168 280 139M14 121 48 103 82 119 114 82 151 98 188 66 220 84 253 52 280 61M34 147 48 103M61 158 70 190M93 123 114 82M128 142 145 176M160 104 188 66M197 126 225 168M228 86 253 52'/%3E%3C/g%3E%3Cg fill='%2352a5ff' fill-opacity='.66'%3E%3Ccircle cx='34' cy='147' r='1.6'/%3E%3Ccircle cx='61' cy='158' r='1.4'/%3E%3Ccircle cx='93' cy='123' r='1.8'/%3E%3Ccircle cx='128' cy='142' r='1.3'/%3E%3Ccircle cx='160' cy='104' r='1.7'/%3E%3Ccircle cx='197' cy='126' r='1.5'/%3E%3Ccircle cx='228' cy='86' r='1.8'/%3E%3Ccircle cx='48' cy='103' r='1.4'/%3E%3Ccircle cx='82' cy='119' r='1.2'/%3E%3Ccircle cx='114' cy='82' r='1.5'/%3E%3Ccircle cx='151' cy='98' r='1.3'/%3E%3Ccircle cx='188' cy='66' r='1.7'/%3E%3Ccircle cx='220' cy='84' r='1.2'/%3E%3Ccircle cx='253' cy='52' r='1.6'/%3E%3C/g%3E%3C/svg%3E");will-change:opacity, filter, background-position;content:"";background-position:-38% 68%,bottom,bottom;background-repeat:no-repeat;background-size:32% 115%,100% 100%,100% 100%;height:222px;animation:15s ease-in-out infinite dashboard-sidebar-network-atmosphere;position:absolute;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 52% 100%);mask-image:linear-gradient(#0000 0%,#000 52% 100%)}.app-shell--dashboard .app-sidebar>*{z-index:1;position:relative}.app-shell--dashboard .app-sidebar__top{width:100%;margin:0 0 44px}.app-shell--dashboard .app-sidebar__top .site-brand--compact{width:216px}.app-shell--dashboard .app-navigation{gap:14px}.app-shell--dashboard .app-navigation__item{min-height:56px;color:color-mix(in srgb, var(--text-secondary) 95%, #8ab9ff);border-color:color-mix(in srgb, var(--accent) 20%, var(--border));background-color:color-mix(in srgb, var(--sidebar-background) 88%, #0f2a4e);box-shadow:inset 0 1px 0 #ffffff08, inset 0 0 12px color-mix(in srgb, var(--accent) 2.5%, transparent);border-radius:12px;gap:16px;padding-inline:17px;font-size:.92rem;font-weight:500;transition:color .2s,border-color .2s,background-color .2s,box-shadow .2s,transform .2s,filter .2s;position:relative;overflow:hidden;transform:translate(0)}.app-shell--dashboard .app-navigation__item:before{content:none;display:none}.app-shell--dashboard .app-navigation__item:hover{color:color-mix(in srgb, var(--accent) 42%, var(--text-primary));border-color:color-mix(in srgb, var(--accent) 42%, var(--border));background-color:color-mix(in srgb, var(--sidebar-background) 82%, #17375f);box-shadow:inset 0 1px 0 #ffffff0d, inset 0 0 14px color-mix(in srgb, var(--accent) 5%, transparent), 0 0 14px color-mix(in srgb, var(--accent) 8%, transparent);transform:translate(2px)}.app-shell--dashboard .app-navigation__item>svg{width:22px;height:22px;transition:color .2s,filter .2s}.app-shell--dashboard .app-navigation__item:hover>svg{color:color-mix(in srgb, var(--accent) 58%, currentColor);filter:brightness(1.1)}.app-shell--dashboard .app-navigation__item--active{color:color-mix(in srgb, var(--accent) 78%, var(--text-primary));border-color:color-mix(in srgb, var(--accent) 66%, var(--border));background-color:color-mix(in srgb, var(--sidebar-background) 76%, #173a69);box-shadow:inset 3px 0 0 var(--accent), inset 0 0 18px color-mix(in srgb, var(--accent) 9%, transparent), 0 0 17px color-mix(in srgb, var(--accent) 11%, transparent)}.app-shell--dashboard .app-navigation__item--active:hover{color:color-mix(in srgb, var(--accent) 82%, var(--text-primary));border-color:color-mix(in srgb, var(--accent) 74%, var(--border));background-color:color-mix(in srgb, var(--sidebar-background) 73%, #193f72);box-shadow:inset 3px 0 0 var(--accent), inset 0 0 18px color-mix(in srgb, var(--accent) 10%, transparent), 0 0 18px color-mix(in srgb, var(--accent) 12%, transparent);transform:translate(0)}.app-shell--dashboard .app-navigation__item:active{filter:brightness(.97);transform:translate(1px)}.app-shell--dashboard .app-sidebar__footer{gap:0}.app-shell--dashboard .app-sidebar__footer .ui-separator{display:none}.app-shell--dashboard .system-status{border:1px solid color-mix(in srgb, var(--accent) 12%, var(--border));background:color-mix(in srgb, var(--surface-raised) 62%, transparent);isolation:isolate;border-radius:12px;align-items:flex-start;min-height:58px;padding:12px;font-weight:500;animation:11s ease-in-out infinite dashboard-status-ambient;position:relative;overflow:hidden}.app-shell--dashboard .system-status:before{z-index:-1;pointer-events:none;background:radial-gradient(circle at 20% 55%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 44%);opacity:.42;content:"";animation:13s ease-in-out infinite dashboard-status-glow-drift;position:absolute;inset:-40% -10%}.app-shell--dashboard .system-status__dot{margin-top:5px}.app-shell--dashboard .system-status__dot--online{animation:4.8s ease-in-out infinite dashboard-status-dot-breathe}.app-shell--dashboard .system-status>span:last-child{gap:2px;display:grid}.app-shell--dashboard .system-status strong{color:var(--text-secondary);font-size:.69rem;font-weight:600}.app-shell--dashboard .system-status small{color:var(--text-muted);font-size:.62rem}.app-shell--dashboard .app-header{background:color-mix(in srgb, var(--background) 90%, transparent);border-bottom:0;min-height:88px;padding:12px 16px 12px 32px}.app-header--dashboard .app-header__context{flex:1;min-width:0}.app-header-search{border-color:color-mix(in srgb, var(--accent) 10%, var(--border));background:color-mix(in srgb, var(--surface-raised) 62%, transparent);border-radius:12px;gap:12px;width:min(100%,576px);height:52px;padding:0 16px;box-shadow:inset 0 1px #ffffff08}.app-header-search>input{font-size:.86rem}.app-header-search>span{min-height:20px;padding-inline:7px;font-size:.57rem}.app-shell--dashboard .app-header__actions{gap:12px}.app-header__future-actions{gap:10px}.app-header__future-actions>button{border-color:color-mix(in srgb, var(--accent) 12%, var(--border));background:color-mix(in srgb, var(--surface-raised) 72%, transparent);opacity:.82;border-radius:12px;width:48px;height:52px;position:relative;overflow:visible}.app-header__future-actions>button>span{color:var(--accent-foreground);background:var(--accent);box-shadow:0 3px 10px color-mix(in srgb, var(--accent) 30%, transparent);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:2px 5px;font-size:.42rem;font-weight:800;line-height:1.2;position:absolute;top:-5px;right:-7px}.app-shell--dashboard .theme-switcher{border-color:color-mix(in srgb, var(--accent) 12%, var(--border));background:color-mix(in srgb, var(--surface-raised) 72%, transparent);border-radius:12px;min-height:52px;padding:4px}.app-shell--dashboard .theme-switcher__button{border-radius:9px;width:38px;height:42px}.app-shell--dashboard .app-user-menu{border-color:color-mix(in srgb, var(--accent) 12%, var(--border));background:color-mix(in srgb, var(--surface-raised) 72%, transparent);border-radius:12px;width:248px;min-width:220px;min-height:52px;padding:0 15px 0 8px;box-shadow:inset 0 1px #ffffff08}.app-shell--dashboard .app-user-menu>span{width:38px;height:38px;color:var(--text-primary);border:1px solid color-mix(in srgb, var(--accent) 22%, var(--border));background:color-mix(in srgb, var(--accent-soft) 64%, var(--surface-raised));border-radius:50%;font-size:.72rem}.app-shell--dashboard .app-user-menu strong{flex:1;min-width:0;font-size:.83rem;font-weight:600}.app-shell--dashboard .app-user-menu>svg{width:16px}.app-main--dashboard{padding:0 14px 16px}.dashboard-page.ui-container{width:100%;max-width:none;margin:0}.dashboard-v2{border:1px solid color-mix(in srgb, var(--accent) 12%, var(--border));background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 36%, transparent), transparent 28%), color-mix(in srgb, var(--background) 76%, var(--surface));border-radius:20px;grid-template-columns:minmax(0,1.42fr) minmax(0,1fr) minmax(0,1.105fr);gap:16px;padding:14px 14px 8px;display:grid;box-shadow:inset 0 1px #ffffff08}.dashboard-v2>.ui-card,.dashboard-v2-analytics,.dashboard-v2-hero{border:1px solid color-mix(in srgb, var(--accent) 15%, var(--border));background:color-mix(in srgb, var(--surface-raised) 88%, transparent);border-radius:13px;box-shadow:inset 0 1px #ffffff06}.dashboard-v2-hero{border-color:color-mix(in srgb, var(--accent) 58%, var(--border));background:linear-gradient(103deg, color-mix(in srgb, var(--accent) 11%, var(--surface-raised)), var(--surface-raised) 72%), var(--surface-raised);height:276px;min-height:276px;box-shadow:inset 0 1px 0 #80bdff21, 0 0 24px color-mix(in srgb, var(--accent) 6%, transparent);grid-column:1/3;grid-template-columns:minmax(275px,1.15fr) 172px minmax(172px,.75fr);align-items:center;gap:22px;padding:24px 26px;display:grid;position:relative;overflow:hidden}.dashboard-v2-hero:before{pointer-events:none;opacity:.32;background-image:linear-gradient(135deg, transparent 0 46%, color-mix(in srgb, var(--accent) 20%, transparent) 46.5% 47%, transparent 47.5%), linear-gradient(45deg, transparent 0 47%, color-mix(in srgb, var(--accent) 14%, transparent) 47.5% 48%, transparent 48.5%), radial-gradient(circle, color-mix(in srgb, var(--accent) 34%, transparent) 0 1px, transparent 1.6px), radial-gradient(ellipse at center, #77b9ff1a, transparent 70%);content:"";will-change:opacity, filter, background-position;background-position:0 0,24px 5px,0 0,-42%;background-repeat:repeat,repeat,repeat,no-repeat;background-size:92px 58px,116px 72px,74px 48px,34% 150%;animation:14.5s ease-in-out infinite dashboard-circuit-atmosphere;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 4%,#000 36% 88%,#0000);mask-image:linear-gradient(90deg,#0000 4%,#000 36% 88%,#0000)}.dashboard-v2-hero:after{pointer-events:none;background:radial-gradient(circle, color-mix(in srgb, var(--accent) 20%, transparent), transparent 68%);filter:blur(15px);opacity:.5;content:"";will-change:opacity, filter, transform;border-radius:50%;width:380px;height:350px;animation:12s ease-in-out -3s infinite dashboard-hero-ambient;position:absolute;top:-100px;left:36%}.dashboard-v2-hero__copy,.dashboard-v2-hero__facts,.dashboard-v2-hero .dashboard-progress-ring{z-index:1;position:relative}.dashboard-v2-hero__copy>p,.dashboard-v2-streak__heading>p,.dashboard-v2-analytics>h2,.dashboard-v2-recommendations>h2{color:color-mix(in srgb, var(--accent) 78%, #b8d2ff);letter-spacing:.075em;text-transform:uppercase;margin:0;font-size:.68rem;font-weight:800;line-height:1.2}.dashboard-v2-hero h1{letter-spacing:-.035em;margin:14px 0 10px;font-size:clamp(2rem,2.3vw,2.28rem);font-weight:560;line-height:1.03}.dashboard-v2-hero__copy>span{max-width:330px;color:var(--text-secondary);font-size:.82rem;line-height:1.55;display:block}.dashboard-v2-hero__action{min-height:42px;box-shadow:inset 0 1px 0 #ffffff3d, 0 0 22px color-mix(in srgb, var(--accent) 30%, transparent);border-radius:8px;margin-top:14px;padding-inline:17px 12px;font-size:.78rem}.dashboard-v2-hero__action svg{border:1px solid;border-radius:50%;width:21px;height:21px;margin-left:12px;padding:4px}.dashboard-v2-hero .dashboard-progress-ring{background:conic-gradient(from -42deg, #40dfd2 0 var(--dashboard-progress-mid), #1981ff var(--dashboard-progress-mid) var(--dashboard-progress), color-mix(in srgb, var(--surface-secondary) 86%, transparent) 0);width:172px;height:172px;box-shadow:0 0 28px color-mix(in srgb, var(--accent) 10%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--accent) 10%, transparent);border-radius:50%;place-items:center;display:grid}.dashboard-v2-hero .dashboard-progress-ring:before{border:1px solid color-mix(in srgb, var(--accent) 10%, var(--border));background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--accent) 7%, transparent), transparent 64%), var(--surface-raised);content:"";border-radius:50%;width:144px;height:144px;position:absolute;box-shadow:inset 0 0 24px #0000001f}.dashboard-v2-hero .dashboard-progress-ring>div{justify-items:center;gap:7px;display:grid;position:relative}.dashboard-v2-hero .dashboard-progress-ring strong{font-size:2.05rem;font-weight:650;line-height:1}.dashboard-v2-hero .dashboard-progress-ring span{color:var(--text-secondary);font-size:.68rem}.dashboard-v2-hero__facts{border-left:1px solid color-mix(in srgb, var(--accent) 22%, var(--border));align-content:center;gap:12px;min-height:154px;padding-left:22px;display:grid}.dashboard-v2-hero__facts>p{color:var(--text-secondary);margin:0 0 1px;font-size:.7rem}.dashboard-v2-hero-fact{color:var(--text-secondary);grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px;font-size:.76rem;line-height:1.25;display:grid}.dashboard-v2-hero-fact>div{white-space:nowrap;min-width:0}.dashboard-v2-hero-fact>span{width:27px;height:27px;color:var(--accent);background:color-mix(in srgb, var(--accent) 18%, var(--surface-raised));box-shadow:0 0 13px color-mix(in srgb, var(--accent) 13%, transparent);border-radius:8px;place-items:center;display:grid}.dashboard-v2-hero-fact--green>span{color:var(--success);background:color-mix(in srgb, var(--success) 15%, var(--surface-raised))}.dashboard-v2-hero-fact--purple>span{color:#9879ff;background:color-mix(in srgb, #754cff 16%, var(--surface-raised))}.dashboard-v2-hero-fact svg{color:currentColor;background:0 0;border-radius:0;width:17px;height:17px;padding:0}.dashboard-v2-hero-fact strong{color:color-mix(in srgb, currentColor 35%, var(--text-primary));margin-right:4px;font-size:.86rem;font-weight:650}.dashboard-v2-streak{grid-column:3;height:276px;min-height:276px;padding:20px;display:block;position:relative}.dashboard-v2-streak__content{grid-template-rows:auto 1fr auto;height:100%;padding-bottom:28px;display:grid;position:relative}.dashboard-v2-streak__heading h2{margin:16px 0 3px;font-size:2.05rem;font-weight:520;line-height:1}.dashboard-v2-streak__heading h2 span{font-size:1.45rem}.dashboard-v2-streak__heading small{color:var(--text-secondary);font-size:.7rem}.dashboard-v2-streak__graph{width:48%;max-width:170px;color:var(--accent);filter:drop-shadow(0 0 6px color-mix(in srgb, var(--accent) 32%, transparent));position:absolute;top:13px;right:-2px;overflow:visible}.dashboard-v2-streak__graph path{fill:none;stroke:currentColor;stroke-width:1.6px}.dashboard-v2-streak__graph circle{fill:var(--surface-raised);stroke:currentColor;stroke-width:1.5px}.dashboard-v2-streak__days{grid-template-columns:repeat(7,minmax(0,1fr));align-self:end;gap:5px;margin:12px 0 14px;display:grid}.dashboard-v2-streak__days span{color:var(--text-secondary);justify-items:center;gap:8px;font-size:.61rem;display:grid}.dashboard-v2-streak__days i{border:1px dashed color-mix(in srgb, var(--accent) 28%, var(--border-strong));background:color-mix(in srgb, var(--accent) 4%, transparent);border-radius:50%;width:24px;height:24px}.dashboard-v2-streak__footer{min-height:39px;color:var(--text-secondary);border-top:1px solid var(--border);align-items:center;gap:9px;padding-top:12px;font-size:.66rem;display:flex}.dashboard-v2-streak__footer svg{width:16px;color:var(--accent)}.dashboard-v2-future-surface{isolation:isolate;cursor:default;pointer-events:none;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.dashboard-v2-future-surface:after{content:none}.dashboard-v2-future-surface>:not(.dashboard-development-overlay){opacity:.62;filter:saturate(.72)}.dashboard-v2-future-surface>.dashboard-development-overlay{opacity:1;filter:none}.dashboard-development-overlay{z-index:5;pointer-events:none;background:linear-gradient(180deg, transparent 42%, color-mix(in srgb, var(--surface-raised) 22%, transparent));-webkit-backdrop-filter:grayscale(.16);backdrop-filter:grayscale(.16);justify-content:center;align-items:flex-end;padding:11px;display:flex;position:absolute;inset:0}.dashboard-development-overlay .dashboard-v2-future-badge{min-height:22px;color:color-mix(in srgb, var(--text-primary) 84%, var(--accent));border:1px solid color-mix(in srgb, var(--accent) 30%, var(--border));background:color-mix(in srgb, var(--surface-raised) 90%, var(--accent-soft));letter-spacing:.055em;border-radius:999px;padding:0 8px;font-size:.52rem;position:static;box-shadow:0 7px 18px #00000038}.dashboard-v2-card-title{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.dashboard-v2-card-title h2{letter-spacing:-.02em;margin:0;font-size:1rem;font-weight:600}.dashboard-v2-card-title>a{min-height:30px;color:var(--text-primary);border:1px solid var(--border);background:color-mix(in srgb, var(--surface-secondary) 64%, transparent);border-radius:8px;align-items:center;padding-inline:11px;font-size:.61rem;font-weight:550;display:inline-flex}.dashboard-v2-continue,.dashboard-v2-path,.dashboard-v2-activity{height:324px;min-height:324px;padding:20px}.dashboard-v2-continue{grid-column:1}.dashboard-v2-path{grid-column:2}.dashboard-v2-activity{grid-column:3}.dashboard-v2-continue__body{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-soft) 72%, transparent);border-radius:11px;grid-template-columns:116px minmax(0,1fr);align-items:center;gap:16px;height:164px;min-height:164px;margin-top:16px;padding:13px;display:grid}.dashboard-v2-course-art{border:1px solid color-mix(in srgb, #7c3aed 30%, var(--border));background:radial-gradient(circle at 66% 68%, #1d77ff40, transparent 34%), linear-gradient(145deg, color-mix(in srgb, #4c1d95 58%, var(--surface-secondary)), var(--surface-secondary));border-radius:9px;place-items:end center;width:100%;height:136px;min-height:136px;padding-bottom:21px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 24px #3c28a033}.dashboard-v2-course-art:after{content:"";border:1px solid #5b71ff38;border-radius:50%;width:100px;height:100px;position:absolute;bottom:-35px;right:-22px}.dashboard-v2-course-art__dots{gap:4px;display:flex;position:absolute;top:9px;left:10px}.dashboard-v2-course-art__dots i{background:#9f7aea;border-radius:50%;width:4px;height:4px}.dashboard-v2-course-art__lines{gap:7px;display:grid;position:absolute;top:30px;left:21px;right:15px}.dashboard-v2-course-art__lines i{background:#b79dff7a;border-radius:99px;height:3px}.dashboard-v2-course-art__lines i:first-child{width:72%}.dashboard-v2-course-art__lines i:nth-child(2){width:48%}.dashboard-v2-course-art__lines i:nth-child(3){width:62%}.dashboard-v2-course-art>span{z-index:1;color:#9b7aff;text-shadow:0 0 16px #8058ff80;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:1.72rem;font-weight:700;position:relative;transform:none}.dashboard-v2-continue__copy{min-width:0}.dashboard-status-pill{min-height:21px;color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;margin-bottom:10px;padding-inline:8px;font-size:.52rem;font-weight:750;display:inline-flex}.dashboard-v2-continue__copy h3{text-overflow:ellipsis;white-space:nowrap;margin:0 0 4px;font-size:.88rem;font-weight:620;overflow:hidden}.dashboard-v2-continue__copy p,.dashboard-v2-continue__course{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.68rem;display:block;overflow:hidden}.dashboard-v2-continue__course{color:var(--text-muted);margin-top:1px;font-size:.62rem}.dashboard-v2-progress-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;margin-top:13px;display:grid}.dashboard-v2-progress{background:color-mix(in srgb, var(--accent) 9%, var(--surface-secondary));border-radius:99px;height:6px;overflow:hidden}.dashboard-v2-progress i{border-radius:inherit;min-width:0;height:100%;box-shadow:0 0 8px color-mix(in srgb, var(--accent) 46%, transparent);background:linear-gradient(90deg,#246eff,#24a7ff);display:block}.dashboard-v2-progress-row>strong{color:var(--text-secondary);font-size:.67rem;font-weight:600}.dashboard-v2-card-footer{color:var(--text-muted);justify-content:space-between;align-items:center;gap:12px;margin-top:18px;font-size:.68rem;display:flex}.dashboard-v2-card-footer>span,.dashboard-v2-card-footer>a{align-items:center;gap:8px;display:inline-flex}.dashboard-v2-card-footer>span svg,.dashboard-v2-card-footer>a svg{width:15px;height:15px}.dashboard-v2-card-footer>a{color:var(--accent);font-weight:650}.dashboard-v2-path__list{margin:10px 0 0;padding:0;list-style:none;display:grid}.dashboard-v2-path__list li{grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:62px;display:grid;position:relative}.dashboard-v2-path__list li+li{border-top:1px solid color-mix(in srgb, var(--border) 72%, transparent)}.dashboard-v2-path__list li:not(:last-child):after{z-index:0;border-left:1px dashed color-mix(in srgb, var(--accent) 28%, var(--border));content:"";position:absolute;top:44px;bottom:-18px;left:13px}.dashboard-v2-path__list li>span{z-index:1;width:27px;height:27px;color:var(--text-muted);border:1px solid var(--border-strong);background:var(--surface-raised);border-radius:50%;place-items:center;font-size:.62rem;font-weight:700;display:grid;position:relative}.dashboard-v2-path__list li.is-current>span{color:#dcecff;border-color:var(--accent);background:color-mix(in srgb, var(--accent) 23%, var(--surface-raised));box-shadow:0 0 12px color-mix(in srgb, var(--accent) 26%, transparent)}.dashboard-v2-path__list li.is-complete>span{color:var(--success);border-color:color-mix(in srgb, var(--success) 50%, var(--border));background:color-mix(in srgb, var(--success) 13%, var(--surface-raised))}.dashboard-v2-path__list li>span svg,.dashboard-v2-path__list li>a svg,.dashboard-v2-path__lock{width:14px;height:14px}.dashboard-v2-path__list li>div{gap:2px;min-width:0;display:grid}.dashboard-v2-path__list strong{text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:600;overflow:hidden}.dashboard-v2-path__list small{color:var(--text-muted);font-size:.64rem}.dashboard-v2-path__list .is-current small{color:color-mix(in srgb, var(--accent) 72%, var(--text-muted))}.dashboard-v2-path__list li>a{color:var(--accent);display:grid}.dashboard-v2-path__lock{color:var(--text-muted)}.dashboard-v2-period{color:var(--text-secondary);border:1px solid var(--border);background:color-mix(in srgb, var(--surface-secondary) 56%, transparent);border-radius:8px;padding:5px 9px;font-size:.57rem}.dashboard-v2-activity__list{margin-top:10px;display:grid}.dashboard-v2-activity-row{min-height:62px;color:var(--accent);grid-template-columns:36px minmax(74px,1fr) 104px;align-items:center;gap:10px;display:grid;position:relative}.dashboard-v2-activity-row+.dashboard-v2-activity-row{border-top:1px solid color-mix(in srgb, var(--border) 76%, transparent)}.dashboard-v2-activity-row__icon{width:35px;height:35px;color:inherit;background:color-mix(in srgb, currentColor 12%, var(--surface-raised));border-radius:8px;place-items:center;display:grid}.dashboard-v2-activity-row--green{color:var(--success)}.dashboard-v2-activity-row--purple{color:#9878ff}.dashboard-v2-activity-row--orange{color:var(--warning)}.dashboard-v2-activity-row svg{width:16px;height:16px}.dashboard-v2-activity-row>div{min-width:0;display:grid}.dashboard-v2-activity-row small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.58rem;overflow:hidden}.dashboard-v2-activity-row strong{color:var(--text-primary);font-size:1rem;font-weight:550;line-height:1.2}.dashboard-mini-sparkline{width:104px;height:42px;overflow:visible}.dashboard-v2-activity-row .dashboard-mini-sparkline{width:104px;height:42px}.dashboard-mini-sparkline__line{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;filter:drop-shadow(0 0 2px currentColor) drop-shadow(0 0 5px color-mix(in srgb, currentColor 34%, transparent))}.dashboard-mini-sparkline__area{stroke:none;filter:none}.dashboard-mini-sparkline--blue{color:#2589ff}.dashboard-mini-sparkline--green{color:#20c98c}.dashboard-mini-sparkline--purple{color:#9878ff}.dashboard-mini-sparkline--orange{color:#e6a039}.dashboard-development-overlay--compact{width:auto;height:auto;color:inherit;background:color-mix(in srgb, var(--surface-raised) 18%, transparent);border-radius:0;justify-content:flex-end;align-items:flex-end;padding:4px 5px}.dashboard-v2-activity-row>.dashboard-development-overlay--compact{width:auto;height:auto;color:inherit;background:color-mix(in srgb, var(--surface-raised) 18%, transparent);border-radius:0;justify-content:flex-end;align-items:flex-end;padding:4px 5px;display:flex;position:absolute;inset:0}.dashboard-development-overlay--compact .dashboard-v2-future-badge{min-height:17px;padding-inline:5px;font-size:.4rem}.dashboard-v2-analytics{grid-column:1/3;height:224px;min-height:224px;padding:20px}.dashboard-v2-analytics__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.dashboard-v2-metric{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-soft) 74%, transparent);height:146px;min-height:146px;box-shadow:none;border-radius:11px;align-content:start;gap:5px;padding:16px 14px;display:grid;position:relative;overflow:hidden}.dashboard-v2-metric>span:not(.dashboard-development-overlay){color:var(--text-secondary);font-size:.63rem}.dashboard-v2-metric>strong{margin-top:7px;font-size:1.35rem;font-weight:560;line-height:1}.dashboard-v2-metric>small{color:var(--text-muted);margin-top:4px;font-size:.54rem}.dashboard-v2-metric__visual{position:absolute;bottom:11px;right:12px}.dashboard-v2-metric__visual--trend .dashboard-mini-sparkline{width:112px;height:50px}.dashboard-v2-metric__visual--trend{bottom:5px;right:7px}.dashboard-v2-metric__visual--skills{background:conic-gradient(#27d39d 0 28%, #2387ff 28% 62%, color-mix(in srgb, var(--border) 80%, transparent) 62%);border-radius:50%;place-items:center;width:54px;height:54px;display:grid}.dashboard-v2-metric__visual--skills:after{background:var(--surface-soft);content:"";border-radius:50%;width:40px;height:40px}.dashboard-v2-metric__visual--certificate{width:52px;height:58px;color:var(--warning);border:5px solid color-mix(in srgb, var(--accent) 18%, var(--surface-secondary));background:color-mix(in srgb, var(--warning) 10%, var(--surface-raised));border-radius:50% 50% 44% 44%;place-items:center;display:grid}.dashboard-v2-metric__visual--certificate svg{width:22px}.dashboard-v2-metric__visual--ranking{align-items:flex-end;gap:5px;height:52px;display:flex}.dashboard-v2-metric__visual--ranking i{width:7px;box-shadow:0 0 8px color-mix(in srgb, var(--accent) 26%, transparent);background:linear-gradient(#4d97ff,#1958e6);border-radius:3px 3px 0 0}.dashboard-v2-metric__visual--ranking i:first-child{height:19px}.dashboard-v2-metric__visual--ranking i:nth-child(2){height:32px}.dashboard-v2-metric__visual--ranking i:nth-child(3){height:45px}.dashboard-v2-metric__visual--ranking i:nth-child(4){height:37px}.dashboard-v2-recommendations{grid-column:3;height:224px;min-height:224px;padding:20px}.dashboard-v2-recommendations__list{gap:13px;margin-top:18px;display:grid}.dashboard-v2-recommendations__list>a{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-soft) 72%, transparent);min-height:67px;transition:border-color var(--transition-fast), background-color var(--transition-fast);border-radius:10px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;display:grid}.dashboard-v2-recommendations__list>a:hover{border-color:color-mix(in srgb, var(--accent) 48%, var(--border));background:color-mix(in srgb, var(--accent) 6%, var(--surface-soft));transform:none}.dashboard-v2-recommendations__list>a>span{color:#42a0ff;border:1px solid color-mix(in srgb, var(--accent) 20%, var(--border));background:color-mix(in srgb, var(--accent) 16%, var(--surface-raised));width:40px;height:40px;box-shadow:0 0 14px color-mix(in srgb, var(--accent) 10%, transparent);border-radius:8px;place-items:center;display:grid}.dashboard-v2-recommendations__list svg{width:17px}.dashboard-v2-recommendations__list>a>div{gap:2px;min-width:0;display:grid}.dashboard-v2-recommendations__list strong,.dashboard-v2-recommendations__list small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dashboard-v2-recommendations__list strong{font-size:.74rem;font-weight:600}.dashboard-v2-recommendations__list small{color:var(--text-muted);font-size:.63rem}@keyframes dashboard-circuit-atmosphere{0%,to{opacity:.29;filter:brightness(.94);background-position:0 0,24px 5px,0 0,-42%}48%{opacity:.35;filter:brightness(1.02);background-position:1px 0,23px 6px,0 1px,-42%}78%{opacity:.33;filter:brightness(1.06);background-position:0 1px,24px 5px,1px 0,138%}}@keyframes dashboard-hero-ambient{0%,to{opacity:.46;filter:blur(15px)brightness(.97);transform:scale(1)}50%{opacity:.54;filter:blur(16px)brightness(1.03);transform:scale(1.025)}}@media (prefers-reduced-motion:reduce){.dashboard-v2-hero:before,.dashboard-v2-hero:after{animation:none}}.dashboard-v2-recommendations__list>a>svg{color:var(--accent)}@media (max-width:1500px){.app-header-search{width:min(100%,520px)}.app-shell--dashboard .app-user-menu{width:220px}.dashboard-v2-hero{grid-template-columns:minmax(255px,1.15fr) 160px minmax(158px,.72fr);gap:18px;padding-inline:22px}.dashboard-v2-hero .dashboard-progress-ring{width:160px;height:160px}.dashboard-v2-hero .dashboard-progress-ring:before{width:134px;height:134px}}@media (max-width:1320px){.app-shell--dashboard{--sidebar-width:248px}.app-shell--dashboard .app-sidebar{padding-inline:16px}.app-shell--dashboard .app-sidebar__top .site-brand--compact{width:100%;max-width:none}.app-shell--dashboard .app-header{padding-left:20px}.app-header-search{width:min(100%,450px)}.app-shell--dashboard .theme-switcher__button{width:34px}.app-shell--dashboard .app-user-menu{width:185px;min-width:175px}.dashboard-v2-hero{grid-template-columns:minmax(240px,1.2fr) 148px minmax(145px,.68fr);gap:15px;padding-inline:19px}.dashboard-v2-hero h1{font-size:1.95rem}.dashboard-v2-hero .dashboard-progress-ring{width:148px;height:148px}.dashboard-v2-hero .dashboard-progress-ring:before{width:124px;height:124px}.dashboard-v2-hero__facts{padding-left:15px}.dashboard-v2-continue__body{grid-template-columns:102px minmax(0,1fr);gap:12px}.dashboard-v2-activity-row{grid-template-columns:34px minmax(65px,1fr) 82px;gap:8px}.dashboard-mini-sparkline,.dashboard-v2-activity-row .dashboard-mini-sparkline{width:82px;height:38px}}@media (max-width:1180px){.dashboard-v2{grid-template-columns:repeat(8,minmax(0,1fr))}.dashboard-v2-hero,.dashboard-v2-analytics,.dashboard-v2-recommendations{grid-column:span 8}.dashboard-v2-streak{grid-column:span 3}.dashboard-v2-continue{grid-column:span 5}.dashboard-v2-path,.dashboard-v2-activity{grid-column:span 4}.dashboard-v2-recommendations__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:920px){.app-header-search{max-width:330px}.app-header__future-actions{display:none}.dashboard-v2{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-v2-hero,.dashboard-v2-streak,.dashboard-v2-continue,.dashboard-v2-analytics,.dashboard-v2-recommendations{grid-column:span 2}.dashboard-v2-path,.dashboard-v2-activity{grid-column:span 1}.dashboard-v2-hero{grid-template-columns:minmax(230px,1fr) 148px minmax(145px,.7fr)}}@media (max-width:799px){.app-shell--dashboard .app-sidebar{border-width:0 1px 0 0;border-radius:0 18px 18px 0;width:min(86vw,300px);height:100vh;margin:0;top:0}.app-shell--dashboard .app-header{min-height:68px;padding:8px 14px}.app-shell--dashboard .app-user-menu{width:42px;min-width:42px;min-height:42px;padding:5px}.app-shell--dashboard .app-user-menu>span{width:30px;height:30px}.app-main--dashboard{padding:8px 10px 24px}.dashboard-v2{padding:10px}}@media (max-width:680px){.app-header-search{height:42px;padding-inline:12px}.app-header-search>span{display:none}.app-shell--dashboard .theme-switcher{min-height:42px}.app-shell--dashboard .theme-switcher__button{width:32px;height:32px}.dashboard-v2{grid-template-columns:minmax(0,1fr)}.dashboard-v2-hero,.dashboard-v2-streak,.dashboard-v2-continue,.dashboard-v2-path,.dashboard-v2-activity,.dashboard-v2-analytics,.dashboard-v2-recommendations{grid-column:1}.dashboard-v2-hero{grid-template-columns:minmax(0,1fr) 132px;height:auto;min-height:390px;padding:22px}.dashboard-v2-hero .dashboard-progress-ring{width:132px;height:132px}.dashboard-v2-hero .dashboard-progress-ring:before{width:110px;height:110px}.dashboard-v2-hero__facts{border-top:1px solid var(--border);border-left:0;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));min-height:0;padding:16px 0 0}.dashboard-v2-hero__facts>p{display:none}.dashboard-v2-hero-fact{grid-template-columns:27px minmax(0,1fr)}.dashboard-v2-analytics{height:auto}.dashboard-v2-analytics__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-v2-recommendations__list{grid-template-columns:1fr}}@media (max-width:430px){.app-header-search>svg{display:none}.app-header-search>input{font-size:.72rem}.dashboard-v2-hero{grid-template-columns:1fr}.dashboard-v2-hero .dashboard-progress-ring{justify-self:start}.dashboard-v2-hero__facts{grid-template-columns:1fr}.dashboard-v2-continue__body{grid-template-columns:92px minmax(0,1fr)}.dashboard-v2-course-art{height:124px;min-height:124px}.dashboard-v2-card-footer>span{display:none}}