.ds-btn{--_btn-bg: var(--brand);--_btn-fg: var(--on-brand);--_btn-bg-hover: var(--brand-hover);--_btn-border: transparent;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:inherit;font-weight:var(--weight-semibold);line-height:var(--leading-tight);border:1px solid var(--_btn-border);border-radius:var(--radius-md);background:var(--_btn-bg);color:var(--_btn-fg);cursor:pointer;text-decoration:none;white-space:nowrap;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out);-webkit-tap-highlight-color:transparent}.ds-btn:hover:not(:disabled):not([data-loading=true]),.ds-btn.is-hover{background:var(--_btn-bg-hover)}.ds-btn:focus-visible,.ds-btn.is-focus{outline:2px solid var(--focus-ring);outline-offset:2px}.ds-btn:active:not(:disabled):not([data-loading=true]),.ds-btn.is-active{transform:translateY(1px)}.ds-btn:disabled,.ds-btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.ds-btn[data-loading=true]{cursor:progress;color:transparent}.ds-btn--sm{padding:var(--space-1) var(--space-3);font-size:var(--text-sm);min-height:30px}.ds-btn--md{padding:var(--space-2) var(--space-4);font-size:var(--text-base);min-height:40px}.ds-btn--lg{padding:var(--space-3) var(--space-5);font-size:var(--text-lg);min-height:48px}.ds-btn--primary{--_btn-bg: var(--brand);--_btn-fg: var(--on-brand);--_btn-bg-hover: var(--brand-hover)}.ds-btn--secondary{--_btn-bg: var(--surface-2);--_btn-fg: var(--text-1);--_btn-bg-hover: var(--surface-sunken);--_btn-border: var(--border-1)}.ds-btn--ghost{--_btn-bg: transparent;--_btn-fg: var(--brand);--_btn-bg-hover: var(--brand-subtle)}.ds-btn--danger{--_btn-bg: var(--danger-text);--_btn-fg: #fff;--_btn-bg-hover: color-mix(in srgb, var(--danger-text) 88%, black)}.ds-btn--accent{--_btn-bg: color-mix(in srgb, var(--ds-accent) 14%, transparent);--_btn-fg: var(--accent-text);--_btn-bg-hover: color-mix(in srgb, var(--ds-accent) 24%, transparent);--_btn-border: color-mix(in srgb, var(--ds-accent) 40%, transparent)}.ds-btn--success{--_btn-bg: var(--success-text);--_btn-fg: #fff;--_btn-bg-hover: color-mix(in srgb, var(--success-text) 88%, black)}.ds-btn[data-state=success]{--_btn-bg: var(--success-text);--_btn-bg-hover: var(--success-text);--_btn-fg: #fff}.ds-btn[data-state=error]{--_btn-bg: var(--danger-text);--_btn-bg-hover: var(--danger-text);--_btn-fg: #fff}.ds-btn--block{width:100%}.ds-btn__spinner{position:absolute;width:1em;height:1em;border:2px solid currentColor;border-top-color:transparent;border-radius:var(--radius-pill);color:var(--_btn-fg);animation:ds-spin .6s linear infinite}.ds-btn[data-loading=true] .ds-btn__spinner{color:var(--_btn-fg)}.ds-btn[data-loading=true]{position:relative}@keyframes ds-spin{to{transform:rotate(360deg)}}.ds-card{background:var(--surface);border:1px solid var(--border-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);padding:var(--space-5)}.ds-card--flush{padding:0}.ds-card--sunken{background:var(--surface-2);box-shadow:none}.ds-card--interactive{cursor:pointer;transition:box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}.ds-card--interactive:hover{box-shadow:var(--shadow-2);transform:translateY(-2px);border-color:var(--border-2)}.ds-card--interactive:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.ds-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:var(--leading-tight);border-radius:var(--radius-pill);white-space:nowrap}.ds-badge--neutral{background:var(--surface-2);color:var(--text-2)}.ds-badge--brand{background:var(--brand-subtle);color:var(--brand)}.ds-badge--success{background:color-mix(in srgb,var(--success-text) 12%,transparent);color:var(--success-text)}.ds-badge--warn{background:color-mix(in srgb,var(--warn-text) 14%,transparent);color:var(--warn-text)}.ds-badge--danger{background:color-mix(in srgb,var(--danger-text) 12%,transparent);color:var(--danger-text)}.ds-badge--accent{background:color-mix(in srgb,var(--accent-text) 14%,transparent);color:var(--accent-text)}.ds-field{display:flex;flex-direction:column;gap:var(--space-1)}.ds-field__label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-2)}.ds-field__req{color:var(--danger-text);margin-left:2px}.ds-input{width:100%;font-family:inherit;font-size:var(--text-base);color:var(--text-1);background:var(--surface);border:1px solid var(--border-1);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);min-height:40px;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.ds-input::-moz-placeholder{color:var(--text-muted)}.ds-input::placeholder{color:var(--text-muted)}.ds-input:focus,.ds-input:focus-visible{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--focus-ring) 30%,transparent)}.ds-input:disabled{opacity:.5;cursor:not-allowed;background:var(--surface-2)}.ds-input[aria-invalid=true]{border-color:var(--danger-text)}.ds-input[aria-invalid=true]:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--danger-text) 25%,transparent)}.ds-field__hint{font-size:var(--text-xs);color:var(--text-muted)}.ds-field__error{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--danger-text)}.ds-modal__overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:var(--space-5) var(--space-4);background:#1008288c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:ds-fade-in var(--dur-base) var(--ease-out)}.ds-modal{position:relative;width:100%;max-width:min(92vw,560px);max-height:90vh;overflow-y:auto;background:var(--surface);border:1px solid var(--border-1);border-radius:var(--radius-xl);box-shadow:var(--shadow-3);padding:var(--space-6);animation:ds-pop-in var(--dur-base) var(--ease-out)}.ds-modal__handle{width:36px;height:4px;border-radius:var(--radius-pill);background:var(--border-2);margin:calc(-1 * var(--space-2)) auto var(--space-4)}.ds-modal__title{margin:0 0 var(--space-4);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text-1)}.ds-modal__close{position:absolute;top:var(--space-4);right:var(--space-4);display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text-2);cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.ds-modal__close:hover{background:var(--surface-sunken)}.ds-modal__close:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@keyframes ds-fade-in{0%{opacity:0}}@keyframes ds-pop-in{0%{opacity:0;transform:translateY(8px) scale(.98)}}@media(prefers-reduced-motion:reduce){.ds-modal,.ds-modal__overlay,.ds-btn__spinner{animation:none}}.dyslexia-mode{font-family:OpenDyslexic,Arial,Helvetica,sans-serif!important;font-size:18px!important;line-height:1.8!important;letter-spacing:.05em!important;word-spacing:.12em!important}.dyslexia-mode p,.dyslexia-mode span,.dyslexia-mode div,.dyslexia-mode button,.dyslexia-mode input{font-size:inherit!important;line-height:inherit!important;letter-spacing:inherit!important}.sh-reduced-motion,.sh-reduced-motion *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.sh-focus-mode .sh-badge-count,.sh-focus-mode .sh-xp-bar,.sh-focus-mode .sh-competition-card,.sh-focus-mode .sh-confetti,.sh-focus-mode .sh-particle-effect,.sh-focus-mode [data-focus-hide=true]{display:none!important}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.\!visible{visibility:visible!important}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.border{border-width:1px}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--demo-banner-h: 0px}:root{--sh-bg: #080c14;--sh-card: #0d1117;--sh-subtle: #1e293b;--sh-border: #1e293b;--sh-border2: #334155;--sh-text: #e2e8f0;--sh-text2: #94a3b8;--sh-muted: #8492a8;--bg: #0f172a;--bg2: #1e293b;--bg3: #0d1424;--primary: #22d3ee;--success: #4ade80;--accent: #a855f7;--warn: #f59e0b;--danger: #ef4444;--orange: #f97316;--gold: #fbbf24;--text: #e2e8f0;--muted: #64748b;--border: rgba(255, 255, 255, .07)}:root{--ds-brand-50: #f5f3ff;--ds-brand-100: #ede9fe;--ds-brand-200: #ddd6fe;--ds-brand-300: #c4b5fd;--ds-brand-400: #a78bfa;--ds-brand-500: #8b5cf6;--ds-brand-600: #7c3aed;--ds-brand-700: #6d28d9;--ds-brand-800: #5b21b6;--ds-brand-900: #4c1d95;--ds-accent: #06b6d4;--ds-accent-text: #0e7490;--ds-success: #22c55e;--ds-success-text: #15803d;--ds-warn: #f59e0b;--ds-warn-text: #b45309;--ds-danger: #ef4444;--ds-danger-text: #b91c1c;--ds-on-brand: #ffffff;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-pill: 999px;--text-xs: 11px;--text-sm: 12px;--text-base: 14px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 20px;--text-3xl: 24px;--text-4xl: 32px;--leading-tight: 1.2;--leading-normal: 1.5;--leading-relaxed: 1.7;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--shadow-1: 0 1px 2px rgba(16, 8, 40, .06), 0 1px 3px rgba(16, 8, 40, .1);--shadow-2: 0 4px 12px rgba(16, 8, 40, .1);--shadow-3: 0 12px 32px rgba(16, 8, 40, .16);--dur-fast: .12s;--dur-base: .2s;--ease-out: cubic-bezier(.2, 0, 0, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--brand: var(--ds-brand-600);--brand-hover: var(--ds-brand-700);--brand-subtle: var(--ds-brand-100);--on-brand: var(--ds-on-brand);--focus-ring: var(--ds-brand-600);--surface: var(--sh-card);--surface-2: var(--sh-subtle);--surface-sunken: var(--sh-bg);--text-1: var(--sh-text);--text-2: var(--sh-text2);--text-muted: var(--sh-muted);--border-1: var(--sh-border);--border-2: var(--sh-border2);--success-text: var(--ds-success-text);--warn-text: var(--ds-warn-text);--danger-text: var(--ds-danger-text);--accent-text: #22d3ee}[data-theme=light]{--sh-bg: #f8fafc;--sh-card: #ffffff;--sh-subtle: #f1f5f9;--sh-border: #e2e8f0;--sh-border2: #cbd5e1;--sh-text: #0f172a;--sh-text2: #475569;--sh-muted: #5f6b7a;--bg: #f1f5f9;--bg2: #e2e8f0;--bg3: #f8fafc;--text: #0f172a;--muted: #64748b;--border: rgba(0, 0, 0, .08);--brand-subtle: var(--ds-brand-50);--accent-text: var(--ds-accent-text)}body{font-family:Plus Jakarta Sans,Inter,system-ui,sans-serif;background:var(--sh-bg);color:var(--sh-text);min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .2s,color .2s}.sh-nav{position:fixed;bottom:0;left:0;right:0;background:var(--sh-card);border-top:1px solid var(--sh-border);padding-bottom:env(safe-area-inset-bottom,0);z-index:50;display:flex}.sh-content{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}.sh-sidebar{display:none}@media(min-width:768px){.sh-sidebar{display:flex;flex-direction:column;position:fixed;left:0;top:var(--demo-banner-h);bottom:0;width:200px;background:var(--sh-card);border-right:1px solid var(--sh-border);z-index:40;padding:0 8px 16px;overflow-y:auto;transition:width .2s ease;overflow-x:hidden}.has-sidebar .sh-nav,.has-sidebar .sh-hamburger,.has-sidebar .sh-header-logo{display:none!important}.has-sidebar .sh-content{padding-bottom:40px!important;margin-left:200px!important;margin-right:0!important;transition:margin-left .2s ease}.has-sidebar .sh-main-header{margin-left:200px;transition:margin-left .2s ease}.has-sidebar .sh-announcements{margin-left:200px!important;transition:margin-left .2s ease}.has-sidebar .sh-content .sh-announcements{margin-left:0!important}.has-sidebar.sidebar-collapsed .sh-sidebar{width:48px;padding:0 4px 16px}.has-sidebar.sidebar-collapsed .sh-content{margin-left:48px!important}.has-sidebar.sidebar-collapsed .sh-main-header{margin-left:48px}.has-sidebar.sidebar-collapsed .sh-announcements{margin-left:48px!important}.has-sidebar.sidebar-collapsed .sh-sidebar-nav{display:flex;flex-direction:column;align-items:center;gap:2px}.has-sidebar.sidebar-collapsed .sh-sidebar-nav button{justify-content:center;padding:8px 0;width:40px;min-width:40px;overflow:hidden}.has-sidebar.sidebar-collapsed .sh-sidebar-footer>*:not(.sh-sidebar-toggle-btn){display:none}.has-sidebar.sidebar-collapsed .sh-sidebar-footer{padding:4px 0}.has-sidebar.sidebar-collapsed .sh-sidebar-logo{display:flex;justify-content:center;padding:12px 0;cursor:pointer;overflow:hidden}.has-sidebar.sidebar-collapsed .sh-nav-label,.has-sidebar.sidebar-collapsed .sh-nav-badge{display:none}}h1,h2,h3,.heading{font-family:Plus Jakarta Sans,Poppins,sans-serif}input,button,select,textarea{font-family:inherit}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--bg2);border-radius:2px}input,select,textarea{font-family:"Inter",inherit;color-scheme:dark}input[type=range]{-webkit-appearance:none;height:6px;border-radius:3px;background:var(--bg2);outline:none;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));cursor:pointer;box-shadow:0 0 8px #22d3ee80}.glass{background:#1e293b8c;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--sh-border);border-radius:16px}[data-theme=light] .glass{background:var(--sh-card);backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid var(--sh-border)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{transform:translate(-50%) scale(.5);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes levelUpBounce{0%{transform:scale(.3) rotate(-10deg);opacity:0}60%{transform:scale(1.15) rotate(5deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes confettiFall{0%{transform:translateY(-10px) rotate(0) scale(1);opacity:1}to{transform:translateY(110vh) rotate(720deg) scale(.5);opacity:0}}@keyframes glowGreen{0%,to{box-shadow:0 0 25px #4ade8080}50%{box-shadow:0 0 60px #4ade80e6}}@keyframes glowRed{0%,to{box-shadow:0 0 25px #ef444480}50%{box-shadow:0 0 60px #ef4444e6}}@keyframes pulseRing{0%{transform:scale(.9);opacity:.8}50%{transform:scale(1.05);opacity:1}to{transform:scale(.9);opacity:.8}}.skeleton{background:linear-gradient(90deg,var(--bg2) 25%,rgba(51,65,85,.6) 50%,var(--bg2) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:12px}.fade-in{animation:fadeIn .3s ease}.poppins{font-family:Poppins,sans-serif}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}@media(max-width:380px){.sh-main-header{padding:8px 10px;gap:6px}}@media(hover:hover)and (pointer:fine){button:not(:disabled):hover{opacity:.82;transition:opacity .15s ease}button:not(:disabled):hover[style*="background: linear-gradient"],button:not(:disabled):hover[style*="background:linear-gradient"]{filter:brightness(1.1);opacity:1}}@media(min-width:768px)and (max-width:1023px){.has-sidebar .sh-sidebar{width:64px!important;padding:0 4px 16px!important}.has-sidebar .sh-content,.has-sidebar .sh-main-header,.has-sidebar .sh-announcements{margin-left:64px!important}.has-sidebar .sh-nav-label{display:none!important}.has-sidebar .sh-sidebar-nav button{justify-content:center;padding:10px 6px}.has-sidebar .sh-sidebar-logo{display:flex;justify-content:center}.has-sidebar .sh-sidebar-footer button{justify-content:center}.has-sidebar.sidebar-collapsed .sh-sidebar{width:64px!important}.has-sidebar.sidebar-collapsed .sh-content{margin-left:64px!important}.has-sidebar.sidebar-collapsed .sh-sidebar-nav{display:flex!important}.has-sidebar .sh-sidebar-toggle-btn{display:none!important}}.projector-mode .sh-sidebar{display:none!important}.projector-mode .sh-content{margin-left:0!important;max-width:960px!important;margin-right:auto!important}.projector-mode .sh-main-header,.projector-mode .sh-announcements{margin-left:0!important}.projector-mode .sh-content{font-size:15px}@media(min-width:1100px){.has-sidebar .sh-content{max-width:900px;margin-left:max(200px,calc(50vw - 350px))!important;margin-right:auto!important}.has-sidebar.sidebar-collapsed .sh-content{max-width:900px;margin-left:max(48px,calc(50vw - 426px))!important;margin-right:auto!important}}:focus-visible{outline:3px solid var(--sh-primary, #6366f1)!important;outline-offset:2px!important;border-radius:4px}