@layer reset{*,:before,:after{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{min-width:0;margin:0}button,input,select,textarea{font:inherit}}@layer tokens{:root{--dashboard-bg:#f6f7f9;--dashboard-panel:#fff;--dashboard-text:#111827;--dashboard-muted:#475569;--dashboard-border:#d1d5db;--dashboard-primary:#2563eb;--dashboard-primary-dark:#1d4ed8;--dashboard-primary-soft:#eff6ff;--dashboard-code:#111827;--focus-ring:#0b57d0;--error-text:#9f1239;--error-surface:#fff1f2;--motion-fast:.18s;--sticky-content-top:92px}}@layer components{.async-state{align-items:center;gap:12px}.loading-state{color:var(--dashboard-muted);grid-template-columns:auto minmax(0,1fr);display:grid}.loading-indicator{border:2px solid var(--dashboard-border);border-top-color:var(--dashboard-primary);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite loading-indicator-spin}.error-state{background:var(--error-surface);color:var(--error-text);border-color:#fda4af}.error-state .status-line,.inline-alert{color:var(--error-text)}.language-menu:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.language-menu button.is-active{box-shadow:inset 3px 0 0 var(--dashboard-primary)}.chevron-svg{transition:transform var(--motion-fast) ease}.chevron-svg.is-open{transform:rotate(180deg)}@keyframes loading-indicator-spin{to{transform:rotate(360deg)}}}@layer features{body{background:var(--dashboard-bg);color:var(--dashboard-text);letter-spacing:0;font-family:Segoe UI,Noto Sans KR,system-ui,sans-serif;line-height:1.5}.skip-link{z-index:1000;border:2px solid var(--focus-ring);color:var(--dashboard-text);transition:transform var(--motion-fast) ease;background:#fff;border-radius:8px;padding:10px 14px;font-weight:800;text-decoration:none;position:fixed;top:8px;left:8px;transform:translateY(calc(-100% - 16px))}.skip-link:focus{transform:translateY(0)}.route-content:focus{outline:none}.route-content{min-width:0}.dashboard-shell{width:min(1180px,100% - 48px);margin:0 auto;padding:28px 0 56px}.dashboard-shell .card,.dashboard-shell .app-header{border:1px solid var(--dashboard-border);background:var(--dashboard-panel);box-shadow:none;border-radius:8px}.dashboard-topbar{justify-content:space-between;align-items:center;gap:24px;padding:16px 18px;display:flex}.brand-lockup{align-items:center;gap:12px;min-width:0;display:flex}.brand-lockup>div{min-width:0}.brand-mark{border:1px solid var(--dashboard-border);width:42px;height:42px;color:var(--dashboard-text);letter-spacing:0;background:#fff;border-radius:8px;place-items:center;font-weight:800;display:grid;box-shadow:0 1px 2px #0f172a0f}.svg-icon{stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%;display:block}.svg-icon .svg-fill-soft{fill:#ffffff24;stroke:#ffffff4d}.svg-icon .svg-fill-dot,.brand-logo-blue,.brand-logo-dark,.brand-logo-green{fill:currentColor;stroke:none}.brand-logo-blue{fill:#155ee8}.brand-logo-dark{fill:#0b1220}.brand-logo-green{fill:#19a879}.brand-svg{width:34px;height:34px}.chevron-svg{stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.dashboard-shell .eyebrow{color:var(--dashboard-primary);letter-spacing:0;text-transform:none;margin:0 0 2px;font-size:12px}.dashboard-topbar h1{letter-spacing:0;margin:0;font-family:inherit;font-size:20px;font-weight:800;line-height:1.25}.dashboard-main{gap:16px;margin-top:16px;padding:0;display:grid}.dashboard-hero{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:24px;min-height:280px;padding:26px;display:grid}.dashboard-hero-copy{flex-direction:column;justify-content:center;align-items:flex-start;gap:16px;display:flex}.dashboard-hero-kicker,.dashboard-section-label,.dashboard-streak-label{color:var(--dashboard-primary);letter-spacing:0;margin:0;font-size:12px;font-weight:800}.dashboard-hero-copy h2{letter-spacing:0;max-width:680px;margin:0;font-family:inherit;font-size:40px;font-weight:800;line-height:1.15}.dashboard-hero-summary,.dashboard-panel-head p,.dashboard-goal-progress-block p,.dashboard-goal-note,.feature-card p,.empty{color:var(--dashboard-muted);line-height:1.65}.dashboard-hero-summary{max-width:620px;margin:0;font-size:15px}.hero-actions,.dashboard-hero-actions,.mode-chip-row,.header-actions,.dashboard-action-stack{flex-wrap:wrap;gap:10px;display:flex}.dashboard-hero-actions{align-items:center}.dashboard-shell .primary,.dashboard-shell .ghost,.dashboard-mode-tab,.mode-chip,.pill,.badge{letter-spacing:0;border-radius:8px;min-height:38px;font-family:inherit;font-weight:700;text-decoration:none}.dashboard-shell .primary{background:var(--dashboard-primary);color:#fff;border:1px solid var(--dashboard-primary);justify-content:center;align-items:center;padding:0 16px;display:inline-flex}.dashboard-shell .primary:hover{background:var(--dashboard-primary-dark);transform:none}.dashboard-shell .ghost,.mode-chip,.pill.soft,.badge.soft{border:1px solid var(--dashboard-border);color:var(--dashboard-text);background:#fff}.mode-chip{align-items:center;padding:0 12px;display:inline-flex}.practice-controls{grid-template-columns:minmax(220px,.9fr) minmax(260px,1fr);gap:14px;width:min(100%,620px);display:grid}.practice-control{gap:8px;display:grid}.practice-label{color:var(--dashboard-text);font-size:13px;font-weight:800}.language-dropdown{position:relative}.language-trigger,.difficulty-tabs button,.language-menu button,.profile-action{font:inherit;letter-spacing:0}.language-trigger{border:1px solid var(--dashboard-border);width:100%;min-height:42px;color:var(--dashboard-text);cursor:pointer;background:#fff;border-radius:8px;justify-content:space-between;align-items:center;padding:0 12px;font-weight:800;display:flex}.language-menu{z-index:10;border:1px solid var(--dashboard-border);background:#fff;border-radius:8px;width:100%;max-height:260px;display:grid;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto;box-shadow:0 16px 32px #0f172a1f}.language-menu button{color:var(--dashboard-text);text-align:left;cursor:pointer;background:#fff;border:0;padding:10px 12px}.language-menu button:hover,.language-menu button.is-selected{background:var(--dashboard-primary-soft);color:var(--dashboard-primary);font-weight:800}.difficulty-tabs{border:1px solid var(--dashboard-border);background:#f8fafc;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:4px;display:grid}.difficulty-tabs button{min-height:34px;color:var(--dashboard-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;font-weight:800}.difficulty-tabs button.is-active{color:var(--dashboard-primary);background:#fff;box-shadow:0 1px 2px #0f172a14}.dashboard-code-preview{background:var(--dashboard-code);color:#d1d5db;border-radius:8px;align-self:stretch;overflow:hidden}.code-window-header{border-bottom:1px solid #ffffff17;gap:7px;padding:14px 16px;display:flex}.code-window-header span{background:#ef4444;border-radius:999px;width:10px;height:10px}.code-window-header span:nth-child(2){background:#f59e0b}.code-window-header span:nth-child(3){background:#22c55e}.dashboard-code-preview pre{overflow-wrap:anywhere;white-space:pre-wrap;margin:0;padding:22px 20px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:14px;line-height:1.8}.hero-stat-row{border-top:1px solid #ffffff17;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.hero-stat-row div{padding:16px 18px}.hero-stat-row div+div{border-left:1px solid #ffffff17}.hero-stat-row span{color:#9ca3af;font-size:12px;font-weight:700;display:block}.hero-stat-row strong{color:#fff;margin-top:4px;font-size:24px;display:block}.dashboard-focus-grid{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:16px;display:grid}.dashboard-panel{padding:22px}.dashboard-panel-head{justify-content:space-between;gap:16px;margin-bottom:18px;display:flex}.dashboard-panel-head h3{letter-spacing:0;margin:0;font-family:inherit;font-size:18px;font-weight:800}.dashboard-panel-head p{margin:5px 0 0;font-size:14px}.dashboard-streak-mini{background:var(--dashboard-primary-soft);border:1px solid #bfdbfe;border-radius:8px;min-width:104px;padding:12px}.dashboard-streak-mini strong{color:var(--dashboard-text);margin-top:4px;font-size:24px;display:block}.dashboard-goal-overview{grid-template-columns:minmax(0,1fr) minmax(220px,.75fr);align-items:stretch;gap:16px;display:grid}.dashboard-goal-progress-block,.dashboard-goal-note{border:1px solid var(--dashboard-border);border-radius:8px;padding:16px}.dashboard-goal-progress-block strong{margin-top:6px;font-size:28px;display:block}.dashboard-goal-progress{width:100%;height:8px;color:var(--dashboard-primary);background:#e5e7eb;border:0;border-radius:4px;margin-top:12px;display:block;overflow:hidden}.dashboard-goal-progress::-webkit-progress-bar{background:#e5e7eb;border-radius:4px}.dashboard-goal-progress::-webkit-progress-value{background:var(--dashboard-primary);border-radius:4px}.dashboard-goal-progress::-moz-progress-bar{background:var(--dashboard-primary);border-radius:4px}.goal-form{margin-top:18px}.goal-form label{margin-bottom:8px;font-size:13px;font-weight:800;display:block}.goal-form-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.goal-form input{border:1px solid var(--dashboard-border);width:100%;min-height:42px;font:inherit;border-radius:8px;padding:0 12px}.preset-row{gap:8px;margin-top:10px;display:flex}.review-list{gap:10px;display:grid}.dashboard-empty-state{border:1px dashed var(--dashboard-border);border-radius:8px;justify-content:space-between;align-items:center;gap:16px;min-height:104px;padding:16px;display:flex}.dashboard-empty-state .empty{margin:0}.dashboard-empty-state .ghost{white-space:nowrap;flex:none}.review-card{border:1px solid var(--dashboard-border);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px;display:grid}.review-card-main{gap:9px;min-width:0;display:grid}.review-card h4{overflow-wrap:anywhere;word-break:keep-all;margin:0;font-size:15px;line-height:1.5}.review-card-meta{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.review-card-meta .pill{white-space:nowrap;flex:none;align-items:center;min-height:28px;padding:0 9px;font-size:12px;line-height:1;display:inline-flex}.review-priority,.review-weakness,.feature-meta{color:var(--dashboard-muted);font-size:12px;font-weight:700}.review-priority{white-space:nowrap}.review-weakness{overflow-wrap:anywhere;word-break:keep-all;min-width:0}.review-card-action{white-space:nowrap;min-width:96px}.dashboard-mode-tabs{border:1px solid var(--dashboard-border);background:#f8fafc;border-radius:8px;gap:4px;padding:4px;display:inline-flex}.dashboard-mode-tab{color:var(--dashboard-muted);cursor:pointer;background:0 0;border:0;padding:0 14px}.dashboard-mode-tab.is-active{color:var(--dashboard-primary);background:#fff;box-shadow:0 1px 2px #0f172a14}.dashboard-mode-section .feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.feature-card{border:1px solid var(--dashboard-border);min-height:180px;color:inherit;text-align:left;--feature-accent:var(--dashboard-primary);--feature-soft:var(--dashboard-primary-soft);--feature-border:#bfdbfe;background:#fff;border-radius:8px;flex-direction:column;align-items:flex-start;gap:10px;padding:18px;text-decoration:none;transition:border-color .18s,transform .18s;display:flex;position:relative}.feature-card:hover{border-color:var(--feature-border);transform:translateY(-2px)}.feature-card:nth-child(2){--feature-accent:#0891b2;--feature-soft:#ecfeff;--feature-border:#a5f3fc}.feature-card:nth-child(3){--feature-accent:#16a34a;--feature-soft:#f0fdf4;--feature-border:#bbf7d0}.feature-card:nth-child(4){--feature-accent:#7c3aed;--feature-soft:#f5f3ff;--feature-border:#ddd6fe}.feature-card:nth-child(5){--feature-accent:#ea580c;--feature-soft:#fff7ed;--feature-border:#fed7aa}.feature-card:nth-child(6){--feature-accent:#be123c;--feature-soft:#fff1f2;--feature-border:#fecdd3}.feature-icon{border:1px solid var(--feature-border);background:var(--feature-soft);width:52px;height:52px;color:var(--feature-accent);border-radius:8px;place-items:center;display:grid;box-shadow:inset 0 1px #ffffffbf}.feature-icon .mode-svg{width:31px;height:31px}.feature-card h3{letter-spacing:0;margin:4px 0 0;font-family:inherit;font-size:17px;font-weight:800}.feature-card p{margin:0;font-size:14px}.feature-meta{margin-top:auto}.feature-card>.badge.soft{min-height:auto;color:var(--dashboard-primary);background:var(--dashboard-primary-soft);padding:5px 8px;position:absolute;top:14px;right:14px}.profile-shell{gap:16px;display:grid}.profile-grid{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:16px;display:grid}.profile-identity{gap:16px;margin-top:14px;display:grid}.profile-avatar{border:1px solid var(--dashboard-border);width:72px;height:72px;color:var(--dashboard-text);background:#fff;border-radius:8px;place-items:center;font-size:22px;font-weight:800;display:grid}.profile-avatar .brand-svg{width:46px;height:46px}.profile-identity h2{margin:0 0 8px;font-size:26px}.profile-identity p{color:var(--dashboard-muted);margin:12px 0 0;line-height:1.65}.profile-action-list{gap:10px;margin-top:22px;display:grid}.profile-primary-links{margin-top:18px}.profile-action{border:1px solid var(--dashboard-border);color:var(--dashboard-text);text-align:left;cursor:pointer;background:#fff;border-radius:8px;gap:4px;padding:14px;display:grid}.profile-action span{font-weight:800}.profile-action small,.profile-stat-grid p{color:var(--dashboard-muted);line-height:1.5}.profile-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.profile-stat-grid article{border:1px solid var(--dashboard-border);border-radius:8px;padding:16px}.profile-stat-grid span{color:var(--dashboard-primary);font-size:12px;font-weight:800}.profile-stat-grid strong{margin-top:8px;font-size:30px;display:block}.profile-stat-grid p{margin:8px 0 0}@media (width<=900px){.dashboard-shell{width:min(100% - 24px,720px);padding-top:16px}.dashboard-hero,.dashboard-focus-grid,.dashboard-goal-overview,.practice-controls,.profile-grid{grid-template-columns:1fr}.dashboard-topbar{flex-direction:column;align-items:stretch;gap:14px;padding:14px}.dashboard-topbar .brand-lockup{width:100%}.dashboard-topbar .header-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;display:grid}.dashboard-topbar .header-actions>*{white-space:nowrap;min-width:0;min-height:40px;padding:0 8px;font-size:14px}.dashboard-hero-copy h2{font-size:30px}.dashboard-code-preview pre{white-space:pre-wrap;overflow-wrap:anywhere}.dashboard-mode-section .feature-grid{grid-template-columns:1fr}}@media (width<=520px){.dashboard-shell{width:calc(100% - 20px);padding-top:10px}.dashboard-topbar{padding:12px}.dashboard-topbar .brand-mark{width:38px;height:38px}.dashboard-topbar h1{font-size:18px}.dashboard-hero,.dashboard-panel{padding:18px}.dashboard-hero-actions{grid-template-columns:1fr;width:100%;display:grid}.dashboard-hero-actions>*{width:100%}.dashboard-hero{order:1}.dashboard-hero .dashboard-code-preview{display:none}.dashboard-mode-section{order:2}.dashboard-focus-grid{order:3}.dashboard-empty-state{flex-direction:column;align-items:stretch}.review-card{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:12px}.review-card-action{width:100%;min-width:0}.profile-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.profile-stat-grid article{padding:12px}.profile-stat-grid strong{font-size:26px}}@media (width<=360px){.dashboard-topbar .header-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-hero-copy h2{font-size:24px;line-height:1.25}.profile-stat-grid{grid-template-columns:1fr}}.learning-guide{border:1px solid var(--color-stroke);background:var(--color-surface-subtle);border-radius:10px;grid-column:1/-1;gap:14px;margin-bottom:20px;padding:16px;display:grid}.learning-guide.is-compact{border-color:color-mix(in srgb, var(--color-brand) 24%, var(--color-stroke));background:color-mix(in srgb, var(--color-brand-soft) 36%, var(--color-surface));gap:9px;margin-bottom:12px;padding:11px 14px}.learning-guide.is-compact .learning-guide-label{margin-bottom:2px}.learning-guide.is-compact .learning-guide-summary{align-items:center}.learning-guide.is-compact .learning-guide-summary h2{max-width:none;font-size:clamp(15px,.95vw,18px);line-height:1.35}.learning-guide-details{min-width:0}.learning-guide-details>summary{cursor:pointer;width:fit-content;color:var(--color-brand-strong);font-size:12px;font-weight:800;list-style-position:inside}.learning-guide-details[open]>summary{margin-bottom:10px}.learning-guide.is-compact .learning-guide-details:not([open])>summary{opacity:.82}.learning-guide-summary{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px;display:grid}.learning-guide-label,.result-eyebrow{color:var(--color-brand-strong);letter-spacing:.06em;text-transform:uppercase;margin:0 0 5px;font-size:11px;font-weight:850}.learning-guide-summary h2{max-width:920px;color:var(--color-ink);margin:0;font-size:clamp(17px,1.2vw,20px);line-height:1.42}.learning-guide-summary p:last-child{color:var(--color-text);margin:6px 0 0;font-size:13px;line-height:1.55}.learning-state-badge{border:1px solid var(--color-stroke);background:var(--color-surface);min-height:30px;color:var(--color-text);white-space:nowrap;border-radius:999px;align-items:center;padding:5px 10px;font-size:12px;font-weight:800;display:inline-flex}.learning-state-badge[data-state="1"]{background:var(--color-brand-soft);color:var(--color-brand-strong);border-color:#b8c7fb}.learning-state-badge[data-state="2"]{background:var(--color-success-soft);color:var(--color-success);border-color:#b8e4d5}.learning-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.learning-steps li{border:1px solid #0000;border-radius:8px;grid-template-columns:28px minmax(0,1fr);align-items:start;gap:9px;min-width:0;padding:9px;display:grid}.learning-steps li.is-current{background:var(--color-surface);border-color:#c7d2fe}.learning-steps li.is-complete{color:var(--color-success)}.learning-step-number{border:1px solid var(--color-stroke);background:var(--color-surface);width:28px;height:28px;color:var(--color-muted);border-radius:50%;place-items:center;font-size:12px;font-weight:850;display:grid}.learning-steps li.is-current .learning-step-number{border-color:var(--color-brand);background:var(--color-brand);color:#fff}.learning-steps li.is-complete .learning-step-number{background:var(--color-success-soft);color:var(--color-success);border-color:#9bd7c2}.learning-steps strong,.learning-steps small{display:block}.learning-steps strong{color:var(--color-ink);font-size:13px}.learning-steps small{color:var(--color-muted);margin-top:3px;font-size:12px;line-height:1.45}.learning-cues{border-top:1px solid var(--color-stroke);align-items:center;gap:10px;min-width:0;padding-top:12px;display:flex}.learning-cues>strong{color:var(--color-ink);flex:none;font-size:12px}.learning-cues ul{flex-wrap:wrap;gap:6px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.learning-cues li{border:1px solid var(--color-stroke);background:var(--color-surface);color:var(--color-text);border-radius:999px;padding:4px 8px;font-size:12px;font-weight:700}.field-guidance,.submit-requirement{color:var(--color-text);margin:-2px 0 2px;font-size:13px;line-height:1.55}.answer-outline{border:1px solid var(--color-stroke);background:var(--color-surface);border-radius:8px}.answer-outline summary{cursor:pointer;color:var(--color-brand-strong);padding:9px 11px;font-size:13px;font-weight:800}.answer-outline ol{border-top:1px solid var(--color-stroke);color:var(--color-text);gap:7px;margin:0;padding:11px 16px 12px 32px;font-size:13px;line-height:1.5;display:grid}.result-learning-header{border-bottom:1px solid var(--color-stroke);justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:12px;display:flex}.result-learning-header .feedback-title{margin:0}.result-score-block{justify-items:end;gap:5px;display:grid}.result-score-block>strong{font-size:32px;line-height:1}.result-learning-summary{color:var(--color-ink);font-weight:650}.result-learning-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.result-learning-grid>section,.result-next-action,.result-reference,.choice-result-comparison{border:1px solid var(--color-stroke);background:var(--color-surface-subtle);border-radius:8px;min-width:0;padding:12px}.result-next-action{border-left:3px solid var(--color-brand);background:#f5f7ff}.result-reference{gap:8px;display:grid}.result-reference>h3,.result-reference>p{margin:0}.result-reference-empty{border:1px dashed var(--color-stroke-strong);background:var(--color-surface-subtle);color:var(--color-muted);border-radius:8px;padding:12px}.result-detail-empty{color:var(--color-muted);margin:0;font-size:13px;line-height:1.5}.result-learning-actions{border-top:1px solid var(--color-stroke);flex-wrap:wrap;align-items:center;gap:8px;padding-top:12px;display:flex}.result-mode-note{color:var(--color-muted);flex:100%;font-size:12px;line-height:1.5}.cb-option-fieldset{border:0;min-width:0;margin:0;padding:0}.cb-option-fieldset .mode-pane-title{color:var(--color-ink);margin-bottom:6px;padding:0;font-weight:850}.cb-option-btn{border:1px solid var(--color-stroke);background:var(--color-surface);color:var(--color-ink);cursor:pointer;border-radius:8px;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:10px;display:grid}.cb-option-btn input{width:18px;height:18px;accent-color:var(--color-brand);margin:0}.cb-option-btn code{overflow-wrap:anywhere;white-space:pre-wrap;min-width:0}.cb-option-btn.is-selected{background:var(--color-brand-soft);box-shadow:inset 3px 0 0 var(--color-brand);border-color:#8ea6f8}.cb-confirm-actions{margin-top:8px}.choice-result-comparison{gap:8px;display:grid}.choice-result-comparison p{gap:4px;display:grid}.choice-result-comparison span,.selected-answer-summary span{color:var(--color-muted);font-size:11px;font-weight:800}.choice-result-comparison code{overflow-wrap:anywhere;color:var(--color-ink);font-size:13px}.result-verdict-text{color:var(--color-brand-strong);text-align:right;line-height:1.3;font-size:18px!important}.arrange-method-note{border:1px solid var(--color-stroke);background:var(--color-surface-subtle);border-radius:8px;padding:11px 12px}.arrange-method-note strong,.arrange-method-note p{margin:0}.arrange-method-note strong{color:var(--color-ink);font-size:12px}.arrange-method-note p{color:var(--color-text);margin-top:4px;font-size:13px;line-height:1.5}.selected-answer-summary{border-left:3px solid var(--color-brand);background:var(--color-brand-soft);gap:3px;margin:0;padding:9px 11px;display:grid}.selected-answer-summary strong{color:var(--color-ink);font-size:13px}.advanced-analysis-overview>.learning-guide{margin-bottom:0}.advanced-reading-progress{border:1px solid var(--color-stroke);background:var(--color-surface-subtle);border-radius:999px;width:fit-content;padding:5px 9px;font-size:12px}.dashboard-recommendation-reason{border-left:3px solid var(--color-brand);gap:3px;max-width:680px;margin:0;padding-left:11px;display:grid}.dashboard-recommendation-reason strong{color:var(--color-ink);font-size:12px}.dashboard-recommendation-reason span{color:var(--color-text);font-size:13px;line-height:1.5}.goal-edit-toggle{width:fit-content;margin-top:14px}.login-learning-loop{gap:9px;margin:24px 0 0;padding:0;list-style:none;display:grid}.login-learning-loop li{grid-template-columns:26px minmax(0,1fr);align-items:start;gap:10px;display:grid}.login-learning-loop li>span{color:#bfdbfe;border:1px solid #93c5fd73;border-radius:50%;place-items:center;width:26px;height:26px;font-size:11px;font-weight:850;display:grid}.login-learning-loop strong,.login-learning-loop small{display:block}.login-learning-loop strong{color:#f8fafc;font-size:13px}.login-learning-loop small{color:#aebed2;margin-top:2px;font-size:12px;line-height:1.45}.login-account-notes{gap:8px;margin:-12px 0 20px;padding:0;list-style:none;display:grid}.login-account-notes li{border-bottom:1px solid var(--color-stroke);gap:2px;padding-bottom:8px;display:grid}.login-account-notes strong{color:var(--color-ink);font-size:12px}.login-account-notes span{color:var(--color-text);font-size:12px;line-height:1.45}.profile-next-step{background:#f5f7ff;border:1px solid #c7d2fe;border-radius:10px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;padding:15px;display:flex}.profile-next-step h3,.profile-next-step p{margin:0}.profile-next-step h3{color:var(--color-ink);font-size:17px}.profile-next-step p:last-child{color:var(--color-text);margin-top:5px;font-size:13px;line-height:1.5}@media (width>=981px){.advanced-analysis-view .advanced-task-panel{top:92px}.result-panel,.advanced-result-panel{scroll-margin-top:100px}}@media (width<=900px){.learning-steps{grid-template-columns:1fr}.learning-steps small{display:none}}@media (width<=720px){.login-auth-panel{order:1}.login-intro{order:2;min-height:0}.learning-guide-summary,.result-learning-grid{grid-template-columns:1fr}.learning-state-badge{justify-self:start}.learning-cues,.profile-next-step{flex-direction:column;align-items:stretch}.profile-next-step .primary{width:100%}}@media (width<=520px){.dashboard-focus-grid{order:2}.dashboard-mode-section{order:3}.learning-guide{padding:13px}.learning-cues{display:grid}.login-code-preview{display:none}}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}a{color:inherit}button,input,select,textarea{font:inherit;letter-spacing:0}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}.app,.login-shell{margin:0 auto}.brand-lockup{color:inherit;text-decoration:none}.primary,.ghost{border-radius:8px;justify-content:center;align-items:center;min-height:38px;padding:0 16px;font-weight:800;text-decoration:none;display:inline-flex}.primary{border:1px solid var(--dashboard-primary);background:var(--dashboard-primary);color:#fff;transition:background .18s,border-color .18s,color .18s,box-shadow .18s}.submit-button.is-submitting,.submit-button.is-submitting:disabled{color:#1d4ed8;opacity:1;background:#dbeafe;border-color:#93c5fd;box-shadow:inset 0 0 0 1px #2563eb29}.primary.is-streaming,.primary.is-streaming:disabled{color:#1d4ed8;opacity:1;background:#eff6ff;border-color:#60a5fa;box-shadow:inset 0 0 0 1px #2563eb29}.ghost{border:1px solid var(--dashboard-border);color:var(--dashboard-text);background:#fff}.login-shell{place-items:center;width:min(100% - 40px,1120px);min-height:100svh;padding:36px 0;display:grid}.login-frame{border:1px solid var(--dashboard-border);background:#fff;border-radius:8px;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);width:min(920px,100%);min-height:560px;display:grid;overflow:hidden}.login-intro,.login-auth-panel{flex-direction:column;justify-content:center;min-width:0;padding:46px;display:flex}.login-intro{color:#f8fafc;background:#111827}.login-intro .brand-mark{border-color:#ffffff38}.login-intro .eyebrow{color:#93c5fd;margin:0 0 4px;font-size:13px;font-weight:800}.login-intro h1{margin:0;font-size:36px;line-height:1.2}.login-intro .login-copy{color:#cbd5e1;max-width:420px;margin:28px 0 0;font-size:17px;line-height:1.75}.login-code-preview{background:#0b1220;border:1px solid #ffffff29;border-radius:8px;margin-top:40px;overflow:hidden}.login-code-preview pre{color:#dbeafe;white-space:pre;margin:0;padding:20px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:14px;line-height:1.75;overflow-x:auto}.login-auth-panel{border-left:1px solid var(--dashboard-border)}.login-auth-panel .eyebrow{color:var(--dashboard-primary);margin:0 0 10px;font-size:13px;font-weight:800}.login-auth-panel h2{margin:0;font-size:28px;line-height:1.3}.login-auth-copy{color:var(--dashboard-muted);margin:14px 0 28px;line-height:1.65}.login-auth-panel .login-actions{gap:10px;display:grid}.login-auth-panel .login-actions>*,.login-auth-panel .login-actions a,.login-auth-panel .login-actions button{width:100%}.login-auth-panel .login-actions a,.login-auth-panel .login-actions button{min-height:46px}.login-auth-panel #auth-message{min-height:24px;margin:16px 0 0}.login-copy,.status-line,.chip-row,.profile-links,.settings-form{color:var(--dashboard-muted)}.login-actions,.profile-links,.chip-row{flex-wrap:wrap;gap:10px;display:flex}.session-loading-shell{place-items:center;min-height:100svh;padding:24px;display:grid}.session-loading-content{border:1px solid var(--dashboard-border);background:#fff;border-radius:8px;align-items:center;gap:14px;width:min(100%,360px);padding:18px;display:flex}.session-loading-content .eyebrow{color:var(--dashboard-primary);margin:0 0 4px;font-size:12px;font-weight:800}.session-loading-state{color:var(--dashboard-muted);grid-template-columns:auto minmax(0,1fr)}@media (width<=720px){.login-shell{align-items:start;width:min(100% - 24px,560px);padding:12px 0}.login-frame{grid-template-columns:1fr;min-height:0}.login-intro,.login-auth-panel{padding:28px}.login-intro{min-height:300px}.login-intro h1{font-size:30px}.login-intro .login-copy{margin-top:20px;font-size:15px}.login-code-preview{margin-top:24px}.login-auth-panel{border-top:1px solid var(--dashboard-border);border-left:0}}.mode-shell{grid-template-columns:minmax(0,1fr);gap:16px;min-width:0;margin-top:16px;display:grid}.mode-shell.has-result{grid-template-columns:minmax(0,1fr) minmax(300px,.38fr);align-items:start}.control-panel,.quiz-panel,.feedback-panel{align-self:start;min-width:0}.control-panel{gap:10px;display:grid}.control-panel label,.settings-form label{color:var(--dashboard-text);font-size:13px;font-weight:800}.control-panel select,.settings-form select,.settings-form input,.goal-form-row input,textarea,#admin-key{border:1px solid var(--dashboard-border);width:100%;min-height:42px;color:var(--dashboard-text);background:#fff;border-radius:8px;padding:10px 12px}textarea{resize:vertical;min-height:140px}textarea:disabled{color:#64748b;background:#f8fafc}.mode-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.mode-head>h2{overflow-wrap:anywhere;min-width:0}.mode-head>button{white-space:nowrap;flex:none}.mode-status:empty{display:none}.mode-load-recovery{background:var(--error-surface);color:var(--error-text);border:1px solid #fecdd3;border-radius:8px;gap:14px;padding:16px;display:grid}.mode-load-recovery h3,.mode-load-recovery p{margin:0}.mode-load-recovery p{margin-top:4px}.mode-load-recovery-actions{flex-wrap:wrap;gap:8px;display:flex}.mode-empty-workspace{border:1px dashed var(--color-stroke-strong);border-radius:var(--radius-control);background:var(--color-surface-subtle);min-height:100%;color:var(--color-muted);text-align:center;place-content:center;gap:6px;padding:28px;display:grid}.mode-empty-workspace strong{color:var(--color-ink);font-size:15px}.result-primary-actions{border-top:1px solid var(--color-stroke);grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:8px;margin-top:4px;padding-top:12px;display:grid}.result-primary-actions>*{min-width:0}.result-learning-actions .result-primary-actions{grid-column:1/-1;width:100%}.advanced-analysis-layout>.mode-load-recovery{grid-column:1/-1}@media (width<=520px){.mode-load-recovery-actions{grid-template-columns:1fr;display:grid}.mode-load-recovery-actions>*{width:100%}}.mode-status[aria-busy=true]{color:var(--dashboard-primary);align-items:center;gap:8px;font-weight:700;display:flex}.mode-status .loading-indicator{flex:none}.mode-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.mode-actions>*{flex:180px}.bank-problem-nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.bank-problem-nav-link.is-disabled{pointer-events:none;opacity:.45}.bank-problem-position{min-width:70px;color:var(--dashboard-muted);text-align:center;font-size:13px;font-weight:700}.mode-head h2,.advanced-main h2,.advanced-side h2{margin:0;font-size:22px}.mode-instruction{color:#1e3a8a;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;margin:10px 0 14px;padding:12px 14px;line-height:1.55}.mode-subheading{margin:14px 0 8px;font-size:14px}.inline-error{color:#7f1d1d;background:#fef2f2;border-left:4px solid #dc2626;border-radius:6px;gap:4px;margin:12px 0;padding:12px;display:grid}.hint-panel{color:#075985;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;gap:6px;margin:10px 0 14px;padding:12px 14px;display:grid}.hint-panel strong{font-size:13px}.hint-panel p{margin:0;line-height:1.55}.mode-shell #answer-form{gap:10px;display:grid}.mode-shell #answer-form label{color:var(--dashboard-text);font-size:13px;font-weight:800}.code-block,.option-card pre,.dashboard-code-preview pre{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.code-block{border:1px solid var(--dashboard-border);color:#d1d5db;white-space:pre;background:#0f172a;border-radius:8px;width:100%;min-width:0;max-width:100%;max-height:520px;padding:16px;line-height:1.65;display:block;overflow:auto}#cb-code-display .blank-tile{vertical-align:middle;background:#fff;border-radius:4px;min-width:52px;height:1.15em;display:inline-block;box-shadow:inset 0 0 0 1px #0f172a33,0 0 0 2px #3b82f633}.option-grid,.arrange-list,.file-list,.file-strip,.settings-form{gap:10px;display:grid}.option-card,.arrange-block,.file-list button,.file-strip button,.report-card{border:1px solid var(--dashboard-border);background:#fff;border-radius:8px;padding:12px}.option-card{gap:8px;display:grid}.report-mode--code-blame .option-card{grid-template-columns:20px minmax(0,1fr);align-items:start}.report-mode--code-blame .option-card>input{grid-area:1/1/span 2;margin-top:2px}.report-mode--code-blame .option-card>strong,.report-mode--code-blame .option-card>pre{grid-column:2;min-width:0}.option-card.is-selected{background:#eff6ff;border-color:#60a5fa;box-shadow:inset 4px 0 #2563eb}.mode-selection-group{border:0;min-width:0;margin:14px 0;padding:0}.mode-selection-group legend,.mode-shell form>label{color:var(--dashboard-text);margin-bottom:8px;font-size:13px;font-weight:800}.mode-selection-group legend{padding:0}.mode-selection-group .option-grid{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}.mode-shell form{gap:10px;display:grid}.field-counter{color:var(--dashboard-muted);font-variant-numeric:tabular-nums;justify-self:end;font-size:12px}.option-card pre{max-height:220px;color:var(--dashboard-muted);white-space:pre-wrap;margin:0;overflow:auto}.cb-option-btn{text-align:left;white-space:pre-wrap;justify-content:flex-start;min-height:56px;padding:12px 14px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-weight:600;line-height:1.5;transition:background .18s,border-color .18s,box-shadow .18s,color .18s}.cb-option-btn:hover:not(:disabled){border-color:var(--dashboard-primary);box-shadow:0 0 0 2px #2563eb24}.cb-option-btn.is-submitting,.cb-option-btn.is-submitting:disabled{color:#1d4ed8;opacity:1;background:#dbeafe;border-color:#93c5fd;box-shadow:inset 0 0 0 1px #2563eb29}.cb-option-btn.correct{color:#14532d;opacity:1;background:#dcfce7;border-color:#16a34a;box-shadow:inset 0 0 0 1px #16a34a59}.cb-option-btn.wrong{color:#7f1d1d;opacity:1;background:#fee2e2;border-color:#dc2626;box-shadow:inset 0 0 0 1px #dc26264d}.stream-draft-label{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;margin:0 0 10px;padding:8px 10px;font-size:13px;font-weight:800}.stream-code-preview{background:#f8fbff;border-color:#bfdbfe}.arrange-block{cursor:grab;text-align:left;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:12px;display:grid}.arrange-block.dragging{opacity:.78;background:#eff6ff;border-color:#60a5fa}.arrange-block.is-correct{color:#14532d;background:#dcfce7;border-color:#16a34a;box-shadow:inset 0 0 0 1px #16a34a59}.arrange-block.is-wrong{color:#7f1d1d;background:#fee2e2;border-color:#dc2626;box-shadow:inset 0 0 0 1px #dc26264d}.arrange-block.is-revision{background:var(--color-brand-soft);color:var(--color-ink);box-shadow:inset 3px 0 0 var(--color-brand);border-color:#8ea6f8}.arrange-block pre{color:inherit;white-space:pre-wrap;margin:0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;overflow:auto}.arrange-block-actions{align-items:center;gap:6px;display:flex}.arrange-block-actions .ghost{min-width:44px;min-height:44px;padding:0}.feedback-panel strong{color:var(--dashboard-primary);font-size:34px;display:block}.result-panel{gap:12px;scroll-margin-top:16px;display:grid}.result-panel:focus{outline-offset:2px;outline:3px solid #2563eb42}.result-panel.is-correct{border-left:5px solid #16a34a}.result-panel.is-wrong{border-left:5px solid #dc2626}.result-summary-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.result-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.mode-shell.has-result .result-detail-grid{grid-template-columns:1fr}.result-detail-grid section,.result-selection-summary{border-top:1px solid var(--dashboard-border);min-width:0;padding-top:12px}.result-panel h3{margin:0 0 8px;font-size:15px}.result-panel ul{margin:0;padding-left:20px}.result-panel p{margin:0;line-height:1.55}.reference-report{color:#d1d5db;white-space:pre-wrap;background:#0f172a;border-radius:8px;max-height:280px;margin:0;padding:12px;overflow:auto}.feedback-title{color:var(--dashboard-text);margin:0 0 12px;font-size:18px}.arrange-feedback{border-left:5px solid var(--dashboard-primary)}.arrange-feedback.is-correct{background:#f0fdf4;border-left-color:#16a34a}.arrange-feedback.is-wrong{background:#fef2f2;border-left-color:#dc2626}.arrange-feedback.is-correct strong{color:#15803d}.arrange-feedback.is-wrong strong{color:#b91c1c}#arr-result-detail{color:var(--dashboard-muted);margin:6px 0 0;font-weight:800}.advanced-shell{grid-template-columns:minmax(250px,.32fr) minmax(0,1fr);gap:16px;margin-top:16px;display:grid}.advanced-side,.advanced-main{align-self:start;gap:14px;display:grid}.advanced-analysis-view{gap:16px;margin-top:16px;display:grid}.advanced-analysis-layout{grid-template-columns:minmax(0,1.55fr) minmax(320px,.68fr);align-items:start;gap:16px;display:grid}.advanced-analysis-panel{padding:0;overflow:hidden}.advanced-analysis-overview{grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px;display:grid}.advanced-mode-summary{gap:8px;display:grid}.advanced-state-badge{width:fit-content;min-height:30px;color:var(--dashboard-primary);padding:0 10px}.advanced-mode-summary h2,.advanced-task-head h3{margin:0;font-size:20px}.advanced-mode-summary p,.advanced-task-head p,.advanced-load-status,.advanced-file-button-meta{color:var(--dashboard-muted);margin:0;line-height:1.55}.advanced-mode-meta,.advanced-mode-actions,.advanced-file-meta,.advanced-file-button-badges{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.advanced-mode-actions{grid-column:1/-1}.advanced-analysis-stage{grid-area:2/1;gap:0;display:grid}.advanced-workbench-titlebar{color:#213043;background:#f3f5f8;border-bottom:1px solid #d6dde7;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:42px;padding:10px 12px;display:grid}.advanced-workbench-title{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.advanced-workbench-title-label,.advanced-sidebar-label,.advanced-sidebar-section-label{color:#5e748e;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800}.advanced-workbench-title strong{color:#26364a;text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.advanced-workbench{background:#fff;grid-template-columns:minmax(220px,.32fr) minmax(0,1fr);min-height:440px;display:grid}.advanced-workbench.without-sidebar{grid-template-columns:minmax(0,1fr)}.advanced-sidebar{background:#f4f6f9;border-right:1px solid #dde4ec;align-content:start;gap:10px;padding:12px;display:grid}.advanced-sidebar-head{gap:4px;display:grid}.advanced-sidebar-head strong{font-size:15px}.advanced-file-rail{gap:8px;display:grid}.advanced-explorer-item{color:#223346;text-align:left;background:#ffffffc7;border:1px solid #e1e6ee;border-radius:7px;gap:4px;width:100%;padding:10px;display:grid}.advanced-explorer-item:hover{background:#eef5ff}.advanced-explorer-item.is-active{background:#e5f0ff;border-color:#b6cff7}.advanced-explorer-row{align-items:center;gap:8px;display:flex}.advanced-file-button-title,.advanced-editor-tab-title{font-weight:800}.advanced-file-icon{color:#0a66d1;background:#dcebff;border-radius:6px;justify-content:center;align-items:center;min-width:30px;height:20px;font-size:10px;font-weight:800;display:inline-flex}.advanced-file-button-badges .pill{min-height:24px;padding:0 8px;font-size:11px}.advanced-editor-workbench{background:#fff;grid-template-rows:auto auto minmax(0,1fr) auto;min-width:0;display:grid}.advanced-editor-topbar{background:#f1f4f8;border-bottom:1px solid #dbe2eb;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:44px;padding:6px 10px;display:grid}.advanced-active-file-tab{color:#26364a;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;overflow:hidden}.advanced-file-strip{flex-wrap:nowrap;gap:4px;display:flex;overflow-x:auto}.advanced-editor-tab{color:#516273;white-space:nowrap;background:#e9edf3;border:1px solid #d5dce6;border-radius:8px 8px 0 0;align-items:center;gap:8px;min-height:32px;padding:6px 10px;display:inline-flex}.advanced-editor-tab.is-active{color:#1e2c3d;background:#fff}.advanced-editor-breadcrumbs{color:#6e8097;background:#fafbfd;border-bottom:1px solid #e5ebf2;flex-wrap:wrap;align-items:center;gap:6px;min-height:32px;padding:7px 12px;font-size:12px;display:flex}.advanced-breadcrumb-group{gap:6px;display:inline-flex}.advanced-breadcrumb-item{color:#425469}.advanced-breadcrumb-divider{color:#8d99a8}.advanced-editor-surface{grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid}.advanced-editor-header{background:#f8fafc;border-bottom:1px solid #e8edf3;justify-content:space-between;align-items:flex-start;gap:14px;padding:12px 14px 10px;display:flex}.advanced-editor-header h2{color:#1c2c3c;margin:0;font-size:18px}.advanced-editor-header p{color:#6a7d92;margin:4px 0 0}.advanced-code-view{color:#1f2328;background:#fff;min-height:260px;max-height:min(52vh,480px);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.45;overflow:auto}.advanced-code-row{grid-template-columns:50px minmax(0,1fr);display:grid}.advanced-code-row:hover{background:#f4f8fd}.advanced-code-line-number{color:#8a97a8;text-align:right;-webkit-user-select:none;user-select:none;padding:2px 10px 2px 6px}.advanced-code-line-content{color:#1f2328;white-space:pre;padding:2px 14px 2px 0;overflow-x:visible}.advanced-statusbar{color:#fff;background:#0078d4;border-top:1px solid #0000000f;justify-content:space-between;gap:12px;padding:5px 10px;font-size:12px;display:flex}.advanced-analysis-bottom{display:contents}.advanced-task-panel{grid-area:2/2;gap:14px;padding:18px;display:grid}.advanced-task-panel form{gap:10px;display:grid}.advanced-task-panel label{font-size:13px;font-weight:800}.advanced-problem-title{color:var(--dashboard-text);font-weight:800}.advanced-result-card{border:1px solid var(--dashboard-border);background:#fff;border-radius:8px;padding:12px}.advanced-result-summary-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.advanced-result-panel{gap:12px;display:grid}.advanced-result-lists{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.advanced-task-panel .advanced-result-lists{grid-template-columns:minmax(0,1fr)}.advanced-reference-card>summary{cursor:pointer;color:var(--color-brand-strong);font-size:13px;font-weight:800}.advanced-reference-card[open]>summary{margin-bottom:10px}.advanced-result-panel strong{color:var(--dashboard-primary);font-size:30px}.advanced-result-summary{color:var(--dashboard-muted);margin:0;line-height:1.55}.advanced-reference-report{color:#d1d5db;white-space:pre-wrap;background:#0f172a;border-radius:8px;max-height:240px;margin:0;padding:12px;overflow:auto}.file-list button,.file-strip button{text-align:left}.file-list button.is-active,.file-list button:hover,.file-strip button:hover{background:var(--dashboard-primary-soft);border-color:#93c5fd}.file-strip{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.toast{z-index:20;border:1px solid var(--dashboard-border);background:#fff;border-radius:8px;padding:12px 14px;position:fixed;bottom:16px;right:16px;box-shadow:0 16px 32px #0f172a1f}.modal{z-index:30;background:#0f172a5c;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-card{border:1px solid var(--dashboard-border);background:#fff;border-radius:8px;width:min(720px,100%);max-height:min(780px,100vh - 48px);padding:24px;position:relative;overflow:auto;box-shadow:0 24px 60px #0f172a2e}.modal-close{position:absolute;top:18px;right:18px}.modal-card h2{margin:8px 90px 16px 0;font-size:24px}.modal-body{gap:20px;display:grid}.modal-body h3{margin:0 0 10px;font-size:16px}.modal-body ul{margin:0;padding-left:20px}.modal-list{gap:10px;display:grid}.modal-list-item{border:1px solid var(--dashboard-border);background:#fff;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:14px;padding:14px;display:flex}.modal-list-item p,.modal-list-item small,#latest-report-summary{color:var(--dashboard-muted);line-height:1.55}.modal-list-item p{margin:6px 0 0}.modal-list-item small{margin-top:6px;display:block}.problem-bank-page{gap:16px;min-width:0;margin-top:16px;display:grid}.problem-bank-page .problem-bank-intro-row{grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);align-items:stretch;gap:16px;display:grid}.problem-bank-page .problem-bank-hero{justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;display:flex}.problem-bank-page .problem-bank-hero h2{word-break:keep-all;overflow-wrap:anywhere;margin:4px 0 6px;font-size:23px}.problem-bank-page .problem-bank-hero p{color:var(--dashboard-muted);word-break:keep-all;overflow-wrap:anywhere;margin:0}.problem-bank-page .problem-bank-metrics{grid-template-columns:repeat(3,minmax(88px,1fr));gap:10px;min-width:min(320px,100%);display:grid}.problem-bank-page .problem-bank-metric{background:var(--dashboard-primary-soft);min-width:88px;color:var(--dashboard-primary);text-align:center;border-radius:8px;padding:10px 12px}.problem-bank-page .problem-bank-metric small{color:var(--dashboard-muted);margin-bottom:4px;font-size:12px;font-weight:800;display:block}.problem-bank-page .problem-bank-metric strong{font-size:25px;line-height:1;display:block}.problem-bank-page .problem-bank-filters{grid-template-columns:minmax(220px,1.5fr) repeat(4,minmax(120px,1fr)) auto;align-items:end;gap:10px;display:grid}.problem-bank-page .problem-bank-filter-field{gap:6px;min-width:0;display:grid}.problem-bank-page .problem-bank-filter-field>span{color:var(--dashboard-muted);font-size:12px;font-weight:800}.problem-bank-page .problem-bank-advanced-filters{display:contents}.problem-bank-page .problem-bank-filter-toggle{min-height:40px;display:none}.problem-bank-page .problem-bank-filters input,.problem-bank-page .problem-bank-filters select{border:1px solid var(--dashboard-border);min-height:40px;color:var(--dashboard-text);font:inherit;background:#fff;border-radius:8px;padding:0 12px}.problem-bank-page .problem-bank-filter-reset{white-space:nowrap;min-height:40px}.problem-bank-page .problem-bank-table-wrap{min-width:0;max-width:100%;overflow-x:auto}.problem-bank-page .problem-bank-table-card{min-width:0}.problem-bank-page .problem-bank-table{border-collapse:collapse;width:100%;min-width:920px;font-size:14px}.problem-bank-page .problem-bank-table th,.problem-bank-page .problem-bank-table td{border-bottom:1px solid var(--dashboard-border);text-align:left;white-space:nowrap;padding:12px 10px}.problem-bank-page .problem-bank-table th{color:var(--dashboard-muted);font-size:12px;font-weight:800}.problem-bank-page .problem-bank-title-link{color:var(--dashboard-primary);font-weight:800;line-height:1.45;text-decoration:none}.problem-bank-page .problem-bank-title-cell{white-space:normal;max-width:440px}.problem-bank-page .problem-bank-title-link:hover{text-decoration:underline}.problem-bank-page .problem-bank-mode-chip{color:var(--dashboard-text);align-items:center;gap:7px;font-weight:800;display:inline-flex}.problem-bank-page .problem-bank-mode-chip .mode-svg{width:24px;height:24px;color:var(--dashboard-primary);flex:none}.problem-bank-page .problem-status-pill{border-radius:8px;align-items:center;min-height:28px;padding:0 9px;font-weight:800;display:inline-flex}.problem-bank-page .problem-status-pill.status-solved{color:#166534;background:#dcfce7}.problem-bank-page .problem-status-pill.status-tried{color:#92400e;background:#fef3c7}.problem-bank-page .problem-status-pill.status-unsolved{color:#475569;background:#f1f5f9}.problem-bank-page .problem-bank-empty{color:var(--dashboard-muted);text-align:center;white-space:normal;padding:30px 12px}.problem-bank-page .problem-bank-pagination{justify-content:flex-end;align-items:center;gap:10px;margin-top:14px;display:flex}@media (width<=720px){.problem-bank-page .problem-bank-intro-row{grid-template-columns:minmax(0,1fr);gap:10px}.problem-bank-page .problem-bank-filter-toggle{display:inline-flex}.problem-bank-page .problem-bank-advanced-filters{gap:10px;display:none}.problem-bank-page .problem-bank-advanced-filters[data-open=true]{display:grid}.problem-bank-page .problem-bank-hero{padding:18px}.problem-bank-page .problem-bank-hero h2{font-size:22px;line-height:1.35}.problem-bank-page .problem-bank-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.problem-bank-page .problem-bank-metric{min-width:0;padding:10px 6px}.problem-bank-page .problem-bank-metric strong{font-size:24px}.problem-bank-page .problem-bank-table-wrap{overflow:visible}.problem-bank-page .problem-bank-table{min-width:0;font-size:14px;display:block}.problem-bank-page .problem-bank-table thead{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.problem-bank-page .problem-bank-table tbody{gap:12px;display:grid}.problem-bank-page .problem-bank-table tr{border:1px solid var(--dashboard-border);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;padding:14px;display:grid}.problem-bank-page .problem-bank-table td{white-space:normal;border:0;gap:3px;min-width:0;padding:0;display:grid}.problem-bank-page .problem-bank-table td:before{content:attr(data-label);color:var(--dashboard-muted);font-size:11px;font-weight:800}.problem-bank-page .problem-bank-table .problem-bank-title-cell{grid-column:1/-1;max-width:none;padding-bottom:4px}.problem-bank-page .problem-bank-title-link{overflow-wrap:anywhere}.problem-bank-page .problem-bank-empty{grid-column:1/-1;padding:20px 4px}.problem-bank-page .problem-bank-empty:before{display:none}.problem-bank-page .problem-bank-pagination{justify-content:center}}@media (width>=721px) and (width<=980px){.problem-bank-page .problem-bank-intro-row{grid-template-columns:minmax(0,1fr)}}.problem-bank-page{gap:20px}.problem-bank-page .problem-bank-hero{border-color:var(--color-stroke);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-panel)}.problem-bank-page .problem-bank-metric{border:1px solid var(--color-stroke);border-radius:var(--radius-control);background:var(--color-surface-subtle);color:var(--color-brand-strong);box-shadow:inset 0 1px #ffffffdb}.problem-bank-page .problem-bank-filters input,.problem-bank-page .problem-bank-filters select{border-color:var(--color-stroke);border-radius:var(--radius-control);background:var(--color-surface-inset)}.problem-bank-page .problem-bank-table-card{border-color:var(--color-stroke);border-radius:var(--radius-card);box-shadow:var(--shadow-contact)}.problem-bank-page .problem-bank-table th,.problem-bank-page .problem-bank-table td{border-bottom-color:var(--color-stroke);padding-block:13px}.problem-bank-page .problem-bank-table tbody tr:hover{background:var(--color-surface-subtle);box-shadow:inset 3px 0 0 var(--color-brand)}.problem-bank-page .problem-status-pill{border-radius:var(--radius-pill)}.problem-bank-page .problem-status-pill.status-solved{background:var(--color-success-soft);color:var(--color-success)}.problem-bank-page .problem-status-pill.status-unsolved{background:var(--color-surface-inset);color:var(--color-muted)}.problem-bank-page .problem-bank-mode-artwork{object-fit:contain;filter:saturate(.82)contrast(.96);flex:0 0 24px;width:24px;height:24px}@media (width<=720px){.problem-bank-page .problem-bank-table tr{border-color:var(--color-stroke);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-contact)}}.problem-bank-page .problem-bank-learning-note{border:1px solid var(--color-stroke);border-left:4px solid var(--color-brand);border-radius:var(--radius-control);background:var(--color-surface-subtle);justify-content:space-between;align-items:center;gap:18px;padding:14px 16px;display:flex}.problem-bank-page .problem-bank-learning-note h3,.problem-bank-page .problem-bank-learning-note p{margin:0}.problem-bank-page .problem-bank-learning-note h3{color:var(--color-ink);word-break:keep-all;overflow-wrap:anywhere;font-size:16px;line-height:1.45}.problem-bank-page .problem-bank-learning-note>p{max-width:460px;color:var(--color-text);word-break:keep-all;overflow-wrap:anywhere;font-size:13px;line-height:1.55}.problem-bank-page .problem-bank-load-error{border:1px solid #fecdd3;border-left:4px solid var(--color-danger);border-radius:var(--radius-control);background:var(--color-danger-soft);color:var(--color-danger);justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;padding:12px;display:flex}.problem-bank-page .problem-bank-load-error p{margin:3px 0 0;font-size:13px}.problem-bank-page .problem-bank-table{min-width:760px}.problem-bank-page .problem-bank-title-cell{gap:5px;min-width:min(420px,42vw);display:grid}.problem-bank-page .problem-bank-row-meta{color:var(--color-muted);font-size:11px;font-weight:650;line-height:1.45}.problem-bank-page .problem-bank-solve-link{white-space:nowrap;min-height:34px;padding-inline:12px}@media (width<=720px){.problem-bank-page .problem-bank-learning-note,.problem-bank-page .problem-bank-load-error{flex-direction:column;align-items:stretch}.problem-bank-page .problem-bank-load-error .ghost{width:100%}.problem-bank-page .problem-bank-title-cell,.problem-bank-page .problem-bank-table{min-width:0}.problem-bank-page .problem-bank-table tr{grid-template-columns:repeat(2,minmax(0,1fr))}.problem-bank-page .problem-bank-table td:last-child{grid-column:1/-1}.problem-bank-page .problem-bank-solve-link{width:100%}}.admin-shell .app-header,.admin-shell .card{border:1px solid var(--dashboard-border);background:#fff;border-radius:8px}.admin-shell{width:min(1380px,100% - 48px);padding:28px 0 56px}.admin-shell .admin-topbar,.admin-shell .admin-topbar .brand-lockup{align-items:flex-start}.admin-shell .admin-topbar .brand-lockup p:not(.eyebrow){color:var(--dashboard-muted);margin:4px 0 0}.admin-shell .admin-topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.admin-shell .ghost.danger{color:#b42318;background:#fff7f7;border-color:#f2b8b5}.admin-shell .admin-main{gap:16px;display:grid}.admin-shell .admin-key-panel{grid-template-columns:minmax(180px,.34fr) minmax(260px,.66fr);align-items:end;gap:18px;display:grid}.admin-shell .admin-key-panel h2,.admin-shell .admin-key-panel p{margin:0}.admin-shell .admin-key-panel p{color:var(--dashboard-muted);margin-top:6px}.admin-shell .admin-stat-grid,.admin-shell .admin-chart-grid,.admin-shell .admin-summary-grid{gap:16px;display:grid}.admin-shell .admin-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-shell .admin-chart-grid,.admin-shell .admin-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-shell .admin-stat-card{border-left:5px solid #2563eb;gap:10px;min-height:132px;padding:16px;display:grid}.admin-shell .admin-stat-card.tone-green{border-left-color:#16a34a}.admin-shell .admin-stat-card.tone-purple{border-left-color:#7c3aed}.admin-shell .admin-stat-card.tone-orange{border-left-color:#c37d12}.admin-shell .admin-stat-card span{color:var(--dashboard-muted);text-transform:uppercase;font-size:.84rem;font-weight:800}.admin-shell .admin-stat-card strong{color:#111827;font-size:2rem;line-height:1}.admin-shell .admin-stat-card p{color:var(--dashboard-muted);margin:0;line-height:1.45}.admin-shell .admin-chart-card{min-height:338px;padding:16px}.admin-shell .admin-chart-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.admin-shell .admin-chart-head h3{margin:0}.admin-shell .admin-chart-legend{color:var(--dashboard-muted);flex-wrap:wrap;justify-content:flex-end;gap:10px;font-size:.8rem;display:flex}.admin-shell .admin-chart-legend span{align-items:center;gap:5px;display:inline-flex}.admin-shell .admin-chart-legend i{border-radius:50%;width:9px;height:9px}.admin-shell .admin-chart-wrap{min-height:250px}.admin-shell .admin-chart-svg{width:100%;height:250px;display:block}.admin-shell .admin-chart-grid-line{stroke:#e2e8f0;stroke-width:1px}.admin-shell .admin-chart-axis-line{stroke:#94a3b8;stroke-width:1px}.admin-shell .admin-chart-axis{fill:#64748b;font-size:11px}.admin-shell .admin-chart-line{stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.admin-shell .admin-chart-empty{fill:#64748b;font-size:14px}.admin-shell .admin-summary-panel{gap:14px;padding:16px;display:grid}.admin-shell .admin-summary-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.admin-shell .admin-summary-metric{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:11px 12px}.admin-shell .admin-summary-metric span{color:var(--dashboard-muted);font-size:.8rem;display:block}.admin-shell .admin-summary-metric strong{color:#111827;margin-top:6px;font-size:1.08rem;display:block}.admin-shell .admin-summary-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.admin-shell .admin-summary-columns section,.admin-shell .latest-events{gap:10px;display:grid}.admin-shell .admin-summary-columns h4,.admin-shell .latest-events h4{margin:0}.admin-shell .summary-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.admin-shell .summary-list li{background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 12px;display:flex}.admin-shell .summary-list li p,.admin-shell .summary-empty{color:var(--dashboard-muted);margin:4px 0 0;line-height:1.45}.admin-shell .summary-list li>span{color:var(--dashboard-muted);white-space:nowrap}.admin-shell .admin-platform-panel{grid-column:1/-1}.admin-shell .admin-mode-table{gap:8px;display:grid}.admin-shell .admin-mode-table-head,.admin-shell .admin-mode-table-row{border-radius:8px;grid-template-columns:1.1fr 1fr 1fr 1.1fr;align-items:center;gap:12px;padding:10px 12px;display:grid}.admin-shell .admin-mode-table-head{color:#1d4ed8;background:#eff6ff;font-size:.82rem;font-weight:800}.admin-shell .admin-mode-table-row{color:#475569;background:#fff;border:1px solid #e2e8f0}.admin-shell .admin-topbar{box-shadow:inset 0 3px 0 #334155, var(--shadow-contact)}.admin-shell .admin-environment-badge{color:#334155;white-space:nowrap;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;align-items:center;min-height:34px;padding:0 10px;font-size:12px;font-weight:850;display:inline-flex}.admin-shell .admin-danger-action{background:#fff7f8;border-color:#fda4af}.admin-shell .admin-section-nav{border:1px solid var(--color-stroke);background:var(--color-surface);border-radius:10px;flex-wrap:wrap;gap:7px;padding:10px;display:flex}.admin-shell .admin-section-nav a{min-height:36px;color:var(--color-text);border-radius:7px;align-items:center;padding:0 11px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.admin-shell .admin-section-nav a:hover{background:var(--color-surface-inset);color:var(--color-brand-strong)}.admin-shell #admin-key-metrics,.admin-shell #admin-trends,.admin-shell #content-summary-panel,.admin-shell #ops-events-panel,.admin-shell #admin-mode-runtime{scroll-margin-top:var(--sticky-content-top)}.admin-shell .admin-chart-data{border-top:1px solid var(--color-stroke);padding-top:9px}.admin-shell .admin-chart-data summary{cursor:pointer;width:fit-content;color:var(--color-brand-strong);font-size:12px;font-weight:800}.admin-shell .admin-chart-data-scroll{margin-top:9px;overflow-x:auto}.admin-shell .admin-chart-data table{border-collapse:collapse;width:100%;min-width:420px;font-size:12px}.admin-shell .admin-chart-data caption{color:var(--color-text);text-align:left;padding-bottom:8px;font-weight:800}.admin-shell .admin-chart-data th,.admin-shell .admin-chart-data td{border-bottom:1px solid var(--color-stroke);text-align:right;white-space:nowrap;padding:7px 8px}.admin-shell .admin-chart-data th:first-child,.admin-shell .admin-chart-data td:first-child{text-align:left}@media (width<=720px){.admin-shell .admin-section-nav{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.admin-shell .admin-section-nav a{border:1px solid var(--color-stroke);justify-content:center}}@media (width>=981px){.dashboard-shell{width:min(1600px,100% - 48px);padding:20px 0 48px}.dashboard-shell .dashboard-topbar{min-height:72px;padding:12px 16px}.dashboard-shell .dashboard-main,.dashboard-shell .profile-grid,.dashboard-shell .problem-bank-page,.dashboard-shell .advanced-analysis-view{margin-top:12px}.dashboard-shell .dashboard-main,.dashboard-shell .profile-grid,.dashboard-shell .advanced-analysis-view{gap:14px}.dashboard-shell .dashboard-panel{padding:20px}.dashboard-shell .dashboard-hero{grid-template-columns:minmax(0,1.2fr) minmax(440px,.8fr);gap:28px;min-height:250px;padding:24px}.dashboard-shell .dashboard-focus-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:14px}.dashboard-shell .dashboard-panel-head{margin-bottom:14px}.dashboard-shell .profile-grid{grid-template-columns:minmax(380px,.58fr) minmax(0,1.42fr)}.dashboard-shell .review-card{grid-template-columns:minmax(0,1fr) minmax(96px,auto)}.login-shell{width:min(1280px,100% - 48px);padding:28px 0}.login-shell .login-frame{grid-template-columns:minmax(0,1.18fr) minmax(380px,.82fr);width:min(1120px,100%);min-height:min(650px,100vh - 56px)}.login-shell .login-intro,.login-shell .login-auth-panel{padding:52px}.login-shell .login-code-preview pre{font-size:15px;line-height:1.7}.mode-shell{gap:14px;margin-top:12px}.mode-shell.has-result{grid-template-columns:minmax(0,1fr) minmax(420px,.36fr)}.mode-shell .mode-workspace{grid-template-columns:minmax(0,1.62fr) minmax(380px,.68fr);align-items:start;gap:18px;min-width:0;display:grid}.mode-shell .mode-code-pane,.mode-shell .mode-response-pane{min-width:0}.mode-shell .mode-response-pane{position:sticky;top:12px}.mode-shell .mode-pane-title{margin:0 0 10px;font-size:14px}.mode-shell .mode-problem-prompt{color:var(--dashboard-text);margin:14px 0;line-height:1.65}.mode-shell .code-block,.mode-shell .option-card pre,.mode-shell .arrange-block pre,.mode-shell .reference-report{tab-size:4;white-space:pre;font-size:14px;line-height:1.65}.mode-shell .reference-report{box-sizing:border-box;width:100%;min-width:0;max-width:100%;display:block;overflow-x:auto}.mode-shell .result-panel>section{min-width:0;max-width:100%}.mode-shell.has-problem .analysis-workspace .code-block,.mode-shell.has-problem .report-mode-context>.code-block,.mode-shell.has-problem .code-choice-workspace .code-block{min-height:min(48vh,520px);max-height:min(66vh,720px)}.mode-shell .analysis-workspace textarea{min-height:320px}.mode-shell .code-choice-workspace{grid-template-columns:minmax(0,1.5fr) minmax(400px,.7fr)}.mode-shell .code-choice-workspace .cb-options{grid-template-columns:minmax(0,1fr)}.mode-shell .arrange-workspace{grid-template-columns:minmax(320px,.48fr) minmax(0,1.52fr)}.mode-shell .arrange-guidance-pane{grid-area:1/1}.mode-shell .arrange-blocks{grid-area:1/2}.mode-shell .arrange-guidance-pane .mode-instruction{margin-top:0}.mode-shell .arrange-blocks{max-height:min(68vh,720px);padding-right:4px;overflow-y:auto}.mode-shell .arrange-block{min-height:74px}.mode-shell .report-mode-workspace{grid-template-columns:minmax(0,1.68fr) minmax(400px,.62fr)}.mode-shell .report-mode-response textarea{min-height:300px}.mode-shell .report-mode-context>:first-child{margin-top:0}.mode-shell .mode-selection-group .option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-shell .option-card pre{max-height:300px}.mode-shell .feedback-panel{min-width:0;max-height:calc(100vh - 32px);position:sticky;top:12px;overflow:hidden auto}.advanced-analysis-view .advanced-analysis-layout{grid-template-columns:minmax(0,1.78fr) minmax(420px,.62fr);gap:14px}.advanced-analysis-view .advanced-analysis-overview{padding:16px 18px}.advanced-analysis-view .advanced-workbench{grid-template-columns:minmax(220px,.24fr) minmax(0,1fr);min-height:560px}.advanced-analysis-view .advanced-workbench.without-sidebar{grid-template-columns:minmax(0,1fr)}.advanced-analysis-view .advanced-code-view{min-height:380px;max-height:min(68vh,720px);font-size:14px;line-height:1.6}.advanced-analysis-view.has-problem .advanced-code-view{min-height:520px}.advanced-analysis-view .advanced-task-panel{top:var(--sticky-content-top);position:sticky}.advanced-analysis-view .advanced-task-panel textarea{min-height:260px}.advanced-analysis-view .advanced-result-panel,.advanced-analysis-view .advanced-result-card{min-width:0;max-width:100%}.advanced-analysis-view .advanced-reference-report{box-sizing:border-box;white-space:pre;width:100%;min-width:0;max-width:100%;display:block;overflow-x:auto}.problem-bank-page .problem-bank-hero{padding:18px 20px}.problem-bank-page .problem-bank-filters{grid-template-columns:minmax(260px,1.7fr) repeat(4,minmax(130px,1fr)) auto}.problem-bank-page .problem-bank-table{min-width:0}.problem-bank-page .problem-bank-title-cell{max-width:none}.admin-shell{width:min(1600px,100% - 48px);padding:20px 0 48px}.admin-shell .admin-main{gap:14px}}@media (width>=981px) and (width<=1279px){.problem-bank-page .problem-bank-filters{grid-template-columns:repeat(auto-fit,minmax(min(100%,13.25rem),1fr));grid-auto-flow:row}}@media (width>=981px){.dashboard-shell{width:92vw;padding:12px 0 64px}.dashboard-shell.dashboard-shell--workspace{width:96vw}.dashboard-shell .app-header{margin-bottom:16px}.dashboard-shell .dashboard-main,.dashboard-shell .profile-grid,.dashboard-shell .problem-bank-page,.dashboard-shell .advanced-analysis-view{margin-top:16px}.dashboard-shell .dashboard-main{gap:clamp(16px,1.2vw,24px)}.dashboard-shell .dashboard-hero{grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:clamp(24px,2vw,40px);min-height:clamp(280px,22vw,380px);padding:clamp(24px,1.8vw,36px)}.dashboard-shell .dashboard-hero-copy{gap:14px}.dashboard-shell .dashboard-hero-copy h2{font-size:clamp(36px,3vw,46px)}.dashboard-shell .dashboard-hero-visual{min-height:306px}.dashboard-shell .dashboard-code-preview{justify-self:end;width:min(100%,clamp(440px,32vw,1100px))}.dashboard-shell .dashboard-focus-grid{gap:clamp(16px,1.2vw,24px)}.dashboard-shell .dashboard-panel{padding:clamp(20px,1.35vw,28px)}.dashboard-shell .dashboard-mode-section .feature-grid{gap:16px;margin-top:20px}.dashboard-shell .review-card{grid-template-columns:minmax(0,1fr) minmax(104px,auto)}.login-shell{width:min(88vw,1600px);padding:36px 0}.login-shell .login-frame{width:100%;min-height:min(680px,100vh - 72px)}.mode-shell,.advanced-analysis-view{gap:20px;margin-top:16px}.mode-shell .mode-workspace{gap:20px}.mode-shell .mode-response-pane{top:92px}.mode-shell .feedback-panel{border-radius:var(--radius-card);box-shadow:var(--shadow-raised);top:92px}.advanced-analysis-view .advanced-analysis-layout{gap:20px}.advanced-analysis-view .advanced-workbench{border-radius:var(--radius-card);background:var(--color-surface-inset);overflow:hidden}.advanced-analysis-view .advanced-sidebar{background:var(--color-surface-inset)}.advanced-analysis-view .advanced-code-view{background:var(--color-code);color:#dbe7ff}.advanced-analysis-view .advanced-code-line-content{color:inherit}.advanced-analysis-view .advanced-code-row:hover{background:#658bee1a}.advanced-analysis-view .advanced-statusbar{background:var(--color-code-raised)}}@media (width>=1400px){.mode-shell.has-result{grid-template-columns:minmax(0,1fr) 360px;align-items:start}.mode-shell.has-result .feedback-panel{max-height:calc(100vh - 116px);position:sticky;top:92px}}@media (width>=981px) and (width<=1399px){.mode-shell.has-result{grid-template-columns:minmax(0,1fr)}.mode-shell.has-result .feedback-panel{max-height:none;position:static}}@media (width>=981px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.dashboard-shell[data-depth-enabled] .dashboard-hero[data-depth-hero] .dashboard-hero-artwork-layer,.dashboard-shell[data-depth-enabled] .dashboard-hero[data-depth-hero] .dashboard-code-preview{transition:transform 90ms linear}}@media (width>=981px) and (width<=1399px){.mode-shell.has-result{grid-template-columns:minmax(0,1fr)}.mode-shell .feedback-panel{max-height:none;position:static}}@media (width>=981px) and (width<=1180px){.dashboard-shell .dashboard-focus-grid,.mode-shell .mode-workspace,.mode-shell .code-choice-workspace,.mode-shell .arrange-workspace,.mode-shell .report-mode-workspace{grid-template-columns:minmax(0,1fr)}.mode-shell .mode-response-pane,.mode-shell .feedback-panel{position:static}.mode-shell .arrange-guidance-pane,.mode-shell .arrange-blocks{grid-area:auto/1}.advanced-analysis-view .advanced-analysis-layout{grid-template-columns:minmax(0,1fr)}.advanced-analysis-view .advanced-analysis-stage,.advanced-analysis-view .advanced-task-panel{grid-area:auto/1}.advanced-analysis-view .advanced-analysis-bottom{gap:14px;display:grid}.advanced-analysis-view .advanced-task-panel{position:static}}@media (width<=980px){.mode-shell,.mode-shell.has-result,.mode-shell .mode-workspace,.advanced-analysis-view .advanced-analysis-layout{grid-template-columns:minmax(0,1fr)}.mode-shell .mode-workspace{gap:14px;display:grid}.mode-shell .mode-workspace,.mode-shell .mode-code-pane,.mode-shell .mode-response-pane{min-width:0;max-width:100%}.problem-bank-page .problem-bank-hero,.problem-bank-page .problem-bank-filters{grid-template-columns:1fr}.problem-bank-page .problem-bank-hero{flex-direction:column;align-items:stretch}.problem-bank-page .problem-bank-metrics{grid-template-columns:repeat(3,minmax(0,1fr));min-width:0}.admin-shell{width:min(100% - 24px,1380px);padding-top:16px}.admin-shell .admin-topbar,.admin-shell .admin-key-panel,.admin-shell .admin-chart-grid,.admin-shell .admin-summary-grid,.admin-shell .admin-summary-columns,.admin-shell .admin-summary-metrics{grid-template-columns:1fr}.admin-shell .admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-shell .admin-topbar-actions{justify-content:stretch;width:100%}.admin-shell .admin-topbar-actions>*{flex:100%;justify-content:center}.admin-shell .admin-mode-table-head{display:none}.admin-shell .admin-mode-table-row{grid-template-columns:1fr;align-items:start}.admin-shell .admin-mode-table-row>[role=cell]{grid-template-columns:minmax(88px,.32fr) minmax(0,1fr);gap:10px;width:100%;display:grid}.admin-shell .admin-mode-table-row>[role=cell]:before{content:attr(data-label);color:var(--dashboard-muted);font-size:12px;font-weight:800}.advanced-analysis-view .advanced-analysis-overview,.advanced-analysis-view .advanced-workbench,.advanced-analysis-view .advanced-editor-topbar,.advanced-analysis-view .advanced-result-lists{grid-template-columns:1fr}.advanced-analysis-view .advanced-analysis-stage,.advanced-analysis-view .advanced-task-panel{grid-area:auto/1}.advanced-analysis-view .advanced-analysis-bottom{gap:16px;display:grid}.advanced-analysis-view .advanced-sidebar{border-bottom:1px solid #dde4ec;border-right:0}.advanced-analysis-view .advanced-file-rail{padding-bottom:2px;display:flex;overflow-x:auto}.advanced-analysis-view .advanced-explorer-item{min-width:190px}.advanced-analysis-view .advanced-editor-header{flex-direction:column}.advanced-analysis-view .advanced-code-view{max-height:min(42vh,360px)}}@media (width<=520px){.mode-shell,.mode-shell>*,.mode-shell .mode-head,.mode-shell .code-block,.mode-shell .option-grid,.mode-shell .arrange-list{min-width:0;max-width:100%}.mode-shell .mode-head{grid-template-columns:minmax(0,1fr);display:grid}.mode-shell .mode-head>button{width:100%;min-height:44px}.mode-shell .bank-problem-nav{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);justify-content:stretch;width:100%;display:grid}.mode-shell .bank-problem-nav-link{min-width:0}.mode-shell .bank-problem-nav .status-line{grid-column:1/-1}.mode-shell .arrange-block{grid-template-columns:minmax(0,1fr)}.mode-shell .arrange-block pre{min-width:0;max-width:100%}.mode-shell .arrange-block-actions{justify-content:flex-end}.mode-shell .result-detail-grid{grid-template-columns:1fr}.advanced-analysis-view .advanced-analysis-overview{grid-template-columns:minmax(0,1fr);padding:16px}.advanced-analysis-view .advanced-mode-meta{justify-content:flex-start}.advanced-analysis-view .advanced-mode-actions{grid-template-columns:minmax(0,1fr);align-items:stretch;display:grid}.advanced-analysis-view .advanced-mode-actions>button{width:100%;min-height:44px}.advanced-analysis-view .advanced-workbench-titlebar{grid-template-columns:minmax(0,1fr) auto}.advanced-analysis-view .advanced-sidebar{padding:10px}.advanced-analysis-view .advanced-explorer-item{min-width:min(78vw,240px)}.advanced-analysis-view .advanced-file-meta{justify-content:flex-start}.advanced-analysis-view .advanced-code-row{grid-template-columns:40px minmax(0,1fr)}.advanced-analysis-view .advanced-code-line-content{padding-right:10px}.advanced-analysis-view .advanced-statusbar{flex-wrap:wrap}.advanced-analysis-view .advanced-task-panel{padding:16px}.admin-shell .admin-stat-grid{gap:10px}.admin-shell .admin-stat-card{min-height:118px;padding:12px}.admin-shell .admin-stat-card strong{font-size:1.65rem}.admin-shell .admin-chart-card,.admin-shell .admin-summary-panel{padding:12px}}}@layer utilities{[hidden]{display:none}.sr-only{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto;transition-duration:.001ms;animation-duration:.001ms;animation-iteration-count:1}}@media (forced-colors:active){:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid canvastext}.loading-indicator,.error-state{border-color:canvastext}}}:root{--color-canvas:#f6f7f9;--color-canvas-depth:#e9eef5;--color-surface:#fff;--color-surface-subtle:#f8fafc;--color-surface-inset:#f8fafc;--color-ink:#0b1220;--color-text:#3f4b5f;--color-muted:#475569;--color-stroke:#d8e0ea;--color-stroke-strong:#b7c4d2;--color-brand:#315cf4;--color-brand-strong:#2445c7;--color-brand-soft:#e9eeff;--color-success:#0b5b47;--color-success-soft:#e9f8f2;--color-danger:#9f1239;--color-danger-soft:#fff1f2;--color-code:#0d1526;--color-code-raised:#131e33;--radius-control:8px;--radius-card:10px;--radius-hero:12px;--radius-overlay:12px;--radius-pill:999px;--shadow-contact:0 1px 2px #0b12200f;--shadow-panel:0 1px 3px #0b12200e;--shadow-raised:0 6px 18px #0b122017;--shadow-overlay:0 24px 72px #0b12202e;--ease-standard:cubic-bezier(.2, .75, .2, 1);--motion-fast:.16s;--motion-medium:.26s;--scroll-depth:0;--hero-depth-y:0px;--hero-pointer-x:0px;--hero-pointer-y:0px;--dashboard-bg:var(--color-canvas);--dashboard-panel:var(--color-surface);--dashboard-text:var(--color-ink);--dashboard-muted:var(--color-muted);--dashboard-border:var(--color-stroke);--dashboard-primary:var(--color-brand);--dashboard-primary-dark:var(--color-brand-strong);--dashboard-primary-soft:var(--color-brand-soft);--dashboard-code:var(--color-code);--focus-ring:#1d4ed8;--error-text:var(--color-danger);--error-surface:var(--color-danger-soft)}body{background:var(--color-canvas);color:var(--color-ink)}.route-content:focus-visible{outline:3px solid var(--focus-ring);outline-offset:5px}.dashboard-shell .card,.dashboard-shell .app-header,.session-loading-content,.login-frame,.modal-card,.toast{border-color:var(--color-stroke);background:var(--color-surface);box-shadow:var(--shadow-panel)}.primary,.dashboard-shell .primary{border-color:var(--color-brand);border-radius:var(--radius-control);background:var(--color-brand);box-shadow:none;transition:transform var(--motion-fast) var(--ease-standard)}.primary:hover:not(:disabled),.dashboard-shell .primary:hover:not(:disabled){border-color:var(--color-brand-strong);background:var(--color-brand-strong);box-shadow:none;transform:none}.ghost,.dashboard-shell .ghost{border-color:var(--color-stroke);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-ink);box-shadow:none;transition:transform var(--motion-fast) var(--ease-standard)}.ghost:hover:not(:disabled){border-color:var(--color-stroke-strong);background:var(--color-surface-subtle);box-shadow:none;transform:none}.app-header{z-index:15;border-radius:var(--radius-card);min-height:68px;transition:transform var(--motion-fast) var(--ease-standard);position:sticky;top:12px}[data-scrolled=true] .app-header{border-color:var(--color-stroke-strong);transform:translateY(-1px);box-shadow:0 4px 14px #0b122014}.app-nav-link{border-radius:var(--radius-control);min-height:38px;color:var(--color-muted);transition:transform var(--motion-fast) var(--ease-standard);border:1px solid #0000;justify-content:center;align-items:center;padding:0 12px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}.app-nav-link:hover{background:var(--color-surface-subtle);color:var(--color-ink)}.app-nav-link.is-active,.app-nav-link[aria-current=page]{background:var(--color-brand-soft);color:var(--color-brand-strong);border-color:#cbd5ff;box-shadow:inset 0 1px #ffffffd1}.dashboard-hero{z-index:1;isolation:isolate;background:var(--color-surface);position:relative;overflow:visible;border-radius:var(--radius-hero)!important}.dashboard-hero:before{z-index:-1;content:none;background:#315cf411;border-radius:50%;width:38%;height:72%;position:absolute;bottom:-38%;right:-8%}.dashboard-hero-visual{isolation:isolate;align-items:center;min-height:272px;display:grid;position:relative}.dashboard-hero-artwork-layer{z-index:0;aspect-ratio:1;opacity:.8;pointer-events:none;width:min(82%,340px);transform:translate3d(var(--hero-pointer-x), calc(var(--hero-pointer-y) + var(--hero-depth-y)), 0);transform-origin:50%;position:absolute;bottom:-48px;left:-58px}.dashboard-hero-artwork{object-fit:contain;width:100%;height:100%;display:block}.dashboard-hero-depth-layer{z-index:-2;border-radius:var(--radius-hero);pointer-events:none;transform:translate3d(var(--hero-pointer-x), calc(var(--hero-pointer-y) + var(--hero-depth-y)), 0);border:1px solid #315cf41f;position:absolute}.dashboard-hero-depth-layer-back{background:#e9eeffa6;width:56%;height:64%;top:7%;right:-4%}.dashboard-hero-depth-layer-front{background:#e9f8f275;border-color:#0b5b4721;width:42%;height:45%;bottom:1%;right:10%}.dashboard-code-preview{z-index:1;border-radius:var(--radius-card);background:var(--color-code);border:1px solid #adc0df52;position:relative;transform:translate(0,0);box-shadow:0 18px 40px #0b12203b,inset 0 1px #ffffff12}.practice-controls{border:1px solid var(--color-stroke);border-radius:var(--radius-card);background:var(--color-surface-subtle);width:min(100%,650px);box-shadow:none;gap:12px;padding:10px}.language-trigger,.difficulty-tabs,.difficulty-tabs button,.language-menu{border-radius:var(--radius-control)}.language-trigger,.difficulty-tabs{border-color:var(--color-stroke);background:var(--color-surface)}.difficulty-tabs button.is-active{background:var(--color-brand-soft);color:var(--color-brand-strong);box-shadow:inset 0 0 0 1px #cbd5ff}.dashboard-streak-mini{border-radius:var(--radius-card);background:var(--color-success-soft);box-shadow:none;border-color:#bde8d9}.dashboard-goal-progress-block,.dashboard-goal-note{border-color:var(--color-stroke);border-radius:var(--radius-card)}.dashboard-goal-progress-block{background:var(--color-surface-inset);box-shadow:none}.dashboard-goal-note{background:var(--color-surface-subtle)}.dashboard-goal-progress{border-radius:var(--radius-pill);background:#dce5f0;height:10px}.dashboard-goal-progress::-webkit-progress-bar{border-radius:var(--radius-pill);background:#dce5f0;height:10px}.dashboard-goal-progress::-webkit-progress-value{border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--color-brand), #5279f6)}.dashboard-goal-progress::-moz-progress-bar{border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--color-brand), #5279f6)}.goal-form{border-top:1px solid var(--color-stroke);padding-top:16px}.goal-form input,.goal-form-row input{border-color:var(--color-stroke);border-radius:var(--radius-control);background:var(--color-surface-inset)}.preset-row .ghost{border-radius:var(--radius-control);min-height:34px;padding:0 10px;font-size:13px}.review-card{border-color:var(--color-stroke);border-radius:var(--radius-card);background:var(--color-surface-subtle);box-shadow:none;transition:transform var(--motion-fast) var(--ease-standard);position:relative}.review-card:before{border-radius:0 var(--radius-pill) var(--radius-pill) 0;background:var(--color-brand);content:"";width:3px;height:calc(100% - 24px);position:absolute;top:12px;left:0}.review-card:hover{border-color:var(--color-stroke-strong);background:var(--color-surface);transform:translateY(-1px)}.dashboard-mode-tabs{border-color:var(--color-stroke);border-radius:var(--radius-control);background:var(--color-surface-inset)}.dashboard-mode-tab{border-radius:8px}.dashboard-mode-tab.is-active{background:var(--color-surface);color:var(--color-brand-strong);box-shadow:var(--shadow-contact)}.feature-card{border-color:var(--color-stroke);border-radius:var(--radius-card);background:var(--color-surface);min-height:180px;box-shadow:none;--feature-accent:var(--color-brand);--feature-soft:var(--color-brand-soft);--feature-border:#cbd5ff;transition:transform var(--motion-fast) var(--ease-standard);overflow:hidden}.feature-card[data-visual=forensic]{--feature-accent:var(--color-brand);--feature-soft:#edf4ff;--feature-border:#cbd5ff}.feature-card[data-visual=system-map]{--feature-accent:var(--color-brand);--feature-soft:#eef2ff;--feature-border:#c7d2fe}.feature-card[data-visual=compose]{--feature-accent:var(--color-brand);--feature-soft:#edf4ff;--feature-border:#cbd5ff}.feature-card:hover{border-color:var(--feature-border);transform:translateY(-2px);box-shadow:0 4px 12px #0b12200f}.feature-card[data-spotlight=true]{border-color:var(--color-stroke);background:var(--color-surface)}.feature-card[data-spotlight=true]:after{background:var(--feature-soft);content:none;opacity:.78;border-radius:50%;width:150px;height:150px;position:absolute;bottom:-62px;right:-52px}.feature-icon{border-radius:14px;width:56px;height:56px;overflow:hidden;box-shadow:inset 0 1px #ffffffe0}.feature-card[data-spotlight=true] .feature-icon{width:56px;height:56px}.feature-card-artwork{object-fit:contain;filter:saturate(.82)contrast(.96);width:100%;height:100%;display:block}.feature-card-link-affordance{color:var(--color-brand);align-items:center;gap:7px;margin-top:auto;font-size:13px;font-weight:800;display:inline-flex}.feature-card-link-affordance span{transition:transform var(--motion-fast) var(--ease-standard)}.feature-card:hover .feature-card-link-affordance span{transform:translate(3px)}.login-frame{border-radius:var(--radius-hero)}.login-intro{background:var(--color-code);position:relative;overflow:hidden}.login-intro>:not(.login-artwork){z-index:1;position:relative}.login-artwork{z-index:0;opacity:.26;pointer-events:none;width:360px;height:360px;position:absolute;top:72px;right:-52px;transform:rotate(-4deg)}.login-mode-artwork{object-fit:contain;width:100%;height:100%;display:block}.login-intro:after{content:none;border:1px solid #a3b8ff38;border-radius:50%;width:240px;height:240px;position:absolute;bottom:-120px;right:-100px}.login-code-preview{box-shadow:none;border-radius:8px}.mode-shell>.card,.mode-shell .mode-code-pane,.mode-shell .mode-response-pane,.advanced-analysis-view>.card,.advanced-task-panel{border-color:var(--color-stroke);border-radius:var(--radius-card);box-shadow:var(--shadow-panel)}.mode-shell textarea,.advanced-task-panel textarea{border-color:var(--color-stroke);border-radius:var(--radius-control);background:var(--color-surface-inset)}.code-block,.reference-report,.advanced-reference-report{border-radius:var(--radius-card);background:var(--color-code);border-color:#adc0df38}[data-reveal-state=pending]{opacity:0;transform:translateY(6px)}[data-reveal-state=visible]{opacity:1;transition:opacity var(--motion-fast) var(--ease-standard), transform var(--motion-fast) var(--ease-standard);transform:none}@media (prefers-reduced-motion:reduce),(hover:none),(pointer:coarse),(width<=980px){[data-reveal-state=pending],[data-reveal-state=visible]{opacity:1;transition:none;transform:none}.dashboard-hero-artwork-layer,.dashboard-hero-depth-layer,.dashboard-code-preview{will-change:auto;transform:none}}@media (width<=980px){.app-header{min-height:0;position:relative;top:auto}.dashboard-hero{min-height:0}.dashboard-hero-visual{min-height:180px}.dashboard-hero-artwork-layer{width:min(160px,42vw);right:0}.dashboard-hero-depth-layer{display:none}}@media (width<=520px){.login-artwork,.dashboard-hero-visual,.dashboard-hero-artwork-layer{display:none}.feature-card{min-height:0}}@media (width>=981px){.dashboard-shell{width:92vw}.dashboard-shell.dashboard-shell--workspace{width:96vw}.login-shell{width:84vw}.login-shell .login-frame{width:100%;max-width:none}.login-auth-panel>*{width:min(100%,42rem);margin-left:auto;margin-right:auto}.login-intro .login-copy{max-width:50rem}.login-intro .login-code-preview{width:min(100%,58rem)}}@media (width<=360px){.feature-card{padding:14px}.feature-icon,.feature-card[data-spotlight=true] .feature-icon{width:48px;height:48px}.app-nav-link{padding-inline:8px;font-size:13px}}.advanced-analysis-view .advanced-code-view{min-block-size:clamp(12rem,30svh,24rem);max-block-size:min(72svh,58rem);font-size:.875rem}.advanced-analysis-view.has-problem .advanced-code-view{min-block-size:clamp(16rem,42svh,36rem)}.advanced-analysis-view .advanced-task-panel textarea{min-block-size:clamp(12rem,20svh,32rem)}@media (width>=721px){.login-shell{width:84vw}.dashboard-shell--workspace .mode-shell.has-problem .analysis-workspace .code-block,.dashboard-shell--workspace .mode-shell.has-problem .code-choice-workspace .code-block,.dashboard-shell--workspace .mode-shell.has-problem .report-mode-context>.code-block{min-block-size:clamp(24rem,52svh,72rem);max-block-size:min(70svh,72rem)}.dashboard-shell--workspace .mode-shell .analysis-workspace textarea,.dashboard-shell--workspace .mode-shell .report-mode-response textarea{min-block-size:clamp(18rem,36svh,52rem)}.dashboard-shell--workspace .mode-shell .arrange-blocks{min-block-size:clamp(18rem,44svh,56rem);max-block-size:min(74svh,76rem)}.advanced-analysis-view.has-problem .advanced-code-view{min-block-size:clamp(24rem,48svh,58rem)}}@media (width>=981px){html{font-size:clamp(16px,12px + .21vw,20px)}body,#root{min-block-size:100%}.dashboard-shell,.admin-shell,.login-shell{min-block-size:100svh}.dashboard-shell{width:92vw}.dashboard-shell.dashboard-shell--workspace{width:96vw}.login-shell{width:84vw;padding-block:clamp(1.5rem,3svh,4rem)}.login-shell .login-frame{width:100%;max-width:none;min-block-size:clamp(36rem,72svh,52rem)}.login-shell .login-intro,.login-shell .login-auth-panel{padding:clamp(2.875rem,2rem + 1.2vw,7rem)}.login-shell .login-intro h1{font-size:clamp(2.25rem,1.75rem + .5vw,3.25rem)}.login-shell .login-auth-panel h2{font-size:clamp(1.75rem,1.35rem + .55vw,3rem)}.login-shell .login-copy,.login-shell .login-auth-copy{font-size:clamp(.95rem,.8rem + .12vw,1.2rem)}.login-shell .login-learning-loop,.login-shell .login-account-notes{gap:clamp(.55rem,.5vw,.9rem)}.login-shell .login-learning-loop li{grid-template-columns:clamp(1.625rem,1.2vw,2.125rem) minmax(0,1fr)}.login-shell .login-learning-loop li>span{width:clamp(1.625rem,1.2vw,2.125rem);height:clamp(1.625rem,1.2vw,2.125rem);font-size:clamp(.7rem,.62rem + .06vw,.82rem)}.login-shell .login-learning-loop strong,.login-shell .login-learning-loop small,.login-shell .login-account-notes strong,.login-shell .login-account-notes span{font-size:clamp(.78rem,.68rem + .08vw,.95rem)}.login-shell .login-code-preview pre{padding:clamp(1.25rem,1.2vw,2rem);font-size:clamp(.875rem,.75rem + .1vw,1.1rem)}.login-shell .login-actions a,.login-shell .login-actions button,.dashboard-shell .primary,.dashboard-shell .ghost,.dashboard-shell .app-nav-link,.admin-shell .primary,.admin-shell .ghost{min-block-size:clamp(2.375rem,2rem + .22vw,3.25rem);font-size:clamp(.875rem,.78rem + .08vw,1rem)}.dashboard-shell>.route-content{min-block-size:calc(100svh - 7rem);display:grid}.dashboard-shell .app-header h1,.admin-shell .app-header h1{font-size:clamp(1.15rem,1rem + .15vw,1.5rem)}.dashboard-shell .dashboard-panel,.admin-shell .dashboard-panel{padding:clamp(1.25rem,1.35vw,2.25rem)}.dashboard-shell .dashboard-panel h3,.admin-shell .dashboard-panel h3{font-size:clamp(1.05rem,.92rem + .12vw,1.4rem)}.dashboard-shell .dashboard-main{min-block-size:calc(100svh - 7rem)}.dashboard-shell .dashboard-hero{min-block-size:clamp(19rem,32svh,34rem)}.dashboard-shell .dashboard-hero-copy h2{font-size:clamp(2.25rem,1.6rem + .7vw,3.5rem)}.dashboard-shell .dashboard-hero-copy h2,.dashboard-shell .dashboard-hero-summary,.dashboard-shell .dashboard-recommendation-reason{max-width:min(100%,80rem)}.dashboard-shell .practice-controls{width:min(100%,58rem)}.dashboard-shell .dashboard-code-preview{width:100%}.dashboard-shell .dashboard-focus-grid{grid-template-columns:minmax(20rem,.92fr) minmax(20rem,1.08fr);align-items:stretch;min-block-size:clamp(22rem,30svh,34rem)}.dashboard-shell .dashboard-focus-grid>.dashboard-panel{height:100%}.dashboard-shell .dashboard-goal-card,.dashboard-shell .dashboard-focus-grid>.dashboard-panel:last-child{align-content:start;display:grid}.dashboard-shell .dashboard-empty-state{align-items:center;min-block-size:clamp(8rem,13svh,16rem)}.dashboard-shell .dashboard-mode-section{grid-template-rows:auto auto minmax(0,1fr);min-block-size:clamp(32rem,42svh,58rem);display:grid}.dashboard-shell .dashboard-mode-panel:not([hidden]){min-block-size:0;height:100%;display:block}.dashboard-shell .dashboard-mode-panel .feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(12rem,1fr);height:100%}.dashboard-shell .feature-card{align-content:center;min-block-size:12rem;padding:clamp(1rem,1vw,2rem)}.dashboard-shell .feature-icon,.dashboard-shell .feature-card[data-spotlight=true] .feature-icon{width:clamp(3.5rem,2.2vw,5.5rem);height:clamp(3.5rem,2.2vw,5.5rem)}.dashboard-shell .feature-card h3{font-size:clamp(1rem,.85rem + .15vw,1.35rem)}.dashboard-shell .feature-card p{max-width:72ch;font-size:clamp(.85rem,.75rem + .1vw,1.05rem)}.dashboard-shell .profile-grid,.dashboard-shell .problem-bank-page{align-items:stretch;min-block-size:calc(100svh - 7rem)}.dashboard-shell .profile-summary-card,.dashboard-shell .profile-settings-card{height:100%}.dashboard-shell .profile-avatar{width:clamp(4.5rem,3vw,7rem);height:clamp(4.5rem,3vw,7rem)}.dashboard-shell .profile-identity h2{font-size:clamp(1.625rem,1.3rem + .28vw,2.4rem)}.dashboard-shell .profile-next-step h3{font-size:clamp(1.05rem,.9rem + .12vw,1.4rem)}.dashboard-shell .profile-stat-grid strong{font-size:clamp(1.875rem,1.45rem + .35vw,3rem)}.dashboard-shell .profile-settings-card{align-content:start;display:grid}.dashboard-shell .profile-stat-grid{grid-auto-rows:minmax(8rem,1fr);min-block-size:clamp(20rem,42svh,52rem)}.dashboard-shell .profile-stat-grid article{align-content:center;display:grid}.problem-bank-page{grid-template-rows:auto auto auto minmax(0,1fr)}.problem-bank-page .problem-bank-hero{grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));display:grid}.problem-bank-page .problem-bank-metrics{width:100%;min-width:0}.problem-bank-page .problem-bank-learning-note{grid-template-columns:minmax(0,2fr) minmax(26rem,1fr);display:grid}.problem-bank-page .problem-bank-learning-note>p{max-width:none}.problem-bank-page .problem-bank-intro-row .problem-bank-learning-note{grid-template-columns:minmax(0,1fr)}.problem-bank-page .problem-bank-filters input,.problem-bank-page .problem-bank-filters select,.problem-bank-page .problem-bank-filter-reset{min-block-size:clamp(2.5rem,2.15rem + .22vw,3.25rem);font-size:clamp(.875rem,.78rem + .08vw,1rem)}.problem-bank-page .problem-bank-table{font-size:clamp(.875rem,.78rem + .08vw,1.05rem)}.problem-bank-page .problem-bank-table th,.problem-bank-page .problem-bank-table td{padding-block:clamp(.75rem,.65vw,1.1rem)}.problem-bank-page .problem-bank-empty{height:100%;vertical-align:middle;min-block-size:clamp(14rem,34svh,38rem)}.problem-bank-page .problem-bank-table-card{grid-template-rows:auto auto minmax(0,1fr) auto;min-block-size:clamp(34rem,58svh,90rem);display:grid}.dashboard-shell--workspace>.route-content,.dashboard-shell--workspace .mode-shell,.dashboard-shell--workspace .advanced-analysis-view,.dashboard-shell--workspace .mode-shell.has-problem>.quiz-panel,.dashboard-shell--workspace .mode-shell.has-result>.quiz-panel{min-block-size:calc(100svh - 7rem)}.dashboard-shell--workspace .mode-shell .mode-workspace{grid-template-columns:minmax(0,1.5fr) minmax(20rem,.7fr);align-items:stretch}.dashboard-shell--workspace .mode-shell.has-problem .mode-workspace,.dashboard-shell--workspace .mode-shell.has-result .mode-workspace{min-block-size:clamp(34rem,100svh - 22rem,90rem)}.dashboard-shell--workspace .mode-shell .code-choice-workspace{grid-template-columns:minmax(0,1.45fr) minmax(20rem,.72fr)}.dashboard-shell--workspace .mode-shell .arrange-workspace{grid-template-columns:minmax(19rem,.48fr) minmax(0,1.52fr)}.dashboard-shell--workspace .mode-shell .arrange-stage-pane{grid-area:1/2;align-content:start;gap:12px;min-width:0;height:100%;display:grid}.dashboard-shell--workspace .mode-shell .arrange-stage-pane .arrange-blocks{grid-area:1/1;min-block-size:0;max-block-size:min(62svh,48rem)}.dashboard-shell--workspace .mode-shell .arrange-workspace-footer{color:var(--color-muted);grid-template-columns:minmax(0,1fr) minmax(12rem,.34fr);align-items:center;gap:12px;font-size:12px;font-weight:750;display:grid}.dashboard-shell--workspace .mode-shell .report-mode-workspace{grid-template-columns:minmax(0,1.6fr) minmax(20rem,.64fr)}.dashboard-shell--workspace .report-mode--code-blame .report-mode-context{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(25rem,.52fr) minmax(0,1fr);gap:14px;display:grid}.dashboard-shell--workspace .report-mode--code-blame .code-blame-evidence,.dashboard-shell--workspace .report-mode--code-blame .mode-selection-group{min-width:0}.dashboard-shell--workspace .report-mode--code-blame .code-blame-evidence{flex-direction:column;display:flex}.dashboard-shell--workspace .report-mode--code-blame .code-blame-evidence .code-block{min-block-size:clamp(16rem,32svh,28rem);max-block-size:min(46svh,34rem)}.dashboard-shell--workspace .report-mode--code-blame .mode-selection-group .option-grid{overscroll-behavior:contain;grid-template-columns:minmax(0,1fr);max-block-size:min(62svh,48rem);padding-right:4px;overflow-y:auto}.dashboard-shell--workspace .mode-shell .mode-code-pane,.dashboard-shell--workspace .mode-shell .mode-response-pane{height:100%}.dashboard-shell--workspace .mode-shell .mode-code-pane{flex-direction:column;display:flex}.dashboard-shell--workspace .report-mode--code-blame .report-mode-context{display:grid}.dashboard-shell--workspace .mode-shell .mode-response-pane{flex-direction:column;align-self:stretch;display:flex}.dashboard-shell--workspace .mode-shell .analysis-workspace .mode-response-pane>form,.dashboard-shell--workspace .mode-shell .report-mode-response>form{grid-template-rows:auto auto auto minmax(20rem,1fr) auto auto;min-block-size:100%;display:grid}.dashboard-shell--workspace .report-mode--refactoring-choice .report-mode-response>form,.dashboard-shell--workspace .report-mode--code-blame .report-mode-response>form{grid-template-rows:auto auto auto auto minmax(20rem,1fr) auto auto}.dashboard-shell--workspace .mode-shell .analysis-workspace textarea,.dashboard-shell--workspace .mode-shell .report-mode-response textarea{min-block-size:clamp(18rem,36svh,52rem)}.dashboard-shell--workspace .report-mode--code-blame .report-mode-response textarea{min-block-size:clamp(18rem,35svh,50rem)}.dashboard-shell--workspace .report-mode--code-blame #cb-submit-btn{margin-bottom:8px}.dashboard-shell--workspace .mode-shell .code-choice-workspace .mode-response-pane,.dashboard-shell--workspace .mode-shell .arrange-guidance-pane{min-block-size:100%}.dashboard-shell--workspace .mode-shell .cb-confirm-actions,.dashboard-shell--workspace .mode-shell .arrange-guidance-pane .mode-actions{margin-top:auto}.dashboard-shell--workspace .mode-shell.has-problem .analysis-workspace .code-block,.dashboard-shell--workspace .mode-shell.has-problem .code-choice-workspace .code-block,.dashboard-shell--workspace .mode-shell.has-problem .report-mode-context>.code-block{min-block-size:clamp(24rem,52svh,72rem);max-block-size:min(70svh,72rem)}.dashboard-shell--workspace .mode-shell .arrange-blocks{max-block-size:min(74svh,76rem)}.dashboard-shell--workspace .mode-shell .option-card pre{max-block-size:clamp(18rem,34svh,42rem)}.dashboard-shell--workspace .mode-shell .feedback-panel{max-block-size:calc(100svh - 7rem)}.dashboard-shell--workspace .mode-shell.has-result{grid-template-columns:minmax(0,1fr) clamp(26rem,24vw,40rem);align-items:start}.dashboard-shell--workspace .mode-shell.has-result .mode-selection-group .option-grid,.dashboard-shell--workspace .mode-shell.has-result .result-learning-grid,.dashboard-shell--workspace .mode-shell.has-result .result-primary-actions{grid-template-columns:minmax(0,1fr)}.advanced-analysis-view .advanced-analysis-layout{grid-template-columns:minmax(0,1fr) clamp(20rem,28vw,44rem);min-block-size:calc(100svh - 7rem)}.advanced-analysis-view .advanced-analysis-overview{grid-area:1/1}.advanced-analysis-view .advanced-analysis-stage{grid-area:2/1}.advanced-analysis-view .advanced-task-panel{overscroll-behavior:contain;grid-area:1/2/span 2;max-block-size:calc(100svh - 7rem);overflow-y:auto}.advanced-analysis-view .advanced-result-panel{border-bottom:1px solid var(--color-stroke);padding-bottom:16px}.advanced-analysis-view .advanced-analysis-bottom{display:contents}.advanced-analysis-view .advanced-workbench{min-block-size:clamp(36rem,62svh,90rem)}.admin-shell{width:92vw}.admin-shell .admin-main{min-block-size:calc(100svh - 7rem)}.admin-shell .admin-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-shell .admin-chart-wrap{block-size:clamp(16rem,24svh,32rem)}.admin-shell .admin-chart-svg{width:100%;height:100%}}@media (width>=721px) and (width<=1100px){.login-shell .login-frame{grid-template-columns:minmax(0,1fr)}.login-shell .login-auth-panel{border-top:0;border-left:0;order:1}.login-shell .login-intro{order:2}}@media (width>=981px) and (width<=1180px){.dashboard-shell--workspace .mode-shell .mode-workspace,.dashboard-shell--workspace .mode-shell .code-choice-workspace,.dashboard-shell--workspace .mode-shell .arrange-workspace,.dashboard-shell--workspace .mode-shell .report-mode-workspace{grid-template-columns:minmax(0,1fr)}.dashboard-shell--workspace .mode-shell .arrange-guidance-pane,.dashboard-shell--workspace .mode-shell .arrange-stage-pane,.dashboard-shell--workspace .mode-shell .arrange-blocks{grid-area:auto/1}.dashboard-shell--workspace .mode-shell.has-result,.dashboard-shell--workspace .report-mode--code-blame .report-mode-context,.advanced-analysis-view .advanced-analysis-layout{grid-template-columns:minmax(0,1fr)}.advanced-analysis-view .advanced-analysis-stage,.advanced-analysis-view .advanced-task-panel{grid-area:auto/1}.advanced-analysis-view .advanced-analysis-bottom{gap:14px;display:grid}.advanced-analysis-view .advanced-task-panel{max-block-size:none;position:static}}@media (width>=1181px) and (width<=1439px){.dashboard-shell--workspace .mode-shell.has-result,.advanced-analysis-view .advanced-analysis-layout{grid-template-columns:minmax(0,1fr)}.advanced-analysis-view .advanced-analysis-stage,.advanced-analysis-view .advanced-task-panel{grid-area:auto/1}.advanced-analysis-view .advanced-analysis-bottom{gap:14px;display:grid}.advanced-analysis-view .advanced-task-panel{max-block-size:none;position:static}}@media (width>=1440px) and (width<=1679px){.dashboard-shell--workspace .report-mode--code-blame.has-result{grid-template-columns:minmax(0,1fr)}}@media (width>=1440px){.advanced-analysis-view .advanced-task-panel #advanced-submit-btn{z-index:2;position:sticky;inset-block-end:0;box-shadow:0 -12px 18px #fffffff0}}:root{--color-canvas:#f4f6f8;--color-canvas-depth:#e7edf4;--color-canvas-warm:#fbfaf7;--color-surface-subtle:#f7f9fc;--color-surface-inset:#eef2f6;--color-accent-amber:#8a4a08;--color-accent-amber-soft:#fff4e5;--depth-edge-light:#fffffff0;--depth-edge-dark:#54698b29;--radius-control:10px;--radius-card:14px;--radius-hero:18px;--radius-overlay:18px;--shadow-contact:inset 0 1px 0 var(--depth-edge-light), 0 2px 4px #14213a12;--shadow-panel:inset 0 1px 0 var(--depth-edge-light), 0 2px 5px #14213a13, 0 10px 24px #14213a09;--shadow-raised:inset 0 1px 0 #fffffffa, 0 5px 12px #14213a17, 0 20px 40px #14213a13;--shadow-press:inset 0 2px 5px #14213a21}body{background-color:var(--color-canvas)}.dashboard-shell .card,.dashboard-shell .app-header,.login-frame,.session-loading-content{border-color:color-mix(in srgb, var(--color-stroke) 88%, #a7b4c8);box-shadow:var(--shadow-panel)}.brand-mark{background:var(--color-canvas-warm);box-shadow:var(--shadow-contact);border-radius:12px}.primary,.dashboard-shell .primary{box-shadow:inset 0 1px #ffffff40,0 2px #2445c7,0 5px 10px #315cf421}.primary:active:not(:disabled),.dashboard-shell .primary:active:not(:disabled){box-shadow:var(--shadow-press);transform:translateY(1px)}.ghost,.dashboard-shell .ghost{background:var(--color-canvas-warm);box-shadow:inset 0 1px #fff,0 1px 2px #14213a0d}.ghost:active:not(:disabled),.dashboard-shell .ghost:active:not(:disabled){box-shadow:var(--shadow-press);transform:translateY(1px)}.app-header{background:#fffffff7}[data-scrolled=true] .app-header{box-shadow:var(--shadow-raised)}.dashboard-hero{background:var(--color-canvas-warm);box-shadow:var(--shadow-raised)!important;border-color:#d8dfeb!important}.dashboard-hero-depth-layer-back{background:#e8edff;border-color:#315cf424}.dashboard-hero-depth-layer-front{background:#e5f7f0;border-color:#0b5b4721}.dashboard-shell .dashboard-hero-artwork-layer{z-index:0;opacity:.96;grid-column:1;justify-self:center;width:min(100%,13.5rem);position:relative;bottom:auto;left:auto}.dashboard-shell .dashboard-hero-visual{grid-template-columns:minmax(11.5rem,.74fr) minmax(18rem,1.26fr);gap:clamp(.75rem,1vw,1.25rem);padding:.75rem 0}.dashboard-shell .dashboard-code-preview{border-color:#b4c6e261;grid-column:2;box-shadow:0 5px #08101d,0 22px 42px #0b122033,inset 0 1px #ffffff14}.dashboard-shell .dashboard-hero-copy,.dashboard-shell .dashboard-panel-head,.dashboard-shell .dashboard-recommendation-reason,.dashboard-shell .dashboard-goal-note,.dashboard-shell .dashboard-empty-state,.dashboard-shell .feature-card{overflow-wrap:anywhere;word-break:keep-all}.practice-controls,.dashboard-goal-progress-block,.dashboard-empty-state,.problem-bank-page .problem-bank-filters{background:var(--color-surface-inset);box-shadow:inset 0 1px 2px #14213a12,inset 0 -1px #ffffffc7}.language-trigger,.difficulty-tabs,.goal-form input,.problem-bank-page .problem-bank-filters input,.problem-bank-page .problem-bank-filters select,.mode-shell textarea,.advanced-task-panel textarea{background:var(--color-canvas-warm);box-shadow:inset 0 1px 2px #14213a13,inset 0 -1px #ffffffe0}.language-trigger:focus-visible,.goal-form input:focus-visible,.problem-bank-page .problem-bank-filters input:focus-visible,.problem-bank-page .problem-bank-filters select:focus-visible,.mode-shell textarea:focus-visible,.advanced-task-panel textarea:focus-visible{background:#fff}.dashboard-streak-mini{box-shadow:inset 0 1px #ffffffe6,0 3px 7px #0b5b4714}.dashboard-goal-note,.review-card{background:var(--color-canvas-warm)}.review-card{box-shadow:var(--shadow-contact)}.feature-card,.feature-card[data-spotlight=true]{background:var(--color-canvas-warm);box-shadow:var(--shadow-contact);border-color:#d7dfeb}.feature-card:hover,.feature-card[data-spotlight=true]:hover{border-color:#cbd5ff;transform:translateY(-2px);box-shadow:0 4px 12px #14213a14}.dashboard-shell .feature-card .feature-icon,.dashboard-shell .feature-card[data-spotlight=true] .feature-icon{background:color-mix(in srgb, #edf4ff 74%, var(--color-canvas-warm));border-radius:20px;width:clamp(76px,4vw,96px);height:clamp(76px,4vw,96px);box-shadow:inset 0 1px #fffffff2,0 3px 8px #14213a17}.feature-card-link-affordance{color:var(--color-brand)}.feature-card-artwork{filter:none;transform:none}.login-frame{border-radius:var(--radius-hero);box-shadow:var(--shadow-raised);border-color:#ced8e5}.login-intro{background:#16233a}.login-artwork{opacity:.42;filter:saturate(1.12)contrast(1.06)drop-shadow(0 14px 22px #040a1433);width:min(29vw,390px);height:min(29vw,390px);top:42px;right:-56px;transform:rotate(-3deg)}.login-code-preview{background:#0d1728;border-color:#dbeafe2e;box-shadow:inset 0 2px 5px #0003,0 4px #050b146b}.login-auth-panel{background:var(--color-canvas-warm)}.login-account-notes li{border-color:#dfe5ed}.learning-guide{background:#f3f6ff;border-color:#cad5e6;border-radius:14px;box-shadow:inset 0 1px #fffffff0,0 2px 5px #315cf40e}.learning-state-badge,.learning-cues li,.answer-outline{background:var(--color-canvas-warm);box-shadow:inset 0 1px #fff}.mode-shell .mode-code-pane,.advanced-analysis-view .advanced-sidebar,.advanced-analysis-view .advanced-editor-surface{background:var(--color-surface-inset);box-shadow:inset 0 1px 3px #14213a17}.mode-shell .mode-response-pane,.advanced-task-panel,.feedback-panel,.result-panel{background:var(--color-canvas-warm);box-shadow:var(--shadow-panel)}.arrange-block,.option-card,.cb-option-btn{box-shadow:var(--shadow-contact)}.arrange-block.dragging{box-shadow:var(--shadow-raised);transform:translateY(-3px)}.option-card.is-selected,.cb-option-btn.is-selected{box-shadow:inset 3px 0 0 var(--color-brand), var(--shadow-contact)}.problem-bank-page .problem-bank-hero,.problem-bank-page .problem-bank-learning-note,.problem-bank-page .problem-bank-table-card{border-radius:var(--radius-card)}.problem-bank-page .problem-bank-hero{background:var(--color-canvas-warm);box-shadow:var(--shadow-panel)}.problem-bank-page .problem-bank-learning-note{background:var(--color-accent-amber-soft);border-color:#f1d49f;box-shadow:inset 0 1px #ffffffe6,0 2px 5px #8a4a080e}.problem-bank-page .problem-bank-metric{background:#f1f4ff;border:1px solid #cfdaef;border-radius:12px;box-shadow:inset 0 1px #fff}.problem-bank-page .problem-bank-mode-artwork{width:24px;height:24px;color:var(--color-brand-strong);background:#f1f4ff;border:1px solid #d2dcf0;border-radius:8px;flex:0 0 24px;place-items:center;display:inline-grid}.problem-bank-page .problem-bank-mode-artwork .mode-svg{width:17px;height:17px}.problem-bank-page .problem-bank-table tbody tr:hover{box-shadow:inset 3px 0 0 var(--color-brand);background:#f8faff}.feature-card:focus-visible,.review-card:focus-visible{transform:none}@media (width>=981px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.feature-card:hover{box-shadow:var(--shadow-raised);transform:translateY(-2px)}.review-card:hover{box-shadow:var(--shadow-panel);transform:translateY(-1px)}}@media (prefers-reduced-motion:reduce),(hover:none),(pointer:coarse),(width<=980px){.feature-card,.review-card,.primary,.ghost,.arrange-block,.dashboard-hero-artwork-layer,.dashboard-hero-depth-layer{transition:none;transform:none!important}}@media (width<=520px){.dashboard-shell .card,.dashboard-shell .app-header,.login-frame{box-shadow:var(--shadow-contact)}.dashboard-shell .feature-card .feature-icon,.dashboard-shell .feature-card[data-spotlight=true] .feature-icon{border-radius:18px;width:72px;height:72px}.dashboard-topbar{gap:8px;padding:10px}.dashboard-topbar .brand-lockup .eyebrow{display:none}.dashboard-topbar .header-actions{flex-wrap:nowrap;gap:4px;display:flex}.dashboard-topbar .header-actions>*{flex:1 1 0;min-height:36px;padding-inline:4px;font-size:12.5px}}@media (width>=981px) and (width<=1199px){.dashboard-shell .dashboard-hero-visual{grid-template-columns:minmax(6.5rem,.58fr) minmax(0,1.42fr);gap:.625rem}.dashboard-shell .dashboard-hero-artwork-layer{width:min(100%,8.5rem)}}@media (width>=521px) and (width<=980px){.dashboard-shell .dashboard-hero-visual{grid-template-columns:minmax(8.5rem,.54fr) minmax(18rem,1.46fr);gap:.75rem;padding:0}.dashboard-shell .dashboard-hero-artwork-layer{width:min(100%,10rem);bottom:auto;left:auto;right:auto}}