: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}.git-catalog-page{gap:var(--space-6);display:grid}.git-catalog-progress{align-items:center;gap:var(--space-4);padding:var(--space-5);border:1px solid color-mix(in srgb, var(--accent) 28%, var(--border));border-radius:var(--radius-md);background:linear-gradient(120deg, color-mix(in srgb, var(--accent) 8%, var(--surface)), var(--surface));grid-template-columns:auto minmax(180px,1fr) auto;display:grid}.git-catalog-progress>div:first-child{gap:2px;display:grid}.git-catalog-progress span{color:var(--text-muted);font-size:.76rem}.git-catalog-progress__bar{background:var(--surface-secondary);border-radius:999px;height:8px;overflow:hidden}.git-catalog-progress__bar span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), #41b5ff);height:100%;display:block}.git-catalog-filters{gap:var(--space-3);grid-template-columns:minmax(260px,1fr) repeat(3,minmax(150px,auto));display:grid}.git-catalog-filters input,.git-catalog-filters select{width:100%;min-height:var(--control-height);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);outline:none;padding:0 13px}.git-catalog-filters input:focus,.git-catalog-filters select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent)}.git-catalog-count{color:var(--text-muted);margin:-8px 0 0;font-size:.82rem}.git-exercise-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.git-exercise-card{gap:var(--space-4);min-height:245px;padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-md);background:radial-gradient(circle at 90% 0%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 40%), var(--surface);box-shadow:var(--shadow-sm);grid-template-rows:auto 1fr auto;display:grid}.git-exercise-card[data-solved=true]{border-color:color-mix(in srgb, var(--success) 38%, var(--border))}.git-exercise-card header,.git-exercise-card footer{align-items:center;gap:8px;display:flex}.git-exercise-card header span,.git-exercise-card header strong{border:1px solid var(--border);color:var(--text-muted);background:var(--surface-secondary);border-radius:999px;padding:4px 8px;font-size:.67rem;font-weight:800}.git-exercise-card header span[data-difficulty=EASY]{color:var(--success)}.git-exercise-card header span[data-difficulty=MEDIUM]{color:var(--warning)}.git-exercise-card header span[data-difficulty=HARD]{color:var(--error)}.git-exercise-card header strong{color:var(--success);margin-left:auto}.git-catalog-solution-badge{color:var(--error);margin-left:auto;font-size:.66rem;font-style:normal;font-weight:750}.git-exercise-card header strong+.git-catalog-solution-badge{margin-left:0}.git-exercise-card>div{align-content:start;gap:8px;display:grid}.git-exercise-card small{color:var(--accent-text,var(--accent));font-weight:700}.git-exercise-card h2{margin:0;font-size:1.08rem}.git-exercise-card p{color:var(--text-secondary);margin:0;line-height:1.55}.git-exercise-card footer{justify-content:space-between}.git-exercise-card footer span{color:var(--text-muted);font-size:.78rem}.git-exercise-card footer a{color:var(--accent-text,var(--accent));font-size:.84rem;font-weight:750}.git-catalog-empty{padding:var(--space-10);text-align:center;color:var(--text-muted)}.git-catalog-page>.sql-exercise-groups,.git-catalog-page .git-catalog-exercise-card,.git-catalog-page .sql-exercise-card__heading h2,.git-catalog-page .sql-topic-filter__chip,.git-catalog-page .sql-topic-filter__chip>span{min-width:0}.git-catalog-page .sql-exercise-card__heading h2{overflow-wrap:anywhere}.git-catalog-page .sql-topic-filter__chip{max-width:100%}.git-catalog-page .sql-topic-filter__chip>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (max-width:430px){.git-catalog-page .sql-difficulty-filter__options{grid-template-columns:minmax(0,1fr)}.git-catalog-page .sql-difficulty-filter__option{justify-content:flex-start;min-width:0}.git-catalog-page .sql-difficulty-filter__option strong{margin-left:auto}}.lesson-git-practice-launcher{justify-content:space-between;align-items:center;gap:var(--space-5);padding:var(--space-5);border:1px solid color-mix(in srgb, var(--accent) 28%, var(--border));border-radius:var(--radius-md);background:color-mix(in srgb, var(--accent) 6%, var(--surface));display:flex}.lesson-git-practice-launcher>div{gap:5px;display:grid}.lesson-git-practice-launcher p{color:var(--text-secondary);margin:0}.lesson-git-practice-launcher>a,.lesson-git-practice-launcher>span{border-radius:var(--radius-sm);white-space:nowrap;align-items:center;gap:8px;min-height:42px;padding:0 15px;display:inline-flex}.lesson-git-practice-launcher>a{color:#fff;background:var(--accent);font-weight:750}.lesson-git-practice-launcher>a svg{width:18px}.lesson-git-practice-launcher>span{color:var(--text-muted);border:1px solid var(--border)}.lesson-practice-steps button:disabled{cursor:not-allowed;opacity:.45}.git-focus-workbench{width:100%;height:100dvh;min-height:620px;color:var(--text-primary);background:color-mix(in srgb, var(--background) 92%, #041228);grid-template-rows:54px 1fr;display:grid;overflow:hidden}.git-focus-toolbar{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:0 14px;display:flex}.git-focus-toolbar__context,.git-focus-toolbar__actions{align-items:center;gap:10px;min-width:0;display:flex}.git-focus-toolbar__context a{color:var(--text-secondary);font-size:.82rem;font-weight:700}.git-focus-toolbar__context>span:not(.git-mode-badge){color:var(--text-muted)}.git-focus-toolbar__context strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.git-mode-badge,.git-head-chip{border:1px solid var(--border);color:var(--text-muted);background:var(--surface-secondary);border-radius:999px;padding:4px 8px;font-size:.68rem;font-weight:800}.git-mode-badge--course{color:var(--accent-text,var(--accent))}.git-mode-badge--trainer{color:#8c6dff}.git-mode-badge--sandbox{color:var(--success)}.git-head-chip{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.git-focus-toolbar__actions button,.git-terminal__input button,.git-file-workspace button,.git-hints button{border:1px solid var(--border);min-height:34px;color:var(--text-primary);background:var(--surface-secondary);font:inherit;cursor:pointer;border-radius:7px;padding:0 12px;font-size:.78rem;font-weight:750}.git-focus-toolbar__actions button:disabled,.git-terminal__input button:disabled,.git-file-workspace button:disabled,.git-hints button:disabled{cursor:not-allowed;opacity:.48}.git-focus-toolbar__actions .git-primary-action,.git-terminal__input button{color:#fff;border-color:var(--accent);background:var(--accent)}.git-mobile-tabs{display:none}.git-workbench-error{z-index:20;border:1px solid color-mix(in srgb, var(--error) 42%, var(--border));border-radius:var(--radius-sm);max-width:min(680px,100vw - 32px);color:var(--error);background:color-mix(in srgb, var(--error) 8%, var(--surface));box-shadow:var(--shadow-md);padding:10px 14px;font-size:.84rem;position:fixed;top:62px;left:50%;transform:translate(-50%)}.git-workbench-grid{background:var(--border);grid-template-columns:300px minmax(500px,1fr) 360px;gap:1px;min-width:0;min-height:0;display:grid;overflow:hidden}.git-task-panel,.git-workspace-panel,.git-repository-panel{background:var(--surface);min-width:0;min-height:0;overflow:auto}.git-task-panel{align-content:start;gap:var(--space-4);padding:var(--space-5);display:grid}.git-task-panel__eyebrow{flex-wrap:wrap;gap:7px;display:flex}.git-task-panel__eyebrow span{color:var(--accent-text,var(--accent));background:color-mix(in srgb, var(--accent) 9%, var(--surface-secondary));letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:4px 7px;font-size:.67rem;font-weight:800}.git-task-panel h1{margin:0;font-size:1.35rem;line-height:1.2}.git-task-panel__summary{color:var(--text-secondary);margin:0;font-size:.86rem;line-height:1.55}.git-task-panel section{gap:8px;display:grid}.git-task-markdown{min-width:0;color:var(--text-secondary);overflow-wrap:anywhere;font-size:.9rem;line-height:1.65}.git-task-markdown p{margin:0 0 .8rem}.git-task-markdown pre{border:1px solid var(--border);background:var(--surface-secondary);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:10px;max-width:100%;padding:.8rem;overflow:auto}.git-task-markdown code{font-size:.85em}.git-task-panel section h2{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.7rem}.git-task-panel section>p{color:var(--text-secondary);margin:0;font-size:.84rem;line-height:1.55}.git-progress-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-secondary);gap:5px;padding:12px;display:grid}.git-progress-card[data-solved=true]{border-color:color-mix(in srgb, var(--success) 36%, var(--border))}.git-progress-card strong{color:var(--accent-text,var(--accent));font-size:.74rem}.git-progress-card[data-solved=true] strong{color:var(--success)}.git-progress-card span{color:var(--text-muted);font-size:.75rem}.git-hints>div{justify-content:space-between;align-items:center;display:flex}.git-hints>div>span{color:var(--text-muted);font-size:.72rem}.git-hints p{grid-template-columns:22px 1fr;align-items:start;gap:8px;display:grid}.git-hints p strong{width:20px;height:20px;color:var(--accent-text,var(--accent));background:var(--accent-soft);border-radius:50%;place-items:center;font-size:.68rem;display:grid}.git-validation{border:1px solid color-mix(in srgb, var(--error) 32%, var(--border));border-radius:var(--radius-sm);background:color-mix(in srgb, var(--error) 5%, var(--surface));padding:13px}.git-validation[data-solved=true]{border-color:color-mix(in srgb, var(--success) 38%, var(--border));background:color-mix(in srgb, var(--success) 6%, var(--surface))}.git-validation>span{color:var(--text-muted);font-size:.74rem}.git-validation ul{gap:7px;margin:4px 0 0;padding:0;list-style:none;display:grid}.git-validation li{gap:2px;font-size:.75rem;display:grid}.git-validation li strong{color:var(--error)}.git-validation li[data-passed=true] strong{color:var(--success)}.git-validation li span{color:var(--text-muted)}.git-validation a{width:fit-content;color:var(--accent-text,var(--accent));margin-top:6px;font-size:.8rem;font-weight:800}.git-sandbox-limits{flex-wrap:wrap;gap:6px;display:flex}.git-sandbox-limits span{border:1px solid var(--border);color:var(--text-muted);border-radius:999px;padding:5px 7px;font-size:.68rem}.git-workspace-panel{grid-template-rows:minmax(260px,.9fr) minmax(290px,1.1fr);display:grid;overflow:hidden}.git-terminal{color:#d7e7ff;background:#071321;border-bottom:1px solid #213552;grid-template-rows:38px minmax(0,1fr) 45px;min-height:0;display:grid}.git-terminal>header,.git-file-list>header,.git-file-editor>header,.git-repository-panel section>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:0 12px;font-size:.76rem;display:flex}.git-terminal>header{color:#a8bed9;background:#0d1c2e;border-color:#213552}.git-terminal>header>div{align-items:center;gap:9px;font-weight:800;display:flex}.git-terminal>header>span{color:#5f7795}.git-terminal__lights{background:radial-gradient(circle at 4px 4px,#f4697a 0 3px,#0000 3.5px),radial-gradient(circle at 15px 4px,#d9a441 0 3px,#0000 3.5px),radial-gradient(circle at 26px 4px,#2cc58a 0 3px,#0000 3.5px);width:31px;height:8px}.git-terminal__output{min-height:0;position:relative}.git-terminal__history{height:100%;min-height:0;padding:13px 15px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.79rem;line-height:1.5;overflow:auto}.git-terminal__welcome{color:#526e8d;margin:0 0 12px}.git-terminal__entry{gap:4px;margin-bottom:12px;display:grid}.git-terminal__entry code{color:#e4efff;white-space:pre-wrap}.git-terminal__entry code span{color:#4fb6ff}.git-terminal__entry pre{color:#8fa9c7;font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.git-terminal__entry[data-success=false] pre{color:#ff8294}.git-terminal__input{background:#0a1828;border-top:1px solid #213552;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:5px 7px 5px 15px;display:grid}.git-terminal__input>span{color:#4fb6ff;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.git-terminal__command-box{min-width:0;position:relative}.git-terminal__input input{color:#e4efff;background:0 0;border:0;outline:0;width:100%;min-width:0;font:.82rem ui-monospace,SFMono-Regular,Consolas,monospace}.git-command-suggestions{z-index:15;overscroll-behavior:contain;background:#0b1b2e;border:1px solid #284462;border-radius:8px;max-height:min(230px,100% - 16px);padding:5px;display:grid;position:absolute;bottom:8px;left:8px;right:8px;overflow:hidden auto;box-shadow:0 14px 36px #00000059}.git-command-suggestions button{color:#dbeaff;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;grid-template-columns:minmax(0,1fr);align-items:center;gap:4px;min-width:0;min-height:42px;padding:8px 11px;display:grid}.git-command-suggestions button:hover,.git-command-suggestions button:focus-visible{background:#142b45}.git-command-suggestions button[data-active=true]{background:#174b78;border-color:#7dd3fc;box-shadow:inset 3px 0 #7dd3fc}.git-command-suggestions code{color:#8dcdff;overflow-wrap:anywhere;font:.75rem/1.45 ui-monospace,SFMono-Regular,Consolas,monospace}.git-command-suggestions span{color:#a8bed9;overflow-wrap:anywhere;font-size:.72rem;line-height:1.45}.git-command-suggestions button[data-active=true] code{color:#fff}.git-command-suggestions button[data-active=true] span{color:#e5f3ff}.git-file-workspace{background:var(--surface);grid-template-columns:210px 1fr;min-height:0;display:grid}.git-file-list{border-right:1px solid var(--border);grid-template-rows:38px auto 1fr;min-height:0;display:grid}.git-file-list>header span,.git-repository-panel section>header span{color:var(--text-muted)}.git-new-file{border-bottom:1px solid var(--border);grid-template-columns:1fr 34px;gap:5px;padding:7px;display:grid}.git-new-file input{min-width:0;color:var(--text-primary);border:1px solid var(--border);background:var(--surface-secondary);border-radius:6px;padding:0 8px;font:.72rem ui-monospace,SFMono-Regular,Consolas,monospace}.git-new-file button{min-height:30px;padding:0}.git-file-list ul,.git-branches-panel ul,.git-index-panel ul{margin:0;padding:0;list-style:none;overflow:auto}.git-file-list li button{background:0 0;border:0;border-radius:0;justify-content:space-between;align-items:center;gap:6px;width:100%;min-height:38px;padding:0 9px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:500;display:flex}.git-file-list li[data-active=true] button{background:color-mix(in srgb, var(--accent) 10%, var(--surface-secondary))}.git-file-list li span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.git-file-list em,.git-file-editor header>span{min-width:24px;color:var(--text-muted);text-align:center;font-size:.66rem;font-style:normal;font-weight:900}[data-status=UNTRACKED]{color:var(--success)!important}[data-status=MODIFIED],[data-status=STAGED_AND_MODIFIED]{color:var(--warning)!important}[data-status=STAGED]{color:var(--accent-text,var(--accent))!important}[data-status=CONFLICTED]{color:var(--error)!important}.git-file-editor{grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid}.git-file-editor:has(.git-draft-notice){grid-template-rows:auto auto minmax(0,1fr)}.git-draft-status{color:var(--warning);font-size:.65rem}.git-draft-notice{background:var(--surface-soft);border-bottom:1px solid var(--border);margin:0;padding:8px 12px;font-size:.72rem;line-height:1.5}.git-draft-notice button{color:var(--text-primary);background:var(--surface-raised);border:1px solid var(--border);cursor:pointer;border-radius:5px;margin-top:5px;padding:4px 8px;display:block}.git-file-editor>header{justify-content:flex-start}.git-file-editor>header>div{gap:5px;margin-left:auto;display:flex}.git-file-editor>header button{min-height:26px;padding:0 8px;font-size:.68rem}.git-file-editor textarea{resize:none;width:100%;min-height:0;color:var(--text-primary);background:color-mix(in srgb, var(--surface) 94%, var(--code-background));tab-size:2;border:0;outline:0;padding:14px;font:.8rem/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}.git-repository-panel{grid-auto-rows:max-content;align-content:start;display:grid}.git-repository-panel section{border-bottom:1px solid var(--border);display:grid}.git-repository-panel section>header{min-height:38px}.git-repository-panel h2{margin:0;font-size:.78rem}.git-repository-summary dl{background:var(--border);grid-template-columns:1fr 1fr;gap:1px;margin:0;display:grid}.git-repository-summary dl div{background:var(--surface);gap:3px;padding:9px 11px;display:grid}.git-repository-summary dt{color:var(--text-muted);text-transform:uppercase;font-size:.65rem}.git-repository-summary dd{margin:0;font:.76rem ui-monospace,SFMono-Regular,Consolas,monospace}.git-branches-panel li[data-current=true]{background:color-mix(in srgb, var(--accent) 9%, var(--surface))}.git-branches-panel li strong{color:var(--text-primary);text-overflow:ellipsis;font:.72rem ui-monospace,SFMono-Regular,Consolas,monospace;overflow:hidden}.git-branches-panel li span{color:var(--text-muted);font:.66rem ui-monospace,SFMono-Regular,Consolas,monospace}.git-branch-create{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;gap:5px;padding:7px;display:grid}.git-branch-create input{min-width:0;color:var(--text-primary);border:1px solid var(--border);background:var(--surface-secondary);border-radius:6px;padding:0 8px;font:.7rem ui-monospace,SFMono-Regular,Consolas,monospace}.git-branch-create button,.git-branch-row__actions button{border:1px solid var(--border);min-height:28px;color:var(--text-secondary);background:var(--surface-secondary);cursor:pointer;border-radius:6px;padding:0 7px;font:700 .63rem system-ui,sans-serif}.git-branch-create button:disabled,.git-branch-row__actions button:disabled{cursor:not-allowed;opacity:.45}.git-branch-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 8px;min-height:50px;padding:6px 9px;display:grid}.git-branch-row>strong{min-width:0}.git-branch-row>span{grid-column:1}.git-branch-row__actions{grid-area:1/2/span 2;gap:4px;display:flex}.git-branch-row__actions button{width:28px;padding:0;font-size:.76rem}.git-index-panel ul{gap:5px;max-height:105px;padding:8px 11px;display:grid}.git-index-panel li{color:var(--text-secondary);font:.7rem ui-monospace,SFMono-Regular,Consolas,monospace}.git-command-reference{border-bottom:1px solid var(--border)}.git-command-reference summary{color:var(--text-secondary);cursor:pointer;padding:11px 12px;font-size:.76rem;font-weight:800}.git-command-reference ul{gap:8px;max-height:260px;margin:0;padding:0 12px 12px;list-style:none;display:grid;overflow:auto}.git-command-reference li{gap:3px;display:grid}.git-command-reference code{color:var(--accent-text,var(--accent));font:.68rem ui-monospace,SFMono-Regular,Consolas,monospace}.git-command-reference li span{color:var(--text-muted);font-size:.68rem}.git-empty-state{color:var(--text-muted);margin:0;padding:13px;font-size:.76rem}.git-graph-scroll{max-height:330px;overflow:auto}.git-graph{width:100%;min-width:330px;height:auto;display:block}.git-graph__edge{fill:none;stroke:color-mix(in srgb, var(--accent) 58%, var(--border));stroke-width:2px}.git-graph__edge--merge{stroke:#8c6dff;stroke-dasharray:4 3}.git-graph__halo{fill:color-mix(in srgb, var(--accent) 12%, transparent);stroke:color-mix(in srgb, var(--accent) 35%, transparent)}.git-graph__node{fill:var(--accent)}.git-graph g[data-head=true] .git-graph__node{fill:var(--success)}.git-graph__hash{fill:var(--accent);font:700 11px ui-monospace,SFMono-Regular,Consolas,monospace}.git-graph__message{fill:var(--text-secondary);font:12px system-ui,sans-serif}.git-graph__labels{fill:var(--success);font:700 10px system-ui,sans-serif}.git-graph__merge-label{fill:var(--text-muted);font:9px system-ui,sans-serif}.git-focus-workbench--trainer{--background:#f6f8fa;--surface:#fff;--surface-secondary:#f6f8fa;--surface-raised:#fff;--border:#d0d7de;--border-strong:#afb8c1;--text-primary:#1f2328;--text-secondary:#59636e;--text-muted:#818b98;--accent:#0969da;--accent-soft:#ddf4ff;--success:#1a7f37;--warning:#9a6700;--error:#cf222e;--git-trainer-terminal:#0d1117;--git-trainer-terminal-raised:#161b22;--git-trainer-terminal-border:#30363d;--git-trainer-terminal-text:#e6edf3;--git-trainer-terminal-muted:#8b949e;background:var(--background)}html[data-theme=dark] .git-focus-workbench--trainer{--background:#06111f;--surface:#0c1a2c;--surface-secondary:#11243b;--surface-raised:#0f2035;--border:#1c3553;--border-strong:#2b4d73;--text-primary:#f2f7ff;--text-secondary:#adc0d9;--text-muted:#7187a4;--accent:#3986ff;--accent-soft:#102f58;--success:#2fd5a1;--warning:#efb45d;--error:#ff788d;--git-trainer-terminal:#071321;--git-trainer-terminal-raised:#0d1c2e;--git-trainer-terminal-border:#213552;--git-trainer-terminal-text:#d7e7ff;--git-trainer-terminal-muted:#8fa9c7;background:color-mix(in srgb, var(--background) 92%, #041228)}html[data-theme=dark] .git-focus-workbench--trainer .git-focus-toolbar{background:var(--surface)}.git-focus-workbench--trainer .git-focus-toolbar{gap:var(--space-4);padding:0 var(--space-4);border-color:var(--border);background:var(--surface-secondary);box-shadow:0 1px #1f23280d}.git-focus-workbench--trainer .git-focus-toolbar__context{gap:var(--space-3);color:var(--text-muted);font-size:var(--font-label);overflow:hidden}.git-focus-workbench--trainer .git-focus-toolbar__context a,.git-focus-workbench--trainer .git-focus-toolbar__context strong{color:var(--text-primary);font-weight:650}.git-focus-workbench--trainer .git-focus-toolbar__context a{color:var(--text-secondary);flex:none}.git-focus-workbench--trainer .git-focus-toolbar__actions{gap:var(--space-2);flex:none}.git-focus-workbench--trainer .git-focus-toolbar__actions .git-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);font-size:.75rem;font-weight:650}.git-focus-workbench--trainer .git-focus-toolbar__actions .git-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)}.git-focus-workbench--trainer .git-focus-toolbar .theme-switcher{padding:2px}.git-focus-workbench--trainer .git-focus-toolbar .theme-switcher__button{width:34px;height:34px;min-height:34px;box-shadow:none;background:0 0;border-color:#0000;border-radius:14px;padding:0}.git-focus-workbench--trainer .git-focus-toolbar .theme-switcher__button[aria-pressed=true]{border-color:var(--border);background:var(--surface);box-shadow:var(--shadow-sm)}.git-focus-workbench--trainer .git-focus-toolbar__profile{width:34px;height:34px;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-secondary);flex:none;place-items:center;display:inline-grid}.git-focus-workbench--trainer .git-focus-toolbar__profile:hover{color:var(--text-primary);border-color:var(--border-strong);background:var(--surface-hover)}.git-focus-workbench--trainer .git-focus-toolbar__profile svg{width:18px;height:18px}.git-focus-workbench--trainer .git-mode-badge,.git-focus-workbench--trainer .git-head-chip{background:var(--surface);border-radius:6px}.git-focus-workbench--trainer .git-mode-badge--trainer{color:var(--accent-text,var(--accent))}.git-focus-workbench--trainer .git-focus-toolbar__actions button,.git-focus-workbench--trainer .git-file-workspace button,.git-focus-workbench--trainer .git-hints button,.git-focus-workbench--trainer .git-trainer-task-actions button{border-radius:6px;box-shadow:0 1px #1f23280a}.git-focus-workbench--trainer .git-focus-toolbar__actions .ui-button,.git-focus-workbench--trainer .git-terminal__toolbar-actions .ui-button{min-width:max-content;min-height:38px;padding-inline:var(--space-3);border-radius:11px;font-size:.875rem;font-weight:700;line-height:1}.git-focus-workbench--trainer .git-focus-toolbar__actions .ui-button svg,.git-focus-workbench--trainer .git-terminal__toolbar-actions .ui-button svg{flex:none;width:16px;height:16px}.git-focus-workbench--trainer .git-focus-toolbar__actions .git-trainer-toolbar__reset,.git-focus-workbench--trainer .git-terminal__toolbar-actions .git-trainer-toolbar__reset{color:var(--text-secondary);background:0 0;border-color:#0000}.git-focus-workbench--trainer .git-focus-toolbar__actions .git-trainer-toolbar__reset:hover:not(:disabled),.git-focus-workbench--trainer .git-terminal__toolbar-actions .git-trainer-toolbar__reset:hover:not(:disabled){color:var(--text-primary);background:var(--surface-hover)}.git-focus-workbench--trainer .git-focus-toolbar__actions .git-primary-action,.git-focus-workbench--trainer .git-terminal__toolbar-actions .git-primary-action,.git-focus-workbench--trainer .git-terminal__input>button{color:#fff;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);border-color:#0000;border-radius:11px}.git-focus-workbench--trainer .git-workbench-grid{background:var(--border);gap:0}.git-focus-workbench--trainer .git-task-panel,.git-focus-workbench--trainer .git-workspace-panel,.git-focus-workbench--trainer .git-repository-panel{background:var(--surface)}.git-focus-workbench--trainer .git-task-panel{grid-template-rows:46px minmax(0,1fr);align-content:stretch;gap:0;padding:0;overflow:hidden}.git-task-panel__content{display:contents}.git-focus-workbench--trainer .git-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}.git-focus-workbench--trainer .git-task-panel__toolbar a{min-width:0;color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.git-focus-workbench--trainer .git-task-panel__toolbar a:hover{color:var(--text-primary)}.git-focus-workbench--trainer .git-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}.git-focus-workbench--trainer .git-task-panel__heading{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.git-focus-workbench--trainer .git-task-panel__number{color:var(--text-muted);letter-spacing:.055em;text-transform:uppercase;flex:none;font-size:.8125rem;font-weight:700}.git-focus-workbench--trainer .git-task-panel__badges{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;flex:1 1 0;min-width:0;display:flex}.git-focus-workbench--trainer .git-trainer-solution-trigger{--git-solution-accent:color-mix(in srgb, var(--accent) 55%, #a855f7);min-height:28px;color:color-mix(in srgb, var(--git-solution-accent) 72%, var(--text-primary));border:1px solid color-mix(in srgb, var(--git-solution-accent) 58%, var(--border));background:color-mix(in srgb, var(--git-solution-accent) 14%, var(--surface));font:inherit;cursor:pointer;border-radius:999px;padding:0 10px;font-size:.78rem;font-weight:750;line-height:1}.git-focus-workbench--trainer .git-trainer-solution-trigger:hover{color:var(--text-primary);border-color:var(--git-solution-accent);background:color-mix(in srgb, var(--git-solution-accent) 22%, var(--surface))}.git-focus-workbench--trainer .git-task-panel__difficulty{border:1px solid color-mix(in srgb, var(--accent) 42%, var(--border));min-height:28px;color:color-mix(in srgb, var(--accent) 76%, var(--text-primary));background:color-mix(in srgb, var(--accent) 10%, transparent);white-space:nowrap;border-radius:999px;align-items:center;padding:0 10px;font-size:.78rem;font-weight:750;line-height:1;display:inline-flex}.git-solution-viewed-badge{min-height:26px;color:var(--error);border:1px solid color-mix(in srgb, var(--error) 34%, var(--border));background:color-mix(in srgb, var(--error) 7%, var(--surface));border-radius:2em;align-items:center;padding:0 9px;font-size:.67rem;font-weight:750;display:inline-flex}.git-focus-workbench--trainer .git-task-panel h1{font-size:clamp(1.3rem,1.55vw,1.65rem);line-height:1.25}.git-focus-workbench--trainer .git-task-panel section{gap:var(--space-3)}.git-focus-workbench--trainer .git-task-panel section h2{color:var(--text-primary);letter-spacing:.035em;font-size:.875rem}.git-focus-workbench--trainer .git-task-panel section>p{color:var(--text-secondary);overflow-wrap:anywhere;font-size:.9375rem;line-height:1.62}.git-trainer-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;display:grid}.git-trainer-navigation a{border:1px solid color-mix(in srgb, var(--accent) 18%, var(--border));border-radius:calc(var(--radius-sm) - 2px);max-width:100%;min-height:30px;color:var(--text-secondary);background:color-mix(in srgb, var(--surface) 72%, transparent);text-overflow:ellipsis;white-space:nowrap;text-align:center;justify-content:center;align-items:center;padding:0 6px;font-size:.75rem;font-weight:650;display:inline-flex}.git-trainer-navigation__previous{grid-column:1;justify-self:start}.git-trainer-navigation__next{grid-column:3;justify-self:end}.git-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);white-space:nowrap;grid-column:2;justify-content:center;align-items:center;padding:0 7px;font-size:.75rem;font-weight:650;line-height:1;display:inline-flex}.git-trainer-navigation a:hover{color:var(--accent-text,var(--accent));border-color:color-mix(in srgb, var(--accent) 42%, var(--border));background:color-mix(in srgb, var(--accent) 9%, transparent)}.git-focus-workbench--trainer .git-hints{gap:var(--space-4);padding-top:var(--space-5);border-top:1px solid var(--border)}.git-focus-workbench--trainer .git-hints__heading{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.git-focus-workbench--trainer .git-hints__heading h2{margin:0}.git-focus-workbench--trainer .git-hints__counter{min-width:50px;min-height:30px;color:var(--accent-text,var(--accent));border:1px solid color-mix(in srgb, var(--accent) 42%, var(--border));background:color-mix(in srgb, var(--accent) 8%, transparent);border-radius:999px;justify-content:center;align-items:center;padding:0 10px;font-size:.78rem;font-weight:750;display:inline-flex}.git-focus-workbench--trainer .git-hints>button{border-color:var(--border);width:100%;min-height:44px;color:var(--text-primary);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:11px;font-size:.875rem;font-weight:700}.git-focus-workbench--trainer .git-hints>button:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-hover)}.git-focus-workbench--trainer .git-progress-card,.git-focus-workbench--trainer .git-validation,.git-focus-workbench--trainer .git-hints p,.git-trainer-solution{border:1px solid var(--border);background:var(--surface-secondary);border-radius:6px}.git-focus-workbench--trainer .git-hints p{padding:10px}.git-trainer-solution{padding:14px}.git-trainer-solution__heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.git-trainer-solution__heading span{color:var(--error);font-size:.67rem;font-weight:750}.git-trainer-solution ol{gap:14px;margin:2px 0 0;padding-left:20px;display:grid}.git-trainer-solution li{min-width:0;color:var(--text-secondary);font-size:.8rem;line-height:1.5}.git-trainer-solution li p{margin:0 0 7px}.git-trainer-solution pre{max-width:100%;color:var(--git-trainer-terminal-text);border:1px solid var(--git-trainer-terminal-border);background:var(--git-trainer-terminal);white-space:pre;border-radius:6px;margin:7px 0 0;padding:10px 12px;font:.75rem/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.git-trainer-solution__file{gap:4px;display:grid}.git-trainer-solution__file>strong{font:700 .72rem ui-monospace,SFMono-Regular,Consolas,monospace}.git-resize-handle{z-index:4;touch-action:none;background:var(--surface-secondary);outline:none;min-width:0;min-height:0;position:relative}.git-resize-handle:before{content:"";background:var(--border-strong);opacity:.45;border-radius:999px;transition:opacity .14s,background-color .14s,transform .14s;position:absolute}.git-resize-handle--column{cursor:col-resize}.git-resize-handle--column:before{width:1px;top:12px;bottom:12px;left:3px}.git-resize-handle--row{cursor:row-resize}.git-resize-handle--row:before{height:1px;top:3px;left:12px;right:12px}.git-resize-handle:hover:before,.git-resize-handle:focus-visible:before{background:var(--accent);opacity:1;transform:scale(1.8)}html[data-git-resizing=column]{-webkit-user-select:none;user-select:none;cursor:col-resize!important}html[data-git-resizing=row]{-webkit-user-select:none;user-select:none;cursor:row-resize!important}.git-focus-workbench--trainer .git-workspace-panel{gap:0}.git-focus-workbench--trainer .git-terminal{color:var(--git-trainer-terminal-text);border-color:var(--git-trainer-terminal-border);background:var(--git-trainer-terminal);grid-template-rows:52px minmax(0,1fr) 52px}.git-focus-workbench--trainer .git-terminal>header,.git-focus-workbench--trainer .git-terminal__input{color:var(--git-trainer-terminal-text);border-color:var(--git-trainer-terminal-border);background:var(--git-trainer-terminal-raised)}.git-focus-workbench--trainer .git-terminal>header>span,.git-focus-workbench--trainer .git-terminal__welcome,.git-focus-workbench--trainer .git-terminal__entry pre{color:var(--git-trainer-terminal-muted)}html[data-theme=dark] .git-focus-workbench--trainer .git-terminal>header{color:#a8bed9}html[data-theme=dark] .git-focus-workbench--trainer .git-terminal>header>span{color:#5f7795}html[data-theme=dark] .git-focus-workbench--trainer .git-terminal__welcome{color:#526e8d}html[data-theme=dark] .git-focus-workbench--trainer .git-terminal__input{background:#0a1828}.git-focus-workbench--trainer .git-terminal__title{flex:auto;min-width:0}.git-focus-workbench--trainer .git-terminal__title .git-head-chip{color:var(--git-trainer-terminal-muted);border-color:var(--git-trainer-terminal-border);background:var(--git-trainer-terminal);flex:none}.git-focus-workbench--trainer .git-terminal__toolbar-actions{align-items:center;gap:var(--space-2);flex:none;font-weight:400;display:flex}.git-focus-workbench--trainer .git-terminal__command-box{border:1px solid var(--git-trainer-terminal-border);background:var(--git-trainer-terminal);border-radius:6px;padding:6px 10px;transition:border-color .14s,box-shadow .14s}.git-focus-workbench--trainer .git-terminal__command-box:focus-within{border-color:#58a6ff;box-shadow:0 0 0 3px #58a6ff2e}.git-focus-workbench--trainer .git-terminal__input input{color:var(--git-trainer-terminal-text)}.git-focus-workbench--trainer .git-terminal__input input::placeholder{color:#8b949e;opacity:1}.git-focus-workbench--trainer .git-terminal__input>button{min-height:38px;padding-inline:var(--space-3);font-size:.875rem;font-weight:700}.git-focus-workbench--trainer .git-command-suggestions{border-color:var(--git-trainer-terminal-border);background:var(--git-trainer-terminal-raised);max-height:min(360px,100% - 16px)}.git-focus-workbench--trainer .git-file-workspace,.git-focus-workbench--trainer .git-file-editor textarea{background:var(--surface)}.git-focus-workbench--trainer .git-file-list li[data-active=true] button,.git-focus-workbench--trainer .git-branches-panel li[data-current=true]{background:color-mix(in srgb, var(--accent) 10%, var(--surface));box-shadow:inset 2px 0 var(--accent)}.git-focus-workbench--trainer .git-repository-panel{border-left:0}.git-focus-workbench--trainer .git-repository-summary dl div{background:var(--surface)}.git-focus-workbench--trainer .git-graph g[tabindex="0"]{cursor:help;outline:none}.git-focus-workbench--trainer .git-graph g[tabindex="0"]:hover .git-graph__halo,.git-focus-workbench--trainer .git-graph g[tabindex="0"]:focus .git-graph__halo{fill:color-mix(in srgb, var(--accent) 23%, transparent);stroke:var(--accent)}.git-focus-workbench--trainer [data-git-tooltip]{position:relative}.git-focus-workbench--trainer [data-git-tooltip]:after{z-index:80;pointer-events:none;content:attr(data-git-tooltip);width:max-content;max-width:min(220px,100vw - 24px);color:var(--git-trainer-terminal-text);border:1px solid var(--git-trainer-terminal-border);background:var(--git-trainer-terminal-raised);text-align:left;white-space:normal;opacity:0;border-radius:6px;padding:7px 9px;font:500 .7rem/1.4 system-ui,sans-serif;transition:opacity .12s .3s,transform .12s .3s;position:absolute;bottom:calc(100% + 8px);right:0;transform:translateY(3px);box-shadow:0 8px 24px #0000003d}.git-focus-workbench--trainer [data-git-tooltip-placement=bottom]:after{top:calc(100% + 8px);bottom:auto;transform:translateY(-3px)}.git-focus-workbench--trainer [data-git-tooltip-align=start]:after{left:0;right:auto}.git-focus-workbench--trainer [data-git-tooltip]:hover:after,.git-focus-workbench--trainer [data-git-tooltip]:focus-visible:after,.git-focus-workbench--trainer [data-git-tooltip]:focus:after{opacity:1;transform:translateY(0)}.git-solution-modal{z-index:120;padding:var(--space-5);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#010409ad;place-items:center;display:grid;position:fixed;inset:0}.git-solution-modal__dialog{width:min(100%,540px);color:var(--text-primary);border:1px solid var(--border-strong);background:var(--surface-raised);border-radius:8px;padding:clamp(22px,4vw,32px);box-shadow:0 16px 48px #01040959}.git-solution-modal__dialog h2{margin:0 0 var(--space-3);font-size:clamp(1.2rem,3vw,1.5rem)}.git-solution-modal__dialog>p{color:var(--text-secondary);margin:0;line-height:1.65}.git-solution-modal__error{margin-top:var(--space-4)!important;color:var(--error)!important}.git-solution-modal__actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);display:flex}.git-workbench-state{min-height:100dvh;color:var(--text-secondary);background:var(--background);place-content:center;justify-items:center;gap:14px;display:grid}.git-workbench-state h1,.git-workbench-state p{margin:0}.git-workbench-state a{color:var(--accent-text,var(--accent));font-weight:750}.git-workbench-state--error{color:var(--error)}.git-workbench-spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite git-spin}@keyframes git-spin{to{transform:rotate(360deg)}}@media (max-width:1380px){.git-workbench-grid{grid-template-columns:270px minmax(460px,1fr) 315px}.git-head-chip{display:none}.git-exercise-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1159px){.git-focus-workbench--trainer{grid-template-rows:54px 42px 1fr}.git-focus-workbench--trainer .git-focus-toolbar__actions .git-focus-toolbar__reset{display:none}.git-focus-workbench--trainer .git-mobile-tabs{border-bottom:1px solid var(--border);background:var(--surface-secondary);grid-template-columns:repeat(3,1fr);display:grid}.git-focus-workbench--trainer .git-mobile-tabs button{color:var(--text-muted);font:inherit;background:0 0;border:0;border-bottom:2px solid #0000;font-size:.76rem;font-weight:750}.git-focus-workbench--trainer .git-mobile-tabs button[aria-current=page]{color:var(--accent-text,var(--accent));border-bottom-color:var(--accent)}.git-focus-workbench--trainer .git-workbench-grid{background:var(--surface);display:block}.git-focus-workbench--trainer .git-resize-handle,.git-focus-workbench--trainer .git-workbench-grid>[data-mobile-active=false]{display:none}.git-focus-workbench--trainer .git-task-panel,.git-focus-workbench--trainer .git-workspace-panel,.git-focus-workbench--trainer .git-repository-panel{width:100%;height:100%}.git-focus-workbench--trainer .git-task-panel{max-width:760px;margin:0 auto}.git-focus-workbench--trainer .git-workspace-panel{grid-template-rows:minmax(250px,.9fr) minmax(280px,1.1fr)!important}.git-focus-workbench--trainer .git-repository-panel{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}.git-focus-workbench--trainer .git-graph-panel{grid-column:1/-1}}@media (max-width:1050px){.git-focus-workbench{grid-template-rows:54px 42px 1fr}.git-mobile-tabs{border-bottom:1px solid var(--border);background:var(--surface);grid-template-columns:repeat(3,1fr);display:grid}.git-mobile-tabs button{color:var(--text-muted);font:inherit;background:0 0;border:0;border-bottom:2px solid #0000;font-size:.76rem;font-weight:750}.git-mobile-tabs button[aria-current=page]{color:var(--accent-text,var(--accent));border-bottom-color:var(--accent)}.git-workbench-grid{background:var(--surface);display:block}.git-workbench-grid>[data-mobile-active=false]{display:none}.git-task-panel,.git-workspace-panel,.git-repository-panel{height:100%}.git-task-panel{max-width:720px;margin:0 auto}.git-repository-panel{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}.git-graph-panel{grid-column:1/-1}.git-graph-scroll{max-height:calc(100dvh - 260px)}.git-catalog-filters{grid-template-columns:1fr 1fr}}@media (max-width:700px){.git-focus-toolbar{padding:0 8px}.git-focus-toolbar__context>span:not(.git-mode-badge),.git-focus-toolbar__context strong{display:none}.git-focus-toolbar__actions{gap:5px}.git-focus-toolbar__actions button{padding:0 8px}.git-workspace-panel{grid-template-rows:minmax(250px,.9fr) minmax(280px,1.1fr)}.git-file-workspace{grid-template-columns:145px 1fr}.git-file-editor>header>span{display:none}.git-file-editor>header button{padding:0 5px}.git-repository-panel{display:block;overflow:auto}.git-catalog-filters,.git-exercise-grid{grid-template-columns:1fr}.git-catalog-progress{grid-template-columns:1fr auto}.git-catalog-progress__bar{grid-area:2/1/auto/-1}.lesson-git-practice-launcher{flex-direction:column;align-items:stretch}.lesson-git-practice-launcher>a{justify-content:center}}@media (max-width:520px){.git-focus-workbench--trainer .git-focus-toolbar .theme-switcher__button{width:31px;height:31px;min-height:31px}.git-focus-workbench--trainer .git-focus-toolbar__profile{display:none}.git-focus-workbench--trainer .git-focus-toolbar__actions .ui-button,.git-focus-workbench--trainer .git-terminal__toolbar-actions .ui-button{min-height:36px;padding-inline:var(--space-2);font-size:.75rem}.git-focus-workbench--trainer .git-focus-toolbar__actions .ui-button svg,.git-focus-workbench--trainer .git-terminal__toolbar-actions .ui-button svg{display:none}.git-solution-modal{padding:var(--space-3);align-items:end}.git-solution-modal__actions{grid-template-columns:1fr 1fr;display:grid}}@media (prefers-reduced-motion:reduce){.git-focus-workbench--trainer .git-resize-handle:before,.git-focus-workbench--trainer [data-git-tooltip]:after{transition:none}}@media (max-width:430px){.git-mode-badge{display:none}.git-mobile-tabs button{font-size:.68rem}.git-file-workspace{grid-template-columns:120px 1fr}.git-file-list li button{padding:0 6px;font-size:.68rem}.git-file-editor>header>div button:not(:last-child){display:none}}@media (prefers-reduced-motion:reduce){.git-workbench-spinner{animation:none}}.sandbox-technology-grid{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.sandbox-technology-card{align-content:start;gap:var(--space-5);border-color:color-mix(in srgb, var(--border) 86%, var(--accent));background:radial-gradient(circle at 82% 8%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 38%), var(--surface);min-height:300px;padding:clamp(22px,3vw,30px);display:grid}.sandbox-technology-card--available{border-color:color-mix(in srgb, var(--accent) 42%, var(--border));box-shadow:0 18px 48px color-mix(in srgb, var(--accent) 8%, transparent)}.sandbox-technology-card__icon{width:64px;height:64px;color:var(--accent-text,var(--accent));border:1px solid color-mix(in srgb, var(--accent) 30%, var(--border));border-radius:var(--radius-md);background:color-mix(in srgb, var(--accent) 9%, var(--surface-secondary));place-items:center;display:grid}.sandbox-technology-card__icon svg{width:38px;height:38px}.sandbox-technology-card>div:nth-child(2){gap:var(--space-2);display:grid}.sandbox-technology-card h2,.sandbox-technology-card p{margin:0}.sandbox-technology-card h2{font-size:1.45rem}.sandbox-technology-card p{color:var(--text-secondary);line-height:1.65}.sandbox-technology-card__status{width:fit-content;color:var(--text-muted);border:1px solid var(--border);background:var(--surface-secondary);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:4px 8px;font-size:.68rem;font-weight:750}.sandbox-technology-card--available .sandbox-technology-card__status{color:color-mix(in srgb, var(--success) 78%, var(--text-primary));border-color:color-mix(in srgb, var(--success) 35%, var(--border));background:color-mix(in srgb, var(--success) 9%, var(--surface-secondary))}.sandbox-technology-card>a{place-self:end start;margin-top:auto}.sql-sandbox-workbench__intro{gap:var(--space-3);display:grid}.sql-sandbox-workbench__intro>span{color:var(--accent-text,var(--accent));letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:800}.sql-sandbox-workbench__intro h1,.sql-sandbox-workbench__intro p,.sql-sandbox-security p,.sql-sandbox-table-list h2{margin:0}.sql-sandbox-workbench__intro h1{font-size:clamp(1.35rem,2.1vw,1.9rem)}.sql-sandbox-workbench__intro p,.sql-sandbox-security p{color:var(--text-secondary);font-size:.88rem;line-height:1.65}.sql-sandbox-security{gap:var(--space-2);padding:var(--space-4);border:1px solid color-mix(in srgb, var(--success) 30%, var(--border));border-radius:var(--radius-sm);background:color-mix(in srgb, var(--success) 6%, var(--surface-secondary));display:grid}.sql-sandbox-security strong{color:color-mix(in srgb, var(--success) 78%, var(--text-primary));font-size:.82rem}.sql-sandbox-table-list{gap:var(--space-3);display:grid}.sql-sandbox-table-list h2{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem}.sql-sandbox-table-list ul{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.sql-sandbox-table-list button{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;min-width:0;color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-secondary);cursor:pointer;font:inherit;text-align:left;padding:9px 10px;display:flex}.sql-sandbox-table-list button:hover{color:var(--accent-text,var(--accent));border-color:color-mix(in srgb, var(--accent) 38%, var(--border));background:color-mix(in srgb, var(--accent) 7%, var(--surface-secondary))}.sql-sandbox-table-list button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sql-sandbox-table-list code{text-overflow:ellipsis;min-width:0;font-size:.8rem;overflow:hidden}.sql-sandbox-table-list span{color:var(--text-muted);flex:none;font-size:.7rem}.sql-sandbox-selectors{gap:var(--space-2);min-width:0;display:flex}.sql-sandbox-dataset-select{width:min(190px,42vw)}@media (max-width:980px){.sandbox-technology-grid{grid-template-columns:1fr}.sandbox-technology-card{min-height:0}}@media (max-width:640px){.sql-sandbox-selectors{width:100%}.sql-sandbox-selectors select{flex:1 1 0;min-width:0}}.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-text,var(--accent));font-size:.8rem;line-height:1.4}.sql-ai-hints .ui-button{width:100%}:root[data-theme=dark],.theme-palette-scope{--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-text,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-text,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__homepage-wordmark{justify-content:center;align-items:center;height:100%;display:flex;container-type:inline-size}.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}.site-brand--wordmark-only{width:244px}.site-brand--wordmark-only .site-brand__artwork{align-items:center;gap:0;display:flex}.site-brand--wordmark-only .site-brand__copy{gap:2px}.site-brand--wordmark-only .site-brand__wordmark{letter-spacing:-.062em;text-shadow:0 0 5px #3b82f624;font-family:Avenir Next World,Avenir Next,Avenir,Segoe UI,sans-serif;font-size:2.18rem;font-weight:500;line-height:.96}.site-brand--wordmark-only .site-brand__wordmark-main{background-image:linear-gradient(#123b72 0%,#285f9d 58%,#3976bf 100%)}.site-brand--wordmark-only .site-brand__wordmark-code{text-shadow:0 0 5px #258cff52;background-image:linear-gradient(#22b8f0 0%,#2563eb 100%);margin-inline:.015em .025em}.site-brand--wordmark-only .site-brand__subtitle{color:#31517e;letter-spacing:.035em;font-family:Avenir Next World,Avenir Next,Avenir,Segoe UI Light,Helvetica Neue,sans-serif;font-size:.72rem;font-style:normal;font-weight:300;line-height:1.15}.site-brand--image-wordmark{width:244px}.site-brand--image-wordmark .site-brand__artwork{align-items:center;display:flex}.site-brand__image-lockup{width:218px;max-width:100%;height:66px;display:block;position:relative}.site-brand__wordmark-image{object-fit:contain;object-position:left center;filter:drop-shadow(0 0 1.5px #9bd8ff61)drop-shadow(0 0 4px #287dff29);width:218px;max-width:100%;height:auto;display:block;position:absolute;top:-3px;left:0}.site-brand__image-subtitle{color:#dcecff;letter-spacing:0;text-align:center;text-overflow:clip;text-shadow:0 0 3px #5ca9ff29;white-space:nowrap;justify-content:space-between;align-items:center;width:auto;font-family:Avenir Next World,Avenir Next World Demi,Avenir Next,Avenir,Segoe UI Semibold,sans-serif;font-size:.7rem;font-style:normal;font-weight:600;line-height:1.25;display:flex;position:absolute;bottom:0;left:2.5%;right:4%;overflow:visible}html[data-theme=light] .site-brand__image-subtitle{color:#274c7d;text-shadow:none}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}html[data-theme=dark] .site-brand--wordmark-only .site-brand__wordmark-main{background-image:linear-gradient(#fff 0%,#e4f3ff 58%,#a8d3ff 100%)}html[data-theme=dark] .site-brand--wordmark-only .site-brand__wordmark-code{text-shadow:0 0 5px #258cff61;background-image:linear-gradient(#35c5ff 0%,#2475ff 100%)}html[data-theme=dark] .site-brand--wordmark-only .site-brand__subtitle{color:#dcecff;-webkit-text-fill-color:currentColor;background-image:none;-webkit-background-clip:border-box;background-clip:border-box}.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__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-shell{flex:none;display:inline-flex;position:relative}.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-text,var(--accent));border-color:var(--border);background:var(--surface);box-shadow:var(--shadow-sm)}.theme-palette-popover{z-index:120;width:min(420px,100vw - 24px);color:var(--text-primary);border:1px solid color-mix(in srgb, var(--accent) 28%, var(--border));background:linear-gradient(145deg, color-mix(in srgb, var(--surface-raised) 96%, transparent), color-mix(in srgb, var(--surface) 98%, transparent));box-shadow:0 24px 64px #00000057, 0 8px 22px color-mix(in srgb, var(--accent) 10%, transparent), inset 0 1px 0 #ffffff12;-webkit-backdrop-filter:blur(22px)saturate(1.15);backdrop-filter:blur(22px)saturate(1.15);transform-origin:100% 0;border-radius:20px;gap:14px;padding:18px;animation:.3s cubic-bezier(.16,1,.3,1) both theme-palette-popover-enter;display:grid;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden}.theme-palette-popover:before{pointer-events:none;content:"";background:linear-gradient(115deg,#0000 12%,#ffffff0a 44%,#0000 70%);position:absolute;inset:0}.theme-palette-popover__glow{pointer-events:none;background:color-mix(in srgb, var(--accent) 18%, transparent);filter:blur(52px);opacity:.7;border-radius:50%;width:210px;height:150px;animation:4.8s ease-in-out infinite theme-palette-glow-drift;position:absolute;transform:translate(235px,-95px)}.theme-palette-popover__header,.theme-palette-popover__options,.theme-palette-popover__hint{z-index:1;position:relative}.theme-palette-popover__header{justify-content:space-between;align-items:center;gap:12px;display:flex}.theme-palette-popover__header>span{gap:3px;display:grid}.theme-palette-popover__header small{color:var(--accent-text,var(--accent));letter-spacing:.11em;text-transform:uppercase;font-size:.62rem;font-weight:800}.theme-palette-popover__header strong{letter-spacing:-.015em;font-size:1rem}.theme-palette-popover button.ui-icon-button.theme-palette-popover__close{width:34px;height:34px;min-height:34px;color:var(--text-muted);border:1px solid color-mix(in srgb, var(--border) 82%, transparent);background:color-mix(in srgb, var(--surface-secondary) 76%, transparent);border-radius:10px}.theme-palette-popover button.ui-icon-button.theme-palette-popover__close:hover{color:var(--text-primary);border-color:color-mix(in srgb, var(--accent) 32%, var(--border))}.theme-palette-popover .theme-palette-popover__close svg{width:17px;height:17px}.theme-palette-popover__options{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}.theme-palette-popover button.theme-palette-option{min-width:0;min-height:100px;color:var(--text-primary);border:1px solid var(--border);background:var(--background);font:inherit;text-align:left;cursor:pointer;opacity:0;animation:.33s cubic-bezier(.16,1,.3,1) forwards theme-palette-option-enter;animation-delay:calc(55ms + var(--palette-order) * 42ms);border-radius:15px;grid-template-columns:124px minmax(0,1fr) 18px;align-items:center;gap:12px;padding:10px;transition:border-color .22s,background .22s,box-shadow .22s,transform .22s cubic-bezier(.16,1,.3,1);display:grid;position:relative;overflow:hidden;transform:translateY(8px)scale(.97);box-shadow:inset 0 1px #ffffff0a}.theme-palette-popover button.theme-palette-option:hover,.theme-palette-popover button.theme-palette-option:focus-visible{z-index:2;border-color:color-mix(in srgb, var(--accent) 68%, var(--border));background:var(--surface);box-shadow:0 13px 24px #00000038, 0 0 20px color-mix(in srgb, var(--accent) 12%, transparent), inset 0 1px 0 #ffffff12;outline:none;transform:translateY(-2px)}.theme-palette-popover button.theme-palette-option:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 82%, white);outline-offset:2px}.theme-palette-popover button.theme-palette-option[aria-pressed=true]{border-color:var(--accent);background:var(--surface);box-shadow:0 10px 22px #0003, 0 0 0 1px color-mix(in srgb, var(--accent) 20%, transparent), 0 0 23px color-mix(in srgb, var(--accent) 11%, transparent), inset 0 1px 0 #ffffff12}.theme-palette-preview{aspect-ratio:208/132;border:1px solid var(--border-strong);background:var(--background);border-radius:7px;width:100%;height:auto;transition:transform .26s cubic-bezier(.16,1,.3,1);display:block;overflow:hidden;box-shadow:0 7px 16px #0000003b,inset 0 1px #ffffff0f}.theme-palette-scope{--theme-preview-action-start:var(--accent);--theme-preview-action-end:var(--accent)}.theme-palette-option:hover .theme-palette-preview,.theme-palette-option:focus-visible .theme-palette-preview{transform:translateY(-1px)}.theme-palette-option__copy{gap:3px;min-width:0;display:grid}.theme-palette-option__copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;line-height:1.2;overflow:hidden}.theme-palette-option__copy small{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.7rem;line-height:1.35;display:-webkit-box;overflow:hidden}.theme-palette-option__check{width:17px;height:17px;color:var(--accent-foreground);background:var(--accent);box-shadow:0 3px 10px color-mix(in srgb, var(--accent) 44%, transparent);opacity:0;border-radius:50%;padding:2px;transition:opacity .18s,transform .24s cubic-bezier(.16,1,.3,1);transform:scale(.55)rotate(-18deg)}.theme-palette-option[aria-pressed=true] .theme-palette-option__check{opacity:1;transform:scale(1)rotate(0)}.theme-palette-popover__hint{color:var(--text-muted);text-align:center;margin:-2px 0 0;font-size:.66rem}@keyframes theme-palette-popover-enter{0%{opacity:0;transform:perspective(700px)translateY(-8px)rotateX(-7deg)scale(.96)}to{opacity:1;transform:perspective(700px)translateY(0)rotateX(0)scale(1)}}@keyframes theme-palette-option-enter{to{opacity:1;transform:translateY(0)scale(1)}}@keyframes theme-palette-glow-drift{0%,to{opacity:.58;transform:translate(235px,-95px)scale(.96)}50%{opacity:.82;transform:translate(218px,-78px)scale(1.08)}}@media (max-width:680px){.theme-palette-popover{transform-origin:top;width:auto;max-height:calc(100dvh - 76px);position:fixed;top:64px;left:12px;right:12px;overflow-y:auto}}@media (max-width:410px){.theme-palette-popover{border-radius:17px;padding:15px}.theme-palette-popover__options{grid-template-columns:1fr}.theme-palette-popover button.theme-palette-option{grid-template-columns:minmax(88px,106px) minmax(0,1fr) 17px;gap:9px;min-height:91px}}@media (prefers-reduced-motion:reduce){.theme-palette-popover,.theme-palette-option,.theme-palette-popover__glow{animation:none}.theme-palette-popover button.theme-palette-option{opacity:1;transform:none}}.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-text,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-text,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-text,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-text,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-text,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-text,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-text,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__unread{border:1px solid var(--accent);background:var(--surface);min-width:24px;min-height:24px;color:var(--accent-text,var(--accent));font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;margin-left:auto;padding:1px 6px;font-size:12px;font-weight:750;display:inline-grid}.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-text,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-text,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,.app-content>.course-header>.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-text,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-text,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-text,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-text,var(--accent));font-size:1.35rem;font-weight:750}.dashboard-card-heading>svg{width:23px;color:var(--accent-text,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-text,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-text,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-text,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-text,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-text,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-text,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{--hero-parallax-far-x:0px;--hero-parallax-far-y:0px;--hero-parallax-lines-x:0px;--hero-parallax-lines-y:0px;--hero-parallax-waves-x:0px;--hero-parallax-waves-y:0px;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-text,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__copy>span{max-width:390px;color:var(--text-secondary);font-size:.88rem;line-height:1.6;display:block}.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-text,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-text,var(--accent))}.dashboard-v2-card-title>a{color:var(--accent-text,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-text,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-text,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-text,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-text,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-text,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 .site-brand--homepage-wordmark{width:min(464px,100%);height:132px}.auth-showcase .site-brand__homepage-wordmark{justify-content:flex-start;align-items:flex-start}.auth-showcase .site-brand__homepage-wordmark .wordmark{letter-spacing:-.045833em;gap:.416667em;font-size:min(48px,13cqw)}.auth-showcase .site-brand__homepage-wordmark .prism-logo-mark{width:1.33333em;height:1.54167em}.auth-showcase .site-brand__homepage-wordmark .prism-logo-mark svg{width:.875em;height:.875em}.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-text,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-text,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-text,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-text,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-text,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-text,var(--accent));font-weight:650}.auth-form__switch a:hover{color:var(--accent-text,var(--accent-hover))}.auth-form__password-tools{margin-top:calc(var(--space-3) * -1);justify-content:flex-end;display:flex}.auth-form__forgot{color:color-mix(in srgb, var(--text-secondary) 82%, var(--text-muted));font:inherit;cursor:not-allowed;opacity:1;background:0 0;border:0;align-items:center;gap:8px;padding:2px 0;font-size:.82rem;display:inline-flex}.auth-form__forgot small{color:color-mix(in srgb, var(--accent) 74%, var(--text-secondary));border:1px solid color-mix(in srgb, var(--accent) 24%, var(--border));background:color-mix(in srgb, var(--accent) 8%, transparent);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:3px 7px;font-size:.62rem;font-weight:750}.public-login-modal{width:min(100vw - 24px,420px);max-width:none;color:var(--text-primary);background:0 0;border:0;outline:0;margin:auto;padding:178px 0 0;position:fixed;inset:0;overflow:visible}.public-login-modal[open]{animation:.24s cubic-bezier(.2,.8,.2,1) public-login-modal-enter}.public-login-modal::backdrop{background:radial-gradient(circle at 50% 25%,#145bbe1f,#0000 30rem),#020916c2}.public-login-modal:after{z-index:3;background:color-mix(in srgb, var(--accent) 45%, var(--border));content:"";pointer-events:none;width:128px;height:1px;position:absolute;top:178px;left:50%;transform:translate(-50%);box-shadow:0 1px #ffffff0a}.public-login-modal__robot{z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none;width:min(224px,54.4vw);height:auto;position:absolute;top:-4px;left:50%;transform:translate(-50%)}.public-login-modal__card{z-index:1;border:1px solid color-mix(in srgb, var(--accent) 45%, var(--border));background:radial-gradient(circle at 90% 0%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 18rem), linear-gradient(145deg, color-mix(in srgb, var(--surface-raised) 96%, #06162d), color-mix(in srgb, var(--surface) 92%, #031228));box-shadow:0 34px 90px #0007179e, 0 0 42px color-mix(in srgb, var(--accent) 14%, transparent), inset 0 1px 0 #ffffff12;border-radius:22px;padding:1.5rem;display:grid;position:relative;overflow:hidden}.public-login-modal__card:before{opacity:.26;background-image:linear-gradient(color-mix(in srgb, var(--accent) 10%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--accent) 8%, transparent) 1px, transparent 1px);content:"";pointer-events:none;background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(140deg,#000,#0000 48%);mask-image:linear-gradient(140deg,#000,#0000 48%)}.public-login-modal__card>*{z-index:1;position:relative}.public-login-modal__close{z-index:2;width:34px;height:34px;color:var(--text-secondary);border:1px solid var(--border);background:color-mix(in srgb, var(--surface-soft) 80%, transparent);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast), background-color var(--transition-fast), transform var(--transition-fast);border-radius:10px;place-items:center;padding:0;display:grid;position:absolute;top:14px;right:14px}.public-login-modal__close:hover{color:var(--text-primary);border-color:color-mix(in srgb, var(--accent) 42%, var(--border));background:var(--accent-soft);transform:translateY(-1px)}.public-login-modal__close:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 34%, transparent);outline-offset:2px}.public-login-modal__close svg{width:16px;height:16px}.public-login-modal__heading{margin:0 42px var(--space-5) 0;gap:6px;display:grid}.public-login-modal__heading>p{color:var(--accent-text,var(--accent));letter-spacing:.09em;text-transform:uppercase;margin:0;font-size:.68rem;font-weight:800}.public-login-modal__heading h2{margin:0;font-size:2rem;line-height:1}.public-login-modal__heading>span{color:var(--text-secondary);font-size:.9rem;line-height:1.45}.public-login-modal .auth-form{gap:13px}.public-login-modal .ui-field__control{border-color:color-mix(in srgb, var(--accent) 23%, var(--border));background:color-mix(in srgb, var(--accent) 7%, var(--surface-soft));min-height:46px;box-shadow:inset 0 1px #ffffff08}.public-login-modal .ui-field__control:focus{border-color:color-mix(in srgb, var(--accent) 68%, var(--border));box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 15%, transparent)}.public-login-modal .auth-form__submit{border-color:color-mix(in srgb, var(--accent) 76%, #5aaeff);background:linear-gradient(100deg,#2168f4,#2f86ff);min-height:46px;margin-top:2px;box-shadow:0 9px 22px #1869ff33,inset 0 1px #ffffff2e}.public-login-modal .auth-form__switch{margin:2px 0 0}@keyframes public-login-modal-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-height:740px) and (min-width:641px){.public-login-modal{padding-top:142px}.public-login-modal__robot{width:188px;top:-10px}.public-login-modal:after{width:108px;top:142px}.public-login-modal__card{padding-block:1.25rem}.public-login-modal__heading{margin-bottom:var(--space-4)}}@media (max-width:640px){.public-login-modal{width:min(100vw - 20px,390px);padding-top:154px}.public-login-modal__robot{width:min(196px,54.4vw);top:-5px}.public-login-modal:after{width:112px;top:154px}.public-login-modal__card{border-radius:20px;padding:1.25rem}.public-login-modal__heading{margin:0 40px var(--space-4) 0;gap:6px}.public-login-modal__heading h2{font-size:1.85rem}.public-login-modal .auth-form{gap:12px}.public-login-modal .ui-field__control,.public-login-modal .auth-form__submit{min-height:44px}}@media (prefers-reduced-motion:reduce){.public-login-modal[open]{animation:none}}.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-text,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-text,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-text,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}.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-text,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;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;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-text,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-text,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-reading--rich{width:min(100%,1120px)}.lesson-reading--rich.ui-container--content{max-width:1120px}.lesson-article{width:100%;min-width:0;max-width:820px}.lesson-reading--practice{width:min(100%,1240px)}.lesson-reading--practice .lesson-article{width:100%}.lesson-reading--rich .lesson-article,.lesson-reading--rich .lesson-theory{max-width:1040px}.lesson-reading--wide.ui-container{width:min(100%, var(--content-width));max-width:var(--content-width)}.lesson-reading--wide .lesson-article,.lesson-reading--wide .lesson-theory{max-width:none}.lesson-theory{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-raised);width:100%;min-width:0;max-width: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__context{margin-bottom:var(--space-3);flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.lesson-header__context>span{border:1px solid color-mix(in srgb, var(--accent) 34%, var(--border));min-height:1.75rem;color:var(--accent-text,var(--accent));background:color-mix(in srgb, var(--accent) 9%, var(--surface));letter-spacing:.045em;text-transform:uppercase;border-radius:999px;align-items:center;padding:.25rem .65rem;font-size:.72rem;font-weight:850;line-height:1;display:inline-flex}.lesson-header__context .lesson-header__module{flex:17rem;margin:0 0 0 .2rem}.lesson-header__module{margin-bottom:var(--space-3);color:var(--accent-text,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);min-width:0;display:grid}.lesson-markdown{min-width:0;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-code .tok-keyword,.lesson-code .tok-bool,.lesson-code .tok-null{color:#79b8ff;font-weight:750}.lesson-code .tok-string{color:#f3c969}.lesson-code .tok-comment{color:#82a38d;font-style:italic}.lesson-code .tok-number{color:#c7a0ff}.lesson-code .tok-operator,.lesson-code .tok-punctuation{color:#8ee5d0}.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))}.sql-concept-visual{gap:var(--space-4);border:1px solid color-mix(in srgb, var(--accent) 30%, var(--border));border-radius:var(--radius-lg);background:radial-gradient(circle at 90% 0%, color-mix(in srgb, var(--accent) 13%, transparent), transparent 42%), var(--surface-secondary);margin:0;padding:clamp(1rem,3vw,1.75rem);display:grid;overflow:hidden}.sql-concept-visual__canvas{min-width:0}.sql-concept-visual figcaption{color:var(--text-secondary);font-size:var(--font-secondary);line-height:1.6}.sql-concept-visual figcaption>:last-child{margin-bottom:0}.lesson-markdown h2{margin:var(--space-5) 0 var(--space-3);padding-top:var(--space-3);font-size:clamp(1.4rem,3vw,1.8rem);line-height:1.25}.lesson-markdown h3,.lesson-callout h3{margin:var(--space-3) 0 var(--space-2);font-size:1.08rem;line-height:1.4}.lesson-markdown ul,.lesson-markdown ol,.lesson-callout ul,.lesson-callout ol{gap:var(--space-2);margin:0 0 var(--space-5);padding-left:1.4rem;display:grid}.lesson-table-scroll{width:100%;max-width:100%;margin:var(--space-4) 0 var(--space-6);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-sm);overflow-x:auto}.lesson-markdown table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;min-width:680px;margin:0}.lesson-markdown table:has(th:nth-child(4)){min-width:860px}.lesson-markdown th,.lesson-markdown td{border-right:1px solid var(--border);border-bottom:1px solid var(--border);overflow-wrap:anywhere;text-align:left;vertical-align:top;white-space:normal;padding:.78rem .9rem}:is(.lesson-markdown table:has(th:nth-child(6)) th,.lesson-markdown table:has(th:nth-child(6)) td){padding-inline:.62rem;font-size:.84rem}.lesson-markdown table:has(th:nth-child(8)) th:first-child{width:9%}.lesson-markdown table:has(th:nth-child(8)) th:nth-child(2){width:17%}.lesson-markdown table:has(th:nth-child(8)) th:nth-child(3){width:18%}.lesson-markdown table:has(th:nth-child(8)) th:nth-child(4){width:11%}.lesson-markdown table:has(th:nth-child(8)) th:nth-child(5){width:10%}.lesson-markdown table:has(th:nth-child(8)) th:nth-child(6){width:11%}.lesson-markdown table:has(th:nth-child(8)) th:nth-child(7){width:10%}.lesson-markdown table:has(th:nth-child(8)) th:nth-child(8){width:14%}.lesson-markdown th:last-child,.lesson-markdown td:last-child{border-right:0}.lesson-markdown tbody tr:last-child td{border-bottom:0}.lesson-markdown th{color:var(--text-primary);background:color-mix(in srgb, var(--accent) 9%, var(--surface));font-size:var(--font-label);font-weight:750}.lesson-markdown tbody tr:nth-child(2n) td{background:color-mix(in srgb, var(--surface-secondary) 54%, transparent)}.sql-concept-visual--lesson-art{gap:var(--space-4);background:radial-gradient(circle at 92% 8%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 38%), color-mix(in srgb, var(--surface) 88%, #fff8ed);padding:clamp(.75rem,2vw,1.5rem)}.sql-concept-visual--lesson-art figcaption{border:1px solid color-mix(in srgb, var(--accent) 78%, var(--border));color:var(--text-primary);background:var(--surface-raised);text-align:center;box-shadow:var(--shadow-sm);border-radius:999px;padding:.85rem 1rem;font-weight:750}.sql-lesson-art__stage{border-radius:calc(var(--radius-lg) - 4px);background:linear-gradient(135deg,#fff5e8,#e8f5ff);overflow:hidden}.sql-lesson-art__stage img{aspect-ratio:3/2;object-fit:contain;width:100%;height:auto;display:block}.database-lesson{gap:clamp(2.6rem,5vw,4.5rem)}.database-lesson h2,.database-lesson p{margin-top:0}.database-definition{align-items:start;gap:var(--space-4);border:1px solid color-mix(in srgb, var(--accent) 28%, var(--border));background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 8%, var(--surface)), var(--surface));box-shadow:var(--shadow-sm);border-radius:22px;grid-template-columns:auto minmax(0,1fr);padding:clamp(1.1rem,2.8vw,1.6rem);display:grid}.database-definition>span,.database-section__heading>span{background:color-mix(in srgb, var(--accent) 14%, var(--surface));width:2.8rem;height:2.8rem;color:var(--accent-text,var(--accent));border-radius:14px;place-items:center;display:grid}.database-definition h2{margin-bottom:.55rem;font-size:clamp(1.25rem,2.7vw,1.65rem);line-height:1.3}.database-definition p{color:var(--text-secondary);margin-bottom:0;font-size:clamp(1rem,1.5vw,1.08rem);line-height:1.7}.database-story{color:#f7fbff;background:radial-gradient(circle at 96% 5%,#77c6ff40,#0000 30%),linear-gradient(145deg,#123f7d 0%,#0a2d60 55%,#071f44 100%);border-radius:30px;grid-template-columns:minmax(0,1.08fr) minmax(20rem,.92fr);gap:clamp(1rem,2.5vw,1.5rem);margin:0;padding:clamp(1rem,2.5vw,1.5rem);display:grid;position:relative;overflow:hidden;box-shadow:0 24px 50px #02224f38,inset 0 1px #ffffff29}.database-story__copy,.database-story__art{z-index:1;min-width:0;position:relative}.database-story__copy{align-content:start;gap:var(--space-4);padding:clamp(.35rem,1.2vw,.75rem);display:grid}.database-story__copy header>span,.database-section__heading small,.database-dbms__copy>small,.database-summary header small{color:#8ed4ff;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.45rem;font-size:.75rem;font-weight:600;display:block}.database-story__copy h2{color:#fff;margin-bottom:0;font-size:clamp(1.45rem,3vw,2rem);line-height:1.2}.database-story__steps{gap:.75rem;display:grid}.database-story__steps article{background:#041b406e;border:1px solid #ffffff21;border-radius:18px;grid-template-columns:auto minmax(0,1fr);gap:.8rem;padding:.9rem 1rem;display:grid}.database-story__steps small{color:#1265cc;background:#f7fbff;border-radius:11px;place-items:center;width:2.1rem;height:2.1rem;font-size:.7rem;font-weight:700;display:grid}.database-story__steps strong{color:#fff;margin-bottom:.3rem;font-size:.98rem;font-weight:600;display:block}.database-story__steps p,.database-story__analogy p{color:#deefffdb;margin-bottom:0;font-size:.9rem;line-height:1.55}.database-story__analogy{background:#2a80e040;border-radius:16px;align-items:flex-start;gap:.65rem;padding:.85rem 1rem;display:flex}.database-story__analogy svg{color:#9be6ff;flex:none;margin-top:.12rem}.database-story__analogy strong{color:#fff;font-weight:600}.database-story__art{aspect-ratio:1445/1089;box-shadow:none;background:#071b3b;border:1px solid #707eee33;border-radius:22px;align-self:center;margin:0;overflow:hidden}.database-story__art img{aspect-ratio:1445/1089;object-fit:contain;object-position:center;width:100%;height:auto;display:block}.database-section{gap:var(--space-5);display:grid}.database-section__heading{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.9rem;display:grid}.database-section__heading small{color:var(--accent-text,var(--accent));margin-bottom:.3rem}.database-section__heading h2{margin-bottom:0;font-size:clamp(1.45rem,3vw,2rem);line-height:1.25}.database-section__lead{color:var(--text-secondary);margin-bottom:0;font-size:1.02rem;line-height:1.75}.database-explanation-grid,.database-data-cards{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.database-explanation-grid article,.database-data-cards article{border:1px solid var(--border);background:var(--surface);min-width:0;box-shadow:var(--shadow-sm);border-radius:20px;padding:clamp(1rem,2vw,1.3rem)}.database-explanation-grid strong,.database-data-cards strong{margin-bottom:.45rem;font-weight:600;display:block}.database-explanation-grid p,.database-data-cards p{color:var(--text-secondary);margin-bottom:0;font-size:.92rem;line-height:1.6}.database-data-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.database-data-cards article{align-content:start;display:grid}.database-data-cards article>span{background:color-mix(in srgb, var(--accent) 13%, var(--surface));width:2.55rem;height:2.55rem;color:var(--accent-text,var(--accent));border-radius:13px;place-items:center;margin-bottom:.85rem;display:grid}.database-note{border-left:3px solid var(--accent);background:color-mix(in srgb, var(--accent) 7%, var(--surface));color:var(--text-secondary);border-radius:4px 16px 16px 4px;align-items:flex-start;gap:.7rem;padding:1rem 1.1rem;display:flex}.database-note svg{color:var(--accent-text,var(--accent));flex:none;margin-top:.16rem}.database-note p{margin-bottom:0;line-height:1.6}.database-relational{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-secondary) 72%, transparent);border-radius:26px;padding:clamp(1rem,3vw,1.6rem)}.database-table-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:20px;overflow:hidden}.database-table-card>header{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--accent) 8%, var(--surface));align-items:baseline;gap:.65rem;padding:.8rem 1rem;display:flex}.database-table-card>header span{color:var(--text-muted);text-transform:uppercase;font-size:.78rem}.database-table-card>header strong,.database-space__tables code{color:var(--accent-text,var(--accent));font-family:var(--font-mono)}.database-table-wrap{overflow-x:auto}.database-table-card table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:36rem}.database-table-card th,.database-table-card td{border-right:1px solid var(--border);border-bottom:1px solid var(--border);text-align:left;overflow-wrap:anywhere;padding:.8rem 1rem}.database-table-card th:last-child,.database-table-card td:last-child{border-right:0}.database-table-card tbody tr:last-child td{border-bottom:0}.database-table-card th{background:var(--surface-secondary);color:var(--text-secondary);letter-spacing:.03em;font-size:.78rem}.database-table-card td{color:var(--text-primary);font-size:.9rem}.database-table-card>p{border-top:1px solid var(--border);color:var(--text-secondary);align-items:flex-start;gap:.55rem;margin-bottom:0;padding:.9rem 1rem;font-size:.88rem;line-height:1.55;display:flex}.database-table-card>p svg{color:var(--accent-text,var(--accent));flex:none;margin-top:.1rem}.database-space{gap:var(--space-4);background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 10%, var(--surface)), var(--surface));border-radius:20px;grid-template-columns:minmax(15rem,.75fr) minmax(0,1.25fr);padding:clamp(1rem,2.4vw,1.3rem);display:grid}.database-space__intro{align-items:flex-start;gap:.75rem;display:flex}.database-space__intro>svg{color:var(--accent-text,var(--accent));flex:none}.database-space__intro strong{margin-bottom:.4rem;font-weight:600;display:block}.database-space__intro p{color:var(--text-secondary);margin-bottom:0;font-size:.9rem;line-height:1.6}.database-space__tables{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.database-space__tables article{border:1px solid var(--border);background:var(--surface);border-radius:15px;align-items:center;gap:.65rem;min-width:0;padding:.8rem;display:flex}.database-space__tables svg{color:var(--accent-text,var(--accent));flex:none}.database-space__tables code,.database-space__tables span{overflow-wrap:anywhere;display:block}.database-space__tables span{color:var(--text-muted);margin-top:.2rem;font-size:.76rem}.database-types{border:1px dashed color-mix(in srgb, var(--accent) 34%, var(--border));background:color-mix(in srgb, var(--accent) 5%, var(--surface));border-radius:22px;padding:clamp(1rem,2.5vw,1.4rem)}.database-types>p{color:var(--text-secondary);margin-bottom:0;line-height:1.7}.database-types__compare{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.database-types__compare article{border:1px solid var(--border);background:var(--surface);border-radius:18px;padding:1rem 1.1rem}.database-types__compare strong{margin-bottom:.45rem;font-weight:600;display:block}.database-types__compare p{color:var(--text-secondary);margin-bottom:0;font-size:.92rem;line-height:1.65}.database-search-compare{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.database-search-compare article{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:20px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.85rem;padding:clamp(1rem,2.5vw,1.35rem);display:grid}.database-search-compare article>span{background:color-mix(in srgb, var(--accent) 13%, var(--surface));width:2.7rem;height:2.7rem;color:var(--accent-text,var(--accent));border-radius:14px;place-items:center;display:grid}.database-search-compare small{color:var(--accent-text,var(--accent));letter-spacing:.06em;text-transform:uppercase;margin-bottom:.35rem;font-size:.72rem;font-weight:600;display:block}.database-search-compare strong{margin-bottom:.45rem;font-weight:600;display:block}.database-search-compare p{color:var(--text-secondary);margin-bottom:0;font-size:.9rem;line-height:1.65}.database-dbms{color:#f7fbff;background:linear-gradient(145deg,#123c77 0%,#0a2a58 58%,#071e40 100%);border-radius:28px;grid-template-columns:minmax(0,1.12fr) minmax(19rem,.88fr);align-items:center;gap:clamp(1rem,3vw,1.7rem);padding:clamp(1rem,2.7vw,1.5rem);display:grid;box-shadow:0 22px 48px #02224f33}.database-dbms__copy>small,.database-summary header small{color:#8ed4ff}.database-dbms__copy h2,.database-summary h2{color:#fff;font-size:clamp(1.45rem,3vw,2rem);line-height:1.25}.database-dbms__cards{gap:.75rem;display:grid}.database-dbms__cards article{background:#04193a6e;border:1px solid #ffffff24;border-radius:18px;grid-template-columns:auto minmax(0,1fr);gap:.8rem;padding:.9rem 1rem;display:grid}.database-dbms__cards article>span{color:#1265cc;width:3.25rem;height:3.25rem;font-family:var(--font-mono);background:#f7fbff;border-radius:14px;place-items:center;font-weight:700;display:grid}.database-dbms__cards strong{color:#fff;margin-bottom:.3rem;font-weight:600;display:block}.database-dbms__cards p,.database-dbms__examples{color:#dbedffd6;margin-bottom:0;font-size:.9rem;line-height:1.55}.database-dbms__examples{margin-top:1rem}.database-dbms__examples strong{color:#fff;font-weight:600}.database-dbms__art{background:#eaf5ff;border:1px solid #fff3;border-radius:20px;margin:0;overflow:hidden}.database-dbms__art img{aspect-ratio:3/2;object-fit:cover;width:100%;height:auto;display:block}.database-summary{gap:var(--space-4);color:#f7fbff;background:linear-gradient(145deg,#0c376f,#071f45);border-radius:26px;padding:clamp(1.1rem,3vw,1.6rem);display:grid}.database-summary header h2{margin-bottom:0}.database-summary>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.database-summary article{background:#04193a6b;border:1px solid #ffffff21;border-radius:17px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.65rem;padding:.9rem;display:grid}.database-summary article span{color:#8ed4ff;font-family:var(--font-mono);font-size:.76rem;font-weight:700}.database-summary article p,.database-summary>p{color:#deefffdb;margin-bottom:0;font-size:.9rem;line-height:1.55}.database-summary article strong{color:#fff;font-weight:600}.sql-intro-lesson{gap:clamp(2rem,5vw,3.5rem)}.sql-intro-definition{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:18px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:1rem;padding:clamp(1rem,2.5vw,1.4rem);display:grid}.sql-intro-definition>span,.sql-intro-section__heading>span{background:var(--accent-soft);width:2.8rem;height:2.8rem;color:var(--accent-text,var(--accent));border-radius:.9rem;place-items:center;display:grid}.sql-intro-definition h2{margin-bottom:.55rem;font-size:clamp(1.25rem,2.7vw,1.65rem);line-height:1.3}.sql-intro-definition p{color:var(--text-secondary);margin-bottom:0;font-size:clamp(1rem,1.5vw,1.08rem);line-height:1.7}.sql-intro-definition em{color:var(--text);font-style:normal}.sql-intro-hero,.sql-intro-feature,.sql-intro-summary{background:radial-gradient(circle at 96% 8%,#4ba4ff29,#0000 34%),linear-gradient(145deg,#123f7d 0%,#0d3268 56%,#0a2857 100%);border:1px solid #3692ff6b;box-shadow:0 24px 50px #02224f38,inset 0 1px #ffffff24}.sql-intro-hero{border-radius:28px;grid-template-columns:minmax(19rem,.76fr) minmax(0,1.24fr);gap:clamp(.75rem,1.5vw,1rem);padding:clamp(1rem,2.5vw,1.35rem);display:grid;overflow:hidden}.sql-intro-hero__copy{align-content:start;gap:1rem;min-width:0;padding:clamp(.25rem,1vw,.6rem);display:grid}.sql-intro-hero__copy header>span,.sql-intro-feature__copy header small,.sql-intro-section__heading small,.sql-intro-summary header small{color:#8ed4ff;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.42rem;font-size:.72rem;font-weight:650;display:block}.sql-intro-hero__copy h2,.sql-intro-feature__copy h2,.sql-intro-summary h2{color:#fff;margin-bottom:0;font-size:clamp(1.45rem,3vw,2rem);line-height:1.2}.sql-intro-hero__steps{gap:.72rem;display:grid}.sql-intro-hero__steps article{background:#041b406e;border:1px solid #8dcaff2b;border-radius:14px;grid-template-columns:auto minmax(0,1fr);gap:.75rem;padding:.78rem;display:grid}.sql-intro-hero__steps small{color:#0968d7;background:#ecf7ff;border-radius:.7rem;place-items:center;width:2.1rem;height:2.1rem;font-size:.7rem;font-weight:700;display:grid}.sql-intro-hero__steps strong{color:#fff;margin-bottom:.25rem;font-weight:600;display:block}.sql-intro-hero__steps p,.sql-intro-hero__note p{color:#deefffdb;margin-bottom:0;font-size:.9rem;line-height:1.55}.sql-intro-hero__note{background:#2a80e040;border-radius:13px;align-items:flex-start;gap:.65rem;padding:.78rem .9rem;display:flex}.sql-intro-hero__note svg,.sql-intro-feature__fact svg{color:#9be6ff;flex:none;margin-top:.12rem}.sql-intro-hero__note strong{color:#fff;font-weight:600}.sql-intro-hero__art,.sql-intro-feature__art{aspect-ratio:3/2;background:#061d3e;border:1px solid #ffffff3d;border-radius:20px;align-self:center;min-width:0;margin:0;overflow:hidden;box-shadow:inset 0 1px #ffffff24}.sql-intro-hero__art{aspect-ratio:1;width:100%}.sql-intro-hero__art img,.sql-intro-feature__art img{object-fit:cover;width:100%;height:100%;display:block}.sql-intro-hero__art img{object-fit:contain}.sql-intro-section{gap:1.25rem;display:grid}.sql-intro-section__heading{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.9rem;display:grid}.sql-intro-section__heading small{color:var(--accent-text,var(--accent));margin-bottom:.3rem}.sql-intro-section__heading h2{margin-bottom:0;font-size:clamp(1.45rem,3vw,2rem);line-height:1.25}.sql-intro-section__lead{color:var(--text-secondary);margin-bottom:0;font-size:1.02rem;line-height:1.65}.sql-intro-keywords{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.sql-intro-keywords article{border:1px solid var(--border);background:var(--surface);border-radius:16px;align-content:start;gap:.55rem;min-width:0;padding:1rem;display:grid}.sql-intro-keywords article>span{background:var(--accent-soft);width:2.35rem;height:2.35rem;color:var(--accent-text,var(--accent));border-radius:.75rem;place-items:center;display:grid}.sql-intro-keywords code{color:#2e8cff;font-size:1.02rem;font-weight:700}.sql-intro-keywords strong{color:var(--text);font-weight:600}.sql-intro-keywords p{color:var(--text-secondary);margin-bottom:0;font-size:.9rem;line-height:1.5}.sql-intro-request{background:linear-gradient(145deg,#0e3974e6,#07224cf0);border:1px solid #378fff57;border-radius:20px;gap:1rem;padding:clamp(1rem,2.5vw,1.3rem);display:grid;box-shadow:inset 0 1px #ffffff14}.sql-intro-request__flow{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.8rem;display:grid}.sql-intro-request__flow article{background:#04193a7a;border:1px solid #9bd4ff2e;border-radius:14px;padding:.85rem}.sql-intro-request__flow small{color:#8ed4ff;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.3rem;font-size:.72rem;display:block}.sql-intro-request__flow strong{color:#fff;font-weight:600;line-height:1.45}.sql-intro-request__flow>span{color:#7ed7ff;font-size:1.6rem}.sql-intro-request .lesson-code,.sql-intro-comment-example .lesson-code{margin:0}.sql-intro-query-breakdown{gap:.9rem;display:grid}.sql-intro-query-breakdown header small{color:var(--accent-text,var(--accent));letter-spacing:.07em;text-transform:uppercase;font-size:.72rem;font-weight:650}.sql-intro-query-breakdown h3{margin:.25rem 0 0;font-size:1.15rem}.sql-intro-query-breakdown>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.sql-intro-query-breakdown article{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:.9rem}.sql-intro-query-breakdown code{color:#2e8cff;white-space:normal;overflow-wrap:anywhere;margin-bottom:.45rem;font-weight:650;display:block}.sql-intro-query-breakdown p{color:var(--text-secondary);margin-bottom:0;font-size:.9rem;line-height:1.5}.sql-intro-comment-example{grid-template-columns:minmax(0,1.25fr) minmax(15rem,.75fr);align-items:stretch;gap:1rem;display:grid}.sql-intro-comment-example aside,.sql-intro-coordinate-note{background:#1c76c41a;border:1px solid #3ab8ff47;border-radius:16px;align-items:flex-start;gap:.7rem;padding:1rem;display:flex}.sql-intro-comment-example aside svg,.sql-intro-coordinate-note svg{color:var(--accent-text,var(--accent));flex:none;margin-top:.15rem}.sql-intro-comment-example aside p,.sql-intro-coordinate-note p{color:var(--text-secondary);margin-bottom:0;font-size:.92rem;line-height:1.58}.sql-intro-comment-example aside strong,.sql-intro-coordinate-note strong{color:var(--text)}.sql-intro-excel-compare{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}.sql-intro-excel-compare>article{border:1px solid var(--border);background:var(--surface);border-radius:18px;padding:1rem}.sql-intro-excel-compare>article>span{background:var(--accent-soft);color:var(--accent-text,var(--accent));font-family:var(--font-mono);text-transform:uppercase;border-radius:999px;margin-bottom:.85rem;padding:.32rem .65rem;font-size:.78rem;font-weight:700;display:inline-flex}.sql-intro-excel-compare ol{counter-reset:excel-step;gap:.8rem;margin:0;padding:0;list-style:none;display:grid}.sql-intro-excel-compare li{counter-increment:excel-step;gap:.28rem;padding-left:2rem;display:grid;position:relative}.sql-intro-excel-compare li:before{background:var(--accent);color:#fff;content:counter(excel-step);border-radius:50%;place-items:center;width:1.45rem;height:1.45rem;font-size:.7rem;font-weight:700;display:grid;position:absolute;top:0;left:0}.sql-intro-excel-compare li strong{font-weight:600}.sql-intro-excel-compare li code{color:var(--text-secondary);white-space:normal;overflow-wrap:anywhere}.sql-intro-feature{border-radius:28px;grid-template-columns:minmax(0,1.05fr) minmax(18rem,.95fr);gap:clamp(1rem,2.5vw,1.5rem);padding:clamp(1rem,2.5vw,1.35rem);display:grid;overflow:hidden}.sql-intro-feature--banner{aspect-ratio:1122/510;background:#061c43;padding:0;display:block}.sql-intro-feature__banner{border-radius:inherit;width:100%;height:100%;margin:0;overflow:hidden}.sql-intro-feature__banner img{object-fit:cover;width:100%;height:100%;display:block}.sql-intro-feature__art--portrait{aspect-ratio:1122/1402;justify-self:center;width:100%;max-width:28rem}.sql-intro-feature__art--portrait img{object-fit:contain}.sql-intro-feature__copy{align-content:center;gap:.9rem;min-width:0;padding:clamp(.25rem,1vw,.55rem);display:grid}.sql-intro-feature__copy p{color:#deefffdb;margin-bottom:0;font-size:.95rem;line-height:1.62}.sql-intro-feature__fact{color:#deefffe6;background:#2a80e040;border-radius:13px;align-items:flex-start;gap:.65rem;padding:.8rem;font-size:.86rem;line-height:1.5;display:flex}.sql-intro-column-math{grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;gap:.55rem;display:grid}.sql-intro-column-math article{background:#04193a7a;border:1px solid #9bd4ff2e;border-radius:13px;align-content:center;gap:.15rem;min-width:0;padding:.72rem;display:grid}.sql-intro-column-math article.is-result{background:#196db76b;border-color:#6be1ff7a}.sql-intro-column-math strong{color:#fff;font-size:1.35rem}.sql-intro-column-math span{color:#deefffcc;font-size:.72rem;line-height:1.35}.sql-intro-column-math b{color:#8ed4ff;align-self:center;font-size:1.1rem;font-weight:600}.sql-intro-summary{color:#f7fbff;border-radius:28px;gap:1rem;padding:clamp(1.1rem,3vw,1.6rem);display:grid}.sql-intro-summary>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.sql-intro-summary article{background:#04193a6b;border:1px solid #9bd4ff29;border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.65rem;padding:.85rem;display:grid}.sql-intro-summary article span{color:#8ed4ff;font-family:var(--font-mono);font-size:.76rem;font-weight:700}.sql-intro-summary article p,.sql-intro-summary>p{color:#deefffdb;margin-bottom:0;font-size:.9rem;line-height:1.55}.sql-intro-summary article strong{color:#fff;font-weight:600}@media (max-width:1050px){.database-story,.database-dbms{grid-template-columns:1fr}.database-story__art,.database-dbms__art{justify-self:center;width:min(42rem,100%)}.sql-intro-hero,.sql-intro-feature{grid-template-columns:1fr}.sql-intro-hero__art,.sql-intro-feature__art{justify-self:center;width:min(42rem,100%)}.sql-intro-feature--reverse .sql-intro-feature__art{order:2}.sql-intro-feature--reverse .sql-intro-feature__copy{order:1}.database-data-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.database-explanation-grid,.database-types__compare,.database-search-compare,.database-summary>div,.database-space{grid-template-columns:1fr}.database-story,.database-dbms,.database-summary,.sql-intro-hero,.sql-intro-feature,.sql-intro-summary{border-radius:22px}}@media (max-width:520px){.database-data-cards,.database-space__tables,.database-definition,.database-section__heading,.sql-intro-definition,.sql-intro-section__heading,.database-story__steps article,.database-dbms__cards article,.database-search-compare article,.sql-intro-hero__steps article,.sql-intro-keywords,.sql-intro-excel-compare,.sql-intro-query-breakdown>div,.sql-intro-comment-example,.sql-intro-summary>div,.sql-intro-request__flow{grid-template-columns:1fr}.sql-intro-request__flow>span{justify-self:center;transform:rotate(90deg)}.sql-intro-column-math{grid-template-columns:1fr}.sql-intro-column-math b{justify-self:center}}.sql-keyword-communication{align-items:center;gap:var(--space-4);color:#f7fbff;background:radial-gradient(circle at 100% 0,#76c0ff38,#0000 31%),linear-gradient(145deg,#123d78 0%,#0a2c5d 54%,#071f44 100%);border-radius:28px;grid-template-columns:minmax(0,1.35fr) minmax(17rem,.8fr);margin:0;padding:clamp(1rem,2.5vw,1.5rem);display:grid;position:relative;overflow:hidden;box-shadow:0 20px 42px #02224f2e,inset 0 1px #ffffff29}.sql-keyword-communication,.sql-keyword-communication *{transition:none!important;animation:none!important}.sql-keyword-communication:after{content:"";pointer-events:none;border:1px solid #ffffff1a;border-radius:50%;width:14rem;height:14rem;position:absolute;top:-7rem;right:-5rem}.sql-lesson-art-feature__copy{z-index:1;background:#041a3c70;border:1px solid #ffffff26;border-radius:20px;align-items:flex-start;gap:.8rem;min-width:0;margin:0;padding:clamp(1.1rem,2.4vw,1.5rem);display:flex;position:relative;box-shadow:inset 0 1px #ffffff14}.sql-lesson-art-feature__copy>svg{color:#8ed4ff;flex:none;margin-top:.18rem}.sql-lesson-art-feature__copy strong{color:#f7fbff;margin-bottom:.65rem;font-size:clamp(1.05rem,2.2vw,1.28rem);font-weight:560;line-height:1.35;display:block}.sql-lesson-art-feature__copy p{color:#d5eaffdb;margin:0;font-size:clamp(.9rem,1.3vw,.98rem);font-weight:450;line-height:1.65}.sql-keyword-glossary{z-index:1;gap:var(--space-4);min-width:0;display:grid;position:relative}.sql-keyword-glossary__header{z-index:1;justify-content:space-between;align-items:center;gap:var(--space-3);display:flex;position:relative}.sql-keyword-glossary__header strong{font-size:clamp(1.05rem,2.2vw,1.28rem);font-weight:560;line-height:1.3}.sql-keyword-glossary__header>span{color:#eef8ffd6;letter-spacing:.06em;text-transform:uppercase;background:#041b434d;border:1px solid #fff3;border-radius:999px;flex:none;padding:.42rem .7rem;font-size:.7rem;font-weight:500}.sql-keyword-glossary__rows{z-index:1;gap:.7rem;display:grid;position:relative}.sql-keyword-glossary__rows article{background:#041a3c70;border:1px solid #ffffff26;border-radius:18px;grid-template-columns:minmax(9rem,.72fr) minmax(0,1fr) minmax(0,1.25fr);align-items:stretch;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff14}.sql-keyword-glossary__keyword,.sql-keyword-glossary__meaning{flex-direction:column;justify-content:center;min-width:0;padding:.9rem 1rem;display:flex}.sql-keyword-glossary__keyword{border-right:1px solid #ffffff1f;grid-template-columns:auto 1fr;align-items:center;gap:.7rem;display:grid}.sql-keyword-glossary__keyword>span{color:#1265cc;background:#f6fbff;border-radius:11px;place-items:center;width:2.35rem;height:2.35rem;display:grid;box-shadow:0 8px 18px #0012372e}.sql-keyword-glossary__keyword code{color:#ffd76a;font-family:var(--font-mono);letter-spacing:.02em;font-size:.98rem;font-weight:620}.sql-keyword-glossary__meaning+.sql-keyword-glossary__meaning{border-left:1px solid #ffffff1f}.sql-keyword-glossary__meaning small{color:#b7dbffc7;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.28rem;font-size:.68rem;font-weight:500}.sql-keyword-glossary__meaning strong{overflow-wrap:anywhere;color:#f7fbff;font-size:.92rem;font-weight:450;line-height:1.4}.sql-keyword-communication__art{z-index:1;background:#0f489280;border:1px solid #ffffff2e;border-radius:22px;gap:.8rem;min-width:0;margin:0;padding:.75rem;display:grid;position:relative;box-shadow:inset 0 1px #ffffff1f}.sql-keyword-communication__image{background:linear-gradient(135deg,#fff5e8,#e8f5ff);border:1px solid #ffffff47;border-radius:16px;overflow:hidden}.sql-keyword-communication__image img{aspect-ratio:3/2;object-fit:contain;width:100%;height:auto;display:block}.sql-keyword-communication__art figcaption{color:#f7fbffe6;align-items:flex-start;gap:.55rem;padding:.1rem .15rem .15rem;font-size:.82rem;font-weight:500;line-height:1.5;display:flex}.sql-keyword-communication__art figcaption svg{color:#dff4ff;flex:none;margin-top:.08rem}@media (max-width:1050px){.sql-keyword-communication{grid-template-columns:1fr}.sql-keyword-communication__art{justify-self:center;width:min(34rem,100%)}}@media (max-width:640px){.sql-keyword-communication{border-radius:22px}.sql-keyword-glossary__header{flex-direction:column;align-items:flex-start}.sql-keyword-glossary__rows article{grid-template-columns:1fr}.sql-keyword-glossary__keyword{border-bottom:1px solid #ffffff1f;border-right:0}.sql-keyword-glossary__meaning+.sql-keyword-glossary__meaning{border-top:1px solid #ffffff1f;border-left:0}.sql-lesson-art-feature__copy{border-radius:16px}}.codyssey-diagram-flow{padding-block:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:center;gap:0;display:grid}.codyssey-diagram-cards article,.codyssey-diagram-code-choice article,.codyssey-diagram-math>span{align-content:start;gap:var(--space-2);min-width:0;padding:var(--space-4);border:1px solid color-mix(in srgb, var(--accent) 28%, var(--border));border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-sm);display:grid}.sql-concept-visual--course_diagram{border-color:color-mix(in srgb, var(--accent) 18%, var(--border));background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 5%, transparent), transparent 62%), var(--surface-secondary);box-shadow:inset 3px 0 0 color-mix(in srgb, var(--accent) 72%, transparent)}.sql-concept-visual--course_diagram figcaption{padding-top:var(--space-3);border-top:1px solid color-mix(in srgb, var(--accent) 16%, var(--border))}.sql-concept-visual--course_diagram.sql-concept-visual--embedded-card{box-shadow:none;background:0 0;border:0;padding:0}.codyssey-lesson-diagram-card{gap:var(--space-4);color:#f7fbff;background:radial-gradient(circle at 96% 2%,#75bfff38,#0000 31%),linear-gradient(145deg,#174b8e 0%,#0d3268 55%,#08234d 100%);border:1px solid #ffffff38;border-radius:26px;padding:clamp(1rem,2.5vw,1.45rem);display:grid;position:relative;overflow:hidden;box-shadow:0 20px 42px #02224f2e,inset 0 1px #ffffff29}.codyssey-lesson-diagram-card,.codyssey-lesson-diagram-card *{transition:none!important;animation:none!important}.codyssey-lesson-diagram-card__body{z-index:1;min-width:0;position:relative}.codyssey-lesson-diagram-card__note{z-index:1;padding-top:var(--space-3);color:#ebf6ffd1;border-top:1px solid #ffffff29;align-items:flex-start;gap:.6rem;font-size:.9rem;font-weight:450;line-height:1.55;display:flex;position:relative}.codyssey-lesson-diagram-card__note svg{color:#dff4ff;flex:none;margin-top:.1rem}.codyssey-lesson-diagram-card__note p{margin:0}.codyssey-lesson-diagram-steps{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.8rem;display:grid}.codyssey-lesson-diagram-steps__item{background:#041c426b;border:1px solid #ffffff29;border-radius:17px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.8rem;min-width:0;padding:.9rem;display:grid;position:relative;box-shadow:inset 0 1px #ffffff14}.codyssey-lesson-diagram-steps__item>span,.codyssey-column-selection__item>span{color:#1464c7;background:#f7fbff;border-radius:12px;place-items:center;width:2.55rem;height:2.55rem;display:grid;box-shadow:0 8px 18px #00123729}.codyssey-lesson-diagram-steps__item>div{gap:.22rem;min-width:0;display:grid}.codyssey-lesson-diagram-steps__item small{color:#b4d9ffc7;font-size:.68rem;font-weight:600}.codyssey-lesson-diagram-steps__item strong{overflow-wrap:anywhere;color:#f7fbff;font-size:.92rem;font-weight:560;line-height:1.4}.codyssey-lesson-diagram-steps__item code{overflow-wrap:anywhere;color:#ffd76a;font-family:var(--font-mono);font-size:.82rem;font-weight:600}.codyssey-column-selection{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.7rem;display:grid}.codyssey-column-selection__item{background:#041c426b;border:1px solid #ffffff29;border-radius:17px;justify-items:start;gap:.38rem;min-width:0;padding:.9rem;display:grid;position:relative}.codyssey-column-selection__item small{color:#b4d9ffcc;font-size:.72rem;font-weight:550}.codyssey-column-selection__item strong{color:#f7fbff;font-size:.95rem;font-weight:560}.codyssey-column-selection__item>b{color:#8ed4ff;font-size:1.25rem;font-weight:550;position:absolute;top:50%;right:-1.25rem;transform:translateY(-50%)}@media (max-width:640px){.codyssey-lesson-diagram-card{border-radius:22px}.codyssey-lesson-diagram-steps,.codyssey-column-selection{grid-template-columns:1fr}.codyssey-column-selection{gap:.75rem}.codyssey-column-selection__item>b{top:auto;bottom:-1.05rem;right:50%;transform:translate(50%)}}.codyssey-diagram-flow__item{align-items:center;gap:var(--space-3);grid-template-columns:42px minmax(0,1fr);min-width:0;padding:.45rem 2rem .45rem 0;display:grid;position:relative}.codyssey-diagram-flow__item:not(:last-child):after{color:color-mix(in srgb, var(--accent) 82%, var(--text-secondary));content:"→";font-size:1.35rem;font-weight:800;position:absolute;top:50%;right:.55rem;transform:translateY(-52%)}.codyssey-diagram-flow__item>span{border:4px solid color-mix(in srgb, var(--accent) 13%, var(--surface));color:#fff;background:linear-gradient(145deg, color-mix(in srgb, var(--accent) 82%, #fff), var(--accent));width:40px;height:40px;font-size:var(--font-label);box-shadow:0 8px 20px color-mix(in srgb, var(--accent) 22%, transparent);border-radius:999px;place-items:center;font-weight:800;display:grid}.codyssey-diagram-flow__item>strong{font-size:.96rem;line-height:1.35}.codyssey-diagram-cards{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.codyssey-diagram-cards strong,.codyssey-diagram-code-choice span,.codyssey-diagram-math span>strong{color:var(--accent-text,var(--accent))}.codyssey-diagram-cards span{color:var(--text-secondary);line-height:1.5}.codyssey-diagram-code-choice{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.codyssey-diagram-excel{align-items:stretch;gap:var(--space-4);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.codyssey-diagram-excel article{align-items:center;gap:var(--space-4);min-width:0;padding:var(--space-4);border:1px solid color-mix(in srgb, var(--accent) 24%, var(--border));border-radius:var(--radius-md);background:linear-gradient(145deg, color-mix(in srgb, var(--accent) 7%, var(--surface)), var(--surface));grid-template-columns:58px minmax(0,1fr);display:grid}.codyssey-diagram-excel article>div{gap:.22rem;min-width:0;display:grid}.codyssey-diagram-excel small{color:var(--accent-text,var(--accent));letter-spacing:.05em;text-transform:uppercase;font-size:.72rem;font-weight:800}.codyssey-diagram-excel strong{font-size:1rem;line-height:1.35}.codyssey-diagram-excel code{overflow-wrap:anywhere;color:var(--text-secondary);font-family:inherit;font-size:.84rem}.codyssey-diagram-excel__icon{color:#fff;width:58px;height:58px;box-shadow:0 10px 24px color-mix(in srgb, var(--accent) 20%, transparent);border-radius:16px;place-items:center;display:grid}.codyssey-diagram-excel__icon--file{letter-spacing:.04em;background:linear-gradient(145deg,#35a86b,#197546);font-size:.72rem;font-weight:900}.codyssey-diagram-excel__icon--filter{background:linear-gradient(145deg,#5a9cff,#296dd8)}.codyssey-diagram-excel__icon svg{fill:currentColor;width:27px;height:27px}.codyssey-diagram-excel__connector{color:var(--accent-text,var(--accent));align-content:center;justify-items:center;gap:.15rem;display:grid}.codyssey-diagram-excel__connector span{color:var(--text-muted);text-transform:uppercase;font-size:.68rem;font-weight:700}.codyssey-diagram-excel__connector b{font-size:1.5rem}.codyssey-sql-keyword-card{color:#f6faff;isolation:isolate;background:radial-gradient(circle at 88% 6%,#7dbcff47,#0000 30%),linear-gradient(145deg,#246edb 0%,#1555b7 52%,#0b3479 100%);border:1px solid #ffffff57;border-radius:clamp(1.4rem,3vw,2rem);min-height:290px;padding:clamp(1.15rem,3vw,1.65rem);position:relative;overflow:hidden;box-shadow:0 24px 55px #092e6e3d,0 7px 18px #071f4d2e,inset 0 1px #ffffff47}.sql-concept-visual--course_diagram:has(.codyssey-sql-keyword-card){box-shadow:none;background:0 0;border:0;padding:0}.sql-concept-visual--course_diagram:has(.codyssey-sql-keyword-card) figcaption{border-top:0;padding:0 .25rem}.codyssey-sql-keyword-card__orbit{z-index:-1;border:1px solid #ffffff24;border-radius:999px;position:absolute}.codyssey-sql-keyword-card__orbit--one{width:230px;height:230px;top:40px;right:-80px}.codyssey-sql-keyword-card__orbit--two{width:155px;height:155px;top:78px;right:-43px}.codyssey-sql-keyword-card>header{z-index:2;justify-content:space-between;align-items:center;gap:var(--space-4);display:flex;position:relative}.codyssey-sql-keyword-card>header>span,.codyssey-sql-keyword-card>header>small{letter-spacing:.08em;text-transform:uppercase;font-family:SFMono-Regular,Consolas,monospace;font-size:.67rem;font-weight:760}.codyssey-sql-keyword-card>header>small{color:#f6faffc7;letter-spacing:.04em;background:#04205233;border:1px solid #fff3;border-radius:999px;padding:.38rem .62rem}.codyssey-sql-keyword-card__scene{z-index:2;min-width:0;margin-top:var(--space-5);grid-template-columns:minmax(0,1.35fr) minmax(190px,.8fr);align-items:center;gap:clamp(1rem,3vw,1.6rem);display:grid;position:relative}.codyssey-sql-keyword-window{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#041a404d;border:1px solid #ffffff52;border-radius:1.25rem;overflow:hidden;transform:rotate(-1.4deg);box-shadow:0 18px 36px #0316393b,inset 0 1px #ffffff21}.codyssey-sql-keyword-window__bar{border-bottom:1px solid #ffffff21;align-items:center;gap:.38rem;min-height:38px;padding-inline:.9rem;display:flex}.codyssey-sql-keyword-window__bar>span{background:#ffffff7a;border-radius:999px;width:7px;height:7px}.codyssey-sql-keyword-window__bar>b{color:#f6faffab;margin-left:.35rem;font-family:SFMono-Regular,Consolas,monospace;font-size:.69rem;font-weight:600}.codyssey-sql-keyword-window__body{gap:.75rem;padding:1.15rem;display:grid}.codyssey-sql-keyword-window__body>div{grid-template-columns:80px minmax(0,1fr);align-items:center;gap:.75rem;min-width:0;display:grid}.codyssey-sql-keyword-window__body strong{color:#ffdc91;letter-spacing:.02em;font-family:SFMono-Regular,Consolas,monospace;font-size:.85rem}.codyssey-sql-keyword-window__body span{color:#f6faffbf;font-size:.8rem}.codyssey-sql-keyword-card__tokens{gap:.65rem;min-width:0;display:grid}.codyssey-sql-keyword-card__tokens>div{grid-template-columns:42px minmax(0,1fr);align-items:center;gap:.7rem;min-width:0;display:grid}.codyssey-sql-keyword-card__tokens>div>span{color:#0d4ba2;background:#f6f9ff;border:1px solid #ffffff42;border-radius:.9rem;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 9px 18px #041d4b38}.codyssey-sql-keyword-card__tokens p{gap:.08rem;min-width:0;margin:0;display:grid}.codyssey-sql-keyword-card__tokens strong{color:#fff;font-family:SFMono-Regular,Consolas,monospace;font-size:.76rem}.codyssey-sql-keyword-card__tokens small{color:#f6faffab;font-size:.72rem}.codyssey-sql-keyword-card__code-icon{color:#ffffff8c;position:absolute;top:-.25rem;right:0;transform:rotate(8deg)}.codyssey-sql-keyword-card__note{z-index:2;margin-top:var(--space-5);padding-top:var(--space-4);color:#f6faffc7;text-align:left;border-top:1px solid #fff3;align-items:flex-start;gap:.65rem;font-size:clamp(.9375rem,1.35vw,1rem);line-height:1.55;display:flex;position:relative}.codyssey-sql-keyword-card__note>svg{color:#ffdc91;flex:none;margin-top:.08rem}.codyssey-sql-keyword-card__note p{margin:0}.codyssey-diagram-code-choice code,.codyssey-diagram-semicolon code{overflow-wrap:anywhere;border-radius:var(--radius-sm);color:var(--code-text);background:var(--code-background);padding:.75rem;font-family:SFMono-Regular,Consolas,monospace;line-height:1.55}.codyssey-diagram-math,.codyssey-diagram-semicolon{justify-content:center;align-items:center;gap:var(--space-3);min-width:0;display:flex}.codyssey-diagram-math>span{text-align:center;flex:1 1 0}.codyssey-diagram-math>b,.codyssey-diagram-semicolon>b{color:var(--warning);font-size:1.6rem}.codyssey-diagram-semicolon code{flex:1 1 0}@media (max-width:640px){.lesson-theory{padding:var(--space-5)}.sql-concept-visual--lesson-art figcaption{border-radius:var(--radius-md);font-size:var(--font-label)}.codyssey-diagram-flow,.codyssey-diagram-cards,.codyssey-diagram-code-choice,.codyssey-diagram-excel{grid-template-columns:1fr}.codyssey-diagram-excel__connector{min-height:30px}.codyssey-diagram-excel__connector b{transform:rotate(90deg)}.codyssey-sql-keyword-card{min-height:0;padding:var(--space-4);border-radius:1.45rem}.codyssey-sql-keyword-card>header{align-items:flex-start}.codyssey-sql-keyword-card>header>span{max-width:150px;line-height:1.45}.codyssey-sql-keyword-card>header>small{padding:.3rem .5rem;font-size:.56rem}.codyssey-sql-keyword-card__scene{grid-template-columns:1fr}.codyssey-sql-keyword-window{transform:none}.codyssey-sql-keyword-card__tokens{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.codyssey-sql-keyword-card__tokens>div{text-align:center;grid-template-columns:1fr;justify-items:center;gap:.35rem}.codyssey-sql-keyword-card__tokens small{display:none}.codyssey-diagram-flow{gap:var(--space-2)}.codyssey-diagram-flow__item{padding:.35rem 0 1.25rem}.codyssey-diagram-flow__item:not(:last-child):after{inset:auto auto -.1rem .78rem;transform:rotate(90deg)}.codyssey-diagram-math,.codyssey-diagram-semicolon{flex-direction:column;align-items:stretch}.codyssey-diagram-math>b,.codyssey-diagram-semicolon>b{text-align:center;transform:rotate(90deg)}}.sql-visual-table{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);grid-template-columns:.55fr 2fr 1fr;display:grid;overflow:hidden}.sql-visual-table>*{border-right:1px solid var(--border);border-bottom:1px solid var(--border);text-overflow:ellipsis;white-space:nowrap;min-width:0;padding:.65rem .75rem;overflow:hidden}.sql-visual-table__label{color:var(--accent-text,var(--accent));background:color-mix(in srgb, var(--accent) 8%, var(--surface));font-size:var(--font-label);grid-column:1/-1;font-weight:750}.sql-visual-table b{background:var(--surface-secondary);font-family:SFMono-Regular,Consolas,monospace;font-size:var(--font-label)}.sql-visual-relations,.sql-visual-pipeline,.sql-visual-transaction{align-items:center;gap:var(--space-2);min-width:max-content;display:flex}.sql-visual-relations{flex-wrap:wrap;min-width:0}.sql-visual-relations span,.sql-visual-pipeline span,.sql-visual-transaction span,.sql-visual-grouping span,.sql-visual-grouping strong{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);font-family:SFMono-Regular,Consolas,monospace;font-size:var(--font-label);padding:.6rem .75rem}.sql-visual-relations i,.sql-visual-grouping i{color:var(--accent-text,var(--accent));font-size:var(--font-label);font-style:normal;font-weight:750}.sql-visual-relations em{width:100%;color:var(--text-secondary);font-size:var(--font-label);font-style:normal}.sql-visual-pipeline,.sql-visual-transaction{padding-bottom:var(--space-2);overflow-x:auto}.sql-visual-pipeline span:not(:last-child):after,.sql-visual-transaction span:not(:last-child):after{padding-left:var(--space-2);color:var(--accent-text,var(--accent));content:"→"}.sql-visual-join{grid-template-columns:1fr .75fr 1fr;place-items:center;min-height:180px;display:grid}.sql-visual-join>span{aspect-ratio:1;border:2px solid color-mix(in srgb, var(--accent) 65%, var(--border));background:color-mix(in srgb, var(--accent) 10%, var(--surface));border-radius:999px;place-items:center;width:min(180px,100%);font-family:SFMono-Regular,Consolas,monospace;font-weight:750;display:grid}.sql-visual-join>strong{z-index:1;padding:var(--space-2);color:var(--accent-text,var(--accent));text-align:center;background:var(--surface-secondary);font-size:var(--font-label)}.sql-visual-grouping{gap:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.sql-visual-grouping i{text-align:center;grid-column:1/-1}.sql-visual-grouping strong{color:var(--success);text-align:center;grid-column:span 2}.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);width:100%;min-width:0;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);width:100%;min-width:0;display:flex}.lesson-practice-section__heading>div{gap:var(--space-1);min-width:0;display:grid}.lesson-practice-section__heading p,.lesson-practice-task>header>span{color:var(--accent-text,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{min-width:0;color:var(--text-secondary);font-size:var(--font-secondary);overflow-wrap:anywhere;font-weight:650}.lesson-practice-picker{gap:var(--space-3);min-width:0;display:grid}.lesson-practice-picker__heading{gap:var(--space-1);display:grid}.lesson-practice-picker__heading p{color:var(--text-secondary);font-size:var(--font-secondary);margin:0;line-height:1.5}.lesson-practice-steps{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(min(100%,168px),1fr));width:100%;min-width:0;display:grid}.lesson-practice-steps button{align-content:start;align-items:start;gap:var(--space-2);min-width:0;padding:var(--space-3);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;font:inherit;font-size:var(--font-label);text-align:left;transition:border-color var(--transition-fast), background-color var(--transition-fast);grid-template-columns:28px minmax(0,1fr);font-weight:700;display:grid}.lesson-practice-steps button:not(:disabled):hover,.lesson-practice-steps button[aria-current=step]{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--surface))}.lesson-practice-steps button[aria-current=step]{box-shadow:inset 0 0 0 1px var(--accent)}.lesson-practice-steps button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.lesson-practice-step__number{width:28px;height:28px;color:var(--text-secondary);background:var(--surface-secondary);border-radius:8px;place-items:center;display:grid}.lesson-practice-steps button[aria-current=step] .lesson-practice-step__number{color:var(--accent-contrast,#fff);background:var(--accent)}.lesson-practice-step__content{overflow-wrap:anywhere;gap:6px;min-width:0;display:grid}.lesson-practice-step__content>strong{line-height:1.45}.lesson-practice-step__status,.lesson-practice-step__action{color:var(--text-secondary);align-items:center;gap:5px;font-size:11px;font-weight:550;line-height:1.4;display:flex}.lesson-practice-steps button[data-solved=true] .lesson-practice-step__status{color:var(--success)}.lesson-practice-step__action{color:var(--accent-text,var(--accent));font-weight:700}.lesson-practice-steps button:disabled .lesson-practice-step__action{color:var(--text-muted)}.lesson-practice-step__status svg,.lesson-practice-step__action svg{flex:none;width:14px;height:14px}.lesson-practice-reset{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;min-width:0;display:flex}.lesson-practice-reset .ui-button{white-space:normal;min-height:44px}.lesson-practice-reset svg{flex:none;width:16px;height:16px}.lesson-practice-reset__anchor{max-width:100%;display:inline-flex;position:relative}.lesson-practice-reset__tooltip{z-index:40;border:1px solid var(--border-strong);background:var(--surface-raised);width:max-content;max-width:min(320px,100vw - 48px);box-shadow:0 8px 28px color-mix(in srgb, var(--text-primary) 16%, transparent);color:var(--text-primary);font-size:var(--font-label);border-radius:12px;padding:12px 15px;line-height:1.5;position:absolute;bottom:calc(100% + 10px);left:0}.lesson-practice-reset__tooltip:before{border-right:1px solid var(--border-strong);border-bottom:1px solid var(--border-strong);background:var(--surface-raised);content:"";width:8px;height:8px;position:absolute;bottom:-5px;left:23px;transform:rotate(45deg)}.lesson-practice-reset__tooltip:after{content:"";position:absolute;inset:100% 0 -12px}@media (max-width:600px){.lesson-practice-steps{grid-template-columns:minmax(0,1fr)}.lesson-practice-step__content{grid-template-columns:minmax(0,1fr) auto}.lesson-practice-step__content>strong{grid-column:1/-1}}.lesson-practice-task{gap:var(--space-5);width:100%;min-width:0;display:grid}.lesson-practice-task>header{border:1px solid color-mix(in srgb, var(--accent) 28%, var(--border));border-left:3px solid var(--accent);border-radius:var(--radius-lg);background:radial-gradient(ellipse at 100% 0, color-mix(in srgb, var(--accent) 10%, transparent), transparent 65%), linear-gradient(135deg, color-mix(in srgb, var(--accent) 7%, var(--surface-raised)), var(--surface-raised) 70%);min-width:0;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--accent) 12%, transparent);gap:14px;padding:clamp(18px,2.2vw,26px);display:grid}.lesson-practice-task>header>span{border:1px solid color-mix(in srgb, var(--accent) 22%, transparent);background:color-mix(in srgb, var(--accent) 8%, transparent);border-radius:6px;justify-self:start;padding:4px 9px;font-size:11px}.lesson-practice-task>header>h3{color:var(--text-primary);letter-spacing:-.02em;overflow-wrap:anywhere;font-size:clamp(1.2rem,1.6vw,1.5rem);font-weight:750;line-height:1.35}.lesson-practice-task__instructions{border:1px solid color-mix(in srgb, var(--accent) 12%, var(--border));background:color-mix(in srgb, var(--surface) 80%, transparent);border-radius:10px;gap:8px;min-width:0;padding:16px 18px;display:grid}.lesson-practice-task__instructions>span{color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:700}.lesson-practice-task__instructions>p{max-width:96ch;color:var(--text-primary);white-space:pre-line;overflow-wrap:anywhere;font-size:1rem;line-height:1.75}.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{--lesson-sql-editor-track:60fr;--lesson-sql-schema-track:40fr;grid-template-areas:"editor schema-divider schema""result schema-divider schema";grid-template-columns:minmax(0, var(--lesson-sql-editor-track)) 7px minmax(300px, var(--lesson-sql-schema-track));border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);min-width:0;height:720px;min-height:720px;box-shadow:var(--shadow-sm);grid-template-rows:minmax(390px,1.35fr) minmax(260px,1fr);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-bottom:1px solid var(--border);grid-area:editor;grid-template-rows:60px minmax(0,1fr);display:grid}.lesson-sql-workspace__result{grid-area:result;grid-template-rows:44px minmax(0,1fr);display:grid}.lesson-sql-workspace__divider{grid-area:schema-divider}.lesson-sql-workspace__schema{grid-area:schema;overflow:hidden}.lesson-sql-workspace__schema .sql-database-panel{border:0;grid-template-rows:60px minmax(0,1fr);width:100%;height:100%}.lesson-sql-toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);min-width:0;height:60px;min-height:60px;padding:7px 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-sql-workspace .lesson-sql-editor{grid-template-rows:auto minmax(0,1fr);display:grid}.lesson-practice__unsupported{padding:var(--space-5);color:var(--text-secondary);border:1px dashed var(--border-strong);border-radius:var(--radius-md)}.lesson-quiz{gap:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-secondary);max-width:820px;padding:clamp(1rem,3vw,1.5rem);display:grid}.lesson-self-check{gap:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-secondary);width:100%;min-width:0;max-width:820px;padding:clamp(1rem,3vw,1.5rem);display:grid}.lesson-self-check__meta{gap:var(--space-2);flex-wrap:wrap;display:flex}.lesson-self-check label{gap:var(--space-1);display:grid}.lesson-self-check label span{color:var(--text-secondary);line-height:1.55}.lesson-self-check textarea{width:100%;min-height:140px;padding:var(--space-4);resize:vertical;color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);font:inherit;outline:none;line-height:1.6}.lesson-self-check textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent)}.lesson-self-check>.ui-button{justify-self:start}.lesson-self-check__error{color:var(--error)}.lesson-self-check__solution{gap:var(--space-2);padding:var(--space-4);border-left:4px solid var(--success);border-radius:var(--radius-md);background:color-mix(in srgb, var(--success) 8%, var(--surface));line-height:1.65;display:grid}.lesson-self-check__solution>:last-child,.lesson-self-check__solution p{margin-bottom:0}.lesson-quiz__meta{gap:var(--space-2);flex-wrap:wrap;display:flex}.lesson-quiz fieldset{gap:var(--space-2);border:0;margin:0;padding:0;display:grid}.lesson-quiz label{align-items:start;gap:var(--space-3);min-width:0;padding:var(--space-3) var(--space-4);cursor:pointer;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);transition:border-color var(--transition-fast), background-color var(--transition-fast);grid-template-columns:auto minmax(0,1fr) auto;line-height:1.55;display:grid}.lesson-quiz label:hover{border-color:color-mix(in srgb, var(--accent) 55%, var(--border))}.lesson-quiz label:has(input:focus-visible){border-color:color-mix(in srgb, var(--accent) 55%, var(--border))}.lesson-quiz fieldset:disabled label{cursor:default}.lesson-quiz fieldset:disabled label:hover{border-color:var(--border)}.lesson-quiz label:has(input:checked){border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--surface))}.lesson-quiz label[data-answer=correct]{border-color:var(--success);background:color-mix(in srgb, var(--success) 9%, var(--surface))}.lesson-quiz fieldset:disabled label[data-answer=correct]:hover{border-color:var(--success)}.lesson-quiz label[data-answer=incorrect]{border-color:var(--error);background:color-mix(in srgb, var(--error) 8%, var(--surface))}.lesson-quiz input{width:18px;height:18px;accent-color:var(--accent);margin-top:.2rem}.lesson-quiz label svg{width:19px;height:19px;color:var(--success)}.lesson-quiz__actions{justify-content:flex-start;display:flex}.lesson-practice-continue{margin-top:var(--space-2);justify-self:start}.lesson-practice-continue svg{width:17px;height:17px}.lesson-quiz__error,.lesson-quiz__feedback p{margin:0}.lesson-quiz__error{color:var(--error)}.lesson-quiz__feedback{gap:var(--space-2);padding:var(--space-4);border-left:4px solid var(--warning);border-radius:var(--radius-md);background:color-mix(in srgb, var(--warning) 8%, var(--surface));line-height:1.6;display:grid}.lesson-quiz__feedback--correct{border-left-color:var(--success);background:color-mix(in srgb, var(--success) 8%, var(--surface))}.lesson-quiz__theory-link{justify-self:start;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--accent-text,var(--accent));text-underline-offset:3px;border:1px solid;font-weight:600;text-decoration:underline;display:inline-flex}.lesson-quiz__theory-link:hover{background:color-mix(in srgb, var(--accent) 12%, var(--surface))}.lesson-quiz__theory-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.lesson-quiz__theory-link svg{flex-shrink:0;width:18px;height:18px}.lesson-navigation__link--locked{color:var(--text-muted);cursor:not-allowed}.lesson-navigation__link--locked>:not(.lesson-navigation__pattern){opacity:.65}.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-text,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{isolation:isolate;align-items:center;gap:var(--space-3);border:1px solid color-mix(in srgb, var(--accent) 28%, var(--border));border-radius:var(--radius-lg);background:radial-gradient(ellipse at 100% 0, color-mix(in srgb, var(--accent) 13%, transparent), transparent 70%), linear-gradient(145deg, color-mix(in srgb, var(--accent) 9%, var(--surface-raised)), var(--surface-raised) 70%);min-width:0;min-height:112px;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--accent) 13%, transparent), 0 8px 24px color-mix(in srgb, var(--accent) 4%, transparent);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:22px;display:flex;position:relative;overflow:hidden}a.lesson-navigation__link:hover{border-color:color-mix(in srgb, var(--accent) 65%, var(--border));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--accent) 18%, transparent), 0 8px 24px color-mix(in srgb, var(--accent) 9%, transparent)}a.lesson-navigation__link:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.lesson-navigation__link>.lesson-navigation__pattern{z-index:-1;fill:none;width:100%;height:100%;stroke:color-mix(in srgb, var(--accent) 17%, transparent);stroke-width:1px;pointer-events:none;position:absolute;inset:0}.lesson-navigation__pattern :is(path,circle){vector-effect:non-scaling-stroke}.lesson-navigation__link>svg:not(.lesson-navigation__pattern){box-sizing:content-box;border:1px solid color-mix(in srgb, var(--accent) 25%, var(--border));background:color-mix(in srgb, var(--accent) 8%, var(--surface));width:19px;height:19px;color:var(--accent-text,var(--accent));border-radius:11px;flex:none;padding:9px}.lesson-navigation__link--previous>svg:not(.lesson-navigation__pattern){transform:rotate(180deg)}.lesson-navigation__link--next{text-align:right;justify-content:flex-end}.lesson-navigation__link span{overflow-wrap:anywhere;gap:7px;min-width:0;display:grid}.lesson-navigation__link small{color:var(--text-secondary);font-size:var(--font-label)}.lesson-navigation__link strong{color:var(--text-primary);font-size:.95rem;line-height:1.5}.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-text,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-catalog-filters-toggle{display:none}@media (max-width:640px){.app-content.sql-exercises-page{gap:12px}.sql-exercises-page .ui-page-header{gap:8px;margin-bottom:0;padding-block:0}.sql-exercises-page .ui-page-header h1{font-size:1.7rem}.sql-exercises-page .ui-page-header__description{margin-top:8px;font-size:.85rem;line-height:1.5}.sql-exercises-page .sql-practice-progress{margin-block:0;padding-block:10px}.sql-exercises-page .sql-difficulty-filter{gap:12px;margin-block:0;padding:12px}.sql-exercises-page .sql-difficulty-filter__heading{flex-direction:row;align-items:baseline;gap:8px;display:flex}.sql-exercises-page .sql-difficulty-filter__heading>span{font-size:.75rem}.sql-exercises-page .sql-difficulty-filter__heading p{display:none}.sql-exercises-page .sql-difficulty-filter__options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sql-exercises-page .sql-difficulty-filter__option{flex-wrap:wrap;justify-content:space-between;gap:6px;min-width:0;min-height:44px;padding:8px;font-size:.8rem}.sql-exercises-page .sql-difficulty-filter__dots{display:none}.sql-exercises-page .sql-difficulty-filter__option strong{flex:none;min-width:28px}.sql-catalog-filters-toggle{border:1px solid var(--border);width:100%;min-height:44px;color:var(--text-primary);background:var(--surface-raised);font:inherit;cursor:pointer;border-radius:10px;margin:0;padding:10px 12px;font-size:.85rem;display:block}.sql-exercises-page .sql-topic-filter[data-mobile-expanded=false]{display:none}.sql-exercises-page .sql-exercise-card{grid-template-columns:32px minmax(0,1fr);gap:12px;padding:16px}.sql-exercises-page .sql-exercise-card__number{align-self:start;width:32px;height:32px}.sql-exercises-page .sql-exercise-card__actions{grid-column:1/-1}}.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-text,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-text,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-text,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-text,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-text,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-text,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-text,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)}.lesson-sql-workspace__divider{display:none}}@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 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}.sql-visual-join{min-height:130px}.sql-visual-join>span{width:min(120px,100%)}.sql-visual-grouping{grid-template-columns:repeat(2,minmax(0,1fr))}.sql-visual-grouping i{grid-column:1/-1}.sql-visual-grouping strong{grid-column:span 1}.lesson-sql-toolbar{grid-template-columns:minmax(0,1fr);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){.lesson-sql-toolbar__actions{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-sql-toolbar__actions .ui-button:last-child{grid-column:1/-1}.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}}.game-focus-shell{background:var(--background);width:100%;min-height:100dvh}.game-focus-shell>main{min-width:0}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;grid-template-columns:minmax(0,1fr);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:var(--text-secondary);border-color:var(--border);background:var(--surface-soft);text-align:center;white-space:normal;line-height:1.2}.sql-completion-badge{white-space:normal;max-width:100%}.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);max-height:calc(100dvh - 40px);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);overflow-y:auto}.sql-reference-code{background:var(--code-background);max-width:100%;max-height:45dvh;color:var(--text-primary);tab-size:2;border-radius:8px;padding:16px;font:.86rem/1.65 ui-monospace,Consolas,monospace;overflow:auto}.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:normal;grid-column:2;justify-content:center;align-items:center;padding:0 7px;font-weight:650;line-height:1.25;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-text,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);grid-template-columns:minmax(0,1fr);min-width:0;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:minmax(0,1fr) minmax(0,1.5fr) minmax(0,1fr);justify-content:space-between;align-items:center;gap:5px;padding:6px;font-size:.75rem;display:grid}.sql-task-panel__navigation a{min-width:0;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:normal;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-text,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-text,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__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:grid;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)}.sql-sandbox-shortcuts__help{box-sizing:border-box;width:34px;height:34px;color:var(--text-secondary);background:color-mix(in srgb, var(--surface) 78%, transparent);flex:0 0 34px}.sql-sandbox-shortcuts__help:hover{color:var(--accent-text,var(--accent));border-color:color-mix(in srgb, var(--accent) 48%, var(--border));background:color-mix(in srgb, var(--accent) 10%, var(--surface))}.sql-sandbox-workbench .sql-sandbox-selectors{justify-self:stretch;width:100%;max-width:max-content}.sql-sandbox-workbench .sql-sandbox-selectors select{min-width:0}.sql-sandbox-workbench .sql-sandbox-engine-select{flex:0 0 124px;width:124px}.sql-sandbox-workbench .sql-sandbox-dataset-select{flex:1 1 0;width:auto}@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}}@container sql-editor-panel (max-width:619px){.sql-sandbox-workbench .sql-editor-toolbar{column-gap:var(--space-2);row-gap:var(--space-1);grid-template-columns:minmax(0,1fr) auto}}@container sql-editor-panel (min-width:620px){.sql-sandbox-workbench .sql-editor-toolbar{column-gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto auto}}.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{overscroll-behavior:contain;background:var(--surface);overflow:auto}.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-text,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-text,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-text,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,.app-content>.course-header>.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}}.landing-page--mascot .landing-header{background:color-mix(in srgb, var(--background) 88%, transparent);box-shadow:none;-webkit-backdrop-filter:blur(14px)saturate(112%);backdrop-filter:blur(14px)saturate(112%);border-bottom:0;position:sticky}.landing-page--mascot .landing-header:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#2a87ffb8 12%,#4ab0ffeb 50%,#2a87ffb8 88%,#0000 100%);height:1px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 0 6px #2a87ff6b,0 0 16px #1669ff38}.landing-page--mascot .landing-header__inner{min-height:84px}.landing-page--mascot .landing-navigation__links{gap:clamp(1rem,2vw,2rem)}.landing-page--mascot .landing-nav__link,.landing-page--mascot .landing-navigation__actions .ui-button{font-family:Avenir Next World,Avenir Next,Avenir,Segoe UI,sans-serif}.landing-page--mascot .landing-nav__link{min-height:38px;color:var(--text-primary);letter-spacing:.006em;padding-inline:0;font-size:17px;font-weight:500;transition:color .2s,opacity .2s}.landing-page--mascot .landing-nav__link:hover,.landing-page--mascot .landing-nav__link:focus-visible{color:color-mix(in srgb, var(--landing-cyan) 38%, var(--text-primary))}.landing-page--mascot .landing-navigation__actions{gap:10px}.landing-page--mascot .landing-navigation__actions .theme-switcher{border-color:color-mix(in srgb, var(--border) 64%, transparent);background:color-mix(in srgb, var(--surface-secondary) 34%, transparent);border-radius:12px;gap:1px;padding:2px;box-shadow:inset 0 1px #ffffff08}.landing-page--mascot .landing-header .theme-switcher__button{width:34px;height:34px;box-shadow:none;background:0 0;border-radius:9px}.landing-page--mascot .landing-header .theme-switcher__button[aria-pressed=true]{color:color-mix(in srgb, var(--landing-cyan) 72%, var(--accent));border-color:color-mix(in srgb, var(--landing-blue) 30%, var(--border));background:color-mix(in srgb, var(--landing-blue) 9%, transparent);box-shadow:inset 0 1px #ffffff0a}.landing-page--mascot .landing-navigation__actions .ui-button{color:#f8fbff;border-radius:11px;min-height:42px;padding-inline:18px;font-size:17px;font-weight:500}.landing-page--mascot .landing-navigation__actions .ui-button--secondary{color:var(--text-primary);border-color:color-mix(in srgb, var(--border) 76%, transparent);background:color-mix(in srgb, var(--surface-raised) 26%, transparent);box-shadow:none}.landing-page--mascot .public-hero--mascot{background:radial-gradient(48% 54% at 76% 40%,#104eb81f,#0000 72%),radial-gradient(34% 26% at 62% 78%,#0f70d514,#0000 76%)}.landing-page--mascot .public-hero:before{opacity:.13;background-size:64px 64px;-webkit-mask-image:radial-gradient(68% 62% at 72% 43%,#000 0%,#0000 80%);mask-image:radial-gradient(68% 62% at 72% 43%,#000 0%,#0000 80%)}.landing-page--mascot .public-hero:after{display:none}.landing-page--mascot .public-hero__inner--mascot{padding-block:clamp(2.2rem, 4vw, 4rem) var(--space-10)}.landing-page--mascot .public-hero__stage{grid-template-columns:minmax(390px,.72fr) minmax(700px,1.28fr);gap:0;min-height:640px}.landing-page--mascot .public-hero__copy{z-index:3}.landing-page--mascot .public-hero__showcase{perspective:1600px;min-height:610px;transform-style:preserve-3d;margin-right:-64px;top:46px;left:64px}.public-hero-scene{z-index:0;isolation:isolate;pointer-events:none;display:none;position:absolute;inset:-60px -100px -78px -150px;overflow:visible}.public-hero-scene:before,.public-hero-scene:after{content:"";pointer-events:none;position:absolute}.public-hero-scene:before{filter:blur(24px);opacity:.86;background:radial-gradient(38% 18% at 27% 84%,#248bd916,#0000 72%),radial-gradient(48% 20% at 73% 82%,#1d68c914,#0000 76%),radial-gradient(18% 42% at 4% 45%,#184f9e0e,#0000 76%),radial-gradient(17% 40% at 97% 43%,#2a97d60d,#0000 76%);inset:4% -2% 1%;-webkit-mask-image:radial-gradient(88% 82% at 58% 58%,#000 0 46%,#00000094 68%,#0000 94%);mask-image:radial-gradient(88% 82% at 58% 58%,#000 0 46%,#00000094 68%,#0000 94%)}.public-hero-scene:after{filter:drop-shadow(0 0 5px #3791e42e);opacity:.52;background:radial-gradient(circle at 11% 36%,#64b8ff42 0 1px,#0000 1.7px),radial-gradient(circle at 21% 18%,#4890e833 0 1px,#0000 1.6px),radial-gradient(circle at 34% 53%,#60bef438 0 1px,#0000 1.7px),radial-gradient(circle at 46% 27%,#387dd52e 0 1px,#0000 1.6px),radial-gradient(circle at 58% 61%,#4ea9f238 0 1px,#0000 1.7px),radial-gradient(circle at 69% 19%,#4189e02e 0 1px,#0000 1.6px),radial-gradient(circle at 78% 48%,#65c4f736 0 1px,#0000 1.7px),radial-gradient(circle at 88% 29%,#408ce230 0 1px,#0000 1.6px),radial-gradient(circle at 94% 67%,#52adef33 0 1px,#0000 1.7px);inset:8% 3% 18% 1%;-webkit-mask-image:radial-gradient(82% 72% at 58% 52%,#000 0 42%,#0000008f 68%,#0000 94%);mask-image:radial-gradient(82% 72% at 58% 52%,#000 0 42%,#0000008f 68%,#0000 94%)}.public-hero-scene__ambient{background:radial-gradient(55% 44% at 66% 42%,#1868ff21,#0000 72%),radial-gradient(26% 23% at 29% 76%,#21c9ff1a,#0000 76%),radial-gradient(48% 15% at 66% 91%,#1266e524,#0000 75%);position:absolute;inset:0}.public-hero-scene__network{fill:none;stroke:#3784ff29;stroke-width:1px;width:100%;height:76%;position:absolute;inset:2% 0 auto;overflow:visible}.public-hero-scene__network path{stroke-dasharray:2 7}.public-hero-scene__network circle{fill:#3b97ff99;stroke:#57b2ff38;stroke-width:5px}.public-hero-scene__floor{transform-origin:bottom;background:repeating-linear-gradient(90deg,#1d4f912b 0 1px,#0000 1px 54px),repeating-linear-gradient(0deg,#18427e21 0 1px,#0000 1px 42px);height:280px;position:absolute;bottom:-20px;left:-12%;right:-6%;overflow:hidden;transform:perspective(720px)rotateX(64deg)translateY(34px);-webkit-mask-image:radial-gradient(80% 74% at 52% 72%,#000 0 34%,#000000db 48%,#0000006b 64%,#0000 84%);mask-image:radial-gradient(80% 74% at 52% 72%,#000 0 34%,#000000db 48%,#0000006b 64%,#0000 84%)}.public-hero-scene__floor:before,.public-hero-scene__floor:after{content:"";position:absolute}.public-hero-scene__floor:before{background:radial-gradient(62% 34% at 52% 76%,#2c8fda13,#0000 76%),linear-gradient(90deg,#0000,#1f5fb00e,#0000);inset:0}.public-hero-scene__floor:after{background:linear-gradient(90deg,#0000 5%,#307acc40,#0000 92%);height:1px;bottom:18%;left:0;right:0;box-shadow:0 0 16px #1e6ac21f}.public-hero-scene__floor>i{background:#4fa7f075;border-radius:50%;width:3px;height:3px;position:absolute;box-shadow:0 0 8px #368be057}.public-hero-scene__floor>i:first-child{top:43%;left:18%}.public-hero-scene__floor>i:nth-child(2){top:58%;left:39%}.public-hero-scene__floor>i:nth-child(3){top:31%;left:62%}.public-hero-scene__floor>i:nth-child(4){top:69%;left:78%}.public-hero-scene__floor>i:nth-child(5){top:46%;left:91%}.public-hero-scene__robot-light,.public-hero-scene__display-light{pointer-events:none;border-radius:50%;position:absolute}.public-hero-scene__robot-light{filter:blur(24px);background:#15a1ff21;width:330px;height:88px;bottom:16px;left:7%}.public-hero-scene__display-light{filter:blur(28px);background:radial-gradient(#2171ff33,#1452be14 48%,#0000 76%);width:70%;height:34px;bottom:13px;right:5%}.landing-page--mascot .public-hero__showcase-glow{z-index:0;opacity:.62;filter:blur(54px);pointer-events:none;background:radial-gradient(68% 62% at 58% 46%,#1a68ef29,#0e419e12 48%,#0000 76%);display:none;inset:-3% -18% -14% -8%}.public-hero__display-shell{--display-transform:perspective(1500px) rotateY(-10deg) rotateX(.55deg) rotateZ(-.16deg);z-index:2;transform-origin:50%;width:clamp(750px,58.5vw,960px);height:clamp(440px,34vw,562px);transform-style:preserve-3d;pointer-events:auto;position:absolute;top:-132px;left:-56px;right:auto;transform:none}.public-hero__display-shell .public-product-preview{width:100%;height:100%;box-shadow:none;isolation:isolate;pointer-events:auto;background:0 0;border:0;border-radius:0;position:relative;top:0;right:auto;overflow:visible;transform:none}.public-hero__display-shell .public-product-carousel__display{transform:var(--display-transform);transform-origin:50%;transform-style:preserve-3d;pointer-events:none;position:absolute;inset:0}.public-hero__display-shell .public-product-carousel__display:before,.public-hero__display-shell .public-product-carousel__display:after{display:none}.public-hero__display-shell .public-product-carousel__screen{background:var(--preview-bg);backface-visibility:hidden;border:0;border-radius:22px;position:absolute;inset:0;overflow:hidden;box-shadow:0 0 0 5px #69e0ff1f,0 0 10px #50e4ffe0,0 0 28px #20b5ffad,0 0 62px #1e6cff61,0 0 22px #1b6aff26,0 0 76px #0a42b017,0 22px 44px #000d2857}.public-hero__display-shell .public-product-preview__content{background:var(--preview-bg)}.public-product-carousel__image{object-fit:cover;object-position:center}.public-hero__display-shell .public-product-carousel__controls{z-index:20;pointer-events:auto;bottom:18px;transform:translate(-50%)}:root[data-theme=dark] .public-hero__display-shell .public-product-carousel__screen{box-shadow:0 0 0 5px #69e0ff1a,0 0 12px #50e4fff5,0 0 32px #20b5ffc7,0 0 72px #1e6cff85,0 0 26px #1b6aff26,0 0 92px #0a42b014,0 22px 48px #00071875}:root[data-theme=dark] .public-hero__display-shell .public-product-preview{box-shadow:none}@media (max-width:1500px) and (min-width:1181px){.public-hero__display-shell{top:-115px}}@media (max-width:1360px) and (min-width:1181px){.public-hero__display-shell{top:-85px}}.landing-page--mascot .public-hero-features{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:8px;display:grid;overflow:visible}.landing-page--mascot .public-hero-feature{--feature-accent:var(--landing-blue);border:1px solid color-mix(in srgb, var(--feature-accent) 27%, var(--border));background:radial-gradient(circle at 13% 40%, color-mix(in srgb, var(--feature-accent) 14%, transparent), transparent 33%), linear-gradient(145deg, color-mix(in srgb, var(--surface-raised) 94%, transparent), color-mix(in srgb, var(--surface-secondary) 78%, transparent));min-height:174px;box-shadow:inset 0 1px 0 #ffffff0a, 0 12px 30px #010f271f, 0 0 18px color-mix(in srgb, var(--feature-accent) 5%, transparent);border-radius:18px;grid-template-rows:auto 1fr auto;grid-template-columns:70px minmax(0,1fr);align-content:center;align-items:center;gap:6px 14px;padding:20px 18px;transition:transform .3s,border-color .3s,box-shadow .3s,background .3s;display:grid;overflow:hidden}.landing-page--mascot .public-hero-feature--orange{--feature-accent:#ff9d2e}.landing-page--mascot .public-hero-feature--python{--feature-accent:#52b8ff}.landing-page--mascot .public-hero-feature+.public-hero-feature,.landing-page--mascot .public-hero-feature:nth-child(3),.landing-page--mascot .public-hero-feature:nth-child(4){border:1px solid color-mix(in srgb, var(--feature-accent) 27%, var(--border))}.landing-page--mascot .public-hero-feature:hover,.landing-page--mascot .public-hero-feature:focus-visible{border-color:color-mix(in srgb, var(--feature-accent) 52%, var(--border));background:radial-gradient(circle at 13% 40%, color-mix(in srgb, var(--feature-accent) 20%, transparent), transparent 36%), linear-gradient(145deg, color-mix(in srgb, var(--surface-raised) 96%, transparent), color-mix(in srgb, var(--surface-secondary) 84%, transparent));box-shadow:inset 0 1px 0 #ffffff0d, 0 16px 34px #010f272e, 0 0 24px color-mix(in srgb, var(--feature-accent) 10%, transparent);outline:none;transform:translateY(-2px)}.landing-page--mascot .public-hero-feature__icon{width:70px;height:76px;color:var(--feature-accent);background:radial-gradient(circle, color-mix(in srgb, var(--feature-accent) 20%, transparent), transparent 68%);box-shadow:none;border:0;border-radius:50%;grid-row:1/span 3;place-items:center;display:grid;position:relative}.landing-page--mascot .public-hero-feature__icon:before{background:color-mix(in srgb, var(--feature-accent) 13%, transparent);filter:blur(11px);content:"";border-radius:50%;position:absolute;inset:13px}.landing-page--mascot .public-hero-feature__icon svg{z-index:1;stroke-width:1.65px;width:58px;height:58px;filter:drop-shadow(0 0 4px color-mix(in srgb, var(--feature-accent) 70%, transparent)) drop-shadow(0 0 12px color-mix(in srgb, var(--feature-accent) 28%, transparent));position:relative}.landing-page--mascot .public-hero-feature__copy{align-self:end;gap:5px}.landing-page--mascot .public-hero-feature__copy strong{color:var(--text-primary);letter-spacing:-.018em;font-size:1rem;font-weight:620}.landing-page--mascot .public-hero-feature__copy small{color:color-mix(in srgb, var(--text-muted) 90%, var(--text-secondary));text-overflow:clip;white-space:normal;font-size:.7rem;line-height:1.42;overflow:visible}.landing-page--mascot .public-hero-feature__action{width:max-content;min-height:35px;color:color-mix(in srgb, var(--feature-accent) 74%, var(--text-primary));border:1px solid color-mix(in srgb, var(--feature-accent) 30%, var(--border));background:color-mix(in srgb, var(--feature-accent) 7%, var(--surface-raised));border-radius:9px;grid-column:2;align-self:start;align-items:center;gap:9px;margin-top:8px;padding:0 12px;font-size:.68rem;font-weight:600;transition:color .26s,border-color .26s,background-color .26s,box-shadow .26s;display:inline-flex;box-shadow:inset 0 1px #ffffff08}.landing-page--mascot .public-hero-feature:hover .public-hero-feature__action,.landing-page--mascot .public-hero-feature:focus-visible .public-hero-feature__action{border-color:color-mix(in srgb, var(--feature-accent) 52%, var(--border));background:color-mix(in srgb, var(--feature-accent) 11%, var(--surface-raised));box-shadow:0 0 14px color-mix(in srgb, var(--feature-accent) 9%, transparent)}.landing-page--mascot .public-hero-feature__action svg{width:14px;height:14px;transition:transform .26s}.landing-page--mascot .public-hero-feature:hover .public-hero-feature__action svg,.landing-page--mascot .public-hero-feature:focus-visible .public-hero-feature__action svg{transform:translate(3px)}@media (max-width:1180px){.landing-page--mascot .public-hero__stage{grid-template-columns:minmax(350px,.78fr) minmax(540px,1.22fr)}.landing-page--mascot .public-hero__showcase{min-height:560px;margin-right:-24px;left:0}.public-hero__display-shell{--display-transform:perspective(1550px) rotateY(-3deg) rotateX(.65deg) rotateZ(-.16deg);width:min(104%,690px);height:430px;top:30px;left:-20px;right:auto;transform:none}.landing-page--mascot .public-hero-features{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-page--mascot .public-hero-feature{min-height:158px}.landing-page--mascot .public-hero-feature__action{display:inline-flex}}@media (max-width:980px){.landing-page--mascot .landing-navigation{background:color-mix(in srgb, var(--background) 94%, var(--surface-raised));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.landing-page--mascot .public-hero__stage{grid-template-columns:1fr}.landing-page--mascot .public-hero__showcase{min-height:565px;margin-right:0}.public-hero__display-shell{--display-transform:perspective(1450px) rotateY(-2deg) rotateX(.5deg) rotateZ(-.12deg);width:90%;height:460px;top:22px;left:auto;right:0;transform:none}.public-hero-scene{inset-inline:-10%}}@media (max-width:760px){.landing-page--mascot .public-hero__showcase{min-height:505px}.public-hero-scene:before{opacity:.68}.public-hero-scene:after{opacity:.3}.public-hero__display-shell{--display-transform:perspective(1300px) rotateY(-1.2deg) rotateX(.3deg) rotateZ(-.08deg);width:96%;height:400px;transform:none}.public-hero-scene__network path:first-child,.public-hero-scene__network path:last-of-type{display:none}.public-hero-scene__floor{opacity:.72}}@media (max-width:640px){.landing-page--mascot .landing-header__inner{min-height:72px}.landing-page--mascot .landing-navigation__links{gap:4px}.landing-page--mascot .landing-navigation__actions .theme-switcher{justify-self:start}.landing-page--mascot .public-hero__showcase{min-height:455px}.public-hero__display-shell{--display-transform:none;width:100%;height:320px;top:22px;transform:none}.public-hero__display-shell:after{display:none}.public-hero-scene{inset:-20px -8% -54px}.public-hero-scene:after{opacity:.22}.public-hero-scene__network{display:none}.public-hero-scene__floor{opacity:.52;height:190px;left:-24%;right:-24%}.public-hero-scene__robot-light{width:210px}.landing-page--mascot .public-hero-features{grid-template-columns:1fr;gap:12px}.landing-page--mascot .public-hero-feature{grid-template-columns:64px minmax(0,1fr);min-height:146px;padding:18px}.landing-page--mascot .public-hero-feature__icon{width:60px;height:68px}.landing-page--mascot .public-hero-feature__icon svg{width:40px;height:40px}.landing-page--mascot .public-hero-feature__action{min-height:38px}}@media (prefers-reduced-motion:reduce){.landing-page--mascot .public-hero-feature,.landing-page--mascot .public-hero-feature__action,.landing-page--mascot .public-hero-feature__action svg{transition:none}}@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}}.dashboard-v2-widget-slot{border-radius:13px;min-width:0;transition:opacity .16s,filter .16s;position:relative;container-type:inline-size}.dashboard-v2-widget-slot--streak{grid-column:3;height:276px;min-height:276px}.dashboard-v2-widget-slot--continue,.dashboard-v2-widget-slot--path,.dashboard-v2-widget-slot--activity{height:324px;min-height:324px}.dashboard-v2-widget-slot--continue{grid-column:1}.dashboard-v2-widget-slot--path{grid-column:2}.dashboard-v2-widget-slot--activity{grid-column:3}.dashboard-v2-widget-slot--analytics,.dashboard-v2-widget-slot--recommendations{height:224px;min-height:224px}.dashboard-v2-widget-slot--analytics{grid-column:1/3}.dashboard-v2-widget-slot--recommendations{grid-column:3}.dashboard-v2-widget-slot>.ui-card,.dashboard-v2-widget-slot>.dashboard-v2-analytics{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;grid-column:auto;width:100%;height:100%;min-height:0;box-shadow:inset 0 1px #ffffff06}.dashboard-layout-control{z-index:12;justify-items:end;gap:7px;display:grid;position:absolute;top:12px;right:12px}.dashboard-layout-control__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.dashboard-v2.is-editing .dashboard-v2-hero{grid-template-rows:max-content;height:auto}.dashboard-v2.is-editing .dashboard-layout-control{border-bottom:1px solid #64a7ff33;grid-column:1/-1;padding-bottom:12px;position:relative;top:auto;right:auto}.dashboard-layout-control__button{cursor:pointer;color:#dcecff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-height:34px;font:inherit;background:#081a39e0;border:1px solid #64a7ff57;border-radius:9px;align-items:center;gap:8px;padding:0 11px;font-size:.66rem;font-weight:650;transition:border-color .16s,background-color .16s,color .16s;display:inline-flex;box-shadow:inset 0 1px #ffffff0f,0 8px 22px #0006153d}.dashboard-layout-control__button:hover{color:#fff;background:#0b254ef0;border-color:#64b7ff9e}.dashboard-layout-control__button:focus-visible{outline-offset:2px;outline:2px solid #6eb8ff}.dashboard-layout-control__button[aria-pressed=true]{color:#8fd2ff;background:#092e5bf0;border-color:#4faeffb8}.dashboard-layout-control__button svg{width:15px;height:15px}.dashboard-layout-control__hint{color:#bcd7f6;text-align:right;background:#05132be6;border:1px solid #5b99e940;border-radius:8px;max-width:100%;padding:6px 9px;font-size:.7rem;line-height:1.5;box-shadow:0 8px 22px #00061538}.dashboard-v2-widget-handle{z-index:15;min-height:36px;color:var(--text-secondary);border:1px solid color-mix(in srgb, var(--accent) 31%, var(--border));background:color-mix(in srgb, var(--surface-raised) 94%, var(--accent-soft));font:inherit;letter-spacing:.025em;cursor:grab;-webkit-user-select:none;user-select:none;pointer-events:auto;border-radius:7px;align-items:center;gap:6px;padding:0 8px;font-size:.68rem;font-weight:650;display:none;position:absolute;top:9px;right:9px;box-shadow:0 5px 14px #0003}.dashboard-v2-widget-handle:active{cursor:grabbing}.dashboard-v2-widget-handle:hover,.dashboard-v2-widget-handle[aria-pressed=true]{color:var(--text-primary);border-color:var(--accent);background:var(--accent-soft)}.dashboard-v2-widget-handle:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.dashboard-v2-widget-handle i,.dashboard-v2-widget-handle i:before,.dashboard-v2-widget-handle i:after{content:"";background:currentColor;border-radius:50%;width:3px;height:3px;box-shadow:0 5px}.dashboard-v2-widget-handle i{margin:-5px 4px 0 0;position:relative}.dashboard-v2-widget-handle i:before,.dashboard-v2-widget-handle i:after{position:absolute;top:0}.dashboard-v2-widget-handle i:before{left:5px}.dashboard-v2-widget-handle i:after{display:none}.dashboard-v2.is-editing .dashboard-v2-widget-slot{cursor:grab}.dashboard-v2.is-editing .dashboard-v2-widget-slot:active{cursor:grabbing}.dashboard-v2.is-editing .dashboard-v2-widget-slot>:not(.dashboard-v2-widget-handle){pointer-events:none;-webkit-user-select:none;user-select:none}.dashboard-v2.is-editing .dashboard-v2-widget-slot>.dashboard-v2-widget-handle{display:inline-flex}.dashboard-v2.is-editing .dashboard-v2-widget-slot:after{z-index:10;border:1px dashed color-mix(in srgb, var(--accent) 55%, transparent);border-radius:inherit;content:"";pointer-events:none;position:absolute;inset:0}.dashboard-v2-widget-slot.is-dragging{opacity:.35;filter:saturate(.7)}.dashboard-v2.is-editing .dashboard-v2-widget-slot:is(.is-drop-target,.is-selected):after{background:color-mix(in srgb, var(--accent) 10%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent), inset 0 0 26px color-mix(in srgb, var(--accent) 8%, transparent);border:2px solid #55b8ff}.dashboard-v2-widget-slot--analytics>.dashboard-v2-continue,.dashboard-v2-widget-slot--recommendations>.dashboard-v2-continue{padding-block:14px}.dashboard-v2-widget-slot--analytics .dashboard-v2-continue__body,.dashboard-v2-widget-slot--recommendations .dashboard-v2-continue__body{grid-template-columns:82px minmax(0,1fr);gap:10px;height:112px;min-height:112px;margin-top:9px;padding:8px}.dashboard-v2-widget-slot--analytics .dashboard-v2-course-art,.dashboard-v2-widget-slot--recommendations .dashboard-v2-course-art{height:94px;min-height:94px}.dashboard-v2-widget-slot--analytics .dashboard-v2-card-footer,.dashboard-v2-widget-slot--recommendations .dashboard-v2-card-footer{margin-top:9px}.dashboard-v2-widget-slot--analytics .dashboard-status-pill,.dashboard-v2-widget-slot--recommendations .dashboard-status-pill{min-height:18px;margin-bottom:5px}.dashboard-v2-widget-slot--analytics .dashboard-v2-progress-row,.dashboard-v2-widget-slot--recommendations .dashboard-v2-progress-row{margin-top:7px}.dashboard-v2-widget-slot:is(.dashboard-v2-widget-slot--analytics,.dashboard-v2-widget-slot--recommendations)>.dashboard-v2-path,.dashboard-v2-widget-slot:is(.dashboard-v2-widget-slot--analytics,.dashboard-v2-widget-slot--recommendations)>.dashboard-v2-activity{padding-block:14px}.dashboard-v2-widget-slot:is(.dashboard-v2-widget-slot--analytics,.dashboard-v2-widget-slot--recommendations) .dashboard-v2-path__list,.dashboard-v2-widget-slot:is(.dashboard-v2-widget-slot--analytics,.dashboard-v2-widget-slot--recommendations) .dashboard-v2-activity__list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}.dashboard-v2-widget-slot:is(.dashboard-v2-widget-slot--analytics,.dashboard-v2-widget-slot--recommendations) .dashboard-v2-path__list li:not(:last-child):after{display:none}.dashboard-v2-widget-slot:is(.dashboard-v2-widget-slot--analytics,.dashboard-v2-widget-slot--recommendations) .dashboard-v2-activity-row{grid-template-columns:34px minmax(0,1fr) 72px}.dashboard-v2-widget-slot:is(.dashboard-v2-widget-slot--analytics,.dashboard-v2-widget-slot--recommendations)>.dashboard-v2-streak{padding-block:14px}.dashboard-v2-widget-slot:is(.dashboard-v2-widget-slot--analytics,.dashboard-v2-widget-slot--recommendations) .dashboard-v2-streak__heading h2{margin-top:8px}.dashboard-v2-widget-slot:is(.dashboard-v2-widget-slot--analytics,.dashboard-v2-widget-slot--recommendations) .dashboard-v2-streak__days{margin-block:7px}.dashboard-v2-widget-slot:is(.dashboard-v2-widget-slot--analytics,.dashboard-v2-widget-slot--recommendations) .dashboard-v2-streak__days i{width:18px;height:18px}.dashboard-v2-widget-slot:is(.dashboard-v2-widget-slot--analytics,.dashboard-v2-widget-slot--recommendations) .dashboard-v2-streak__footer{min-height:30px;padding-top:7px}@container (max-width:400px){.dashboard-v2-analytics{grid-template-rows:auto minmax(0,1fr);padding:16px;display:grid}.dashboard-v2-analytics__grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:8px;min-height:0;margin-top:11px}.dashboard-v2-metric{height:auto;min-height:0;padding:11px}.dashboard-v2-metric__visual{opacity:.64;transform-origin:100% 100%;transform:scale(.74)}.dashboard-v2-recommendations{padding:16px}.dashboard-v2-recommendations__list{grid-template-columns:1fr;gap:9px;margin-top:12px}.dashboard-v2-recommendations__list>a{min-height:60px}}@media (max-width:1180px){.dashboard-v2-widget-slot--streak{grid-column:span 3}.dashboard-v2-widget-slot--continue{grid-column:span 5}.dashboard-v2-widget-slot--path,.dashboard-v2-widget-slot--activity{grid-column:span 4}.dashboard-v2-widget-slot--analytics,.dashboard-v2-widget-slot--recommendations{grid-column:span 8}}@media (max-width:920px){.dashboard-v2-widget-slot--streak,.dashboard-v2-widget-slot--continue,.dashboard-v2-widget-slot--analytics,.dashboard-v2-widget-slot--recommendations{grid-column:span 2}.dashboard-v2-widget-slot--path,.dashboard-v2-widget-slot--activity{grid-column:span 1}}@media (max-width:680px){.dashboard-v2.is-locked .dashboard-layout-control__button{justify-content:center;width:34px;padding:0}.dashboard-v2.is-locked .dashboard-layout-control__button>span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.dashboard-layout-control__hint{text-align:left}.dashboard-v2.is-editing .dashboard-layout-control{justify-items:stretch}.dashboard-layout-control__actions{justify-content:flex-start}.dashboard-v2.is-editing .dashboard-layout-control__button,.dashboard-v2-widget-handle{min-height:44px}.dashboard-v2-widget-slot--streak,.dashboard-v2-widget-slot--continue,.dashboard-v2-widget-slot--path,.dashboard-v2-widget-slot--activity,.dashboard-v2-widget-slot--analytics,.dashboard-v2-widget-slot--recommendations{grid-column:1}}.lesson-reading--codyssey-series .lesson-header{margin-bottom:clamp(2.25rem,5vw,3.75rem);padding-bottom:clamp(2rem,4vw,3rem)}.codyssey-sql-lesson{gap:clamp(3.25rem,6vw,5rem)}.codyssey-sql-section{gap:clamp(1.35rem,3vw,2rem);min-width:0;scroll-margin-top:7rem;display:grid}.codyssey-sql-section__heading{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.9rem;min-width:0;display:grid}.codyssey-sql-section__heading>span{border:1px solid color-mix(in srgb, var(--accent) 34%, var(--border));color:#7bc8ff;background:radial-gradient(circle at 78% 18%,#72c7ff38,#0000 42%),linear-gradient(145deg,#123e79,#082b5d);border-radius:14px;place-items:center;width:3rem;height:3rem;display:grid;box-shadow:0 12px 24px #0325502e}.codyssey-sql-section__heading>div{gap:.24rem;min-width:0;display:grid}.codyssey-sql-section__heading small{color:var(--accent-text,var(--accent));letter-spacing:.12em;text-transform:uppercase;font-size:.7rem;font-weight:850}.codyssey-sql-section__heading h2{overflow-wrap:anywhere;color:var(--text-primary);text-wrap:balance;margin:0;font-size:clamp(1.55rem,3vw,2.15rem);line-height:1.16}.codyssey-sql-section__body{gap:clamp(1.15rem,2.4vw,1.65rem);min-width:0;display:grid}.codyssey-sql-section__body>.lesson-markdown:first-child>:first-child{margin-top:0}.codyssey-sql-section .lesson-markdown h3{border-left:3px solid color-mix(in srgb, var(--accent) 76%, #8fd5ff);margin:.45rem 0 .7rem;padding-left:.85rem;font-size:clamp(1.08rem,2vw,1.24rem)}.codyssey-sql-section .lesson-callout{border-radius:18px;padding:clamp(1rem,2.4vw,1.35rem);box-shadow:0 10px 26px #04204614}.codyssey-sql-section .lesson-callout>strong{color:var(--text-primary);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:850}.codyssey-sql-section .lesson-table-scroll{contain:inline-size layout paint;border-radius:18px;box-shadow:0 12px 30px #04204614}.codyssey-sql-section .lesson-markdown pre{contain:inline-size layout paint;border:1px solid var(--border-strong);width:100%;max-width:100%;color:var(--code-text);background:var(--code-background);box-shadow:var(--shadow-sm);border-radius:16px;margin:1rem 0 1.5rem;padding:1rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.9rem;line-height:1.65;overflow-x:auto}.codyssey-sql-section .lesson-markdown pre code{color:inherit;font:inherit;white-space:pre;background:0 0;border:0;padding:0}.codyssey-sql-section--practice,.codyssey-sql-section--summary{border:1px solid color-mix(in srgb, var(--accent) 24%, var(--border));background:radial-gradient(circle at 96% 4%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 34%), color-mix(in srgb, var(--surface-secondary) 78%, transparent);border-radius:28px;padding:clamp(1.15rem,3vw,2rem);box-shadow:0 18px 42px #03255017}.codyssey-sql-section--practice .codyssey-sql-section__heading>span{color:#9bf0d4;background:linear-gradient(145deg,#116b63,#07473f)}.codyssey-sql-section--summary .codyssey-sql-section__heading>span{color:#ffe09a;background:linear-gradient(145deg,#8a5a12,#543408)}.codyssey-sql-lesson .sql-concept-visual--lesson-art{color:#f6fbff;background:radial-gradient(circle at 92% 8%,#4aa9ff33,#0000 34%),linear-gradient(145deg,#123f7c 0%,#0b3268 50%,#08254f 100%);border:1px solid #72b8ff47;border-radius:28px;grid-template-columns:minmax(14rem,.72fr) minmax(0,1.28fr);align-items:stretch;gap:0;padding:0;overflow:hidden;box-shadow:0 20px 44px #021f4633}.codyssey-sql-lesson .sql-concept-visual--lesson-art figcaption{color:#f7fbff;text-align:left;box-shadow:none;background:0 0;border:0;border-radius:0;align-content:center;gap:.75rem;padding:clamp(1.25rem,3vw,2rem);font-size:clamp(1rem,1.8vw,1.18rem);font-weight:760;line-height:1.55;display:grid}.codyssey-sql-lesson .sql-concept-visual--lesson-art figcaption:before{color:#8fd5ff;content:"Визуальная подсказка";letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:850}.codyssey-sql-lesson .sql-concept-visual--lesson-art figcaption p{color:inherit;margin:0}.codyssey-sql-lesson .sql-concept-visual--lesson-art .sql-lesson-art__stage{background:#071b3d;border-left:1px solid #8fd5ff33;border-radius:0;place-items:center;min-height:17rem;display:grid;overflow:hidden}.codyssey-sql-lesson .sql-concept-visual--lesson-art .sql-lesson-art__stage img{aspect-ratio:3/2;object-fit:contain;width:100%;height:100%;max-height:31rem}.codyssey-sql-lesson .sql-concept-visual--story-art{grid-template-columns:minmax(20rem,.9fr) minmax(0,1.1fr);min-height:clamp(27rem,40vw,33rem)}.codyssey-sql-lesson .sql-concept-visual--story-art figcaption{align-self:center;padding:clamp(1.6rem,3.5vw,2.7rem);font-size:clamp(.94rem,1.35vw,1.08rem);font-weight:520;line-height:1.68;display:block}.codyssey-sql-lesson .sql-concept-visual--story-art figcaption:before{content:none}.codyssey-sql-lesson .sql-concept-visual--story-art .sql-lesson-art__eyebrow{color:#80d2ff;letter-spacing:.13em;text-transform:uppercase;margin-bottom:.8rem;font-size:.72rem;font-weight:850;display:block}.codyssey-sql-lesson .sql-concept-visual--story-art figcaption h3{color:#fff;letter-spacing:-.025em;margin:0 0 1.15rem;font-size:clamp(1.55rem,2.6vw,2.2rem);line-height:1.13}.codyssey-sql-lesson .sql-concept-visual--story-art figcaption p{color:#c8e3ff}.codyssey-sql-lesson .sql-concept-visual--story-art figcaption p+p{margin-top:.9rem}.codyssey-sql-lesson .sql-concept-visual--story-art figcaption strong{color:#fff;font-weight:780}.codyssey-sql-lesson .sql-concept-visual--story-art figcaption code{color:#9ee8ff;overflow-wrap:anywhere;background:#0316338f;border:1px solid #80d2ff38;border-radius:.42rem;padding:.12rem .38rem;font-size:.92em}.codyssey-sql-lesson .sql-concept-visual--story-art .sql-lesson-art__stage{min-height:inherit;background:#061a3a}.codyssey-sql-lesson .sql-concept-visual--story-art .sql-lesson-art__stage img{object-fit:cover;max-height:none}.codyssey-sql-lesson .sql-concept-visual--story-art .sql-lesson-art__stage img[src^="/images/sql-course/module-02/"]{aspect-ratio:1;object-fit:contain;height:auto}.codyssey-sql-lesson .sql-concept-visual--story-art.sql-concept-visual--full-scene{align-items:center;min-height:0}.codyssey-sql-lesson .sql-concept-visual--story-art.sql-concept-visual--full-scene .sql-lesson-art__stage{aspect-ratio:1;align-self:center;width:100%;min-height:0}.codyssey-sql-lesson .sql-concept-visual--story-art.sql-concept-visual--full-scene .sql-lesson-art__stage img{aspect-ratio:1;object-fit:contain;width:100%;height:100%}.codyssey-sql-lesson .sql-concept-visual--story-art.sql-concept-visual--full-scene figcaption{padding:clamp(1.25rem,2vw,1.75rem);font-size:clamp(.94rem,1.2vw,1rem)}.codyssey-sql-lesson .sql-concept-visual--story-art.sql-concept-visual--full-scene figcaption h3{font-size:clamp(1.4rem,2.2vw,1.9rem)}.codyssey-sql-section:nth-child(2n)>.codyssey-sql-section__body>.sql-concept-visual--lesson-art{grid-template-columns:minmax(0,1.28fr) minmax(14rem,.72fr)}.codyssey-sql-section:nth-child(2n)>.codyssey-sql-section__body>.sql-concept-visual--story-art{grid-template-columns:minmax(0,1.1fr) minmax(20rem,.9fr)}.codyssey-sql-section:nth-child(2n)>.codyssey-sql-section__body>.sql-concept-visual--lesson-art .sql-lesson-art__stage{border-left:0;border-right:1px solid #8fd5ff33;order:-1}.codyssey-sql-art-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;min-width:0;display:grid}.codyssey-sql-art-gallery .sql-concept-visual--lesson-art{grid-template-columns:minmax(0,1fr)}.codyssey-sql-art-gallery .sql-concept-visual--lesson-art .sql-lesson-art__stage{border:0;border-bottom:1px solid #8fd5ff33;order:-1;min-height:0}.codyssey-sql-art-gallery .sql-concept-visual--lesson-art figcaption{align-content:start;min-height:8.5rem}.sql-structured-diagram[data-layout=cards] .sql-structured-diagram__items{grid-template-columns:repeat(auto-fit,minmax(min(100%,185px),1fr))}@media (max-width:1050px){.codyssey-sql-lesson .sql-concept-visual--lesson-art,.codyssey-sql-lesson .sql-concept-visual--story-art,.codyssey-sql-section:nth-child(2n)>.codyssey-sql-section__body>.sql-concept-visual--lesson-art{grid-template-columns:minmax(0,1fr)}.codyssey-sql-section:nth-child(2n)>.codyssey-sql-section__body>.sql-concept-visual--lesson-art .sql-lesson-art__stage,.codyssey-sql-lesson .sql-concept-visual--lesson-art .sql-lesson-art__stage,.codyssey-sql-lesson .sql-concept-visual--story-art .sql-lesson-art__stage{border:0;border-bottom:1px solid #8fd5ff33;order:-1;min-height:0}}@media (max-width:760px){.codyssey-sql-lesson{gap:3rem}.codyssey-sql-art-gallery{grid-template-columns:minmax(0,1fr)}.codyssey-sql-section--practice,.codyssey-sql-section--summary{border-radius:22px}}@media (max-width:640px){.lesson-reading--codyssey-series .lesson-header{margin-bottom:2.5rem}.codyssey-sql-section__heading{align-items:start;gap:.75rem}.codyssey-sql-section__heading>span{border-radius:12px;width:2.65rem;height:2.65rem}.codyssey-sql-section__heading h2{font-size:1.45rem}.codyssey-sql-section--practice,.codyssey-sql-section--summary{padding:.9rem}.codyssey-sql-lesson .sql-concept-visual--lesson-art{border-radius:20px}.codyssey-sql-lesson .sql-concept-visual--lesson-art figcaption{padding:1rem;font-size:.96rem}.codyssey-sql-lesson .sql-concept-visual--story-art{min-height:0}.codyssey-sql-lesson .sql-concept-visual--story-art figcaption{padding:1.25rem}.codyssey-sql-lesson .sql-concept-visual--story-art figcaption h3{font-size:1.48rem}.sql-structured-diagram[data-layout=cards] .sql-structured-diagram__items{grid-template-columns:minmax(0,1fr)}}.sql-structured-diagram{color:#f7fbff;background:radial-gradient(circle at 96% 4%,#75bfff3b,#0000 34%),linear-gradient(145deg,#174b8e 0%,#0d3268 56%,#08234d 100%);border:1px solid #ffffff2e;border-radius:26px;gap:clamp(1rem,2.5vw,1.5rem);min-width:0;margin:0;padding:clamp(1.15rem,3vw,1.8rem);display:grid;overflow:hidden;box-shadow:0 20px 42px #02224f2e}.sql-structured-diagram__header{gap:.35rem;display:grid}.sql-structured-diagram__header>span{color:#8fd5ff;letter-spacing:.13em;text-transform:uppercase;font-size:.7rem;font-weight:850}.sql-structured-diagram__header h3{color:inherit;margin:0;font-size:clamp(1.25rem,3vw,1.8rem);line-height:1.2}.sql-structured-diagram__items{grid-template-columns:repeat(auto-fit,minmax(min(100%,165px),1fr));gap:.8rem;margin:0;padding:0;list-style:none;display:grid}.sql-structured-diagram__items li{background:#ffffff17;border:1px solid #ffffff2e;border-radius:17px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.75rem;min-width:0;padding:.95rem;display:grid;position:relative;box-shadow:inset 0 1px #ffffff14}.sql-structured-diagram__items li>span{color:#bde7ff;background:#07234b9e;border:1px solid #8fd5ff8c;border-radius:50%;place-items:center;width:2rem;height:2rem;font-size:.66rem;font-weight:850;display:grid}.sql-structured-diagram__items li>div{gap:.3rem;min-width:0;display:grid}.sql-structured-diagram__items strong,.sql-structured-diagram__items small{overflow-wrap:anywhere}.sql-structured-diagram__items strong{color:#fff;font-size:.9rem;line-height:1.45}.sql-structured-diagram__items small{color:#bad0e8;font-size:.76rem;line-height:1.5}.sql-structured-diagram figcaption,.sql-data-transformation__caption{border:1px solid color-mix(in srgb, var(--accent) 34%, var(--border));color:var(--text-primary);background:var(--surface-raised);box-shadow:var(--shadow-sm);border-radius:15px;align-items:flex-start;gap:.7rem;padding:.85rem 1rem;font-size:.86rem;line-height:1.55;display:flex}.sql-structured-diagram figcaption svg,.sql-data-transformation__caption svg,.sql-visual-data-fallback>svg{color:var(--accent-text,var(--accent));flex:none}.sql-structured-diagram[data-layout=flow] .sql-structured-diagram__items,.sql-structured-diagram[data-layout=architecture] .sql-structured-diagram__items{grid-template-columns:repeat(auto-fit,minmax(min(100%,145px),1fr));gap:1.25rem}.sql-structured-diagram[data-layout=flow] .sql-structured-diagram__items li:not(:last-child):after,.sql-structured-diagram[data-layout=architecture] .sql-structured-diagram__items li:not(:last-child):after{z-index:2;color:#8fd5ff;content:"→";font-size:1.15rem;font-weight:850;position:absolute;top:50%;right:-1rem;transform:translate(50%,-50%)}.sql-structured-diagram[data-layout=set] .sql-structured-diagram__items{grid-template-columns:repeat(2,minmax(0,1fr))}.sql-structured-diagram[data-layout=stack] .sql-structured-diagram__items{grid-template-columns:minmax(0,1fr)}.sql-structured-diagram[data-layout=stack] .sql-structured-diagram__items li:nth-child(3n+2){margin-inline:clamp(0rem,5vw,2.75rem) 0}.sql-structured-diagram[data-layout=stack] .sql-structured-diagram__items li:nth-child(3n){margin-inline:clamp(0rem,10vw,5.5rem) 0}.sql-data-transformation{--transformation-query:#8b5cf6;border:1px solid color-mix(in srgb, var(--accent) 40%, var(--border));background:radial-gradient(circle at 96% 0%, color-mix(in srgb, var(--accent) 17%, transparent), transparent 32%), radial-gradient(circle at 0% 100%, color-mix(in srgb, var(--success) 8%, transparent), transparent 30%), color-mix(in srgb, var(--surface-secondary) 90%, var(--surface));border-radius:28px;gap:1.1rem;min-width:0;margin:0;padding:clamp(1rem,2.7vw,1.6rem);display:grid;box-shadow:0 18px 46px #03122a1f,inset 0 1px #ffffff0f}.sql-data-transformation__caption{border-color:color-mix(in srgb, var(--accent) 36%, var(--border));background:color-mix(in srgb, var(--accent) 7%, var(--surface-raised));border-radius:18px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.8rem;padding:.95rem 1rem;display:grid}.sql-data-transformation__caption-icon{width:2.4rem;height:2.4rem;color:var(--accent-text,var(--accent));background:color-mix(in srgb, var(--accent) 13%, var(--surface));border-radius:.8rem;place-items:center;display:grid}.sql-data-transformation__caption>div{gap:.16rem;min-width:0;display:grid}.sql-data-transformation__caption strong{color:var(--text-primary);font-size:.83rem;line-height:1.35}.sql-data-transformation__caption>div>span{color:var(--text-secondary);font-size:.82rem;line-height:1.5}.sql-data-transformation__flow-guide{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:.55rem;min-width:0;margin:0;padding:0;list-style:none;display:grid}.sql-data-transformation__flow-guide>li:not(.sql-data-transformation__flow-connector){border:1px solid var(--border);background:var(--surface);border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-content:center;gap:.08rem .58rem;min-width:0;padding:.72rem .8rem;display:grid;box-shadow:inset 0 1px #ffffff0d}.sql-data-transformation__flow-guide li[data-stage=before]{border-color:color-mix(in srgb, var(--accent) 38%, var(--border))}.sql-data-transformation__flow-guide li[data-stage=query]{border-color:color-mix(in srgb, var(--transformation-query) 42%, var(--border))}.sql-data-transformation__flow-guide li[data-stage=result]{border-color:color-mix(in srgb, var(--success) 42%, var(--border))}.sql-data-transformation__flow-guide li>span{color:#fff;background:var(--accent);border-radius:50%;grid-row:1/span 2;place-items:center;width:1.75rem;height:1.75rem;font-size:.63rem;font-weight:900;display:grid}.sql-data-transformation__flow-guide li[data-stage=query]>span{background:var(--transformation-query)}.sql-data-transformation__flow-guide li[data-stage=result]>span{background:var(--success)}.sql-data-transformation__flow-guide strong,.sql-data-transformation__flow-guide small{overflow-wrap:anywhere;min-width:0}.sql-data-transformation__flow-guide strong{color:var(--text-primary);font-size:.78rem;line-height:1.3}.sql-data-transformation__flow-guide small{color:var(--text-secondary);font-size:.68rem;line-height:1.3}.sql-data-transformation__flow-connector{color:var(--accent-text,var(--accent));place-items:center;font-size:1.1rem;font-weight:900;display:grid}.sql-data-transformation__sequence{gap:0;min-width:0;display:grid}.sql-data-transformation__panel{border:1px solid color-mix(in srgb, var(--accent) 26%, var(--border));background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 6%, transparent), transparent 42%), var(--surface);border-radius:20px;gap:1rem;min-width:0;padding:clamp(1rem,2vw,1.3rem);display:grid;position:relative;overflow:hidden;box-shadow:0 10px 28px #03122a14,inset 0 1px #ffffff0d}.sql-data-transformation__panel:before{background:linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent) 16%, transparent));content:"";height:3px;position:absolute;top:0;left:0;right:0}.sql-data-transformation__panel[data-stage=query]{border-color:color-mix(in srgb, var(--transformation-query) 38%, var(--border));background:linear-gradient(135deg, color-mix(in srgb, var(--transformation-query) 8%, transparent), transparent 46%), var(--surface)}.sql-data-transformation__panel[data-stage=query]:before{background:linear-gradient(90deg, var(--transformation-query), color-mix(in srgb, var(--transformation-query) 16%, transparent))}.sql-data-transformation__panel[data-stage=result]{border-color:color-mix(in srgb, var(--success) 42%, var(--border));background:linear-gradient(135deg, color-mix(in srgb, var(--success) 8%, transparent), transparent 46%), var(--surface)}.sql-data-transformation__panel[data-stage=result]:before{background:linear-gradient(90deg, var(--success), color-mix(in srgb, var(--success) 16%, transparent))}.sql-data-transformation__panel-heading{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.75rem;min-width:0;display:grid}.sql-data-transformation__panel-heading>span{border:1px solid color-mix(in srgb, var(--accent) 58%, transparent);color:#fff;background:linear-gradient(145deg, var(--accent), #174b8e);width:2.45rem;height:2.45rem;box-shadow:0 7px 18px color-mix(in srgb, var(--accent) 20%, transparent);border-radius:.85rem;place-items:center;font-size:.67rem;font-weight:850;display:grid}.sql-data-transformation__panel[data-stage=query] .sql-data-transformation__panel-heading>span{border-color:color-mix(in srgb, var(--transformation-query) 64%, transparent);background:linear-gradient(145deg, var(--transformation-query), #5b21b6);box-shadow:0 7px 18px color-mix(in srgb, var(--transformation-query) 22%, transparent)}.sql-data-transformation__panel[data-stage=result] .sql-data-transformation__panel-heading>span{border-color:color-mix(in srgb, var(--success) 64%, transparent);background:linear-gradient(145deg, var(--success), #087052);box-shadow:0 7px 18px color-mix(in srgb, var(--success) 22%, transparent)}.sql-data-transformation__panel-heading>div{gap:.1rem;min-width:0;display:grid}.sql-data-transformation__panel-heading small{color:var(--accent-text,var(--accent));letter-spacing:.08em;text-transform:uppercase;font-size:.67rem;font-weight:800}.sql-data-transformation__panel-heading strong{overflow-wrap:anywhere;color:var(--text-primary);align-items:center;gap:.42rem;font-size:1rem;line-height:1.4;display:flex}.sql-data-transformation__panel-heading strong svg{color:var(--accent-text,var(--accent));flex:none}.sql-data-transformation__panel[data-stage=query] .sql-data-transformation__panel-heading strong svg{color:var(--transformation-query)}.sql-data-transformation__panel[data-stage=result] .sql-data-transformation__panel-heading strong svg{color:var(--success)}.sql-data-transformation__panel-heading em{width:fit-content;color:var(--text-secondary);background:var(--surface-secondary);border-radius:999px;margin-top:.2rem;padding:.18rem .48rem;font-size:.66rem;font-style:normal;font-weight:720;line-height:1.35}.sql-data-transformation__table-scroll{border:1px solid color-mix(in srgb, var(--accent) 25%, var(--border));background:var(--surface-raised);border-radius:16px;width:100%;max-width:100%;overflow-x:auto;box-shadow:inset 0 1px #ffffff0d,0 6px 18px #03122a0f}.sql-data-transformation table{border-collapse:separate;border-spacing:0;width:100%;min-width:max(100%,32rem);color:var(--text-primary);font-size:.8rem}.sql-data-transformation th,.sql-data-transformation td{border-right:1px solid var(--border);border-bottom:1px solid var(--border);overflow-wrap:anywhere;text-align:left;vertical-align:top;white-space:normal;padding:.72rem .82rem}.sql-data-transformation th:last-child,.sql-data-transformation td:last-child{border-right:0}.sql-data-transformation tbody tr:last-child td{border-bottom:0}.sql-data-transformation th{color:color-mix(in srgb, var(--accent) 76%, var(--text-primary));background:color-mix(in srgb, var(--accent) 11%, var(--surface));letter-spacing:.025em;text-transform:uppercase;font-size:.69rem;font-weight:850}.sql-data-transformation tbody tr:nth-child(2n) td{background:color-mix(in srgb, var(--surface-secondary) 58%, transparent)}.sql-data-transformation tbody tr:hover td{background:color-mix(in srgb, var(--accent) 7%, var(--surface))}.sql-data-transformation__panel[data-stage=before] [data-emphasized=true]{background:color-mix(in srgb, var(--accent) 13%, var(--surface));box-shadow:inset 2px 0 0 color-mix(in srgb, var(--accent) 64%, transparent)}.sql-data-transformation__panel[data-stage=result] th{color:color-mix(in srgb, var(--success) 80%, var(--text-primary));background:color-mix(in srgb, var(--success) 13%, var(--surface))}.sql-data-transformation__panel[data-stage=result] td[data-emphasized=true]{background:color-mix(in srgb, var(--success) 7%, var(--surface))}.sql-data-transformation__panel[data-stage=result] tbody tr:nth-child(2n) td[data-emphasized=true]{background:color-mix(in srgb, var(--success) 10%, var(--surface))}.sql-data-transformation__query .lesson-code{border-color:color-mix(in srgb, var(--transformation-query) 36%, var(--border));margin:0}.sql-data-transformation__arrow{grid-template-columns:minmax(1rem,1fr) auto auto minmax(1rem,1fr);align-items:center;gap:.55rem;width:100%;min-width:0;padding:.55rem 0;display:grid}.sql-data-transformation__arrow>span{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent) 46%, var(--border)));height:1px}.sql-data-transformation__arrow>span:last-child{background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 46%, var(--border)), transparent)}.sql-data-transformation__arrow small{max-width:22rem;color:var(--text-secondary);text-align:center;font-size:.68rem;font-weight:720;line-height:1.35}.sql-data-transformation__arrow b{border:1px solid color-mix(in srgb, var(--accent) 42%, var(--border));width:2rem;height:2rem;color:var(--accent-text,var(--accent));background:var(--surface-raised);border-radius:50%;place-items:center;font-size:1rem;font-weight:900;display:grid;box-shadow:0 5px 14px #03122a14}.sql-relational-transformation{--relational-source:#3b82f6;--relational-operation:#8b5cf6;--relational-result:#18a779;border:1px solid color-mix(in srgb, var(--accent) 42%, var(--border));background:radial-gradient(circle at 98% 0%, color-mix(in srgb, var(--relational-operation) 14%, transparent), transparent 32%), radial-gradient(circle at 0% 100%, color-mix(in srgb, var(--relational-result) 9%, transparent), transparent 30%), color-mix(in srgb, var(--surface-secondary) 91%, var(--surface));border-radius:28px;gap:1.1rem;min-width:0;margin:0;padding:clamp(1rem,2.7vw,1.65rem);display:grid;overflow:hidden;box-shadow:0 18px 46px #03122a21,inset 0 1px #ffffff0f}.sql-relational-transformation__caption{border:1px solid color-mix(in srgb, var(--accent) 36%, var(--border));min-width:0;color:var(--text-primary);background:color-mix(in srgb, var(--accent) 7%, var(--surface-raised));box-shadow:var(--shadow-sm);border-radius:18px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.8rem;padding:.95rem 1rem;display:grid}.sql-relational-transformation__caption-icon{width:2.4rem;height:2.4rem;color:var(--accent-text,var(--accent));background:color-mix(in srgb, var(--accent) 13%, var(--surface));border-radius:.8rem;place-items:center;display:grid}.sql-relational-transformation__caption>div{gap:.16rem;min-width:0;display:grid}.sql-relational-transformation__caption strong,.sql-relational-transformation__caption span{overflow-wrap:anywhere;min-width:0}.sql-relational-transformation__caption strong{font-size:.83rem;line-height:1.35}.sql-relational-transformation__caption>div>span{color:var(--text-secondary);font-size:.82rem;line-height:1.5}.sql-relational-transformation__flow-guide{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:.55rem;min-width:0;margin:0;padding:0;list-style:none;display:grid}.sql-relational-transformation__flow-guide>li:not(.sql-relational-transformation__flow-connector){border:1px solid var(--border);background:var(--surface);border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-content:center;gap:.08rem .58rem;min-width:0;padding:.72rem .8rem;display:grid;box-shadow:inset 0 1px #ffffff0d}.sql-relational-transformation__flow-guide li[data-stage=sources]{border-color:color-mix(in srgb, var(--relational-source) 45%, var(--border))}.sql-relational-transformation__flow-guide li[data-stage=operation]{border-color:color-mix(in srgb, var(--relational-operation) 48%, var(--border))}.sql-relational-transformation__flow-guide li[data-stage=result]{border-color:color-mix(in srgb, var(--relational-result) 48%, var(--border))}.sql-relational-transformation__flow-guide li>span{color:#fff;background:var(--relational-source);border-radius:50%;grid-row:1/span 2;place-items:center;width:1.75rem;height:1.75rem;font-size:.63rem;font-weight:900;display:grid}.sql-relational-transformation__flow-guide li[data-stage=operation]>span{background:var(--relational-operation)}.sql-relational-transformation__flow-guide li[data-stage=result]>span{background:var(--relational-result)}.sql-relational-transformation__flow-guide strong,.sql-relational-transformation__flow-guide small{overflow-wrap:anywhere;min-width:0}.sql-relational-transformation__flow-guide strong{color:var(--text-primary);font-size:.78rem;line-height:1.3}.sql-relational-transformation__flow-guide small{color:var(--text-secondary);font-size:.68rem;line-height:1.3}.sql-relational-transformation__flow-connector{color:var(--accent-text,var(--accent));place-items:center;font-size:1.1rem;font-weight:900;display:grid}.sql-relational-transformation__sequence{gap:0;min-width:0;display:grid}.sql-relational-transformation__panel{border:1px solid color-mix(in srgb, var(--relational-source) 32%, var(--border));background:linear-gradient(135deg, color-mix(in srgb, var(--relational-source) 6%, transparent), transparent 44%), var(--surface);border-radius:20px;gap:1rem;min-width:0;padding:clamp(1rem,2vw,1.35rem);display:grid;position:relative;overflow:hidden;box-shadow:0 10px 28px #03122a14,inset 0 1px #ffffff0d}.sql-relational-transformation__panel:before{background:linear-gradient(90deg, var(--relational-source), color-mix(in srgb, var(--relational-source) 16%, transparent));content:"";height:3px;position:absolute;top:0;left:0;right:0}.sql-relational-transformation__panel[data-stage=operation]{border-color:color-mix(in srgb, var(--relational-operation) 42%, var(--border));background:linear-gradient(135deg, color-mix(in srgb, var(--relational-operation) 8%, transparent), transparent 46%), var(--surface)}.sql-relational-transformation__panel[data-stage=operation]:before{background:linear-gradient(90deg, var(--relational-operation), color-mix(in srgb, var(--relational-operation) 16%, transparent))}.sql-relational-transformation__panel[data-stage=result]{border-color:color-mix(in srgb, var(--relational-result) 45%, var(--border));background:linear-gradient(135deg, color-mix(in srgb, var(--relational-result) 8%, transparent), transparent 46%), var(--surface)}.sql-relational-transformation__panel[data-stage=result]:before{background:linear-gradient(90deg, var(--relational-result), color-mix(in srgb, var(--relational-result) 16%, transparent))}.sql-relational-transformation__panel-heading{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.75rem;min-width:0;display:grid}.sql-relational-transformation__panel-heading>span{border:1px solid color-mix(in srgb, var(--relational-source) 64%, transparent);color:#fff;background:linear-gradient(145deg, var(--relational-source), #174b8e);width:2.45rem;height:2.45rem;box-shadow:0 7px 18px color-mix(in srgb, var(--relational-source) 22%, transparent);border-radius:.85rem;place-items:center;font-size:.67rem;font-weight:850;display:grid}.sql-relational-transformation__panel[data-stage=operation] .sql-relational-transformation__panel-heading>span{border-color:color-mix(in srgb, var(--relational-operation) 68%, transparent);background:linear-gradient(145deg, var(--relational-operation), #5b21b6);box-shadow:0 7px 18px color-mix(in srgb, var(--relational-operation) 23%, transparent)}.sql-relational-transformation__panel[data-stage=result] .sql-relational-transformation__panel-heading>span{border-color:color-mix(in srgb, var(--relational-result) 68%, transparent);background:linear-gradient(145deg, var(--relational-result), #087052);box-shadow:0 7px 18px color-mix(in srgb, var(--relational-result) 23%, transparent)}.sql-relational-transformation__panel-heading>div{gap:.12rem;min-width:0;display:grid}.sql-relational-transformation__panel-heading small{color:var(--accent-text,var(--accent));letter-spacing:.08em;text-transform:uppercase;font-size:.67rem;font-weight:800}.sql-relational-transformation__panel-heading strong{overflow-wrap:anywhere;min-width:0;color:var(--text-primary);align-items:center;gap:.42rem;font-size:1rem;line-height:1.4;display:flex}.sql-relational-transformation__panel-heading strong svg{color:var(--relational-source);flex:none}.sql-relational-transformation__panel[data-stage=operation] .sql-relational-transformation__panel-heading strong svg{color:var(--relational-operation)}.sql-relational-transformation__panel[data-stage=result] .sql-relational-transformation__panel-heading strong svg{color:var(--relational-result)}.sql-relational-transformation__panel-heading em{width:fit-content;color:var(--text-secondary);background:var(--surface-secondary);border-radius:999px;margin-top:.2rem;padding:.18rem .48rem;font-size:.66rem;font-style:normal;font-weight:720;line-height:1.35}.sql-relational-transformation__sources{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:.85rem;min-width:0;display:grid}.sql-relational-transformation__table-card{--relational-table-accent:var(--relational-source);border:1px solid color-mix(in srgb, var(--relational-table-accent) 34%, var(--border));background:var(--surface-raised);border-radius:17px;align-content:start;min-width:0;display:grid;overflow:hidden;box-shadow:0 7px 20px #03122a12}.sql-relational-transformation__sources .sql-relational-transformation__table-card:nth-child(2){--relational-table-accent:#8b5cf6}.sql-relational-transformation__sources .sql-relational-transformation__table-card:nth-child(3){--relational-table-accent:#d58b23}.sql-relational-transformation__table-card[data-tone=result]{--relational-table-accent:var(--relational-result)}.sql-relational-transformation__table-card>header{border-bottom:1px solid color-mix(in srgb, var(--relational-table-accent) 23%, var(--border));background:color-mix(in srgb, var(--relational-table-accent) 8%, var(--surface));justify-content:space-between;align-items:center;gap:.75rem;min-width:0;padding:.75rem .85rem;display:flex}.sql-relational-transformation__table-card>header>div{gap:.15rem;min-width:0;display:grid}.sql-relational-transformation__table-card>header small{color:color-mix(in srgb, var(--relational-table-accent) 77%, var(--text-primary));letter-spacing:.09em;text-transform:uppercase;font-size:.62rem;font-weight:850}.sql-relational-transformation__table-card>header strong{overflow-wrap:anywhere;min-width:0;color:var(--text-primary);font-family:var(--font-mono);font-size:.9rem}.sql-relational-transformation__table-card>header>span{color:var(--text-secondary);background:var(--surface-secondary);border-radius:999px;flex:none;padding:.2rem .48rem;font-size:.62rem;font-weight:720}.sql-relational-transformation__table-scroll{outline:none;width:100%;max-width:100%;overflow-x:auto}.sql-relational-transformation__table-scroll:focus-visible{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--relational-table-accent) 68%, transparent)}.sql-relational-transformation table{border-collapse:separate;border-spacing:0;width:100%;min-width:max(100%,24rem);color:var(--text-primary);font-size:.78rem}.sql-relational-transformation__table-card[data-tone=result] table{min-width:max(100%,34rem)}.sql-relational-transformation th,.sql-relational-transformation td{border-right:1px solid var(--border);border-bottom:1px solid var(--border);overflow-wrap:anywhere;text-align:left;vertical-align:top;white-space:normal;padding:.68rem .75rem}.sql-relational-transformation th:last-child,.sql-relational-transformation td:last-child{border-right:0}.sql-relational-transformation tbody tr:last-child td{border-bottom:0}.sql-relational-transformation th{color:color-mix(in srgb, var(--relational-table-accent) 76%, var(--text-primary));background:color-mix(in srgb, var(--relational-table-accent) 11%, var(--surface));letter-spacing:.025em;text-transform:uppercase;font-size:.67rem;font-weight:850}.sql-relational-transformation tbody tr:nth-child(2n) td{background:color-mix(in srgb, var(--surface-secondary) 58%, transparent)}.sql-relational-transformation tbody tr:hover td{background:color-mix(in srgb, var(--relational-table-accent) 7%, var(--surface))}.sql-relational-transformation__panel[data-stage=operation] .lesson-code{border-color:color-mix(in srgb, var(--relational-operation) 38%, var(--border));margin:0}.sql-relational-transformation__arrow{grid-template-columns:minmax(1rem,1fr) auto auto minmax(1rem,1fr);align-items:center;gap:.55rem;width:100%;min-width:0;padding:.55rem 0;display:grid}.sql-relational-transformation__arrow>span{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent) 46%, var(--border)));height:1px}.sql-relational-transformation__arrow>span:last-child{background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 46%, var(--border)), transparent)}.sql-relational-transformation__arrow small{max-width:23rem;color:var(--text-secondary);text-align:center;font-size:.68rem;font-weight:720;line-height:1.35}.sql-relational-transformation__arrow b{border:1px solid color-mix(in srgb, var(--accent) 42%, var(--border));width:2rem;height:2rem;color:var(--accent-text,var(--accent));background:var(--surface-raised);border-radius:50%;place-items:center;font-size:1rem;font-weight:900;display:grid;box-shadow:0 5px 14px #03122a14}.sql-visual-data-fallback{border:1px dashed color-mix(in srgb, var(--warning) 45%, var(--border));border-radius:var(--radius-md);color:var(--text-secondary);background:color-mix(in srgb, var(--warning) 6%, var(--surface));align-items:flex-start;gap:.85rem;padding:1rem;display:flex}.sql-visual-data-fallback>div{gap:.2rem;display:grid}.sql-visual-data-fallback strong{color:var(--text-primary)}.sql-visual-data-fallback span{font-size:.84rem}@media (max-width:640px){.sql-structured-diagram{border-radius:20px;padding:1rem}.sql-structured-diagram__items,.sql-structured-diagram[data-layout=flow] .sql-structured-diagram__items,.sql-structured-diagram[data-layout=set] .sql-structured-diagram__items,.sql-structured-diagram[data-layout=architecture] .sql-structured-diagram__items{grid-template-columns:minmax(0,1fr)}.sql-structured-diagram[data-layout=flow] .sql-structured-diagram__items li:not(:last-child):after,.sql-structured-diagram[data-layout=architecture] .sql-structured-diagram__items li:not(:last-child):after{content:"↓";top:auto;bottom:-1rem;right:50%;transform:translate(50%,50%)}.sql-structured-diagram[data-layout=stack] .sql-structured-diagram__items li:nth-child(n){margin-inline:0}.sql-data-transformation{border-radius:18px;padding:.75rem}.sql-data-transformation__flow-guide{grid-template-columns:minmax(0,1fr)}.sql-data-transformation__flow-connector{display:none}.sql-data-transformation__panel{border-radius:16px;padding:.75rem}.sql-data-transformation table{min-width:30rem}.sql-data-transformation__arrow{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.sql-data-transformation__arrow small{grid-area:1/1/auto/-1;justify-self:center}.sql-data-transformation__arrow b,.sql-data-transformation__arrow>span{grid-row:2}.sql-relational-transformation{border-radius:18px;padding:.75rem}.sql-relational-transformation__flow-guide{grid-template-columns:minmax(0,1fr)}.sql-relational-transformation__flow-connector{display:none}.sql-relational-transformation__panel{border-radius:16px;padding:.75rem}.sql-relational-transformation__sources{grid-template-columns:minmax(0,1fr)}.sql-relational-transformation__table-card>header{align-items:start;display:grid}.sql-relational-transformation__table-card>header>span{width:fit-content}.sql-relational-transformation table,.sql-relational-transformation__table-card[data-tone=result] table{min-width:28rem}.sql-relational-transformation__arrow{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.sql-relational-transformation__arrow small{grid-area:1/1/auto/-1;justify-self:center}.sql-relational-transformation__arrow b,.sql-relational-transformation__arrow>span{grid-row:2}}.sql-syntax-lesson{gap:clamp(2rem,5vw,3.5rem)}.sql-syntax-definition{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:18px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:1rem;padding:clamp(1rem,2.5vw,1.4rem);display:grid}.sql-syntax-definition>span,.sql-syntax-section__heading>span{background:var(--accent-soft);width:2.8rem;height:2.8rem;color:var(--accent-text,var(--accent));border-radius:.9rem;flex:none;place-items:center;display:grid}.sql-syntax-definition h2{margin-bottom:.55rem;font-size:clamp(1.25rem,2.7vw,1.65rem);line-height:1.3}.sql-syntax-definition p{color:var(--text-secondary);margin-bottom:0;font-size:clamp(1rem,1.5vw,1.08rem);line-height:1.7}.sql-syntax-hero,.sql-syntax-feature,.sql-syntax-summary{background:radial-gradient(circle at 96% 8%,#4ba4ff29,#0000 34%),linear-gradient(145deg,#123f7d 0%,#0d3268 56%,#0a2857 100%);border:1px solid #3692ff6b;box-shadow:0 24px 50px #02224f38,inset 0 1px #ffffff24}.sql-syntax-hero,.sql-syntax-feature{border-radius:28px;grid-template-columns:minmax(0,1.08fr) minmax(18rem,.92fr);gap:clamp(1rem,2.5vw,1.5rem);padding:clamp(1rem,2.5vw,1.35rem);display:grid;overflow:hidden}.sql-syntax-hero--banner{aspect-ratio:1860/846;background:#061c43;padding:0;display:block}.sql-syntax-hero__banner{border-radius:inherit;width:100%;height:100%;margin:0;overflow:hidden}.sql-syntax-hero__banner img{object-fit:contain;width:100%;height:100%;display:block}.sql-syntax-hero__copy,.sql-syntax-feature__copy{align-content:center;gap:1rem;min-width:0;padding:clamp(.25rem,1vw,.6rem);display:grid}.sql-syntax-hero__copy header>span,.sql-syntax-feature__copy header small,.sql-syntax-section__heading small,.sql-syntax-summary header small{color:#8ed4ff;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.42rem;font-size:.72rem;font-weight:650;display:block}.sql-syntax-hero__copy h2,.sql-syntax-feature__copy h2,.sql-syntax-summary h2{color:#fff;margin-bottom:0;font-size:clamp(1.45rem,3vw,2rem);line-height:1.2}.sql-syntax-hero__copy header p,.sql-syntax-feature__copy>p{color:#deefffdb;margin:.7rem 0 0;font-size:.94rem;line-height:1.6}.sql-syntax-rule-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.62rem;display:grid}.sql-syntax-rule-list article,.sql-syntax-quote-reasons article{background:#041b406e;border:1px solid #8dcaff2b;border-radius:13px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.65rem;padding:.72rem;display:grid}.sql-syntax-rule-list article:last-child{grid-column:1/-1}.sql-syntax-rule-list small,.sql-syntax-quote-reasons small{color:#0968d7;width:1.9rem;height:1.9rem;font-family:var(--font-mono);background:#ecf7ff;border-radius:.62rem;place-items:center;font-size:.66rem;font-weight:700;display:grid}.sql-syntax-rule-list strong,.sql-syntax-quote-reasons strong{color:#fff;margin-bottom:.2rem;font-size:.86rem;font-weight:600;display:block}.sql-syntax-rule-list p,.sql-syntax-quote-reasons p{color:#deefffc7;margin-bottom:0;font-size:.78rem;line-height:1.45}.sql-syntax-inline-note,.sql-syntax-soft-note,.sql-syntax-dialect-note{border-radius:13px;align-items:flex-start;gap:.65rem;padding:.8rem .9rem;display:flex}.sql-syntax-inline-note{background:#2a80e040}.sql-syntax-inline-note svg,.sql-syntax-dialect-note svg{color:#9be6ff;flex:none;margin-top:.12rem}.sql-syntax-inline-note p,.sql-syntax-dialect-note p{color:#deefffe0;margin-bottom:0;font-size:.86rem;line-height:1.52}.sql-syntax-inline-note strong,.sql-syntax-dialect-note strong{color:#fff;font-weight:600}.sql-syntax-inline-note code,.sql-syntax-feature code,.sql-syntax-summary code{color:#b6e6ff}.sql-syntax-art{aspect-ratio:3/2;background:#061d3e;border:1px solid #ffffff3d;border-radius:20px;align-self:center;min-width:0;margin:0;overflow:hidden;box-shadow:inset 0 1px #ffffff24}.sql-syntax-art img{object-fit:cover;width:100%;height:100%;display:block}.sql-syntax-art--semicolon{aspect-ratio:4/3}.sql-syntax-art--semicolon img{object-fit:contain}.sql-syntax-section{gap:1.15rem;display:grid}.sql-syntax-section__heading{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.9rem;display:grid}.sql-syntax-section__heading small{color:var(--accent-text,var(--accent));margin-bottom:.28rem}.sql-syntax-section__heading h2{margin-bottom:0;font-size:clamp(1.45rem,3vw,2rem);line-height:1.25}.sql-syntax-section__lead{color:var(--text-secondary);margin-bottom:0;font-size:1.02rem;line-height:1.65}.sql-syntax-section__lead code,.sql-syntax-soft-note code,.sql-syntax-warning code,.sql-syntax-code-compare p code{color:var(--accent-text,var(--accent))}.sql-syntax-case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.sql-syntax-case-grid article{border:1px solid var(--border);background:var(--surface);border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.75rem;min-width:0;padding:.8rem .9rem;display:grid}.sql-syntax-case-grid small{color:var(--muted);font-family:var(--font-mono);font-size:.68rem}.sql-syntax-case-grid code{min-width:0;color:var(--text);overflow-wrap:anywhere;font-size:.88rem}.sql-syntax-compare{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.sql-syntax-compare article{border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:1rem}.sql-syntax-compare article.is-recommended{background:linear-gradient(145deg, #257ada1f, var(--surface));border-color:#2f97ff70}.sql-syntax-compare small,.sql-syntax-code-compare header span,.sql-syntax-tool-cards span,.sql-syntax-wrong-example>span,.sql-syntax-comment-examples header span,.sql-syntax-quote-examples span{color:var(--accent-text,var(--accent));letter-spacing:.07em;text-transform:uppercase;margin-bottom:.35rem;font-size:.68rem;font-weight:650;display:block}.sql-syntax-compare strong{margin-bottom:.32rem;font-weight:600;display:block}.sql-syntax-compare p,.sql-syntax-soft-note p,.sql-syntax-code-compare>article>p{color:var(--text-secondary);margin-bottom:0;font-size:.88rem;line-height:1.52}.sql-syntax-soft-note{background:#1c76c41a;border:1px solid #3ab8ff47}.sql-syntax-soft-note svg{color:var(--accent-text,var(--accent));flex:none;margin-top:.12rem}.sql-syntax-code-compare{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:.8rem;display:grid}.sql-syntax-code-compare>article{border:1px solid var(--border);background:var(--surface);border-radius:16px;grid-template-rows:auto auto 1fr;min-width:0;padding:.9rem;display:grid}.sql-syntax-code-compare>article.is-error{border-color:#ff77805c}.sql-syntax-code-compare header{margin-bottom:.75rem}.sql-syntax-code-compare header strong{font-weight:600}.sql-syntax-code-compare>article.is-error header span{color:#ff7f88}.sql-syntax-code-compare .lesson-code{align-self:start;margin:0 0 .75rem}.sql-syntax-warning{background:#ffae3014;border:1px solid #ffba4b42;border-radius:15px;grid-template-columns:auto minmax(0,1fr);gap:.6rem;padding:.9rem 1rem;display:grid}.sql-syntax-warning strong{color:#f4b94f;font-weight:600}.sql-syntax-warning p{color:var(--text-secondary);margin-bottom:0;line-height:1.55}.sql-syntax-feature__copy .lesson-code{margin:0}.sql-syntax-tool-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.sql-syntax-tool-cards article{background:#041b406e;border:1px solid #8dcaff2b;border-radius:13px;padding:.78rem}.sql-syntax-tool-cards span,.sql-syntax-wrong-example>span,.sql-syntax-comment-examples header span,.sql-syntax-quote-examples span{color:#8ed4ff}.sql-syntax-tool-cards strong,.sql-syntax-comment-examples header strong{color:#fff;font-size:.86rem;font-weight:600;display:block}.sql-syntax-tool-cards p{color:#deefffc7;margin:.3rem 0 0;font-size:.78rem;line-height:1.45}.sql-syntax-feature--reverse .sql-syntax-feature__copy{order:2}.sql-syntax-feature--reverse .sql-syntax-art{order:1}.sql-syntax-wrong-example{background:#68162833;border:1px solid #ff798247;border-radius:13px;min-width:0;padding:.8rem}.sql-syntax-wrong-example>span{color:#ff9aa1}.sql-syntax-wrong-example code{color:#fff;white-space:normal;overflow-wrap:anywhere;font-size:.78rem;display:block}.sql-syntax-comment-examples{order:3;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.sql-syntax-comment-examples>article{background:#04193a6b;border:1px solid #9bd4ff2b;border-radius:16px;min-width:0;padding:.9rem}.sql-syntax-comment-examples header{margin-bottom:.75rem}.sql-syntax-comment-examples header code{color:#b6e6ff}.sql-syntax-comment-examples .lesson-code{margin:0}.sql-syntax-name-equivalence{text-align:center;background:#04193a7a;border:1px solid #9bd4ff2e;border-radius:13px;grid-template-columns:1fr auto 1fr;align-items:center;gap:.65rem;padding:.8rem;display:grid}.sql-syntax-name-equivalence code{color:#fff;background:#2b86e138;border-radius:9px;padding:.48rem}.sql-syntax-name-equivalence>span{color:#8ed4ff}.sql-syntax-name-equivalence small{color:#deefffb3;grid-column:1/-1;font-size:.72rem}.sql-syntax-quote-reasons{grid-template-columns:repeat(2,minmax(0,1fr));gap:.62rem;display:grid}.sql-syntax-quote-examples{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;display:grid}.sql-syntax-quote-examples article{background:#04193a6b;border:1px solid #9bd4ff2b;border-radius:14px;min-width:0;padding:.8rem}.sql-syntax-quote-examples code{color:#fff;white-space:normal;overflow-wrap:anywhere;font-size:.8rem;display:block}.sql-syntax-dialect-note{background:#2a80e02e;border:1px solid #9bd4ff2b;grid-column:1/-1}.sql-syntax-summary{color:#f7fbff;border-radius:28px;gap:1rem;padding:clamp(1.1rem,3vw,1.6rem);display:grid}.sql-syntax-summary>div{grid-template-columns:repeat(5,minmax(0,1fr));gap:.65rem;display:grid}.sql-syntax-summary article{background:#04193a6b;border:1px solid #9bd4ff29;border-radius:14px;min-width:0;padding:.8rem}.sql-syntax-summary article span{color:#8ed4ff;font-family:var(--font-mono);margin-bottom:.45rem;font-size:.72rem;font-weight:700;display:block}.sql-syntax-summary article p,.sql-syntax-summary>p{color:#deefffdb;margin-bottom:0;font-size:.82rem;line-height:1.52}.sql-syntax-summary article strong{color:#fff;font-weight:600}@media (max-width:1050px){.sql-syntax-hero,.sql-syntax-feature{grid-template-columns:1fr}.sql-syntax-art{justify-self:center;width:min(42rem,100%)}.sql-syntax-feature--reverse .sql-syntax-feature__copy{order:1}.sql-syntax-feature--reverse .sql-syntax-art{order:2}.sql-syntax-summary>div{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.sql-syntax-hero,.sql-syntax-feature,.sql-syntax-summary{border-radius:22px}.sql-syntax-code-compare,.sql-syntax-quote-examples,.sql-syntax-summary>div{grid-template-columns:1fr}}@media (max-width:520px){.sql-syntax-definition,.sql-syntax-section__heading,.sql-syntax-case-grid,.sql-syntax-compare,.sql-syntax-tool-cards,.sql-syntax-comment-examples,.sql-syntax-quote-reasons,.sql-syntax-rule-list{grid-template-columns:1fr}.sql-syntax-rule-list article:last-child{grid-column:auto}.sql-syntax-warning{grid-template-columns:1fr}.sql-syntax-case-grid article{grid-template-columns:1fr;gap:.35rem}}.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-text,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}.practice-page>section{gap:14px;display:grid}.app-premium-page .learning-track-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.app-premium-page .learning-track-card{--learning-card-highlight:#60a5fa;--learning-card-highlight-soft:#60a5fa38;border-color:color-mix(in srgb, var(--accent) 18%, var(--border));min-height:250px;color:inherit;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);cursor:pointer;border-radius:14px;gap:11px;padding:18px;text-decoration:none;transition:border-color .2s,background-color .2s,box-shadow .2s,transform .2s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff08}html[data-theme=light] .app-premium-page .learning-track-card{--learning-card-highlight:#2563eb;--learning-card-highlight-soft:#2563eb33}.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:is(:hover,:focus-visible){border-color:var(--learning-card-highlight);box-shadow:inset 0 1px 0 #ffffff0d, 0 0 0 1px color-mix(in srgb, var(--learning-card-highlight) 72%, transparent), 0 0 26px var(--learning-card-highlight-soft), 0 14px 34px #0f2d602e;outline:none;transform:translateY(-3px)}.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{border-radius:12px;width:46px;height:46px;transition:border-color .2s,box-shadow .2s,transform .2s}.app-premium-page .learning-track-card__icon--java{--learning-course-icon:#fbbf24;--learning-course-icon-soft:#f59e0b24;--learning-course-icon-border:#fbbf246b}.app-premium-page .learning-track-card__icon--sql{--learning-course-icon:#38bdf8;--learning-course-icon-soft:#38bdf821;--learning-course-icon-border:#38bdf86b}.app-premium-page .learning-track-card__icon--git{--learning-course-icon:#fb6b4a;--learning-course-icon-soft:#fb6b4a21;--learning-course-icon-border:#fb6b4a6b}.app-premium-page .learning-track-card__icon:is(.learning-track-card__icon--java,.learning-track-card__icon--sql,.learning-track-card__icon--git){color:var(--learning-course-icon);border-color:var(--learning-course-icon-border);background:radial-gradient(circle at 50% 34%, var(--learning-course-icon-soft), transparent 72%), color-mix(in srgb, var(--learning-course-icon) 7%, var(--surface-raised));box-shadow:inset 0 1px 0 #ffffff0f, 0 0 17px var(--learning-course-icon-soft)}html[data-theme=light] .app-premium-page .learning-track-card__icon--java{--learning-course-icon:#d97706}html[data-theme=light] .app-premium-page .learning-track-card__icon--sql{--learning-course-icon:#0284c7}html[data-theme=light] .app-premium-page .learning-track-card__icon--git{--learning-course-icon:#dc4c2f}.app-premium-page .learning-track-card:is(:hover,:focus-visible) .learning-track-card__icon{border-color:color-mix(in srgb, var(--learning-course-icon,var(--accent)) 72%, var(--border));box-shadow:inset 0 1px 0 #ffffff14, 0 0 22px var(--learning-course-icon-soft,#3b82f629);transform:translateY(-1px)}.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__icon svg{width:24px;height:24px}.app-premium-page .learning-track-card__icon .learning-track-card__course-icon{width:26px;height:26px}.technology-card-icon--sql{--technology-icon-color:#38bdf8;--technology-icon-soft:#38bdf821;--technology-icon-border:#38bdf86b}.technology-card-icon--git{--technology-icon-color:#fb6b4a;--technology-icon-soft:#fb6b4a21;--technology-icon-border:#fb6b4a6b}.technology-card-icon--code{--technology-icon-color:#a78bfa;--technology-icon-soft:#a78bfa24;--technology-icon-border:#a78bfa6b}.technology-card-icon--java{--technology-icon-color:#fbbf24;--technology-icon-soft:#f59e0b24;--technology-icon-border:#fbbf246b}.technology-card-icon--python{--technology-icon-color:#60a5fa;--technology-icon-soft:#60a5fa21;--technology-icon-border:#60a5fa6b}.app-premium-page .practice-direction-card__icon.technology-card-icon,.sandbox-technology-card__icon.technology-card-icon{color:var(--technology-icon-color);border-color:var(--technology-icon-border);background:radial-gradient(circle at 50% 34%, var(--technology-icon-soft), transparent 72%), color-mix(in srgb, var(--technology-icon-color) 7%, var(--surface-raised));box-shadow:inset 0 1px 0 #ffffff0f, 0 0 18px var(--technology-icon-soft)}html[data-theme=light] .technology-card-icon--sql{--technology-icon-color:#0284c7}html[data-theme=light] .technology-card-icon--git{--technology-icon-color:#dc4c2f}html[data-theme=light] .technology-card-icon--code{--technology-icon-color:#7c3aed}html[data-theme=light] .technology-card-icon--java{--technology-icon-color:#d97706}html[data-theme=light] .technology-card-icon--python{--technology-icon-color:#2563eb}.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 .learning-track-card__body h2{margin-bottom:5px;font-size:1.08rem}.app-premium-page .learning-track-card__body p{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.78rem;line-height:1.42;display:-webkit-box;overflow:hidden}.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{justify-content:space-between;align-items:center;gap:12px;min-height:28px;margin-top:0;font-size:.76rem;display:flex}.app-premium-page .learning-track-card .progress-summary{gap:6px;padding:8px 10px}.app-premium-page .learning-track-card .progress-summary__labels{font-size:.7rem}.app-premium-page .learning-track-card .progress-bar{height:5px}.app-premium-page .learning-track-card__arrow{border:1px solid color-mix(in srgb, var(--learning-card-highlight) 36%, var(--border));width:28px;height:28px;color:var(--learning-card-highlight);background:color-mix(in srgb, var(--learning-card-highlight) 9%, var(--surface));border-radius:10px;flex:none;place-items:center;transition:border-color .2s,background-color .2s,transform .2s;display:grid}.app-premium-page .learning-track-card__arrow svg{width:16px;height:16px}.app-premium-page .learning-track-card:is(:hover,:focus-visible) .learning-track-card__arrow{border-color:color-mix(in srgb, var(--learning-card-highlight) 72%, var(--border));background:color-mix(in srgb, var(--learning-card-highlight) 16%, var(--surface));transform:translate(3px)}.app-premium-page .practice-direction-grid,.app-premium-page .sandbox-technology-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.app-premium-page .practice-direction-card,.app-premium-page .sandbox-technology-card{--technology-card-highlight:#60a5fa;--technology-card-highlight-soft:#60a5fa38;border-color:color-mix(in srgb, var(--accent) 18%, var(--border));min-width:0;min-height:250px;color:inherit;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;grid-template-columns:1fr;align-content:start;align-items:stretch;gap:11px;padding:18px;text-decoration:none;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff08}html[data-theme=light] .app-premium-page .practice-direction-card,html[data-theme=light] .app-premium-page .sandbox-technology-card{--technology-card-highlight:#2563eb;--technology-card-highlight-soft:#2563eb33}.app-premium-page .practice-direction-card,.app-premium-page .sandbox-technology-card--available{cursor:pointer;transition:border-color .2s,background-color .2s,box-shadow .2s,transform .2s}.app-premium-page :is(.practice-direction-card,.sandbox-technology-card--available):is(:hover,:focus-visible){border-color:var(--technology-card-highlight);box-shadow:inset 0 1px 0 #ffffff0d, 0 0 0 1px color-mix(in srgb, var(--technology-card-highlight) 72%, transparent), 0 0 26px var(--technology-card-highlight-soft), 0 14px 34px #0f2d602e;outline:none;transform:translateY(-3px)}.app-premium-page :is(.practice-direction-card,.sandbox-technology-card):after{pointer-events:none;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 .practice-direction-card__icon,.app-premium-page .sandbox-technology-card__icon{border-radius:12px;width:46px;height:46px;transition:border-color .2s,box-shadow .2s,transform .2s}.app-premium-page .practice-direction-card__icon svg,.app-premium-page .sandbox-technology-card__icon svg{width:26px;height:26px}.app-premium-page :is(.practice-direction-card,.sandbox-technology-card--available):is(:hover,:focus-visible) :is(.practice-direction-card__icon,.sandbox-technology-card__icon){border-color:color-mix(in srgb, var(--technology-icon-color,var(--accent)) 72%, var(--border));box-shadow:inset 0 1px 0 #ffffff14, 0 0 22px var(--technology-icon-soft,#3b82f629);transform:translateY(-1px)}.app-premium-page :is(.practice-direction-card__body,.sandbox-technology-card__body) h2{margin:0 0 5px;font-size:1.08rem;font-weight:650}.app-premium-page :is(.practice-direction-card__body,.sandbox-technology-card__body) p{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.78rem;line-height:1.42;display:-webkit-box;overflow:hidden}.app-premium-page .sandbox-technology-card__body{gap:6px;display:grid}.app-premium-page .practice-direction-card__footer,.app-premium-page .sandbox-technology-card__footer{justify-content:space-between;align-items:center;gap:12px;min-height:28px;margin-top:auto;font-size:.76rem;display:flex}.app-premium-page .sandbox-technology-card__footer{justify-content:flex-end}.app-premium-page .practice-direction-card__footer .practice-direction-card__progress{border:1px solid color-mix(in srgb, #25d39d 20%, var(--border));width:max-content;max-width:calc(100% - 40px);color:color-mix(in srgb, #25d39d 64%, var(--text-secondary));background:color-mix(in srgb, #25d39d 7%, var(--surface));text-overflow:ellipsis;white-space:nowrap;border-radius:999px;margin:0;padding:5px 8px;overflow:hidden}.app-premium-page .practice-direction-card__arrow,.app-premium-page .sandbox-technology-card__arrow{border:1px solid color-mix(in srgb, var(--technology-card-highlight) 36%, var(--border));width:28px;height:28px;color:var(--technology-card-highlight);background:color-mix(in srgb, var(--technology-card-highlight) 9%, var(--surface));border-radius:10px;flex:none;place-items:center;transition:border-color .2s,background-color .2s,transform .2s;display:grid}.app-premium-page :is(.practice-direction-card__arrow,.sandbox-technology-card__arrow) svg{width:16px;height:16px}.app-premium-page :is(.practice-direction-card,.sandbox-technology-card--available):is(:hover,:focus-visible) :is(.practice-direction-card__arrow,.sandbox-technology-card__arrow){border-color:color-mix(in srgb, var(--technology-card-highlight) 72%, var(--border));background:color-mix(in srgb, var(--technology-card-highlight) 16%, var(--surface));transform:translate(3px)}.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}@media (max-width:1100px) and (min-width:921px){.app-premium-page .learning-track-grid,.app-premium-page .practice-direction-grid,.app-premium-page .sandbox-technology-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:920px){.app-premium-page .learning-track-grid,.app-premium-page .practice-direction-grid,.app-premium-page .sandbox-technology-grid,.app-premium-page .profile-grid{grid-template-columns:1fr}}@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 .sandbox-technology-card{min-height:232px;padding:16px}.app-premium-page .profile-settings{padding:22px}.app-premium-page .learning-track-card__footer,.app-premium-page .practice-direction-card__footer,.app-premium-page .sandbox-technology-card__footer{width:100%}}@media (prefers-reduced-motion:reduce){.app-premium-page .learning-track-card,.app-premium-page .practice-direction-card,.app-premium-page .sandbox-technology-card--available,.app-premium-page :is(.practice-direction-card__icon,.sandbox-technology-card__icon,.practice-direction-card__arrow,.sandbox-technology-card__arrow){transition:none}}.learning-catalog-page>.ui-page-header{--learning-hero-purple:#8b5cf6;--learning-hero-blue:#3b82f6;border:1px solid var(--learning-hero-blue);background:var(--surface);isolation:isolate;border-radius:22px;min-height:246px;padding:38px 42px;position:relative;overflow:hidden;box-shadow:inset 0 0 34px #3b82f61f,0 10px 40px #3b82f626,0 0 18px #60a5fa1c}.learning-catalog-page>.ui-page-header:before{content:none;background:0 0}.learning-catalog-page>.ui-page-header:after{content:none}.learning-catalog-page>.ui-page-header>div:first-child{z-index:1;grid-template-rows:auto auto auto;grid-template-columns:72px minmax(0,1fr);align-content:center;column-gap:30px;width:min(54%,560px);min-height:156px;display:grid;position:relative}.learning-catalog-page>.ui-page-header .ui-page-header__icon{background:linear-gradient(145deg, #8b5cf633, #3b82f61a) padding-box, linear-gradient(145deg, var(--learning-hero-purple), var(--learning-hero-blue)) border-box;color:#c4b5fd;border:1px solid #0000;border-radius:16px;grid-area:1/1/4;align-self:center;place-items:center;width:62px;height:62px;display:grid;box-shadow:inset 0 0 18px #8b5cf63d,0 0 18px #6366f147}.learning-catalog-page>.ui-page-header .ui-page-header__icon svg{width:33px;height:33px}.learning-catalog-page>.ui-page-header>div:first-child:after{background:linear-gradient(180deg, transparent, var(--learning-hero-purple) 24%, var(--learning-hero-blue) 76%, transparent);content:"";width:1px;position:absolute;top:7px;bottom:7px;left:82px;box-shadow:0 0 8px #8b5cf647}.learning-catalog-page>.ui-page-header>.ui-page-header__actions,.learning-catalog-page>.ui-page-header>div:first-child>*{z-index:1;position:relative}.learning-catalog-page>.ui-page-header>div:first-child>:not(.ui-page-header__icon){grid-column:2}.learning-catalog-page>.ui-page-header .ui-page-header__eyebrow{color:#a78bfa;letter-spacing:.12em;margin:0 0 12px;font-size:.78rem;font-weight:780;line-height:1.35}.learning-catalog-page>.ui-page-header h1{color:#fff;letter-spacing:-.05em;text-shadow:0 3px 22px #00000052;margin:0;font-size:clamp(2.35rem,4.2vw,3.3rem);font-weight:720;line-height:1}.learning-catalog-page>.ui-page-header .ui-page-header__description{color:#c7d2fe;width:min(100%,520px);margin:16px 0 0;font-size:.93rem;line-height:1.6}.learning-catalog-page>.ui-page-header>.ui-page-header__visual{z-index:0;pointer-events:none;width:min(52%,650px);position:absolute;top:13px;bottom:10px;right:16px}.learning-hero-animation{--learning-visual-panel-start:#10243b;--learning-visual-panel-end:#121d3b;--learning-visual-panel-border:#60a5fab8;--learning-visual-panel-divider:#93c5fd2e;--learning-visual-row:#3b82f617;--learning-visual-line:#dbeafe85;--learning-visual-muted:#94a3b87a;--learning-visual-track:#3b82f624;--learning-visual-blue:#4f8fff;--learning-visual-cyan:#67e8f9;--learning-visual-purple:#a78bfa;--learning-visual-book-dark:#16254b;--learning-visual-book-line:#e0e7ff8f;--learning-visual-badge:#101e38;--learning-visual-badge-border:#a78bfab8;--learning-visual-success:#5eead4;--learning-visual-success-soft:#2dd4bf21;--learning-visual-shadow:#020817;width:100%;height:100%}.learning-hero-animation svg{width:100%;height:100%;display:block;overflow:visible}.learning-hero-animation__scene{transform-origin:50%;animation:8s ease-in-out infinite learning-hero-scene-float}.learning-hero-animation__flow-glow{opacity:.13;filter:blur(5px);animation:4.8s ease-in-out infinite learning-hero-flow-glow}.learning-hero-animation__flow{opacity:.84;stroke-dasharray:.08 .045;animation:4.6s linear infinite learning-hero-flow}.learning-hero-animation__panel{transform-box:fill-box;transform-origin:50%;animation:7.2s cubic-bezier(.42,0,.28,1) infinite learning-hero-panel-float}.learning-hero-animation__panel-shell{stroke-width:1.2px}.learning-hero-animation__lesson-row{transform-box:fill-box;transform-origin:0;animation:6.4s ease-in-out infinite learning-hero-row-focus}.learning-hero-animation__lesson-row--two{animation-delay:.62s}.learning-hero-animation__lesson-row--three{animation-delay:1.24s}.learning-hero-animation__progress{transform-box:fill-box;transform-origin:0;animation:6.4s cubic-bezier(.35,0,.2,1) infinite learning-hero-progress}.learning-hero-animation__scan{opacity:0;transform-box:fill-box;transform-origin:50%;animation:6.4s ease-in-out infinite learning-hero-scan}.learning-hero-animation__sheen{transform-box:fill-box;transform-origin:50%;animation:7.4s ease-in-out infinite learning-hero-sheen}.learning-hero-animation__book{transform-box:fill-box;transform-origin:bottom;animation:4.2s ease-in-out infinite learning-hero-book-float}.learning-hero-animation__book-page{transform-box:fill-box}.learning-hero-animation__book-page--left{transform-origin:100%;animation:4.2s ease-in-out infinite learning-hero-page-left}.learning-hero-animation__book-page--right{transform-origin:0;animation:4.2s ease-in-out infinite learning-hero-page-right}.learning-hero-animation__book-core{transform-box:fill-box;transform-origin:50%;animation:2.1s ease-in-out infinite learning-hero-core-pulse}.learning-hero-animation__particle{opacity:0;transform-box:fill-box;transform-origin:50%;animation:5.1s cubic-bezier(.42,0,.2,1) infinite learning-hero-knowledge-particle}.learning-hero-animation__particle--two{animation-delay:-1.7s}.learning-hero-animation__particle--three{animation-delay:-3.4s}.learning-hero-animation__completion{transform-box:fill-box;transform-origin:50%;animation:5.4s ease-in-out infinite learning-hero-completion-float}.learning-hero-animation__completion-orbit{transform-box:fill-box;transform-origin:50%;animation:13s linear infinite learning-hero-orbit}.learning-hero-animation__completion-card{transform-box:fill-box;transform-origin:50%;animation:6.4s ease-in-out infinite learning-hero-completion-card}.learning-hero-animation__completion-check{stroke-dasharray:1;stroke-dashoffset:1px;animation:6.4s ease-in-out infinite learning-hero-check-draw}.learning-hero-animation__completion-spark{transform-box:fill-box;transform-origin:50%;animation:2.7s ease-in-out infinite learning-hero-spark}html[data-theme=light] .learning-hero-animation{--learning-visual-panel-start:#f7faff;--learning-visual-panel-end:#eaf1ff;--learning-visual-panel-border:#3b82f694;--learning-visual-panel-divider:#2563eb24;--learning-visual-row:#3b82f614;--learning-visual-line:#33415575;--learning-visual-muted:#47556957;--learning-visual-track:#3b82f61f;--learning-visual-blue:#2563eb;--learning-visual-cyan:#0891b2;--learning-visual-purple:#7c3aed;--learning-visual-book-dark:#dbeafe;--learning-visual-book-line:#1e40af6b;--learning-visual-badge:#f8faff;--learning-visual-badge-border:#7c3aed7a;--learning-visual-success:#0f9f88;--learning-visual-success-soft:#14b8a61f;--learning-visual-shadow:#93a4c3}@keyframes learning-hero-scene-float{0%,to{transform:translateY(1px)}50%{transform:translateY(-3px)}}@keyframes learning-hero-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-.5px}}@keyframes learning-hero-flow-glow{0%,to{opacity:.1}50%{opacity:.28}}@keyframes learning-hero-panel-float{0%,to{transform:translateY(1px)rotate(-.55deg)}50%{transform:translate(2px,-4px)rotate(.35deg)}}@keyframes learning-hero-row-focus{0%,12%,to{opacity:.7;transform:translate(0)scaleX(1)}23%,44%{opacity:1;transform:translate(2px)scaleX(1.012)}56%{opacity:.8;transform:translate(0)scaleX(1)}}@keyframes learning-hero-progress{0%,8%{transform:scaleX(.08)}30%{transform:scaleX(.38)}58%{transform:scaleX(.7)}82%,96%{transform:scaleX(1)}to{transform:scaleX(.08)}}@keyframes learning-hero-scan{0%,12%,to{opacity:0;transform:translateY(0)}22%{opacity:.9}68%{opacity:.88;transform:translateY(91px)}77%{opacity:0;transform:translateY(91px)}}@keyframes learning-hero-sheen{0%,17%{opacity:0;transform:translate(0)rotate(14deg)}27%{opacity:.16}68%{opacity:.12;transform:translate(390px)rotate(14deg)}76%,to{opacity:0;transform:translate(390px)rotate(14deg)}}@keyframes learning-hero-book-float{0%,to{transform:translateY(1px)rotate(-.4deg)}50%{transform:translateY(-4px)rotate(.5deg)}}@keyframes learning-hero-page-left{0%,to{transform:scaleX(1)skewY(0)}50%{transform:scaleX(.974)skewY(-.6deg)}}@keyframes learning-hero-page-right{0%,to{transform:scaleX(1)skewY(0)}50%{transform:scaleX(.978)skewY(.7deg)}}@keyframes learning-hero-core-pulse{0%,to{opacity:.72;transform:scale(.88)}50%{opacity:1;transform:scale(1.22)}}@keyframes learning-hero-knowledge-particle{0%{opacity:0;transform:translate(0)scale(.55)rotate(0)}9%{opacity:1}28%{opacity:.95;transform:translate(68px,-74px)scale(1)rotate(72deg)}54%{opacity:.88;transform:translate(215px,-36px)scale(.88)rotate(150deg)}79%{opacity:.82;transform:translate(367px,-84px)scale(1)rotate(242deg)}92%{opacity:.7;transform:translate(426px,-65px)scale(.72)rotate(320deg)}to{opacity:0;transform:translate(444px,-65px)scale(.35)rotate(360deg)}}@keyframes learning-hero-completion-float{0%,to{transform:translateY(1px)rotate(1deg)}50%{transform:translateY(-5px)rotate(-1deg)}}@keyframes learning-hero-orbit{to{transform:rotate(360deg)}}@keyframes learning-hero-completion-card{0%,58%,to{transform:scale(1)}69%{transform:scale(1.08)rotate(1.5deg)}78%{transform:scale(1)rotate(0)}}@keyframes learning-hero-check-draw{0%,56%{opacity:.42;stroke-dashoffset:1px}70%,94%{opacity:1;stroke-dashoffset:0}to{opacity:.42;stroke-dashoffset:1px}}@keyframes learning-hero-spark{0%,to{opacity:.4;transform:scale(.76)rotate(0)}50%{opacity:1;transform:scale(1.16)rotate(90deg)}}html[data-theme=light] .learning-catalog-page>.ui-page-header{box-shadow:inset 0 0 34px #3b82f614,0 10px 36px #3b82f621,0 0 16px #60a5fa17}html[data-theme=light] .learning-catalog-page>.ui-page-header h1{color:#0b1730;text-shadow:none}html[data-theme=light] .learning-catalog-page>.ui-page-header .ui-page-header__description{color:#435576}@media (max-width:920px){.learning-catalog-page>.ui-page-header{align-items:flex-start;min-height:382px;padding:30px 28px 172px}.learning-catalog-page>.ui-page-header>.ui-page-header__visual{width:auto;height:166px;inset:auto 18px 7px}.learning-catalog-page>.ui-page-header>div:first-child{grid-template-columns:64px minmax(0,1fr);column-gap:25px;width:100%;min-height:150px}.learning-catalog-page>.ui-page-header .ui-page-header__icon{width:56px;height:56px}.learning-catalog-page>.ui-page-header .ui-page-header__icon svg{width:30px;height:30px}.learning-catalog-page>.ui-page-header>div:first-child:after{left:71px}}@media (max-width:520px){.learning-catalog-page>.ui-page-header{min-height:420px;padding:26px 22px 151px}.learning-catalog-page>.ui-page-header>.ui-page-header__visual{height:132px;bottom:5px;left:5px;right:5px}.learning-catalog-page>.ui-page-header>div:first-child{grid-template-rows:auto auto auto auto;grid-template-columns:1fr;row-gap:0;min-height:0}.learning-catalog-page>.ui-page-header .ui-page-header__icon{grid-area:1/1;width:58px;height:58px;margin-bottom:34px}.learning-catalog-page>.ui-page-header>div:first-child:after{background:linear-gradient(90deg, var(--learning-hero-purple), var(--learning-hero-blue), transparent);width:100%;height:1px;inset:73px 0 auto}.learning-catalog-page>.ui-page-header>div:first-child>:not(.ui-page-header__icon){grid-column:1}.learning-catalog-page>.ui-page-header .ui-page-header__eyebrow{font-size:.7rem}.learning-catalog-page>.ui-page-header h1{font-size:2.35rem}.learning-catalog-page>.ui-page-header .ui-page-header__description{margin-top:14px;font-size:.86rem}}@media (prefers-reduced-motion:reduce){.learning-hero-animation *,.learning-hero-animation__scene{animation:none!important}.learning-hero-animation__particle,.learning-hero-animation__scan,.learning-hero-animation__sheen{display:none}.learning-hero-animation__progress{transform:scaleX(.78)}.learning-hero-animation__completion-check{opacity:1;stroke-dashoffset:0}}html[data-theme=dark] .practice-page>.ui-page-header{--practice-hero-blue:#2f7dff;--practice-hero-cyan:#4da3ff;background:radial-gradient(circle at 74% 48%, #2f7dff21, transparent 29%), radial-gradient(circle at 94% 19%, #4da3ff17, transparent 23%), linear-gradient(104deg, #050b1a 0%, #081126 52%, #0e1424 100%) padding-box, linear-gradient(110deg, var(--practice-hero-blue), var(--practice-hero-cyan) 58%, #3b82f6) border-box;isolation:isolate;border:1px solid #0000;border-radius:22px;min-height:246px;padding:38px 42px;animation:7.8s ease-in-out infinite practice-hero-border-breathe;position:relative;overflow:hidden;box-shadow:inset 0 0 38px #2f7dff1c,0 10px 40px #3b82f626,0 0 18px #2f7dff1f}html[data-theme=dark] .practice-page>.ui-page-header:before{z-index:0;pointer-events:none;opacity:.84;content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 760 260'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop stop-color='%232f7dff' stop-opacity='.18'/%3E%3Cstop offset='.48' stop-color='%233b82f6' stop-opacity='.78'/%3E%3Cstop offset='1' stop-color='%234da3ff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' stroke='url(%23g)' stroke-linecap='round'%3E%3Cpath d='M2 37C98 72 124 116 218 123S346 70 431 66 564 65 758 27' stroke-width='1.4'/%3E%3Cpath d='M1 55C101 88 126 134 220 140S350 88 435 85 578 90 759 72' stroke-width='2'/%3E%3Cpath d='M0 76C91 104 126 151 222 157S350 108 438 105 579 118 760 116' stroke-width='1.2' stroke-dasharray='8 9'/%3E%3Cpath d='M0 99C90 121 130 170 225 175S356 128 442 128 585 146 760 157' stroke-width='2.2'/%3E%3Cpath d='M0 123C92 141 132 187 228 192S359 148 446 151 590 178 760 197' stroke-width='1.1' stroke-dasharray='4 10'/%3E%3Cpath d='M0 148C88 160 134 204 230 211S364 169 449 174 592 207 760 229' stroke-width='1.7'/%3E%3Cpath d='M0 171C87 180 138 220 233 228S371 191 453 197 599 231 760 248' stroke-width='.9' stroke-opacity='.44'/%3E%3C/g%3E%3Cg fill='none' stroke='%232f7dff' stroke-opacity='.15' stroke-width='1'%3E%3Cpath d='M28 24h42M44 32h48M640 19h78M659 29h61M623 238h96M645 248h84' stroke-dasharray='2 8'/%3E%3Cpath d='M112 40 235 86M92 180l146-9M478 42l112-16M492 221l124 12'/%3E%3C/g%3E%3Cg fill='%234da3ff'%3E%3Crect x='635' y='132' width='5' height='5' rx='1'/%3E%3Crect x='651' y='132' width='5' height='5' rx='1'/%3E%3Crect x='667' y='132' width='5' height='5' rx='1'/%3E%3Crect x='683' y='132' width='5' height='5' rx='1'/%3E%3Crect x='643' y='144' width='5' height='5' rx='1' fill-opacity='.46'/%3E%3Crect x='659' y='144' width='5' height='5' rx='1' fill-opacity='.46'/%3E%3Crect x='675' y='144' width='5' height='5' rx='1' fill-opacity='.46'/%3E%3Crect x='691' y='144' width='5' height='5' rx='1' fill-opacity='.46'/%3E%3Crect x='704' y='91' width='6' height='6' rx='1'/%3E%3Crect x='722' y='91' width='6' height='6' rx='1' fill-opacity='.54'/%3E%3Crect x='740' y='91' width='6' height='6' rx='1' fill-opacity='.3'/%3E%3C/g%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;animation:9.5s ease-in-out infinite practice-hero-flow-drift;position:absolute;inset:20px 18px 20px 46%;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 15% 84%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 15% 84%,#0000 100%)}html[data-theme=dark] .practice-page>.ui-page-header:after{content:none}html[data-theme=dark] .practice-page>.ui-page-header>div:first-child{z-index:1;grid-template-rows:auto auto auto;grid-template-columns:74px minmax(0,1fr);align-content:center;column-gap:32px;width:min(56%,650px);min-height:156px;display:grid;position:relative}html[data-theme=dark] .practice-page>.ui-page-header>div:first-child:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2360a5fa' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 6h14'/%3E%3Cpath d='m7 10 4 4-4 4'/%3E%3Cpath d='M13.5 18H19'/%3E%3C/svg%3E") center / 34px 34px no-repeat, linear-gradient(145deg, #0b1c39, #071427) padding-box, linear-gradient(145deg, var(--practice-hero-blue), var(--practice-hero-cyan)) border-box;content:"";border:1px solid #0000;border-radius:16px;grid-area:1/1/4;align-self:center;width:64px;height:64px;box-shadow:inset 0 0 18px #2f7dff38,0 0 18px #3b82f63d}html[data-theme=dark] .practice-page>.ui-page-header>div:first-child:after{background:linear-gradient(180deg, var(--practice-hero-blue), var(--practice-hero-cyan) 58%, transparent);content:"";width:1px;position:absolute;top:8px;bottom:8px;left:85px;box-shadow:0 0 9px #2f7dff52}html[data-theme=dark] .practice-page>.ui-page-header>div:first-child>*{z-index:1;grid-column:2;position:relative}html[data-theme=dark] .practice-page>.ui-page-header .ui-page-header__eyebrow{color:var(--practice-hero-cyan);letter-spacing:.12em;margin:0 0 13px;font-size:.78rem;font-weight:780;line-height:1.35}html[data-theme=dark] .practice-page>.ui-page-header h1{color:#fff;letter-spacing:-.05em;text-shadow:0 3px 22px #00000057;margin:0;font-size:clamp(2.5rem,4.4vw,3.55rem);font-weight:720;line-height:1}html[data-theme=dark] .practice-page>.ui-page-header .ui-page-header__description{color:#a7b7cc;width:min(100%,560px);margin:18px 0 0;font-size:1rem;line-height:1.6}@keyframes practice-hero-border-breathe{0%,to{box-shadow:inset 0 0 34px #2f7dff17,0 10px 38px #3b82f61f,0 0 14px #2f7dff17}50%{box-shadow:inset 0 0 43px #2f7dff26,0 10px 44px #3b82f62e,0 0 24px #4da3ff24}}@keyframes practice-hero-flow-drift{0%,to{opacity:.72;filter:brightness(.94);background-position:50%}50%{opacity:.92;filter:brightness(1.08);background-position:calc(50% + 10px) calc(50% - 3px)}}@media (max-width:920px){html[data-theme=dark] .practice-page>.ui-page-header{align-items:flex-start;min-height:362px;padding:30px 28px 158px}html[data-theme=dark] .practice-page>.ui-page-header:before{height:142px;inset:auto 16px 10px;-webkit-mask-image:linear-gradient(#0000,#000 20% 100%);mask-image:linear-gradient(#0000,#000 20% 100%)}html[data-theme=dark] .practice-page>.ui-page-header>div:first-child{grid-template-columns:66px minmax(0,1fr);column-gap:26px;width:100%;min-height:150px}html[data-theme=dark] .practice-page>.ui-page-header>div:first-child:before{background-size:30px 30px,auto,auto;width:58px;height:58px}html[data-theme=dark] .practice-page>.ui-page-header>div:first-child:after{left:74px}}@media (max-width:520px){html[data-theme=dark] .practice-page>.ui-page-header{min-height:430px;padding:26px 22px 145px}html[data-theme=dark] .practice-page>.ui-page-header>div:first-child{grid-template-rows:auto auto auto auto;grid-template-columns:1fr;min-height:0}html[data-theme=dark] .practice-page>.ui-page-header>div:first-child:before{grid-area:1/1;width:58px;height:58px;margin-bottom:34px}html[data-theme=dark] .practice-page>.ui-page-header>div:first-child:after{background:linear-gradient(90deg, var(--practice-hero-blue), var(--practice-hero-cyan), transparent);width:100%;height:1px;inset:73px 0 auto}html[data-theme=dark] .practice-page>.ui-page-header>div:first-child>*{grid-column:1}html[data-theme=dark] .practice-page>.ui-page-header .ui-page-header__eyebrow{font-size:.7rem}html[data-theme=dark] .practice-page>.ui-page-header h1{font-size:2.5rem}html[data-theme=dark] .practice-page>.ui-page-header .ui-page-header__description{margin-top:14px;font-size:.9rem}}@media (prefers-reduced-motion:reduce){html[data-theme=dark] .practice-page>.ui-page-header,html[data-theme=dark] .practice-page>.ui-page-header:before{animation:none}}html[data-theme=dark] .sandbox-page>.ui-page-header{--sandbox-hero-cyan:#00e5ff;--sandbox-hero-blue:#23c7ff;isolation:isolate;background:radial-gradient(circle at 76% 48%,#00e5ff1f,#0000 28%),radial-gradient(circle at 95% 18%,#23c7ff14,#0000 22%),linear-gradient(104deg,#07131c 0%,#081a26 52%,#0b1f2b 100%) padding-box padding-box,linear-gradient(110deg,#337fd1,#1b88ba 56%,#5aa9e8) border-box;border:1px solid #0000;border-radius:22px;min-height:246px;padding:38px 42px;animation:8s ease-in-out infinite sandbox-hero-border-breathe;position:relative;overflow:hidden;box-shadow:inset 0 0 34px #1b88ba17,0 12px 40px #337fd11f,0 0 18px #5aa9e81a}html[data-theme=dark] .sandbox-page>.ui-page-header:before{z-index:0;pointer-events:none;opacity:.84;content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 760 260'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop stop-color='%2300e5ff' stop-opacity='.32'/%3E%3Cstop offset='.55' stop-color='%2323c7ff' stop-opacity='.9'/%3E%3Cstop offset='1' stop-color='%2366e8ff' stop-opacity='.5'/%3E%3C/linearGradient%3E%3Cfilter id='glow'%3E%3CfeGaussianBlur stdDeviation='3.2' result='b'/%3E%3CfeMerge%3E%3CfeMergeNode in='b'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cg fill='none' stroke='%2300e5ff' stroke-opacity='.11' stroke-width='.8'%3E%3Cpath d='M-40 18 224 282M35-8l268 268M116-8l268 268M197-8l268 268M278-8l268 268M359-8l268 268M440-8l268 268M521-8l268 268M-28 245 236-19M53 268 321 0M134 268 402 0M215 268 483 0M296 268 564 0M377 268 645 0M458 268 726 0M539 268 807 0'/%3E%3C/g%3E%3Cg fill='none' stroke='url(%23g)' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M40 190 185 154 318 196 476 136 617 184 748 123' stroke-width='1.3' stroke-dasharray='4 8'/%3E%3Cpath d='M92 88 233 120 357 72 504 112 650 68' stroke-width='1' stroke-opacity='.55'/%3E%3Cpath d='M185 154 233 120M318 196l39-124M476 136l28-24M617 184l33-116' stroke-width='.9' stroke-opacity='.54'/%3E%3Cg stroke-width='1.15' stroke-opacity='.72'%3E%3Cpath d='M180 119l22 13v26l-22 13-22-13v-26zM158 132l22 13 22-13M180 145v26'/%3E%3Cpath d='M354 45l28 16v33l-28 16-28-16V61zM326 61l28 16 28-16M354 77v33'/%3E%3Cpath d='M625 151l24 14v29l-24 14-24-14v-29zM601 165l24 14 24-14M625 179v29'/%3E%3Cpath d='M657 34l19 11v23l-19 11-19-11V45zM638 45l19 11 19-11M657 56v23' stroke-opacity='.5'/%3E%3C/g%3E%3Cg filter='url(%23glow)' stroke-width='1.8'%3E%3Cpath d='M476 89l43 25v49l-43 25-43-25v-49zM433 114l43 25 43-25M476 139v49'/%3E%3C/g%3E%3C/g%3E%3Cg fill='%2300e5ff'%3E%3Crect x='89' y='187' width='4' height='4' rx='.7'/%3E%3Crect x='313' y='192' width='5' height='5' rx='.7'/%3E%3Crect x='501' y='108' width='4' height='4' rx='.7'/%3E%3Crect x='613' y='180' width='5' height='5' rx='.7'/%3E%3Crect x='712' y='113' width='4' height='4' rx='.7'/%3E%3Crect x='704' y='207' width='4' height='4' rx='.7' fill-opacity='.42'/%3E%3Crect x='719' y='207' width='4' height='4' rx='.7' fill-opacity='.68'/%3E%3Crect x='734' y='207' width='4' height='4' rx='.7'/%3E%3Crect x='711' y='220' width='4' height='4' rx='.7' fill-opacity='.72'/%3E%3Crect x='726' y='220' width='4' height='4' rx='.7' fill-opacity='.38'/%3E%3C/g%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;animation:11s ease-in-out infinite sandbox-hero-grid-drift;position:absolute;inset:16px 16px 16px 46%;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 14% 86%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 14% 86%,#0000 100%)}html[data-theme=dark] .sandbox-page>.ui-page-header:after{content:none}html[data-theme=dark] .sandbox-page>.ui-page-header>div:first-child{z-index:1;grid-template-rows:auto auto auto;grid-template-columns:72px minmax(0,1fr);align-content:center;column-gap:30px;width:min(56%,650px);min-height:156px;display:grid;position:relative}html[data-theme=dark] .sandbox-page>.ui-page-header>div:first-child:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2366e8ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3h8M10 3v5l-5 9a3 3 0 0 0 2.6 4h8.8a3 3 0 0 0 2.6-4l-5-9V3'/%3E%3Cpath d='M7.7 15h8.6M10 18h4'/%3E%3C/svg%3E") center / 32px 32px no-repeat, linear-gradient(145deg, #092734, #071a25) padding-box, linear-gradient(145deg, var(--sandbox-hero-cyan), var(--sandbox-hero-blue)) border-box;content:"";border:1px solid #0000;border-radius:16px;grid-area:1/1/4;align-self:center;width:62px;height:62px;box-shadow:inset 0 0 18px #00e5ff2e,0 0 18px #00e5ff38}html[data-theme=dark] .sandbox-page>.ui-page-header>div:first-child:after{background:linear-gradient(180deg, var(--sandbox-hero-cyan), #194b5b 72%, transparent);content:"";width:1px;position:absolute;top:7px;bottom:7px;left:82px;box-shadow:0 0 9px #00e5ff40}html[data-theme=dark] .sandbox-page>.ui-page-header>div:first-child>*{z-index:1;grid-column:2;position:relative}html[data-theme=dark] .sandbox-page>.ui-page-header .ui-page-header__eyebrow{color:var(--sandbox-hero-cyan);letter-spacing:.12em;margin:0 0 12px;font-size:.78rem;font-weight:780;line-height:1.35}html[data-theme=dark] .sandbox-page>.ui-page-header h1{color:#fff;letter-spacing:-.05em;text-shadow:0 3px 22px #00000057;margin:0;font-size:clamp(2.35rem,4.2vw,3.3rem);font-weight:720;line-height:1}html[data-theme=dark] .sandbox-page>.ui-page-header .ui-page-header__description{color:#b7c7d6;width:min(100%,560px);margin:16px 0 0;font-size:.95rem;line-height:1.6}@keyframes sandbox-hero-border-breathe{0%,to{box-shadow:inset 0 0 30px #1b88ba12,0 12px 38px #337fd11a,0 0 14px #5aa9e814}50%{box-shadow:inset 0 0 38px #1b88ba1f,0 12px 44px #337fd126,0 0 23px #5aa9e81f}}@keyframes sandbox-hero-grid-drift{0%,to{opacity:.72;filter:brightness(.94);background-position:50%}50%{opacity:.9;filter:brightness(1.06);background-position:calc(50% + 8px) calc(50% - 3px)}}@media (max-width:920px){html[data-theme=dark] .sandbox-page>.ui-page-header{align-items:flex-start;min-height:362px;padding:30px 28px 158px}html[data-theme=dark] .sandbox-page>.ui-page-header:before{height:142px;inset:auto 16px 10px;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%)}html[data-theme=dark] .sandbox-page>.ui-page-header>div:first-child{grid-template-columns:64px minmax(0,1fr);column-gap:25px;width:100%;min-height:150px}html[data-theme=dark] .sandbox-page>.ui-page-header>div:first-child:before{background-size:29px 29px,auto,auto;width:56px;height:56px}html[data-theme=dark] .sandbox-page>.ui-page-header>div:first-child:after{left:71px}}@media (max-width:520px){html[data-theme=dark] .sandbox-page>.ui-page-header{min-height:430px;padding:26px 22px 145px}html[data-theme=dark] .sandbox-page>.ui-page-header>div:first-child{grid-template-rows:auto auto auto auto;grid-template-columns:1fr;min-height:0}html[data-theme=dark] .sandbox-page>.ui-page-header>div:first-child:before{grid-area:1/1;width:58px;height:58px;margin-bottom:34px}html[data-theme=dark] .sandbox-page>.ui-page-header>div:first-child:after{background:linear-gradient(90deg, var(--sandbox-hero-cyan), #194b5b, transparent);width:100%;height:1px;inset:73px 0 auto}html[data-theme=dark] .sandbox-page>.ui-page-header>div:first-child>*{grid-column:1}html[data-theme=dark] .sandbox-page>.ui-page-header .ui-page-header__eyebrow{font-size:.7rem}html[data-theme=dark] .sandbox-page>.ui-page-header h1{font-size:2.35rem}html[data-theme=dark] .sandbox-page>.ui-page-header .ui-page-header__description{margin-top:14px;font-size:.86rem}}@media (prefers-reduced-motion:reduce){html[data-theme=dark] .sandbox-page>.ui-page-header,html[data-theme=dark] .sandbox-page>.ui-page-header:before{animation:none}}:is(.practice-page,.sandbox-page)>.ui-page-header,html[data-theme=dark] :is(.practice-page,.sandbox-page)>.ui-page-header{border:1px solid var(--section-hero-accent);background:var(--surface);min-height:246px;box-shadow:inset 0 0 34px var(--section-hero-inset), 0 10px 40px var(--section-hero-shadow), 0 0 18px var(--section-hero-glow);isolation:isolate;border-radius:22px;padding:38px 42px;animation:none;position:relative;overflow:hidden}.practice-page>.ui-page-header,html[data-theme=dark] .practice-page>.ui-page-header{--section-hero-accent:#3b82f6;--section-hero-inset:#3b82f61c;--section-hero-shadow:#3b82f624;--section-hero-glow:#60a5fa1a}.sandbox-page>.ui-page-header,html[data-theme=dark] .sandbox-page>.ui-page-header{--section-hero-accent:#1b88ba;--section-hero-inset:#00e5ff14;--section-hero-shadow:#1b88ba21;--section-hero-glow:#23c7ff17}:is(.practice-page,.sandbox-page)>.ui-page-header:before,html[data-theme=dark] :is(.practice-page,.sandbox-page)>.ui-page-header:before{content:none;background:0 0;animation:none}:is(.practice-page,.sandbox-page)>.ui-page-header:after,html[data-theme=dark] :is(.practice-page,.sandbox-page)>.ui-page-header:after{content:none}:is(.practice-page,.sandbox-page)>.ui-page-header>div:first-child,html[data-theme=dark] :is(.practice-page,.sandbox-page)>.ui-page-header>div:first-child{z-index:1;grid-template-rows:auto auto auto;grid-template-columns:72px minmax(0,1fr);align-content:center;column-gap:30px;width:min(54%,560px);min-height:156px;display:grid;position:relative}:is(.practice-page,.sandbox-page)>.ui-page-header>div:first-child:before,html[data-theme=dark] :is(.practice-page,.sandbox-page)>.ui-page-header>div:first-child:before{content:none}:is(.practice-page,.sandbox-page)>.ui-page-header>div:first-child:after,html[data-theme=dark] :is(.practice-page,.sandbox-page)>.ui-page-header>div:first-child:after{background:linear-gradient(180deg, transparent, var(--section-hero-accent) 22%, var(--section-hero-secondary) 76%, transparent);width:1px;box-shadow:0 0 8px var(--section-hero-divider-glow);content:"";position:absolute;top:7px;bottom:7px;left:82px}.practice-page>.ui-page-header{--section-hero-secondary:#67e8f9;--section-hero-divider-glow:#3b82f64d}.sandbox-page>.ui-page-header{--section-hero-secondary:#2dd4bf;--section-hero-divider-glow:#00e5ff40}:is(.practice-page,.sandbox-page)>.ui-page-header .ui-page-header__icon,html[data-theme=dark] :is(.practice-page,.sandbox-page)>.ui-page-header .ui-page-header__icon{border:1px solid #0000;border-radius:16px;grid-area:1/1/4;align-self:center;place-items:center;width:62px;height:62px;display:grid}:is(.practice-page,.sandbox-page)>.ui-page-header>div:first-child>.ui-page-header__icon,html[data-theme=dark] :is(.practice-page,.sandbox-page)>.ui-page-header>div:first-child>.ui-page-header__icon{grid-area:1/1/4}.practice-page>.ui-page-header .ui-page-header__icon,html[data-theme=dark] .practice-page>.ui-page-header .ui-page-header__icon{color:#93c5fd;background:linear-gradient(145deg,#3b82f62e,#0e749014) padding-box padding-box,linear-gradient(145deg,#3b82f6,#67e8f9) border-box;box-shadow:inset 0 0 18px #3b82f638,0 0 18px #3b82f63d}.sandbox-page>.ui-page-header .ui-page-header__icon,html[data-theme=dark] .sandbox-page>.ui-page-header .ui-page-header__icon{color:#67e8f9;background:linear-gradient(145deg,#00e5ff26,#14b8a614) padding-box padding-box,linear-gradient(145deg,#00b8d4,#2dd4bf) border-box;box-shadow:inset 0 0 18px #00e5ff2b,0 0 18px #00e5ff33}:is(.practice-page,.sandbox-page)>.ui-page-header .ui-page-header__icon svg,html[data-theme=dark] :is(.practice-page,.sandbox-page)>.ui-page-header .ui-page-header__icon svg{width:33px;height:33px}:is(.practice-page,.sandbox-page)>.ui-page-header>div:first-child>*,html[data-theme=dark] :is(.practice-page,.sandbox-page)>.ui-page-header>div:first-child>*{z-index:1;position:relative}:is(.practice-page,.sandbox-page)>.ui-page-header>div:first-child>:not(.ui-page-header__icon),html[data-theme=dark] :is(.practice-page,.sandbox-page)>.ui-page-header>div:first-child>:not(.ui-page-header__icon){grid-column:2}:is(.practice-page,.sandbox-page)>.ui-page-header .ui-page-header__eyebrow,html[data-theme=dark] :is(.practice-page,.sandbox-page)>.ui-page-header .ui-page-header__eyebrow{color:var(--section-hero-secondary);letter-spacing:.12em;margin:0 0 12px;font-size:.78rem;font-weight:780;line-height:1.35}:is(.practice-page,.sandbox-page)>.ui-page-header h1,html[data-theme=dark] :is(.practice-page,.sandbox-page)>.ui-page-header h1{color:var(--text-strong);letter-spacing:-.05em;text-shadow:none;margin:0;font-size:clamp(2.35rem,4.2vw,3.3rem);font-weight:720;line-height:1}html[data-theme=dark] :is(.practice-page,.sandbox-page)>.ui-page-header h1{color:#fff;text-shadow:0 3px 22px #00000052}:is(.practice-page,.sandbox-page)>.ui-page-header .ui-page-header__description,html[data-theme=dark] :is(.practice-page,.sandbox-page)>.ui-page-header .ui-page-header__description{width:min(100%,540px);color:var(--text-secondary);margin:16px 0 0;font-size:.95rem;line-height:1.6}:is(.practice-page,.sandbox-page)>.ui-page-header>.ui-page-header__visual,html[data-theme=dark] :is(.practice-page,.sandbox-page)>.ui-page-header>.ui-page-header__visual{z-index:0;pointer-events:none;width:min(52%,650px);position:absolute;top:13px;bottom:10px;right:16px}.practice-hero-animation,.sandbox-hero-animation{width:100%;height:100%}.practice-hero-animation svg,.sandbox-hero-animation svg{width:100%;height:100%;display:block;overflow:visible}.practice-hero-animation{--practice-visual-panel-start:#10243b;--practice-visual-panel-end:#111c36;--practice-visual-panel-border:#60a5fab3;--practice-visual-divider:#93c5fd2e;--practice-visual-runner:#10213a;--practice-visual-runner-border:#67e8f9b3;--practice-visual-runner-soft:#3b82f624;--practice-visual-result:#0f2036;--practice-visual-result-border:#34d3998f;--practice-visual-track:#3b82f624;--practice-visual-line:#dbeafe8a;--practice-visual-muted:#94a3b873;--practice-visual-blue:#4f8fff;--practice-visual-cyan:#67e8f9;--practice-visual-success:#5eead4;--practice-visual-success-soft:#2dd4bf24}html[data-theme=light] .practice-hero-animation{--practice-visual-panel-start:#f7faff;--practice-visual-panel-end:#eaf1ff;--practice-visual-panel-border:#2563eb85;--practice-visual-divider:#2563eb24;--practice-visual-runner:#f8fbff;--practice-visual-runner-border:#0891b27a;--practice-visual-runner-soft:#2563eb1a;--practice-visual-result:#f8fbff;--practice-visual-result-border:#05966966;--practice-visual-track:#2563eb1f;--practice-visual-line:#3341557a;--practice-visual-muted:#4755695c;--practice-visual-blue:#2563eb;--practice-visual-cyan:#0891b2;--practice-visual-success:#059669;--practice-visual-success-soft:#0596691a}.practice-hero-animation__scene{transform-origin:50%;animation:8s ease-in-out infinite practice-visual-scene-float}.practice-hero-animation__flow-glow{opacity:.12;filter:blur(5px);animation:4.8s ease-in-out infinite practice-visual-flow-glow}.practice-hero-animation__flow{opacity:.82;stroke-dasharray:.08 .045;animation:4.4s linear infinite practice-visual-flow}.practice-hero-animation__runner,.practice-hero-animation__workspace,.practice-hero-animation__results{transform-box:fill-box;transform-origin:50%}.practice-hero-animation__runner{animation:4.5s ease-in-out infinite practice-visual-runner-float}.practice-hero-animation__runner-orbit{transform-box:fill-box;transform-origin:50%;animation:12s linear infinite practice-visual-orbit}.practice-hero-animation__runner-card{transform-box:fill-box;transform-origin:50%;animation:5.8s ease-in-out infinite practice-visual-runner-pulse}.practice-hero-animation__runner-play{transform-box:fill-box;transform-origin:50%;animation:2.4s ease-in-out infinite practice-visual-play-pulse}.practice-hero-animation__workspace{animation:7s ease-in-out infinite practice-visual-workspace-float}.practice-hero-animation__workspace-shell{stroke-width:1.2px}.practice-hero-animation__command{transform-box:fill-box;transform-origin:0;animation:5.8s ease-in-out infinite practice-visual-command-focus}.practice-hero-animation__command--two{animation-delay:.45s}.practice-hero-animation__command--three{animation-delay:.9s}.practice-hero-animation__command--four{animation-delay:1.35s}.practice-hero-animation__cursor{animation:1.05s step-end infinite practice-visual-cursor}.practice-hero-animation__progress{transform-box:fill-box;transform-origin:0;animation:5.8s cubic-bezier(.35,0,.2,1) infinite practice-visual-progress}.practice-hero-animation__scan{opacity:0;transform-box:fill-box;transform-origin:50%;animation:5.8s ease-in-out infinite practice-visual-scan}.practice-hero-animation__sheen{transform-box:fill-box;transform-origin:50%;animation:7s ease-in-out infinite practice-visual-sheen}.practice-hero-animation__results{animation:5.2s ease-in-out infinite practice-visual-results-float}.practice-hero-animation__test{animation:5.8s ease-in-out infinite practice-visual-test-row}.practice-hero-animation__test--2{animation-delay:.48s}.practice-hero-animation__test--3{animation-delay:.96s}.practice-hero-animation__test-check{stroke-dasharray:1;stroke-dashoffset:1px;animation:5.8s ease-in-out infinite practice-visual-test-check}.practice-hero-animation__test--2 .practice-hero-animation__test-check{animation-delay:.48s}.practice-hero-animation__test--3 .practice-hero-animation__test-check{animation-delay:.96s}.practice-hero-animation__particle{opacity:0;transform-box:fill-box;transform-origin:50%;animation:4.8s cubic-bezier(.42,0,.2,1) infinite practice-visual-particle}.practice-hero-animation__particle--two{animation-delay:-2.4s}.sandbox-hero-animation{--sandbox-visual-panel-start:#0b2935;--sandbox-visual-panel-end:#101f34;--sandbox-visual-panel-border:#22d3ee94;--sandbox-visual-inner-border:#2dd4bf2e;--sandbox-visual-token:#0c2433;--sandbox-visual-token-border:#22d3ee85;--sandbox-visual-line:#cffafe8f;--sandbox-visual-cyan:#67e8f9;--sandbox-visual-blue:#38bdf8;--sandbox-visual-teal:#2dd4bf}html[data-theme=light] .sandbox-hero-animation{--sandbox-visual-panel-start:#f2fbff;--sandbox-visual-panel-end:#e7f6fb;--sandbox-visual-panel-border:#0891b27a;--sandbox-visual-inner-border:#0d948824;--sandbox-visual-token:#f7fcff;--sandbox-visual-token-border:#0891b266;--sandbox-visual-line:#1e40507a;--sandbox-visual-cyan:#0891b2;--sandbox-visual-blue:#0284c7;--sandbox-visual-teal:#0f9f88}.sandbox-hero-animation__scene{transform-origin:50%;animation:8.4s ease-in-out infinite sandbox-visual-scene-float}.sandbox-hero-animation__connector{opacity:.72;animation:4.8s linear infinite sandbox-visual-connector}.sandbox-hero-animation__connector--branch{animation-delay:-1.6s}.sandbox-hero-animation__connector--java{animation-delay:-2.4s}.sandbox-hero-animation__connector--terminal{animation-delay:-3.2s}.sandbox-hero-animation__database-token,.sandbox-hero-animation__java-token,.sandbox-hero-animation__branch-token,.sandbox-hero-animation__terminal-token,.sandbox-hero-animation__chamber,.sandbox-hero-animation__core{transform-box:fill-box;transform-origin:50%}.sandbox-hero-animation__database-token{animation:4.7s ease-in-out infinite sandbox-visual-token-left}.sandbox-hero-animation__java-token{animation:4.9s ease-in-out -2.2s infinite sandbox-visual-token-java}.sandbox-hero-animation__java-mark,.sandbox-hero-animation__java-steam{transform-box:fill-box;transform-origin:50%}.sandbox-hero-animation__java-mark{animation:4.9s ease-in-out -2.2s infinite sandbox-visual-java-mark}.sandbox-hero-animation__java-steam{animation:2.4s ease-in-out infinite sandbox-visual-java-steam}.sandbox-hero-animation__java-steam--two{animation-delay:-.8s}.sandbox-hero-animation__java-steam--three{animation-delay:-1.6s}.sandbox-hero-animation__branch-token{animation:5.1s ease-in-out infinite sandbox-visual-token-right}.sandbox-hero-animation__terminal-token{animation:4.5s ease-in-out infinite sandbox-visual-token-terminal}.sandbox-hero-animation__terminal-cursor{animation:1.05s step-end infinite sandbox-visual-cursor}.sandbox-hero-animation__chamber{animation:7.4s ease-in-out infinite sandbox-visual-chamber}.sandbox-hero-animation__core{animation:6.6s ease-in-out infinite sandbox-visual-core}.sandbox-hero-animation__core-node{transform-box:fill-box;transform-origin:50%;animation:2.2s ease-in-out infinite sandbox-visual-core-node}.sandbox-hero-animation__wave{animation:5.4s ease-in-out infinite sandbox-visual-wave}.sandbox-hero-animation__wave--two{animation-delay:-2.7s}.sandbox-hero-animation__sweep{transform-box:fill-box;transform-origin:50%;animation:6.2s ease-in-out infinite sandbox-visual-sweep}.sandbox-hero-animation__orb{transform-box:fill-box;transform-origin:50%;animation:4.6s ease-in-out infinite sandbox-visual-orb}.sandbox-hero-animation__orb--two{animation-delay:-1.55s}.sandbox-hero-animation__orb--three{animation-delay:-3.1s}.sandbox-hero-animation__transfer{opacity:0;transform-box:fill-box;transform-origin:50%}.sandbox-hero-animation__transfer--one{animation:3.8s ease-in-out infinite sandbox-visual-transfer-left}.sandbox-hero-animation__transfer--java{animation:3.8s ease-in-out -1.9s infinite sandbox-visual-transfer-java}.sandbox-hero-animation__transfer--two{animation:3.8s ease-in-out -1.25s infinite sandbox-visual-transfer-right}.sandbox-hero-animation__transfer--three{animation:3.8s ease-in-out -2.5s infinite sandbox-visual-transfer-terminal}@keyframes practice-visual-scene-float{0%,to{transform:translateY(1px)}50%{transform:translateY(-3px)}}@keyframes practice-visual-flow{to{stroke-dashoffset:-.5px}}@keyframes practice-visual-flow-glow{0%,to{opacity:.09}50%{opacity:.24}}@keyframes practice-visual-runner-float{0%,to{transform:translateY(1px)rotate(-1deg)}50%{transform:translateY(-5px)rotate(1deg)}}@keyframes practice-visual-orbit{to{transform:rotate(360deg)}}@keyframes practice-visual-runner-pulse{0%,62%,to{transform:scale(1)}73%{transform:scale(1.07)}82%{transform:scale(1)}}@keyframes practice-visual-play-pulse{0%,to{opacity:.72;transform:translate(0)scale(.92)}50%{opacity:1;transform:translate(2px)scale(1.08)}}@keyframes practice-visual-workspace-float{0%,to{transform:translateY(1px)rotate(-.45deg)}50%{transform:translate(2px,-4px)rotate(.3deg)}}@keyframes practice-visual-command-focus{0%,12%,to{opacity:.65;transform:translate(0)}24%,46%{opacity:1;transform:translate(3px)}58%{opacity:.76;transform:translate(0)}}@keyframes practice-visual-cursor{0%,46%{opacity:1}47%,to{opacity:.2}}@keyframes practice-visual-progress{0%,8%{transform:scaleX(.06)}34%{transform:scaleX(.43)}62%{transform:scaleX(.76)}84%,96%{transform:scaleX(1)}to{transform:scaleX(.06)}}@keyframes practice-visual-scan{0%,12%,to{opacity:0;transform:translateY(0)}22%{opacity:.92}68%{opacity:.88;transform:translateY(103px)}78%{opacity:0;transform:translateY(103px)}}@keyframes practice-visual-sheen{0%,18%{opacity:0;transform:translate(0)rotate(14deg)}28%{opacity:.14}68%{opacity:.1;transform:translate(390px)rotate(14deg)}77%,to{opacity:0;transform:translate(390px)rotate(14deg)}}@keyframes practice-visual-results-float{0%,to{transform:translateY(1px)rotate(.7deg)}50%{transform:translateY(-4px)rotate(-.7deg)}}@keyframes practice-visual-test-row{0%,38%,to{opacity:.56}52%,84%{opacity:1}}@keyframes practice-visual-test-check{0%,40%{stroke-dashoffset:1px}55%,92%{stroke-dashoffset:0}to{stroke-dashoffset:1px}}@keyframes practice-visual-particle{0%{opacity:0;transform:translate(0)scale(.5)rotate(0)}10%{opacity:1}31%{opacity:.92;transform:translate(132px)scale(1)rotate(90deg)}58%{opacity:.88;transform:translate(288px)scale(.9)rotate(190deg)}84%{opacity:.78;transform:translate(414px,-8px)scale(.78)rotate(290deg)}to{opacity:0;transform:translate(454px,-8px)scale(.35)rotate(360deg)}}@keyframes sandbox-visual-scene-float{0%,to{transform:translateY(1px)}50%{transform:translateY(-3px)}}@keyframes sandbox-visual-connector{to{stroke-dashoffset:-.5px}}@keyframes sandbox-visual-token-left{0%,to{transform:translateY(1px)rotate(-1deg)}50%{transform:translateY(-5px)rotate(1deg)}}@keyframes sandbox-visual-token-java{0%,to{transform:translateY(1px)rotate(.7deg)}50%{transform:translateY(-4px)rotate(-.7deg)}}@keyframes sandbox-visual-java-mark{0%,to{opacity:.82;transform:scale(.98)}50%{opacity:1;transform:scale(1.025)}}@keyframes sandbox-visual-java-steam{0%,to{opacity:.34;transform:translateY(2px)}50%{opacity:1;transform:translateY(-2px)}}@keyframes sandbox-visual-token-right{0%,to{transform:translateY(0)rotate(1deg)}50%{transform:translateY(-6px)rotate(-1deg)}}@keyframes sandbox-visual-token-terminal{0%,to{transform:translateY(1px)rotate(-.6deg)}50%{transform:translateY(-4px)rotate(.8deg)}}@keyframes sandbox-visual-cursor{0%,46%{opacity:1}47%,to{opacity:.18}}@keyframes sandbox-visual-chamber{0%,to{transform:translateY(1px)scale(.992)}50%{transform:translateY(-3px)scale(1.008)}}@keyframes sandbox-visual-core{0%,to{transform:translateY(1px)rotate(-.8deg)scale(.98)}50%{transform:translateY(-4px)rotate(1deg)scale(1.025)}}@keyframes sandbox-visual-core-node{0%,to{opacity:.65;transform:scale(.82)}50%{opacity:1;transform:scale(1.24)}}@keyframes sandbox-visual-wave{0%,to{opacity:.42;transform:translate(-5px)}50%{opacity:.88;transform:translate(5px)}}@keyframes sandbox-visual-sweep{0%,16%{opacity:0;transform:translate(0)skew(-12deg)}28%{opacity:.12}72%{opacity:.08;transform:translate(300px)skew(-12deg)}82%,to{opacity:0;transform:translate(300px)skew(-12deg)}}@keyframes sandbox-visual-orb{0%,to{opacity:.52;transform:translate(0)scale(.82)rotate(0)}50%{opacity:1;transform:translate(8px,-9px)scale(1.18)rotate(120deg)}}@keyframes sandbox-visual-transfer-left{0%{opacity:0;transform:translate(0)scale(.5)}16%{opacity:1}78%{opacity:.88;transform:translate(88px,25px)scale(1)}to{opacity:0;transform:translate(98px,28px)scale(.4)}}@keyframes sandbox-visual-transfer-java{0%{opacity:0;transform:translate(0)scale(.5)}16%{opacity:1}78%{opacity:.88;transform:translate(81px,-18px)scale(1)}to{opacity:0;transform:translate(94px,-22px)scale(.4)}}@keyframes sandbox-visual-transfer-right{0%{opacity:0;transform:translate(0)scale(.5)}16%{opacity:1}78%{opacity:.88;transform:translate(-91px)scale(1)}to{opacity:0;transform:translate(-103px,1px)scale(.4)}}@keyframes sandbox-visual-transfer-terminal{0%{opacity:0;transform:translate(0)scale(.5)rotate(0)}16%{opacity:1}78%{opacity:.88;transform:translate(-92px,-4px)scale(1)rotate(130deg)}to{opacity:0;transform:translate(-105px,-5px)scale(.4)rotate(180deg)}}@media (max-width:920px){:is(.practice-page,.sandbox-page)>.ui-page-header,html[data-theme=dark] :is(.practice-page,.sandbox-page)>.ui-page-header{align-items:flex-start;min-height:382px;padding:30px 28px 172px}:is(.practice-page,.sandbox-page)>.ui-page-header>.ui-page-header__visual,html[data-theme=dark] :is(.practice-page,.sandbox-page)>.ui-page-header>.ui-page-header__visual{width:auto;height:166px;inset:auto 18px 7px}:is(.practice-page,.sandbox-page)>.ui-page-header>div:first-child,html[data-theme=dark] :is(.practice-page,.sandbox-page)>.ui-page-header>div:first-child{grid-template-columns:64px minmax(0,1fr);column-gap:25px;width:100%;min-height:150px}:is(.practice-page,.sandbox-page)>.ui-page-header .ui-page-header__icon,html[data-theme=dark] :is(.practice-page,.sandbox-page)>.ui-page-header .ui-page-header__icon{width:56px;height:56px}:is(.practice-page,.sandbox-page)>.ui-page-header .ui-page-header__icon svg,html[data-theme=dark] :is(.practice-page,.sandbox-page)>.ui-page-header .ui-page-header__icon svg{width:30px;height:30px}:is(.practice-page,.sandbox-page)>.ui-page-header>div:first-child:after,html[data-theme=dark] :is(.practice-page,.sandbox-page)>.ui-page-header>div:first-child:after{left:71px}}@media (max-width:520px){:is(.practice-page,.sandbox-page)>.ui-page-header,html[data-theme=dark] :is(.practice-page,.sandbox-page)>.ui-page-header{min-height:430px;padding:26px 22px 151px}:is(.practice-page,.sandbox-page)>.ui-page-header>.ui-page-header__visual,html[data-theme=dark] :is(.practice-page,.sandbox-page)>.ui-page-header>.ui-page-header__visual{height:132px;bottom:5px;left:5px;right:5px}:is(.practice-page,.sandbox-page)>.ui-page-header>div:first-child,html[data-theme=dark] :is(.practice-page,.sandbox-page)>.ui-page-header>div:first-child{grid-template-rows:auto auto auto auto;grid-template-columns:1fr;row-gap:0;min-height:0}:is(.practice-page,.sandbox-page)>.ui-page-header .ui-page-header__icon,html[data-theme=dark] :is(.practice-page,.sandbox-page)>.ui-page-header .ui-page-header__icon{grid-area:1/1;width:58px;height:58px;margin-bottom:34px}:is(.practice-page,.sandbox-page)>.ui-page-header>div:first-child:after,html[data-theme=dark] :is(.practice-page,.sandbox-page)>.ui-page-header>div:first-child:after{background:linear-gradient(90deg, var(--section-hero-accent), var(--section-hero-secondary), transparent);width:100%;height:1px;inset:73px 0 auto}:is(.practice-page,.sandbox-page)>.ui-page-header>div:first-child>:not(.ui-page-header__icon),html[data-theme=dark] :is(.practice-page,.sandbox-page)>.ui-page-header>div:first-child>:not(.ui-page-header__icon){grid-column:1}:is(.practice-page,.sandbox-page)>.ui-page-header .ui-page-header__eyebrow,html[data-theme=dark] :is(.practice-page,.sandbox-page)>.ui-page-header .ui-page-header__eyebrow{font-size:.7rem}:is(.practice-page,.sandbox-page)>.ui-page-header h1,html[data-theme=dark] :is(.practice-page,.sandbox-page)>.ui-page-header h1{font-size:2.35rem}:is(.practice-page,.sandbox-page)>.ui-page-header .ui-page-header__description,html[data-theme=dark] :is(.practice-page,.sandbox-page)>.ui-page-header .ui-page-header__description{margin-top:14px;font-size:.86rem}}@media (max-width:360px){.sandbox-page>.ui-page-header,html[data-theme=dark] .sandbox-page>.ui-page-header{min-height:450px}}@media (prefers-reduced-motion:reduce){.practice-hero-animation *,.practice-hero-animation__scene,.sandbox-hero-animation *,.sandbox-hero-animation__scene{animation:none!important}.practice-hero-animation__particle,.practice-hero-animation__scan,.practice-hero-animation__sheen,.sandbox-hero-animation__transfer,.sandbox-hero-animation__sweep{display:none}.practice-hero-animation__progress{transform:scaleX(.82)}.practice-hero-animation__test-check{stroke-dashoffset:0}}.profile-page>.ui-page-header{--profile-hero-accent:#6366f1;--profile-hero-secondary:#a78bfa;--profile-hero-inset:#6366f11a;--profile-hero-shadow:#4f46e524;--profile-hero-glow:#818cf81c;--profile-hero-divider-glow:#8b5cf647;border:1px solid var(--profile-hero-accent);background:var(--surface);min-height:246px;box-shadow:inset 0 0 34px var(--profile-hero-inset), 0 10px 40px var(--profile-hero-shadow), 0 0 18px var(--profile-hero-glow);isolation:isolate;border-radius:22px;padding:38px 42px;animation:none;position:relative;overflow:hidden}.profile-page>.ui-page-header:before,.profile-page>.ui-page-header:after,.profile-page>.ui-page-header>div:first-child:before{content:none;background:0 0;animation:none}.profile-page>.ui-page-header>div:first-child{z-index:1;grid-template-rows:auto auto auto;grid-template-columns:72px minmax(0,1fr);align-content:center;column-gap:30px;width:min(54%,560px);min-height:156px;display:grid;position:relative}.profile-page>.ui-page-header>div:first-child:after{background:linear-gradient(180deg, transparent, var(--profile-hero-accent) 22%, var(--profile-hero-secondary) 76%, transparent);width:1px;box-shadow:0 0 8px var(--profile-hero-divider-glow);content:"";position:absolute;top:7px;bottom:7px;left:82px}.profile-page>.ui-page-header .ui-page-header__icon{color:#c4b5fd;background:linear-gradient(145deg,#6366f133,#8b5cf61a) padding-box padding-box,linear-gradient(145deg,#6366f1,#a78bfa) border-box;border:1px solid #0000;border-radius:16px;grid-area:1/1/4;align-self:center;place-items:center;width:62px;height:62px;display:grid;box-shadow:inset 0 0 18px #6366f138,0 0 18px #8b5cf638}.profile-page>.ui-page-header>div:first-child>.ui-page-header__icon{grid-area:1/1/4}.profile-page>.ui-page-header .ui-page-header__icon svg{width:33px;height:33px}.profile-page>.ui-page-header>div:first-child>*{z-index:1;position:relative}.profile-page>.ui-page-header>div:first-child>:not(.ui-page-header__icon){grid-column:2}.profile-page>.ui-page-header .ui-page-header__eyebrow{color:var(--profile-hero-secondary);letter-spacing:.12em;margin:0 0 12px;font-size:.78rem;font-weight:780;line-height:1.35}.profile-page>.ui-page-header h1{color:var(--text-strong);letter-spacing:-.05em;text-shadow:none;margin:0;font-size:clamp(2.35rem,4.2vw,3.3rem);font-weight:720;line-height:1}html[data-theme=dark] .profile-page>.ui-page-header h1{color:#fff;text-shadow:0 3px 22px #00000052}.profile-page>.ui-page-header .ui-page-header__description{width:min(100%,540px);color:var(--text-secondary);margin:16px 0 0;font-size:.95rem;line-height:1.6}.profile-page>.ui-page-header>.ui-page-header__visual{z-index:0;pointer-events:none;width:min(52%,650px);position:absolute;top:13px;bottom:10px;right:16px}.profile-hero-animation{--profile-visual-panel-start:#111d3b;--profile-visual-panel-end:#18162f;--profile-visual-panel-border:#818cf88f;--profile-visual-divider:#818cf82e;--profile-visual-token:#111a34;--profile-visual-token-border:#818cf885;--profile-visual-avatar-soft:#6366f121;--profile-visual-field:#6366f112;--profile-visual-field-border:#818cf82e;--profile-visual-track:#818cf81f;--profile-visual-line:#e0e7ff6b;--profile-visual-line-strong:#eef2ffa3;--profile-visual-muted:#c7d2fe4d;--profile-visual-blue:#818cf8;--profile-visual-blue-soft:#6366f129;--profile-visual-violet:#a78bfa;--profile-visual-violet-soft:#8b5cf621;--profile-visual-cyan:#67e8f9;--profile-visual-success:#34d399;--profile-visual-success-soft:#34d3991f;--profile-visual-success-border:#34d39947;width:100%;height:100%}html[data-theme=light] .profile-hero-animation{--profile-visual-panel-start:#f4f5ff;--profile-visual-panel-end:#f7f2ff;--profile-visual-panel-border:#4f46e566;--profile-visual-divider:#4f46e521;--profile-visual-token:#fafaff;--profile-visual-token-border:#4f46e55c;--profile-visual-avatar-soft:#6366f114;--profile-visual-field:#6366f10d;--profile-visual-field-border:#4f46e529;--profile-visual-track:#4f46e517;--profile-visual-line:#312e8157;--profile-visual-line-strong:#1e1b4b8f;--profile-visual-muted:#4f46e53d;--profile-visual-blue:#4f46e5;--profile-visual-blue-soft:#4f46e514;--profile-visual-violet:#7c3aed;--profile-visual-violet-soft:#7c3aed14;--profile-visual-cyan:#0891b2;--profile-visual-success:#059669;--profile-visual-success-soft:#05966914;--profile-visual-success-border:#05966938}.profile-hero-animation svg{width:100%;height:100%;display:block;overflow:visible}.profile-hero-animation__scene{transform-origin:50%;animation:8.2s ease-in-out infinite profile-visual-scene-float}.profile-hero-animation__flow-glow{opacity:.1;filter:blur(5px);animation:4.8s ease-in-out infinite profile-visual-flow-glow}.profile-hero-animation__flow{animation:4.8s linear infinite profile-visual-flow}.profile-hero-animation__identity,.profile-hero-animation__card,.profile-hero-animation__security,.profile-hero-animation__mini-avatar,.profile-hero-animation__details,.profile-hero-animation__field,.profile-hero-animation__identity-head,.profile-hero-animation__identity-status,.profile-hero-animation__identity-spark,.profile-hero-animation__session-dot,.profile-hero-animation__security-status,.profile-hero-animation__pulse{transform-box:fill-box;transform-origin:50%}.profile-hero-animation__identity{animation:5.2s ease-in-out infinite profile-visual-identity}.profile-hero-animation__identity-orbit{transform-box:fill-box;transform-origin:50%;animation:13s linear infinite profile-visual-orbit}.profile-hero-animation__identity-head{animation:4.4s ease-in-out infinite profile-visual-avatar}.profile-hero-animation__identity-status,.profile-hero-animation__session-dot,.profile-hero-animation__security-status{animation:2.2s ease-in-out infinite profile-visual-status}.profile-hero-animation__identity-spark{animation:4s ease-in-out infinite profile-visual-spark}.profile-hero-animation__card{animation:7.2s ease-in-out infinite profile-visual-card}.profile-hero-animation__mini-avatar,.profile-hero-animation__details,.profile-hero-animation__field{animation:6.4s ease-in-out infinite profile-visual-detail}.profile-hero-animation__field--one{animation-delay:-1.1s}.profile-hero-animation__field--two{animation-delay:-2.2s}.profile-hero-animation__caret{animation:1.05s step-end infinite profile-visual-caret}.profile-hero-animation__progress{transform-box:fill-box;transform-origin:0;animation:6.4s ease-in-out infinite profile-visual-progress}.profile-hero-animation__scan{transform-box:fill-box;transform-origin:50%;animation:6.4s ease-in-out infinite profile-visual-scan}.profile-hero-animation__security{animation:5.4s ease-in-out infinite profile-visual-security}.profile-hero-animation__security-orbit{transform-box:fill-box;transform-origin:50%;animation:14s linear infinite profile-visual-orbit-reverse}.profile-hero-animation__security-check{stroke-dasharray:1;stroke-dashoffset:1px;animation:6.4s ease-in-out infinite profile-visual-check}.profile-hero-animation__pulse{opacity:0}.profile-hero-animation__pulse--identity{animation:3.8s ease-in-out infinite profile-visual-pulse-identity}.profile-hero-animation__pulse--security{animation:3.8s ease-in-out -1.9s infinite profile-visual-pulse-security}@keyframes profile-visual-scene-float{0%,to{transform:translateY(1px)}50%{transform:translateY(-3px)}}@keyframes profile-visual-flow{to{stroke-dashoffset:-.5px}}@keyframes profile-visual-flow-glow{0%,to{opacity:.08}50%{opacity:.22}}@keyframes profile-visual-identity{0%,to{transform:translateY(1px)rotate(-.8deg)}50%{transform:translateY(-5px)rotate(.8deg)}}@keyframes profile-visual-orbit{to{transform:rotate(360deg)}}@keyframes profile-visual-orbit-reverse{to{transform:rotate(-360deg)}}@keyframes profile-visual-avatar{0%,to{opacity:.76;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}@keyframes profile-visual-status{0%,to{opacity:.58;transform:scale(.82)}50%{opacity:1;transform:scale(1.22)}}@keyframes profile-visual-spark{0%,to{opacity:.34;transform:rotate(0)scale(.82)}50%{opacity:1;transform:rotate(90deg)scale(1.16)}}@keyframes profile-visual-card{0%,to{transform:translateY(1px)scale(.995)}50%{transform:translateY(-3px)scale(1.005)}}@keyframes profile-visual-detail{0%,to{opacity:.74;transform:translateY(1px)}50%{opacity:1;transform:translateY(-1px)}}@keyframes profile-visual-caret{0%,46%{opacity:1}47%,to{opacity:.16}}@keyframes profile-visual-progress{0%,12%{transform:scaleX(.18)}58%,84%{transform:scaleX(.86)}to{transform:scaleX(.18)}}@keyframes profile-visual-scan{0%,14%{opacity:0;transform:translate(0)skew(-10deg)}26%{opacity:.14}68%{opacity:.1;transform:translate(360px)skew(-10deg)}80%,to{opacity:0;transform:translate(360px)skew(-10deg)}}@keyframes profile-visual-security{0%,to{transform:translateY(1px)rotate(.8deg)}50%{transform:translateY(-5px)rotate(-.8deg)}}@keyframes profile-visual-check{0%,18%{opacity:.2;stroke-dashoffset:1px}46%,82%{opacity:1;stroke-dashoffset:0}to{opacity:.2;stroke-dashoffset:1px}}@keyframes profile-visual-pulse-identity{0%{opacity:0;transform:translate(0)scale(.5)}16%{opacity:1}78%{opacity:.9;transform:translate(59px,-8px)scale(1)}to{opacity:0;transform:translate(70px,-10px)scale(.4)}}@keyframes profile-visual-pulse-security{0%{opacity:0;transform:translate(0)scale(.5)rotate(0)}16%{opacity:1}78%{opacity:.9;transform:translate(-48px,-7px)scale(1)rotate(130deg)}to{opacity:0;transform:translate(-58px,-8px)scale(.4)rotate(180deg)}}@media (max-width:920px){.profile-page>.ui-page-header{align-items:flex-start;min-height:382px;padding:30px 28px 172px}.profile-page>.ui-page-header>.ui-page-header__visual{width:auto;height:166px;inset:auto 18px 7px}.profile-page>.ui-page-header>div:first-child{grid-template-columns:64px minmax(0,1fr);column-gap:25px;width:100%;min-height:150px}.profile-page>.ui-page-header .ui-page-header__icon{width:56px;height:56px}.profile-page>.ui-page-header .ui-page-header__icon svg{width:30px;height:30px}.profile-page>.ui-page-header>div:first-child:after{left:71px}}@media (max-width:520px){.profile-page>.ui-page-header{min-height:430px;padding:26px 22px 151px}.profile-page>.ui-page-header>.ui-page-header__visual{height:132px;bottom:5px;left:5px;right:5px}.profile-page>.ui-page-header>div:first-child{grid-template-rows:auto auto auto auto;grid-template-columns:1fr;row-gap:0;min-height:0}.profile-page>.ui-page-header .ui-page-header__icon{grid-area:1/1;width:58px;height:58px;margin-bottom:34px}.profile-page>.ui-page-header>div:first-child:after{background:linear-gradient(90deg, var(--profile-hero-accent), var(--profile-hero-secondary), transparent);width:100%;height:1px;inset:73px 0 auto}.profile-page>.ui-page-header>div:first-child>:not(.ui-page-header__icon){grid-column:1}.profile-page>.ui-page-header .ui-page-header__eyebrow{font-size:.7rem}.profile-page>.ui-page-header h1{font-size:2.35rem}.profile-page>.ui-page-header .ui-page-header__description{margin-top:14px;font-size:.86rem}}@media (prefers-reduced-motion:reduce){.profile-hero-animation *,.profile-hero-animation__scene{animation:none!important}.profile-hero-animation__pulse,.profile-hero-animation__scan{display:none}.profile-hero-animation__progress{transform:scaleX(.86)}.profile-hero-animation__security-check{stroke-dashoffset:0}}.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{overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:var(--border) transparent;border:1px solid color-mix(in srgb, var(--accent) 25%, var(--border));background:radial-gradient(ellipse at 115% 62%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 65%), linear-gradient(180deg, color-mix(in srgb, var(--accent) 5%, var(--surface-raised)), color-mix(in srgb, var(--surface-raised) 60%, var(--sidebar-background)) 48%, var(--sidebar-background));border-radius:18px;width:calc(100% - 12px);height:calc(100dvh - 16px);min-height:0;margin-inline:6px;padding:clamp(12px,2dvh - 2px,20px) 18px;top:8px;overflow:hidden auto;box-shadow:inset 0 1px #ffffff0a}.app-shell--dashboard .app-sidebar>*{z-index:1;flex-shrink:0;position:relative}.app-shell--dashboard .app-sidebar>.app-sidebar__background{z-index:0;pointer-events:none;fill:none;width:100%;height:54%;max-height:480px;stroke:color-mix(in srgb, var(--accent) 14%, transparent);stroke-width:1px;position:absolute;bottom:0;right:0;-webkit-mask-image:linear-gradient(#0000,#000 24% 70%,#0000);mask-image:linear-gradient(#0000,#000 24% 70%,#0000)}.app-sidebar__background path{vector-effect:non-scaling-stroke}.app-sidebar__background path:nth-child(2){opacity:.7}.app-sidebar__background path:nth-child(3){opacity:.45}.app-shell--dashboard .app-sidebar__top{justify-content:center;width:100%;margin:0 0 clamp(8px,2dvh - 4px,16px)}.app-shell--dashboard .app-sidebar__top .site-brand--compact{width:216px}.app-shell--dashboard .app-sidebar__top .site-brand--compact.site-brand--homepage-wordmark{width:100%;min-height:44px}.app-shell--dashboard .app-navigation{gap:clamp(4px,2dvh - 10px,10px)}.app-shell--dashboard .app-navigation__item{min-height:clamp(44px,6dvh,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 .app-nav-animated-icon{--app-nav-icon-rotation:0deg;transform-box:fill-box;transform-origin:50%;transition:color .2s,filter .42s cubic-bezier(.2,.8,.2,1),transform .42s cubic-bezier(.2,.8,.2,1);overflow:visible}.app-shell--dashboard .app-navigation__item .learning-nav-icon{--app-nav-icon-rotation:-3deg}.app-shell--dashboard .app-navigation__item .practice-nav-icon{--app-nav-icon-rotation:3deg}.app-shell--dashboard .app-navigation__item .sandbox-nav-icon{--app-nav-icon-rotation:-5deg}.home-nav-icon>path,.learning-nav-icon__book,.learning-nav-icon__page,.learning-nav-icon__line,.learning-nav-icon__spark,.practice-nav-icon__frame,.practice-nav-icon__bar,.practice-nav-icon__dot,.practice-nav-icon__prompt,.practice-nav-icon__cursor,.profile-nav-icon>circle,.profile-nav-icon>path,.sandbox-nav-icon__tray,.sandbox-nav-icon__surface,.sandbox-nav-icon__particle{transform-box:fill-box;transform-origin:50%}.sandbox-nav-icon__surface{opacity:.72;stroke-dasharray:1;stroke-dashoffset:0}.sandbox-nav-icon__particle{opacity:.58}.learning-nav-icon__page--left{transform-origin:100% 100%}.learning-nav-icon__page--right{transform-origin:0 100%}.learning-nav-icon__line{opacity:.58}.practice-nav-icon__dot{opacity:.68}.app-shell--dashboard .app-navigation__item:is(:hover,:focus-visible) .app-nav-animated-icon{filter:brightness(1.14) drop-shadow(0 0 4px color-mix(in srgb, var(--accent) 32%, transparent));transform:translate(-1px, -2px) rotate(var(--app-nav-icon-rotation)) scale(1.04)}.app-shell--dashboard .app-navigation__item:is(:hover,:focus-visible) .home-nav-icon>path:first-child{animation:1.55s ease-in-out infinite home-nav-roof-lift}.app-shell--dashboard .app-navigation__item:is(:hover,:focus-visible) .home-nav-icon>path:last-child{animation:1.55s ease-in-out infinite home-nav-door-welcome}.app-shell--dashboard .app-navigation__item:is(:hover,:focus-visible) .learning-nav-icon__page--left{animation:1.7s ease-in-out infinite learning-nav-page-left}.app-shell--dashboard .app-navigation__item:is(:hover,:focus-visible) .learning-nav-icon__page--right{animation:1.7s ease-in-out infinite learning-nav-page-right}.app-shell--dashboard .app-navigation__item:is(:hover,:focus-visible) .learning-nav-icon__line{animation:1.7s ease-in-out infinite learning-nav-line-read}.app-shell--dashboard .app-navigation__item:is(:hover,:focus-visible) .learning-nav-icon__spark{animation:1.35s ease-in-out infinite learning-nav-spark-rise}.app-shell--dashboard .app-navigation__item:is(:hover,:focus-visible) .practice-nav-icon__prompt{animation:1.45s ease-in-out infinite practice-nav-prompt-run}.app-shell--dashboard .app-navigation__item:is(:hover,:focus-visible) .practice-nav-icon__cursor{animation:1.1s steps(2,jump-none) infinite practice-nav-cursor-blink}.app-shell--dashboard .app-navigation__item:is(:hover,:focus-visible) .practice-nav-icon__dot{animation:1.5s ease-in-out infinite practice-nav-dot-pulse}.app-shell--dashboard .app-navigation__item:is(:hover,:focus-visible) .practice-nav-icon__dot--two{animation-delay:-.55s}.app-shell--dashboard .app-navigation__item:is(:hover,:focus-visible) .profile-nav-icon>circle{animation:1.55s ease-in-out infinite profile-nav-head-nod}.app-shell--dashboard .app-navigation__item:is(:hover,:focus-visible) .profile-nav-icon>path{animation:1.75s ease-in-out infinite profile-nav-shoulders-breathe}.app-shell--dashboard .app-navigation__item--sandbox:is(:hover,:focus-visible) .sandbox-nav-icon__tray{animation:1.6s ease-in-out infinite sandbox-nav-tray-breathe}.app-shell--dashboard .app-navigation__item--sandbox:is(:hover,:focus-visible) .sandbox-nav-icon__surface{animation:1.8s ease-in-out infinite sandbox-nav-surface-flow}.app-shell--dashboard .app-navigation__item--sandbox:is(:hover,:focus-visible) .sandbox-nav-icon__particle{animation:1.45s ease-in-out infinite sandbox-nav-particle-rise}.app-shell--dashboard .app-navigation__item--sandbox:is(:hover,:focus-visible) .sandbox-nav-icon__particle--two{animation-delay:-.48s}.app-shell--dashboard .app-navigation__item--sandbox:is(:hover,:focus-visible) .sandbox-nav-icon__particle--three{animation-delay:-.92s}@keyframes home-nav-roof-lift{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}@keyframes home-nav-door-welcome{0%,to{opacity:.74;transform:scaleY(.96)}50%{opacity:1;transform:scaleY(1.08)}}@keyframes learning-nav-page-left{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(-.4px)rotate(-2.5deg)}}@keyframes learning-nav-page-right{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(.4px)rotate(2.5deg)}}@keyframes learning-nav-line-read{0%,to{opacity:.48}50%{opacity:1}}@keyframes learning-nav-spark-rise{0%,to{opacity:.6;transform:translateY(0)scale(.88)}50%{opacity:1;transform:translateY(-1.2px)scale(1.12)}}@keyframes practice-nav-prompt-run{0%,to{transform:translate(0)}50%{transform:translate(.9px)}}@keyframes practice-nav-cursor-blink{0%,42%{opacity:1}43%,to{opacity:.32}}@keyframes practice-nav-dot-pulse{0%,to{opacity:.5;transform:scale(.84)}50%{opacity:1;transform:scale(1.16)}}@keyframes profile-nav-head-nod{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}@keyframes profile-nav-shoulders-breathe{0%,to{transform:scaleX(.98)}50%{transform:scaleX(1.03)}}@keyframes sandbox-nav-tray-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-.45px)}}@keyframes sandbox-nav-surface-flow{0%,to{opacity:.72;stroke-dashoffset:0;transform:translate(0)}50%{opacity:1;stroke-dashoffset:-.12px;transform:translate(.45px)}}@keyframes sandbox-nav-particle-rise{0%,to{opacity:.48;transform:translateY(0)scale(.88)}50%{opacity:1;transform:translateY(-2px)scale(1.12)}}@media (prefers-reduced-motion:reduce){.app-shell--dashboard .app-navigation__item .app-nav-animated-icon,.app-shell--dashboard .app-navigation__item .app-nav-animated-icon *{transition:none!important;animation:none!important;transform:none!important}}.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;padding-top:8px}.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;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:"";position:absolute;inset:-40% -10%}.app-shell--dashboard .system-status__dot{margin-top:5px}.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{isolation:isolate;border-color:color-mix(in srgb, var(--accent) 58%, var(--border));background:radial-gradient(circle at 57% -18%,#185cea70,#0000 40%),radial-gradient(circle at 83% 20%,#1b4ebe33,#0000 38%),linear-gradient(112deg,#071936 0%,#071b3e 48%,#06152f 100%);grid-column:1/3;grid-template-columns:minmax(275px,1.15fr) 172px minmax(172px,.75fr);align-items:center;gap:22px;height:276px;min-height:276px;padding:24px 26px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #80bdff2e,inset 0 0 42px #0f53cd14,0 0 28px #1568ff14}.dashboard-v2-hero:before,.dashboard-v2-hero:after{display:none}.dashboard-hero-background{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.dashboard-hero-background__ambient{opacity:.72;will-change:opacity, filter;background:radial-gradient(circle at 58% 42%,#1b6dff30,#0000 31%),radial-gradient(at 72% 92%,#2d3fff29,#0000 34%),radial-gradient(at 30% 112%,#145ddc1f,#0000 42%);animation:8s ease-in-out infinite dashboard-hero-data-ambient;position:absolute;inset:-25% -12%}.dashboard-hero-background__svg{width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.dashboard-hero-layer{transform-box:fill-box;transform-origin:50%;will-change:transform;transition:transform .85s cubic-bezier(.22,.61,.36,1)}.dashboard-hero-layer--far{transform:translate3d(var(--hero-parallax-far-x), var(--hero-parallax-far-y), 0)}.dashboard-hero-layer--lines,.dashboard-hero-layer--geometry{transform:translate3d(var(--hero-parallax-lines-x), var(--hero-parallax-lines-y), 0)}.dashboard-hero-layer--waves{transform:translate3d(var(--hero-parallax-waves-x), var(--hero-parallax-waves-y), 0)}.dashboard-hero-fine-arc,.dashboard-hero-network-line{fill:none;vector-effect:non-scaling-stroke}.dashboard-hero-fine-arc{stroke:#4e85ff1f;stroke-width:.85px}.dashboard-hero-fine-arc--dashed{stroke:#4c90ff1a;stroke-dasharray:3 8}.dashboard-hero-network-line{stroke:url(#hero-network-gradient);stroke-width:.9px;stroke-dasharray:2 4;animation:13s ease-in-out infinite dashboard-hero-network-reveal}.dashboard-hero-network-line--secondary{opacity:.52;animation-delay:-6s}.dashboard-hero-network-node{fill:#4c9dff;opacity:.32;filter:url(#hero-soft-glow);animation:7.5s ease-in-out infinite dashboard-hero-node-breathe}.dashboard-hero-dot{fill:url(#hero-node-gradient);opacity:.34;filter:url(#hero-soft-glow);transform-box:fill-box;transform-origin:50%;animation:10s ease-in-out infinite dashboard-hero-dot-drift}.dashboard-hero-dot--2{animation-duration:12s;animation-delay:-2.8s}.dashboard-hero-dot--3{animation-duration:9s;animation-delay:-6.2s}.dashboard-hero-dot--4{animation-duration:13s;animation-delay:-4.4s}.dashboard-hero-dot--5{animation-duration:11s;animation-delay:-8s}.dashboard-hero-dot--6{animation-duration:14s;animation-delay:-3.5s}.dashboard-hero-geometry{fill:#275ccf0e;stroke:#407eff21;stroke-width:.75px;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:50%;animation:11s ease-in-out infinite dashboard-hero-geometry-float}.dashboard-hero-geometry--2{animation-duration:9s;animation-delay:-5s}.dashboard-hero-geometry--3{animation-duration:12s;animation-delay:-2s}.dashboard-hero-wave{fill:none;transform-box:fill-box;transform-origin:50%;vector-effect:non-scaling-stroke}.dashboard-hero-wave--wash{fill:url(#hero-network-gradient);opacity:.16;animation:15s ease-in-out infinite dashboard-hero-wave-wash}.dashboard-hero-wave--primary{stroke:url(#hero-wave-gradient);stroke-width:1.45px;opacity:.62;animation:14s ease-in-out infinite dashboard-hero-wave-primary}.dashboard-hero-wave--secondary{stroke:#445cff5c;stroke-width:1.05px;animation:16s ease-in-out -7s infinite dashboard-hero-wave-secondary}.dashboard-hero-wave--filament{stroke:#3c7dff2b;stroke-width:.72px;animation:12s ease-in-out -4s infinite dashboard-hero-wave-filament}.dashboard-hero-flow-pulse{fill:#8fdcff;opacity:.74}.dashboard-hero-flow-pulse--tail{fill:#4898ff;opacity:.24}.dashboard-hero-flow-pulse--secondary,.dashboard-hero-flow-pulse--network{opacity:.5}.dashboard-progress-orbits{z-index:0;pointer-events:none;width:132%;height:132%;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.dashboard-progress-orbit{fill:none;stroke:#4f8dff2b;stroke-width:.8px;stroke-dasharray:2 8 18 12;transform-box:view-box;transform-origin:50%;vector-effect:non-scaling-stroke}.dashboard-progress-orbit--outer{animation:35s linear infinite dashboard-progress-orbit-clockwise}.dashboard-progress-orbit--inner{stroke:#4ac4ff1f;stroke-dasharray:1 11 11 16;animation:50s linear infinite dashboard-progress-orbit-counter}.dashboard-progress-orbit__node{fill:#61b7ff;stroke:none;opacity:.52;filter:url(#hero-soft-glow)}.dashboard-v2-hero__copy,.dashboard-v2-hero__facts,.dashboard-v2-hero .dashboard-progress-ring{z-index:2;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;color:#f4f8ff;text-shadow:0 1px 18px #07122c47;margin:14px 0 10px;font-size:clamp(2rem,2.3vw,2.28rem);font-weight:560;line-height:1.03}.dashboard-v2-hero__copy>span{color:#aec2df;max-width:330px;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{isolation:isolate;background:conic-gradient(from -42deg, #40dfd2 0 var(--dashboard-progress-mid), #1981ff var(--dashboard-progress-mid) var(--dashboard-progress), #0a1e42f5 0);width:172px;height:172px;box-shadow:0 0 28px color-mix(in srgb, var(--accent) 10%, transparent), inset 0 0 0 1px #4a85ff21;border-radius:50%;place-items:center;display:grid}.dashboard-v2-hero .dashboard-progress-ring:before{z-index:1;background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--accent) 7%, transparent), transparent 64%), #071936;content:"";border:1px solid #4382ff3b;border-radius:50%;width:144px;height:144px;position:absolute;box-shadow:inset 0 0 28px #00051652}.dashboard-v2-hero .dashboard-progress-ring:after{z-index:0;opacity:.55;content:"";pointer-events:none;border:1px solid #4085ff14;border-radius:50%;animation:7s ease-in-out infinite dashboard-progress-glow-breathe;position:absolute;inset:-15px;box-shadow:0 0 28px #2173ff33}.dashboard-v2-hero .dashboard-progress-ring>div{z-index:2;justify-items:center;gap:7px;display:grid;position:relative}.dashboard-v2-hero .dashboard-progress-ring strong{color:#f6f9ff;font-size:2.05rem;font-weight:650;line-height:1}.dashboard-v2-hero .dashboard-progress-ring span{color:#adc2df;font-size:.68rem}.dashboard-v2-hero__facts{border-left:1px solid #4684ff40;align-content:center;gap:12px;min-height:154px;padding-left:22px;display:grid}.dashboard-v2-hero__facts>p{color:#aec2df;margin:0 0 1px;font-size:.7rem}.dashboard-v2-hero-fact{color:#aec2df;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-text,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:#f4f8ff;margin-right:4px;font-size:.86rem;font-weight:650}@keyframes dashboard-hero-data-ambient{0%,to{opacity:.62;filter:brightness(.96)}50%{opacity:.76;filter:brightness(1.035)}}@keyframes dashboard-hero-network-reveal{0%,to{opacity:.16;stroke-dashoffset:0}45%{opacity:.42}72%{opacity:.24;stroke-dashoffset:-18px}}@keyframes dashboard-hero-node-breathe{0%,to{opacity:.22}50%{opacity:.48}}@keyframes dashboard-hero-dot-drift{0%,to{opacity:.23;translate:0}50%{opacity:.48;translate:2px -3px}}@keyframes dashboard-hero-geometry-float{0%,to{opacity:.5;translate:0}50%{opacity:.78;translate:0 -4px}}@keyframes dashboard-hero-wave-wash{0%,to{opacity:.11;translate:0 1px}50%{opacity:.2;translate:0 -3px}}@keyframes dashboard-hero-wave-primary{0%,to{opacity:.55;translate:0 1px}48%{opacity:.76;translate:0 -2px}76%{opacity:.63;translate:1px}}@keyframes dashboard-hero-wave-secondary{0%,to{opacity:.22;translate:0 -1px}52%{opacity:.46;translate:-1px 3px}}@keyframes dashboard-hero-wave-filament{0%,to{opacity:.12;translate:0}50%{opacity:.28;translate:1px -2px}}@keyframes dashboard-progress-orbit-clockwise{to{transform:rotate(360deg)}}@keyframes dashboard-progress-orbit-counter{to{transform:rotate(-360deg)}}@keyframes dashboard-progress-glow-breathe{0%,to{opacity:.55;box-shadow:0 0 25px #2173ff29}50%{opacity:.75;box-shadow:0 0 34px #2173ff3d}}.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-text,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-text,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));isolation:isolate;background:radial-gradient(circle at 76% 15%,#7e3fff2e,#0000 34%),radial-gradient(circle at 38% 76%,#1f77ff33,#0000 45%),linear-gradient(145deg,#2b175d 0%,#20144c 42%,#0d285a 100%);border-radius:9px;width:100%;height:136px;min-height:136px;animation:7.5s ease-in-out infinite dashboard-course-art-breathe;position:relative;overflow:hidden;box-shadow:inset 0 1px #dccfff14,inset 0 0 26px #3d22993d,0 0 16px #673dff14}.dashboard-v2-course-art:before{z-index:-1;content:"";background:linear-gradient(112deg,#0000 12%,#7956ff0e 48%,#0000 72%),radial-gradient(circle at 55% 38%,#b98dff14,#0000 35%);animation:10s ease-in-out infinite dashboard-course-art-ambient;position:absolute;inset:0}.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;box-shadow:0 0 5px #ae7fff57}.dashboard-v2-course-art__code{z-index:2;color:#e8deffdb;text-shadow:0 0 5px #9e72ff33;min-height:52px;transition:opacity .52s,transform .52s;position:absolute;top:27px;left:9px;right:6px}.dashboard-v2-course-art__code code{letter-spacing:-.018em;white-space:pre;font-family:JetBrains Mono,Cascadia Code,Consolas,monospace;font-size:.29rem;font-weight:500;line-height:1.48;display:block}.dashboard-v2-course-art__code code>span{color:inherit;font:inherit;letter-spacing:inherit;transform:none}.dashboard-v2-course-art[data-phase=resetting] .dashboard-v2-course-art__code{opacity:0;transform:translateY(-2px)}.dashboard-v2-course-art__cursor{vertical-align:-.08rem;background:#7dd3fc;width:1px;height:.43rem;margin-left:1px;animation:1.15s ease-in-out infinite dashboard-course-art-cursor;display:inline-block;box-shadow:0 0 5px #60a5fa8c}.dashboard-v2-course-art[data-phase=static] .dashboard-v2-course-art__cursor{display:none}.dashboard-v2-course-art__particles i{z-index:1;opacity:.22;background:#b579ff;border-radius:50%;width:2px;height:2px;animation:11s ease-in-out infinite dashboard-course-art-particle;position:absolute;box-shadow:0 0 5px #a965ff6b}.dashboard-v2-course-art__particles i:first-child{animation-delay:-2s;top:49px;left:6px}.dashboard-v2-course-art__particles i:nth-child(2){animation-delay:-7s;top:24px;right:14px}.dashboard-v2-course-art__particles i:nth-child(3){animation-delay:-4s;bottom:17px;right:7px}.dashboard-v2-course-art__particles i:nth-child(4){animation-delay:-9s;bottom:7px;left:21px}.dashboard-v2-course-art__orbits{z-index:0;fill:none;stroke:#7169ff3d;stroke-width:1px;transform-origin:84% 82%;width:116px;height:136px;animation:16s ease-in-out infinite dashboard-course-art-orbits;position:absolute;bottom:-15px;right:-8px;overflow:visible}.dashboard-v2-course-art__orbits path:last-child{stroke:#518dff24;stroke-dasharray:3 4}.dashboard-v2-course-art__mark{z-index:2;color:#a977ff;text-align:center;text-shadow:0 0 13px #8058ff6b;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:1.45rem;font-weight:700;line-height:1;animation:6.5s ease-in-out infinite dashboard-course-art-mark;position:absolute;bottom:14px;left:0;right:0}.dashboard-v2-continue__copy{min-width:0}.dashboard-status-pill{min-height:21px;color:var(--accent-text,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-text,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-text,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-text,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-course-art-breathe{0%,to{border-color:color-mix(in srgb, #7c3aed 30%, var(--border));box-shadow:inset 0 1px #dccfff14,inset 0 0 26px #3d22993d,0 0 14px #673dff12}50%{border-color:color-mix(in srgb, #8b5cf6 40%, var(--border));box-shadow:inset 0 1px #dccfff1a,inset 0 0 29px #3d22994a,0 0 18px #673dff1c}}@keyframes dashboard-course-art-ambient{0%,to{opacity:.58;transform:translate(-2px)}50%{opacity:.86;transform:translate(2px,-1px)}}@keyframes dashboard-course-art-cursor{0%,to{opacity:.28}46%{opacity:.92}68%{opacity:.66}}@keyframes dashboard-course-art-particle{0%,to{opacity:.13;transform:translateY(2px)}42%{opacity:.38;transform:translate(2px,-2px)}72%{opacity:.22;transform:translate(-1px,-3px)}}@keyframes dashboard-course-art-orbits{0%,to{opacity:.54;transform:rotate(-1deg)translateY(1px)}50%{opacity:.8;transform:rotate(2deg)translate(-2px,-1px)}}@keyframes dashboard-course-art-mark{0%,to{opacity:.76;text-shadow:0 0 10px #8058ff52}50%{opacity:.96;text-shadow:0 0 15px #8058ff80}}@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-hero-background__ambient,.dashboard-hero-network-line,.dashboard-hero-network-node,.dashboard-hero-dot,.dashboard-hero-geometry,.dashboard-hero-wave,.dashboard-progress-orbit,.dashboard-v2-hero .dashboard-progress-ring:after{animation:none!important}.dashboard-hero-layer{transition:none!important;transform:none!important}.dashboard-hero-flow-pulses{display:none}.dashboard-v2-course-art,.dashboard-v2-course-art:before,.dashboard-v2-course-art__cursor,.dashboard-v2-course-art__particles i,.dashboard-v2-course-art__orbits,.dashboard-v2-course-art__mark{animation:none!important}.dashboard-v2-course-art__particles{display:none}}.dashboard-v2-recommendations__list>a>svg{color:var(--accent-text,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;height:auto;min-height:374px}.dashboard-v2-hero__facts{border-top:1px solid #4684ff33;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>div{white-space:normal}}@media (max-width:799px){.app-shell--dashboard .app-sidebar{scrollbar-gutter:stable both-edges;border-width:0 1px;border-left-color:#0000;border-radius:0 18px 18px 0;width:min(86vw,300px);height:100dvh;margin:0;top:0}.app-shell--dashboard .app-sidebar__top .site-brand--compact{width:calc(100% - 56px)}.app-shell--dashboard .app-sidebar__top{grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;display:grid}.app-shell--dashboard .app-sidebar__top .site-brand--homepage-wordmark{grid-area:1/2}.app-shell--dashboard .app-sidebar__close{grid-area:1/3}.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 #4684ff33;border-left:0;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));min-height:0;padding:16px 0 0}.dashboard-hero-geometry--2,.dashboard-hero-geometry--3,.dashboard-hero-dot--2,.dashboard-hero-dot--5,.dashboard-hero-network-line--secondary,.dashboard-hero-flow-pulse--secondary{display:none}.dashboard-progress-orbits{width:118%;height:118%}.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-hero-layer--geometry,.dashboard-hero-network-line,.dashboard-hero-flow-pulse--network,.dashboard-progress-orbit--outer{display:none}.dashboard-v2-continue__body{grid-template-columns:92px minmax(0,1fr)}.dashboard-v2-course-art{height:124px;min-height:124px}.dashboard-v2-course-art__code code{font-size:.235rem}.dashboard-v2-course-art__mark{font-size:1.25rem;bottom:12px}.dashboard-v2-card-footer>span{display:none}}.lesson-sql-checkpoint__empty-schema{color:var(--text-secondary);padding:1.5rem}.lesson-sql-checkpoint__empty-schema strong{color:var(--text-primary)}.lesson-sql-checkpoint__workspace-note{margin-block:.75rem}