html{scroll-behavior:smooth;font-size:clamp(.875rem,.8rem + .5vw,1rem)}body{font-family:var(--font-heading);background:var(--color-body-surface);background-color:var(--color-surface-app);color:var(--color-text-primary);overflow-x:hidden;-moz-osx-font-smoothing:grayscale}body.modal-open{overflow:hidden}[data-theme=light]{color-scheme:light}[data-theme=dark]{color-scheme:dark}*,:after,:before{transition-property:background-color,border-color,color,fill,stroke,box-shadow;transition-duration:var(--duration-normal);transition-timing-function:var(--ease-standard)}::-webkit-scrollbar{width:var(--size-scrollbar-width)}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:var(--radius-md)}::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-thumb-hover)}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.header-badge{background-color:var(--color-surface-inverse);color:var(--color-text-on-dark)}[data-theme=dark] .header-badge{background-color:var(--color-surface-card);color:var(--color-text-primary)}.animate-spin{animation:spin var(--duration-spin) linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideFromBottom8{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes slideFromRight4{0%{opacity:0;transform:translateX(1rem)}to{opacity:1;transform:translateX(0)}}@keyframes slideFromRight8{0%{opacity:0;transform:translateX(2rem)}to{opacity:1;transform:translateX(0)}}@keyframes slideFromTop4{0%{opacity:0;transform:translateY(-1rem)}to{opacity:1;transform:translateY(0)}}@keyframes zoomIn95{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-in.fade-in{animation:fadeIn var(--duration-normal) ease-out forwards}.duration-emphasis.animate-in.fade-in{animation-duration:var(--duration-emphasis)}.duration-slow.animate-in.fade-in{animation-duration:var(--duration-slow)}.slide-in-from-bottom-8{animation:fadeIn var(--duration-normal) ease-out,slideFromBottom8 var(--duration-normal) var(--ease-standard);animation-fill-mode:forwards}.slide-in-from-right-4{animation:fadeIn var(--duration-normal) ease-out,slideFromRight4 var(--duration-normal) var(--ease-standard);animation-fill-mode:forwards}.slide-in-from-right-8{animation:fadeIn var(--duration-normal) ease-out,slideFromRight8 var(--duration-normal) var(--ease-standard);animation-fill-mode:forwards}.slide-in-from-top-4{animation:fadeIn var(--duration-normal) ease-out,slideFromTop4 var(--duration-normal) var(--ease-standard);animation-fill-mode:forwards}.zoom-in-95{animation:fadeIn var(--duration-normal) ease-out,zoomIn95 var(--duration-normal) var(--ease-standard);animation-fill-mode:forwards}.duration-slow.slide-in-from-bottom-8,.duration-slow.slide-in-from-right-4,.duration-slow.slide-in-from-right-8,.duration-slow.zoom-in-95{animation-duration:var(--duration-slow),var(--duration-slow)}.duration-1000.zoom-in-95{animation-duration:var(--duration-slow-ms),var(--duration-slow-ms)}.duration-emphasis.slide-in-from-bottom-8,.duration-emphasis.slide-in-from-right-4,.duration-emphasis.slide-in-from-right-8,.duration-emphasis.slide-in-from-top-4,.duration-emphasis.zoom-in-95{animation-duration:var(--duration-emphasis),var(--duration-emphasis)}.duration-normal.slide-in-from-top-4{animation-duration:var(--duration-normal),var(--duration-normal)}*,:after,:before{box-sizing:border-box}blockquote,body,dd,dl,figure,h1,h2,h3,h4,h5,h6,ol,p,pre,ul{margin:0;padding:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}body{min-height:100vh;font-family:Inter,Segoe UI,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;background:var(--color-body-surface,#fff);color:var(--color-text-primary,#000)}canvas,img,picture,svg,video{display:block;max-width:100%;height:auto}button,input,select,textarea{font:inherit;color:inherit;background:none;border:none;padding:0;margin:0;outline:none;appearance:none}a{color:inherit;text-decoration:none}[role=button],button{cursor:pointer}table{border-collapse:collapse;border-spacing:0}hr{border:none;height:1px;background-color:currentColor;opacity:.2}code,pre{font-family:Courier New,Courier,monospace;font-size:.9em;color:var(--color-code-text,currentColor);background-color:var(--color-code-surface,#f5f5f5);border:1px solid var(--color-code-border,transparent);padding:.25rem .5rem;border-radius:4px}::selection{background-color:var(--color-selection-bg,#0d6efd);color:var(--color-selection-text,#fff)}button,input,select,textarea{line-height:inherit}.u-m-0{margin:0}.u-mt-0{margin-top:0}.u-mr-0{margin-right:0}.u-mb-0{margin-bottom:0}.u-ml-0,.u-mx-0{margin-left:0}.u-mx-0{margin-right:0}.u-my-0{margin-top:0;margin-bottom:0}.u-p-0{padding:0}.u-pt-0{padding-top:0}.u-pr-0{padding-right:0}.u-pb-0{padding-bottom:0}.u-pl-0,.u-px-0{padding-left:0}.u-px-0{padding-right:0}.u-py-0{padding-top:0;padding-bottom:0}.u-m-4{margin:4px}.u-mt-4{margin-top:4px}.u-mr-4{margin-right:4px}.u-mb-4{margin-bottom:4px}.u-ml-4,.u-mx-4{margin-left:4px}.u-mx-4{margin-right:4px}.u-my-4{margin-top:4px;margin-bottom:4px}.u-p-4{padding:4px}.u-pt-4{padding-top:4px}.u-pr-4{padding-right:4px}.u-pb-4{padding-bottom:4px}.u-pl-4,.u-px-4{padding-left:4px}.u-px-4{padding-right:4px}.u-py-4{padding-top:4px;padding-bottom:4px}.u-m-8{margin:8px}.u-mt-8{margin-top:8px}.u-mr-8{margin-right:8px}.u-mb-8{margin-bottom:8px}.u-ml-8,.u-mx-8{margin-left:8px}.u-mx-8{margin-right:8px}.u-my-8{margin-top:8px;margin-bottom:8px}.u-p-8{padding:8px}.u-pt-8{padding-top:8px}.u-pr-8{padding-right:8px}.u-pb-8{padding-bottom:8px}.u-pl-8,.u-px-8{padding-left:8px}.u-px-8{padding-right:8px}.u-py-8{padding-top:8px;padding-bottom:8px}.u-m-12{margin:12px}.u-mt-12{margin-top:12px}.u-mr-12{margin-right:12px}.u-mb-12{margin-bottom:12px}.u-ml-12,.u-mx-12{margin-left:12px}.u-mx-12{margin-right:12px}.u-my-12{margin-top:12px;margin-bottom:12px}.u-p-12{padding:12px}.u-pt-12{padding-top:12px}.u-pr-12{padding-right:12px}.u-pb-12{padding-bottom:12px}.u-pl-12,.u-px-12{padding-left:12px}.u-px-12{padding-right:12px}.u-py-12{padding-top:12px;padding-bottom:12px}.u-m-16{margin:16px}.u-mt-16{margin-top:16px}.u-mr-16{margin-right:16px}.u-mb-16{margin-bottom:16px}.u-ml-16,.u-mx-16{margin-left:16px}.u-mx-16{margin-right:16px}.u-my-16{margin-top:16px;margin-bottom:16px}.u-p-16{padding:16px}.u-pt-16{padding-top:16px}.u-pr-16{padding-right:16px}.u-pb-16{padding-bottom:16px}.u-pl-16,.u-px-16{padding-left:16px}.u-px-16{padding-right:16px}.u-py-16{padding-top:16px;padding-bottom:16px}.u-m-24{margin:24px}.u-mt-24{margin-top:24px}.u-mr-24{margin-right:24px}.u-mb-24{margin-bottom:24px}.u-ml-24,.u-mx-24{margin-left:24px}.u-mx-24{margin-right:24px}.u-my-24{margin-top:24px;margin-bottom:24px}.u-p-24{padding:24px}.u-pt-24{padding-top:24px}.u-pr-24{padding-right:24px}.u-pb-24{padding-bottom:24px}.u-pl-24,.u-px-24{padding-left:24px}.u-px-24{padding-right:24px}.u-py-24{padding-top:24px;padding-bottom:24px}.u-m-32{margin:32px}.u-mt-32{margin-top:32px}.u-mr-32{margin-right:32px}.u-mb-32{margin-bottom:32px}.u-ml-32,.u-mx-32{margin-left:32px}.u-mx-32{margin-right:32px}.u-my-32{margin-top:32px;margin-bottom:32px}.u-p-32{padding:32px}.u-pt-32{padding-top:32px}.u-pr-32{padding-right:32px}.u-pb-32{padding-bottom:32px}.u-pl-32,.u-px-32{padding-left:32px}.u-px-32{padding-right:32px}.u-py-32{padding-top:32px;padding-bottom:32px}.u-m-40{margin:40px}.u-mt-40{margin-top:40px}.u-mr-40{margin-right:40px}.u-mb-40{margin-bottom:40px}.u-ml-40,.u-mx-40{margin-left:40px}.u-mx-40{margin-right:40px}.u-my-40{margin-top:40px;margin-bottom:40px}.u-p-40{padding:40px}.u-pt-40{padding-top:40px}.u-pr-40{padding-right:40px}.u-pb-40{padding-bottom:40px}.u-pl-40,.u-px-40{padding-left:40px}.u-px-40{padding-right:40px}.u-py-40{padding-top:40px;padding-bottom:40px}.u-m-48{margin:48px}.u-mt-48{margin-top:48px}.u-mr-48{margin-right:48px}.u-mb-48{margin-bottom:48px}.u-ml-48,.u-mx-48{margin-left:48px}.u-mx-48{margin-right:48px}.u-my-48{margin-top:48px;margin-bottom:48px}.u-p-48{padding:48px}.u-pt-48{padding-top:48px}.u-pr-48{padding-right:48px}.u-pb-48{padding-bottom:48px}.u-pl-48,.u-px-48{padding-left:48px}.u-px-48{padding-right:48px}.u-py-48{padding-top:48px;padding-bottom:48px}.u-m-64{margin:64px}.u-mt-64{margin-top:64px}.u-mr-64{margin-right:64px}.u-mb-64{margin-bottom:64px}.u-ml-64,.u-mx-64{margin-left:64px}.u-mx-64{margin-right:64px}.u-my-64{margin-top:64px;margin-bottom:64px}.u-p-64{padding:64px}.u-pt-64{padding-top:64px}.u-pr-64{padding-right:64px}.u-pb-64{padding-bottom:64px}.u-pl-64,.u-px-64{padding-left:64px}.u-px-64{padding-right:64px}.u-py-64{padding-top:64px;padding-bottom:64px}.grid{display:grid;width:100%;box-sizing:border-box}.gap-0{gap:0}.row-gap-0{row-gap:0}.col-gap-0{column-gap:0}.gap-8{gap:8px}.row-gap-8{row-gap:8px}.col-gap-8{column-gap:8px}.gap-12{gap:12px}.row-gap-12{row-gap:12px}.col-gap-12{column-gap:12px}.gap-16{gap:16px}.row-gap-16{row-gap:16px}.col-gap-16{column-gap:16px}.gap-24{gap:24px}.row-gap-24{row-gap:24px}.col-gap-24{column-gap:24px}.gap-32{gap:32px}.row-gap-32{row-gap:32px}.col-gap-32{column-gap:32px}.gap-48{gap:48px}.row-gap-48{row-gap:48px}.col-gap-48{column-gap:48px}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-5{grid-template-columns:repeat(5,1fr)}.grid-cols-6{grid-template-columns:repeat(6,1fr)}.grid-cols-7{grid-template-columns:repeat(7,1fr)}.grid-cols-8{grid-template-columns:repeat(8,1fr)}.grid-cols-9{grid-template-columns:repeat(9,1fr)}.grid-cols-10{grid-template-columns:repeat(10,1fr)}.grid-cols-11{grid-template-columns:repeat(11,1fr)}.grid-cols-12{grid-template-columns:repeat(12,1fr)}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-5{grid-column:span 5/span 5}.col-span-6{grid-column:span 6/span 6}.col-span-7{grid-column:span 7/span 7}.col-span-8{grid-column:span 8/span 8}.col-span-9{grid-column:span 9/span 9}.col-span-10{grid-column:span 10/span 10}.col-span-11{grid-column:span 11/span 11}.col-span-12{grid-column:span 12/span 12}@media(min-width:480px){.sm\:grid-cols-1{grid-template-columns:repeat(1,1fr)}.sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.sm\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.sm\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.sm\:grid-cols-5{grid-template-columns:repeat(5,1fr)}.sm\:grid-cols-6{grid-template-columns:repeat(6,1fr)}.sm\:grid-cols-7{grid-template-columns:repeat(7,1fr)}.sm\:grid-cols-8{grid-template-columns:repeat(8,1fr)}.sm\:grid-cols-9{grid-template-columns:repeat(9,1fr)}.sm\:grid-cols-10{grid-template-columns:repeat(10,1fr)}.sm\:grid-cols-11{grid-template-columns:repeat(11,1fr)}.sm\:grid-cols-12{grid-template-columns:repeat(12,1fr)}.sm\:col-span-1{grid-column:span 1/span 1}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:col-span-3{grid-column:span 3/span 3}.sm\:col-span-4{grid-column:span 4/span 4}.sm\:col-span-5{grid-column:span 5/span 5}.sm\:col-span-6{grid-column:span 6/span 6}.sm\:col-span-7{grid-column:span 7/span 7}.sm\:col-span-8{grid-column:span 8/span 8}.sm\:col-span-9{grid-column:span 9/span 9}.sm\:col-span-10{grid-column:span 10/span 10}.sm\:col-span-11{grid-column:span 11/span 11}.sm\:col-span-12{grid-column:span 12/span 12}}@media(min-width:768px){.md\:grid-cols-1{grid-template-columns:repeat(1,1fr)}.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.md\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.md\:grid-cols-5{grid-template-columns:repeat(5,1fr)}.md\:grid-cols-6{grid-template-columns:repeat(6,1fr)}.md\:grid-cols-7{grid-template-columns:repeat(7,1fr)}.md\:grid-cols-8{grid-template-columns:repeat(8,1fr)}.md\:grid-cols-9{grid-template-columns:repeat(9,1fr)}.md\:grid-cols-10{grid-template-columns:repeat(10,1fr)}.md\:grid-cols-11{grid-template-columns:repeat(11,1fr)}.md\:grid-cols-12{grid-template-columns:repeat(12,1fr)}.md\:col-span-1{grid-column:span 1/span 1}.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-3{grid-column:span 3/span 3}.md\:col-span-4{grid-column:span 4/span 4}.md\:col-span-5{grid-column:span 5/span 5}.md\:col-span-6{grid-column:span 6/span 6}.md\:col-span-7{grid-column:span 7/span 7}.md\:col-span-8{grid-column:span 8/span 8}.md\:col-span-9{grid-column:span 9/span 9}.md\:col-span-10{grid-column:span 10/span 10}.md\:col-span-11{grid-column:span 11/span 11}.md\:col-span-12{grid-column:span 12/span 12}}@media(min-width:1024px){.lg\:grid-cols-1{grid-template-columns:repeat(1,1fr)}.lg\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.lg\:grid-cols-5{grid-template-columns:repeat(5,1fr)}.lg\:grid-cols-6{grid-template-columns:repeat(6,1fr)}.lg\:grid-cols-7{grid-template-columns:repeat(7,1fr)}.lg\:grid-cols-8{grid-template-columns:repeat(8,1fr)}.lg\:grid-cols-9{grid-template-columns:repeat(9,1fr)}.lg\:grid-cols-10{grid-template-columns:repeat(10,1fr)}.lg\:grid-cols-11{grid-template-columns:repeat(11,1fr)}.lg\:grid-cols-12{grid-template-columns:repeat(12,1fr)}.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-6{grid-column:span 6/span 6}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:col-span-9{grid-column:span 9/span 9}.lg\:col-span-10{grid-column:span 10/span 10}.lg\:col-span-11{grid-column:span 11/span 11}.lg\:col-span-12{grid-column:span 12/span 12}}@media(min-width:1280px){.xl\:grid-cols-1{grid-template-columns:repeat(1,1fr)}.xl\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.xl\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.xl\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.xl\:grid-cols-5{grid-template-columns:repeat(5,1fr)}.xl\:grid-cols-6{grid-template-columns:repeat(6,1fr)}.xl\:grid-cols-7{grid-template-columns:repeat(7,1fr)}.xl\:grid-cols-8{grid-template-columns:repeat(8,1fr)}.xl\:grid-cols-9{grid-template-columns:repeat(9,1fr)}.xl\:grid-cols-10{grid-template-columns:repeat(10,1fr)}.xl\:grid-cols-11{grid-template-columns:repeat(11,1fr)}.xl\:grid-cols-12{grid-template-columns:repeat(12,1fr)}.xl\:col-span-1{grid-column:span 1/span 1}.xl\:col-span-2{grid-column:span 2/span 2}.xl\:col-span-3{grid-column:span 3/span 3}.xl\:col-span-4{grid-column:span 4/span 4}.xl\:col-span-5{grid-column:span 5/span 5}.xl\:col-span-6{grid-column:span 6/span 6}.xl\:col-span-7{grid-column:span 7/span 7}.xl\:col-span-8{grid-column:span 8/span 8}.xl\:col-span-9{grid-column:span 9/span 9}.xl\:col-span-10{grid-column:span 10/span 10}.xl\:col-span-11{grid-column:span 11/span 11}.xl\:col-span-12{grid-column:span 12/span 12}}@media(min-width:1440px){.xxl\:grid-cols-1{grid-template-columns:repeat(1,1fr)}.xxl\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.xxl\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.xxl\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.xxl\:grid-cols-5{grid-template-columns:repeat(5,1fr)}.xxl\:grid-cols-6{grid-template-columns:repeat(6,1fr)}.xxl\:grid-cols-7{grid-template-columns:repeat(7,1fr)}.xxl\:grid-cols-8{grid-template-columns:repeat(8,1fr)}.xxl\:grid-cols-9{grid-template-columns:repeat(9,1fr)}.xxl\:grid-cols-10{grid-template-columns:repeat(10,1fr)}.xxl\:grid-cols-11{grid-template-columns:repeat(11,1fr)}.xxl\:grid-cols-12{grid-template-columns:repeat(12,1fr)}.xxl\:col-span-1{grid-column:span 1/span 1}.xxl\:col-span-2{grid-column:span 2/span 2}.xxl\:col-span-3{grid-column:span 3/span 3}.xxl\:col-span-4{grid-column:span 4/span 4}.xxl\:col-span-5{grid-column:span 5/span 5}.xxl\:col-span-6{grid-column:span 6/span 6}.xxl\:col-span-7{grid-column:span 7/span 7}.xxl\:col-span-8{grid-column:span 8/span 8}.xxl\:col-span-9{grid-column:span 9/span 9}.xxl\:col-span-10{grid-column:span 10/span 10}.xxl\:col-span-11{grid-column:span 11/span 11}.xxl\:col-span-12{grid-column:span 12/span 12}}.justify-start{justify-items:start}.justify-center{justify-items:center}.justify-end{justify-items:end}.align-start{align-items:start}.align-center{align-items:center}.align-end{align-items:end}.mx-auto{margin-left:auto;margin-right:auto}:root:not([data-theme]),[data-theme=light]{--color-link:#7c3aed;--color-link-hover:#6d28d9;--color-body-surface:linear-gradient(344.36deg,rgba(243,227,215,0.24) 21.22%,rgba(237,233,254,0.56) 98.71%);--color-surface-app:#f9fafb;--color-surface-card:#ffffff;--color-surface-subtle:#f3f4f6;--color-surface-inset:#f9fafb;--color-surface-muted:#f3f4f6;--color-surface-muted-hover:#e5e7eb;--color-surface-elevated:#ffffff;--color-surface-inverse:#0f172a;--color-surface-dark:#0f172a;--color-surface-dark-accent:#5b21b6;--color-text-primary:#111827;--color-text-secondary:#4b5563;--color-text-muted:#6b7280;--color-text-subtle:#9ca3af;--color-text-inverse:#ffffff;--color-text-on-dark:#ffffff;--color-text-on-dark-muted:rgba(255,255,255,0.72);--color-text-on-dark-subtle:rgba(255,255,255,0.56);--color-border-default:rgba(0,0,0,0.08);--color-border-subtle:rgba(0,0,0,0.05);--color-border-inset:#f3f4f6;--color-border-strong:rgba(0,0,0,0.14);--color-border-on-dark:rgba(255,255,255,0.16);--color-brand-primary:#7c3aed;--color-brand-primary-soft:rgba(124,58,237,0.1);--color-brand-accent:#6d28d9;--color-brand-accent-soft:rgba(109,40,217,0.1);--color-success:#10b981;--color-success-soft:rgba(16,185,129,0.1);--color-warning:#f59e0b;--color-warning-text:#92400e;--color-warning-soft:rgba(245,158,11,0.12);--color-danger:#f43f5e;--color-danger-soft:rgba(244,63,94,0.1);--color-info:#0ea5e9;--color-info-soft:rgba(14,165,233,0.1);--color-selection-bg:#f5f3ff;--color-selection-text:#0f172a;--color-focus-ring:#7c3aed;--color-focus-ring-soft:rgba(124,58,237,0.18);--color-learning-question-surface:#ffffff;--color-learning-question-surface-emphasis:#f8fafc;--color-learning-question-border:#e0e1e7;--color-learning-option-surface:#ffffff;--color-learning-option-border:#e0e1e7;--color-learning-option-border-hover:rgba(124,58,237,0.35);--color-learning-option-selected-surface:rgba(124,58,237,0.08);--color-learning-option-selected-border:rgba(124,58,237,0.6);--color-learning-progress-track:rgba(124,58,237,0.12);--color-learning-progress-fill:#7c3aed;--color-overlay-backdrop:rgba(15,23,42,0.5);--color-overlay-light:rgba(255,255,255,0.1);--color-overlay-dark:rgba(15,23,42,0.08);--color-overlay-surface:#ffffff;--color-scrim:rgba(15,23,42,0.4);--color-scrim-subtle:rgba(15,23,42,0.05);--color-scrim-heavy:rgba(15,23,42,0.7);--color-code-surface:#f3f4f6;--color-code-border:#e5e7eb;--color-code-text:#111827;--color-scrollbar-thumb:#cbd5e1;--color-scrollbar-thumb-hover:#94a3b8;--shadow-elevation-xs:0 1px 2px rgba(0,0,0,0.04);--shadow-elevation-sm:0 1px 3px rgba(0,0,0,0.06),0 1px 2px rgba(0,0,0,0.04);--shadow-elevation-md:0 4px 6px rgba(0,0,0,0.05),0 2px 4px rgba(0,0,0,0.04);--shadow-elevation-lg:0 10px 15px rgba(0,0,0,0.06),0 4px 6px rgba(0,0,0,0.04);--shadow-elevation-xl:0 20px 25px rgba(0,0,0,0.07),0 10px 10px rgba(0,0,0,0.04);--shadow-brand-xs:0 10px 24px rgba(124,58,237,0.16);--shadow-brand-sm:0 16px 32px rgba(124,58,237,0.18);--shadow-brand-md:0 12px 28px rgba(124,58,237,0.25);--shadow-brand-lg:0 20px 48px rgba(124,58,237,0.22);--shadow-danger-sm:0 8px 20px rgba(244,63,94,0.12);--shadow-dropdown:0 16px 40px rgba(15,23,42,0.12);--shadow-float:0 20px 60px -15px rgba(15,23,42,0.1);--shadow-inset-highlight:inset 0 1px 0 rgba(255,255,255,0.4);--shadow-nav-bottom:0 -8px 24px rgba(15,23,42,0.08);--shadow-glow-brand:0 0 20px rgba(124,58,237,0.2);--shadow-glow-brand-strong:0 0 20px rgba(124,58,237,0.4);--shadow-glow-success:0 0 20px rgba(16,185,129,0.2);--shadow-learning-question:0 28px 60px -32px rgba(15,23,42,0.24);--shadow-learning-option:0 14px 28px -24px rgba(15,23,42,0.18);--shadow-learning-option-hover:0 20px 40px -24px rgba(124,58,237,0.28);--gradient-brand-primary:linear-gradient(90deg,#6d28d9,#7c3aed);--gradient-brand-accent:linear-gradient(90deg,#5b21b6,#7c3aed);--gradient-status-success:linear-gradient(315deg,#f0fdf4,#eff6ff);--gradient-surface-info:linear-gradient(315deg,#eff6ff,#faf5ff);--gradient-nav-shell:linear-gradient(180deg,#121b2f,#270054);--gradient-nav-overlay:rgba(0,0,0,0.2);--color-interactive-primary-bg:linear-gradient(90deg,#6d28d9,#7c3aed);--color-interactive-primary-bg-hover:linear-gradient(90deg,#7c3aed,#6d28d9);--color-interactive-primary-text:#ffffff;--color-interactive-secondary-bg:linear-gradient(90deg,#5b21b6,#6d28d9);--color-interactive-secondary-bg-hover:linear-gradient(90deg,#6d28d9,#5b21b6);--color-interactive-secondary-text:#ffffff;--color-interactive-neutral-bg:#ffffff;--color-interactive-neutral-bg-hover:#f3f4f6;--color-interactive-neutral-border:#d1d5dc;--color-interactive-neutral-text:#101828;--color-interactive-ghost-bg:transparent;--color-interactive-ghost-bg-hover:#f3f4f6;--color-interactive-disabled-bg:#e5e7eb;--color-interactive-disabled-border:#e5e7eb;--color-interactive-disabled-text:#9ca3af;--shadow-interactive-primary:rgba(124,58,237,0.3);--gradient-nav-start:#121b2f;--gradient-nav-end:#270054;--color-nav-on-surface:#cad5e2;--color-nav-hover-surface:#4d3f85;--color-nav-border:#314158;--color-nav-active-bg:rgba(138,56,245,0.15);--color-nav-user-card-bg:rgba(138,56,245,0.1);--color-nav-avatar-start:#8a38f5;--color-nav-avatar-end:#6b21a8;--color-dash-brand:#7c3aed;--color-dash-brand-hover:#6d28d9;--color-dash-brand-soft:rgba(124,58,237,0.08);--color-dash-brand-muted:rgba(124,58,237,0.12);--color-dash-brand-text:#7c3aed;--color-dash-brand-text-soft:#5b21b6;--color-dash-brand-border:rgba(124,58,237,0.2);--color-dash-surface-app:#f7f7fd;--color-dash-surface-card:#ffffff;--color-dash-surface-sidebar:#ffffff;--color-dash-surface-aside:#ffffff;--color-dash-hero-gradient:linear-gradient(135deg,#7c3aed,#6d28d9 40%,#4338ca);--color-dash-hero-shadow:0 20px 60px rgba(124,58,237,0.2);--color-dash-ring-track:rgba(255,255,255,0.2);--color-dash-ring-fill:#ffffff;--color-dash-heat-0:#f3f4f6;--color-dash-heat-1:#ddd6fe;--color-dash-heat-2:#a78bfa;--color-dash-heat-3:#7c3aed;--color-dash-grade-strong:#10b981;--color-dash-grade-strong-soft:rgba(16,185,129,0.08);--color-dash-grade-strong-text:#065f46;--color-dash-grade-improving:#f59e0b;--color-dash-grade-improving-soft:rgba(245,158,11,0.08);--color-dash-grade-improving-text:#92400e;--color-dash-grade-critical:#f43f5e;--color-dash-grade-critical-soft:rgba(244,63,94,0.08);--color-dash-grade-critical-text:#9f1239;--color-dash-rec-critical-border:#fecdd3;--color-dash-rec-critical-bg:rgba(255,241,242,0.5);--color-dash-rec-warning-border:#fde68a;--color-dash-rec-warning-bg:rgba(255,251,235,0.5);--color-dash-nav-active-bg:rgba(124,58,237,0.08);--color-dash-nav-active-text:#6d28d9;--color-dash-nav-active-icon:#7c3aed;--color-dash-nav-idle-text:#6b7280;--color-dash-nav-idle-icon:#9ca3af;--color-dash-nav-hover-bg:rgba(0,0,0,0.04)}[data-theme=dark]{--color-link:#a78bfa;--color-link-hover:#c4b5fd;--color-body-surface:linear-gradient(344.36deg,rgba(26,26,46,0.9) 21.22%,rgba(22,33,62,0.9) 98.71%);--color-surface-app:#111827;--color-surface-card:#23234a;--color-surface-subtle:#1f2a44;--color-surface-inset:#1b1b38;--color-surface-muted:rgba(255,255,255,0.08);--color-surface-muted-hover:rgba(255,255,255,0.14);--color-surface-elevated:#2b2b57;--color-surface-inverse:#f8fafc;--color-surface-dark:#020617;--color-surface-dark-accent:#5b21b6;--color-text-primary:#e8eaed;--color-text-secondary:#cbd5e1;--color-text-muted:#9ca3af;--color-text-subtle:#6b7280;--color-text-inverse:#0f172a;--color-text-on-dark:#ffffff;--color-text-on-dark-muted:rgba(255,255,255,0.72);--color-text-on-dark-subtle:rgba(255,255,255,0.52);--color-border-default:#314158;--color-border-subtle:rgba(255,255,255,0.08);--color-border-inset:rgba(255,255,255,0.06);--color-border-strong:#4b5f7d;--color-border-on-dark:rgba(255,255,255,0.14);--color-brand-primary:#a78bfa;--color-brand-primary-soft:rgba(167,139,250,0.2);--color-brand-accent:#7c3aed;--color-brand-accent-soft:rgba(124,58,237,0.15);--color-success:#34d399;--color-success-soft:rgba(52,211,153,0.15);--color-warning:#fbbf24;--color-warning-text:#fde68a;--color-warning-soft:rgba(251,191,36,0.12);--color-danger:#fb7185;--color-danger-soft:rgba(251,113,133,0.12);--color-info:#38bdf8;--color-info-soft:rgba(56,189,248,0.15);--color-selection-bg:#23234a;--color-selection-text:#ffffff;--color-focus-ring:#a78bfa;--color-focus-ring-soft:rgba(167,139,250,0.28);--color-learning-question-surface:#23234a;--color-learning-question-surface-emphasis:#16213e;--color-learning-question-border:#314158;--color-learning-option-surface:#23234a;--color-learning-option-border:#314158;--color-learning-option-border-hover:rgba(167,139,250,0.44);--color-learning-option-selected-surface:rgba(167,139,250,0.18);--color-learning-option-selected-border:rgba(167,139,250,0.72);--color-learning-progress-track:rgba(167,139,250,0.18);--color-learning-progress-fill:#a78bfa;--color-overlay-backdrop:rgba(0,0,0,0.7);--color-overlay-light:rgba(255,255,255,0.05);--color-overlay-dark:rgba(0,0,0,0.2);--color-overlay-surface:#2b2b57;--color-scrim:rgba(0,0,0,0.5);--color-scrim-subtle:rgba(0,0,0,0.1);--color-scrim-heavy:rgba(0,0,0,0.75);--color-code-surface:#16213e;--color-code-border:#314158;--color-code-text:#e8eaed;--color-scrollbar-thumb:#475569;--color-scrollbar-thumb-hover:#64748b;--shadow-elevation-xs:0 8px 24px rgba(0,0,0,0.2);--shadow-elevation-sm:0 8px 24px rgba(0,0,0,0.25);--shadow-elevation-md:0 12px 32px rgba(0,0,0,0.3);--shadow-elevation-lg:0 16px 40px rgba(0,0,0,0.35);--shadow-elevation-xl:0 16px 40px rgba(0,0,0,0.4);--shadow-brand-xs:0 10px 24px rgba(124,58,237,0.18);--shadow-brand-sm:0 16px 32px rgba(124,58,237,0.2);--shadow-brand-md:0 12px 28px rgba(124,58,237,0.28);--shadow-brand-lg:0 20px 48px rgba(124,58,237,0.22);--shadow-danger-sm:0 8px 20px rgba(255,107,107,0.14);--shadow-dropdown:0 16px 40px rgba(0,0,0,0.4);--shadow-float:0 20px 60px -15px rgba(0,0,0,0.35);--shadow-inset-highlight:inset 0 1px 0 rgba(255,255,255,0.06);--shadow-nav-bottom:0 -8px 24px rgba(0,0,0,0.3);--shadow-glow-brand:0 0 20px rgba(124,58,237,0.2);--shadow-glow-brand-strong:0 0 20px rgba(124,58,237,0.4);--shadow-glow-success:0 0 20px rgba(52,211,153,0.2);--shadow-learning-question:0 32px 64px -28px rgba(0,0,0,0.46);--shadow-learning-option:0 16px 32px -24px rgba(0,0,0,0.4);--shadow-learning-option-hover:0 24px 44px -24px rgba(124,58,237,0.26);--gradient-brand-primary:linear-gradient(90deg,#6d28d9,#7c3aed);--gradient-brand-accent:linear-gradient(90deg,#5b21b6,#7c3aed);--gradient-status-success:linear-gradient(315deg,#05df72,#eff6ff);--gradient-surface-info:linear-gradient(315deg,#1e3a5f,#1a1a2e);--gradient-nav-shell:linear-gradient(180deg,#121b2f,#270054);--gradient-nav-overlay:rgba(0,0,0,0.2);--color-interactive-primary-bg:linear-gradient(90deg,#6d28d9,#7c3aed);--color-interactive-primary-bg-hover:linear-gradient(90deg,#7c3aed,#6d28d9);--color-interactive-primary-text:#ffffff;--color-interactive-secondary-bg:linear-gradient(90deg,#5b21b6,#6d28d9);--color-interactive-secondary-bg-hover:linear-gradient(90deg,#6d28d9,#5b21b6);--color-interactive-secondary-text:#ffffff;--color-interactive-neutral-bg:#1a1a2e;--color-interactive-neutral-bg-hover:#23234a;--color-interactive-neutral-border:#314158;--color-interactive-neutral-text:#e8eaed;--color-interactive-ghost-bg:transparent;--color-interactive-ghost-bg-hover:#23234a;--color-interactive-disabled-bg:#23234a;--color-interactive-disabled-border:#23234a;--color-interactive-disabled-text:#6b7280;--shadow-interactive-primary:rgba(124,58,237,0.4);--gradient-nav-start:#121b2f;--gradient-nav-end:#270054;--color-nav-on-surface:#cad5e2;--color-nav-hover-surface:#4d3f85;--color-nav-border:#314158;--color-nav-active-bg:rgba(138,56,245,0.15);--color-nav-user-card-bg:rgba(138,56,245,0.1);--color-nav-avatar-start:#8a38f5;--color-nav-avatar-end:#6b21a8;--color-dash-brand:#a78bfa;--color-dash-brand-hover:#c4b5fd;--color-dash-brand-soft:rgba(167,139,250,0.12);--color-dash-brand-muted:rgba(167,139,250,0.18);--color-dash-brand-text:#a78bfa;--color-dash-brand-text-soft:#c4b5fd;--color-dash-brand-border:rgba(167,139,250,0.25);--color-dash-surface-app:#0f0f1a;--color-dash-surface-card:#1a1a2e;--color-dash-surface-sidebar:#16162a;--color-dash-surface-aside:#1a1a2e;--color-dash-hero-gradient:linear-gradient(135deg,#5b21b6,#4c1d95 40%,#312e81);--color-dash-hero-shadow:0 20px 60px rgba(91,33,182,0.4);--color-dash-ring-track:rgba(255,255,255,0.15);--color-dash-ring-fill:#ffffff;--color-dash-heat-0:#1f2937;--color-dash-heat-1:#3b1f6b;--color-dash-heat-2:#6d28d9;--color-dash-heat-3:#a78bfa;--color-dash-grade-strong:#34d399;--color-dash-grade-strong-soft:rgba(52,211,153,0.12);--color-dash-grade-strong-text:#6ee7b7;--color-dash-grade-improving:#fbbf24;--color-dash-grade-improving-soft:rgba(251,191,36,0.12);--color-dash-grade-improving-text:#fde68a;--color-dash-grade-critical:#fb7185;--color-dash-grade-critical-soft:rgba(251,113,133,0.12);--color-dash-grade-critical-text:#fda4af;--color-dash-rec-critical-border:#4c1d2e;--color-dash-rec-critical-bg:rgba(244,63,94,0.06);--color-dash-rec-warning-border:#451a03;--color-dash-rec-warning-bg:rgba(245,158,11,0.06);--color-dash-nav-active-bg:rgba(167,139,250,0.12);--color-dash-nav-active-text:#c4b5fd;--color-dash-nav-active-icon:#a78bfa;--color-dash-nav-idle-text:#9ca3af;--color-dash-nav-idle-icon:#6b7280;--color-dash-nav-hover-bg:rgba(255,255,255,0.04)}@media(prefers-color-scheme:dark){:root:not([data-theme]){--color-link:#a78bfa;--color-link-hover:#c4b5fd;--color-body-surface:linear-gradient(344.36deg,rgba(26,26,46,0.9) 21.22%,rgba(22,33,62,0.9) 98.71%);--color-surface-app:#111827;--color-surface-card:#23234a;--color-surface-subtle:#1f2a44;--color-surface-inset:#1b1b38;--color-surface-muted:rgba(255,255,255,0.08);--color-surface-muted-hover:rgba(255,255,255,0.14);--color-surface-elevated:#2b2b57;--color-surface-inverse:#f8fafc;--color-surface-dark:#020617;--color-surface-dark-accent:#5b21b6;--color-text-primary:#e8eaed;--color-text-secondary:#cbd5e1;--color-text-muted:#9ca3af;--color-text-subtle:#6b7280;--color-text-inverse:#0f172a;--color-text-on-dark:#ffffff;--color-text-on-dark-muted:rgba(255,255,255,0.72);--color-text-on-dark-subtle:rgba(255,255,255,0.52);--color-border-default:#314158;--color-border-subtle:rgba(255,255,255,0.08);--color-border-inset:rgba(255,255,255,0.06);--color-border-strong:#4b5f7d;--color-border-on-dark:rgba(255,255,255,0.14);--color-brand-primary:#a78bfa;--color-brand-primary-soft:rgba(167,139,250,0.2);--color-brand-accent:#7c3aed;--color-brand-accent-soft:rgba(124,58,237,0.15);--color-success:#34d399;--color-success-soft:rgba(52,211,153,0.15);--color-warning:#fbbf24;--color-warning-text:#fde68a;--color-warning-soft:rgba(251,191,36,0.12);--color-danger:#fb7185;--color-danger-soft:rgba(251,113,133,0.12);--color-info:#38bdf8;--color-info-soft:rgba(56,189,248,0.15);--color-selection-bg:#23234a;--color-selection-text:#ffffff;--color-focus-ring:#a78bfa;--color-focus-ring-soft:rgba(167,139,250,0.28);--color-learning-question-surface:#23234a;--color-learning-question-surface-emphasis:#16213e;--color-learning-question-border:#314158;--color-learning-option-surface:#23234a;--color-learning-option-border:#314158;--color-learning-option-border-hover:rgba(167,139,250,0.44);--color-learning-option-selected-surface:rgba(167,139,250,0.18);--color-learning-option-selected-border:rgba(167,139,250,0.72);--color-learning-progress-track:rgba(167,139,250,0.18);--color-learning-progress-fill:#a78bfa;--color-overlay-backdrop:rgba(0,0,0,0.7);--color-overlay-light:rgba(255,255,255,0.05);--color-overlay-dark:rgba(0,0,0,0.2);--color-overlay-surface:#2b2b57;--color-scrim:rgba(0,0,0,0.5);--color-scrim-subtle:rgba(0,0,0,0.1);--color-scrim-heavy:rgba(0,0,0,0.75);--color-code-surface:#16213e;--color-code-border:#314158;--color-code-text:#e8eaed;--color-scrollbar-thumb:#475569;--color-scrollbar-thumb-hover:#64748b;--shadow-elevation-xs:0 8px 24px rgba(0,0,0,0.2);--shadow-elevation-sm:0 8px 24px rgba(0,0,0,0.25);--shadow-elevation-md:0 12px 32px rgba(0,0,0,0.3);--shadow-elevation-lg:0 16px 40px rgba(0,0,0,0.35);--shadow-elevation-xl:0 16px 40px rgba(0,0,0,0.4);--shadow-brand-xs:0 10px 24px rgba(124,58,237,0.18);--shadow-brand-sm:0 16px 32px rgba(124,58,237,0.2);--shadow-brand-md:0 12px 28px rgba(124,58,237,0.28);--shadow-brand-lg:0 20px 48px rgba(124,58,237,0.22);--shadow-danger-sm:0 8px 20px rgba(255,107,107,0.14);--shadow-dropdown:0 16px 40px rgba(0,0,0,0.4);--shadow-float:0 20px 60px -15px rgba(0,0,0,0.35);--shadow-inset-highlight:inset 0 1px 0 rgba(255,255,255,0.06);--shadow-nav-bottom:0 -8px 24px rgba(0,0,0,0.3);--shadow-glow-brand:0 0 20px rgba(124,58,237,0.2);--shadow-glow-brand-strong:0 0 20px rgba(124,58,237,0.4);--shadow-glow-success:0 0 20px rgba(52,211,153,0.2);--shadow-learning-question:0 32px 64px -28px rgba(0,0,0,0.46);--shadow-learning-option:0 16px 32px -24px rgba(0,0,0,0.4);--shadow-learning-option-hover:0 24px 44px -24px rgba(124,58,237,0.26);--gradient-brand-primary:linear-gradient(90deg,#6d28d9,#7c3aed);--gradient-brand-accent:linear-gradient(90deg,#5b21b6,#7c3aed);--gradient-status-success:linear-gradient(315deg,#05df72,#eff6ff);--gradient-surface-info:linear-gradient(315deg,#1e3a5f,#1a1a2e);--gradient-nav-shell:linear-gradient(180deg,#121b2f,#270054);--gradient-nav-overlay:rgba(0,0,0,0.2);--color-interactive-primary-bg:linear-gradient(90deg,#6d28d9,#7c3aed);--color-interactive-primary-bg-hover:linear-gradient(90deg,#7c3aed,#6d28d9);--color-interactive-primary-text:#ffffff;--color-interactive-secondary-bg:linear-gradient(90deg,#5b21b6,#6d28d9);--color-interactive-secondary-bg-hover:linear-gradient(90deg,#6d28d9,#5b21b6);--color-interactive-secondary-text:#ffffff;--color-interactive-neutral-bg:#1a1a2e;--color-interactive-neutral-bg-hover:#23234a;--color-interactive-neutral-border:#314158;--color-interactive-neutral-text:#e8eaed;--color-interactive-ghost-bg:transparent;--color-interactive-ghost-bg-hover:#23234a;--color-interactive-disabled-bg:#23234a;--color-interactive-disabled-border:#23234a;--color-interactive-disabled-text:#6b7280;--shadow-interactive-primary:rgba(124,58,237,0.4);--gradient-nav-start:#121b2f;--gradient-nav-end:#270054;--color-nav-on-surface:#cad5e2;--color-nav-hover-surface:#4d3f85;--color-nav-border:#314158;--color-nav-active-bg:rgba(138,56,245,0.15);--color-nav-user-card-bg:rgba(138,56,245,0.1);--color-nav-avatar-start:#8a38f5;--color-nav-avatar-end:#6b21a8;--color-dash-brand:#a78bfa;--color-dash-brand-hover:#c4b5fd;--color-dash-brand-soft:rgba(167,139,250,0.12);--color-dash-brand-muted:rgba(167,139,250,0.18);--color-dash-brand-text:#a78bfa;--color-dash-brand-text-soft:#c4b5fd;--color-dash-brand-border:rgba(167,139,250,0.25);--color-dash-surface-app:#0f0f1a;--color-dash-surface-card:#1a1a2e;--color-dash-surface-sidebar:#16162a;--color-dash-surface-aside:#1a1a2e;--color-dash-hero-gradient:linear-gradient(135deg,#5b21b6,#4c1d95 40%,#312e81);--color-dash-hero-shadow:0 20px 60px rgba(91,33,182,0.4);--color-dash-ring-track:rgba(255,255,255,0.15);--color-dash-ring-fill:#ffffff;--color-dash-heat-0:#1f2937;--color-dash-heat-1:#3b1f6b;--color-dash-heat-2:#6d28d9;--color-dash-heat-3:#a78bfa;--color-dash-grade-strong:#34d399;--color-dash-grade-strong-soft:rgba(52,211,153,0.12);--color-dash-grade-strong-text:#6ee7b7;--color-dash-grade-improving:#fbbf24;--color-dash-grade-improving-soft:rgba(251,191,36,0.12);--color-dash-grade-improving-text:#fde68a;--color-dash-grade-critical:#fb7185;--color-dash-grade-critical-soft:rgba(251,113,133,0.12);--color-dash-grade-critical-text:#fda4af;--color-dash-rec-critical-border:#4c1d2e;--color-dash-rec-critical-bg:rgba(244,63,94,0.06);--color-dash-rec-warning-border:#451a03;--color-dash-rec-warning-bg:rgba(245,158,11,0.06);--color-dash-nav-active-bg:rgba(167,139,250,0.12);--color-dash-nav-active-text:#c4b5fd;--color-dash-nav-active-icon:#a78bfa;--color-dash-nav-idle-text:#9ca3af;--color-dash-nav-idle-icon:#6b7280;--color-dash-nav-hover-bg:rgba(255,255,255,0.04)}}.gradient-nav-shell{background:var(--gradient-nav-shell)}.gradient-body-surface{background:var(--color-body-surface)}.gradient-status-success{background:var(--gradient-status-success)}.gradient-surface-info{background:var(--gradient-surface-info)}.gradient-nav-avatar{background:linear-gradient(135deg,var(--color-nav-avatar-start) 0,var(--color-nav-avatar-end) 100%)}.gradient-brand-primary{background:var(--gradient-brand-primary)}.gradient-brand-accent{background:var(--gradient-brand-accent)}.gradient-overlay-nav{background:var(--gradient-nav-overlay)}.gradient-overlay-dark{background:var(--color-overlay-dark)}.gradient-overlay-light{background:var(--color-overlay-light)}