/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-x-reverse:0;--tw-border-style:solid;--tw-divide-y-reverse:0;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:var(--font-sans);--font-mono:var(--font-mono);--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-xs:var(--radius-xs);--radius-sm:var(--radius-sm);--radius-md:var(--radius-md);--radius-lg:var(--radius-lg);--radius-xl:var(--radius-xl);--radius-2xl:var(--radius-2xl);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--text-display-sm:var(--text-display-sm);--text-display-md:var(--text-display-md);--text-display-lg:var(--text-display-lg);--text-display-xl:var(--text-display-xl);--text-display-2xl:var(--text-display-2xl);--shadow-card:var(--shadow-card);--shadow-raised:var(--shadow-raised);--shadow-float:var(--shadow-float);--shadow-menu:var(--shadow-menu);--shadow-dialog:var(--shadow-dialog);--shadow-glow-accent:var(--shadow-glow-accent);--shadow-glow-focus:var(--shadow-glow-focus)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{color-scheme:light}:root.dark{color-scheme:dark}html.theme-switching *,html.theme-switching :before,html.theme-switching :after{transition:none!important}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scrollbar-gutter:stable}html:has(.modal-overlay,.level-up-backdrop,.bg-scrim){background-color:var(--scrim-canvas)!important}body{background-color:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--text-base);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-feature-settings:"cv11","ss01";line-height:1.5}::selection{background:var(--selection)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}strong,b{font-weight:600}code,kbd,pre,samp{font-family:var(--font-mono)}}@layer components{.btn{height:var(--control-h);padding:0 var(--space-4);font-family:var(--font-sans);font-weight:500;font-size:var(--text-base);white-space:nowrap;border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;transition-property:background-color,border-color,color,box-shadow,transform;transition-duration:var(--fast);transition-timing-function:var(--ease);border:1px solid #0000;justify-content:center;align-items:center;gap:.45em;line-height:1;display:inline-flex}.btn svg{flex:none}.btn:active:not(:disabled){transform:scale(var(--press-scale))}.btn:disabled,.btn[disabled]{opacity:.5;cursor:not-allowed}.btn[aria-busy=true]:disabled{opacity:1;cursor:progress}.btn-spinner,.spinner{border-radius:var(--radius-full);border:2px solid;border-right-color:#0000;flex:none;width:1em;height:1em;animation:.7s linear infinite cc-spin;display:inline-block}.btn-icon[aria-busy=true]>:not(.btn-spinner){display:none}@keyframes cc-spin{to{transform:rotate(360deg)}}.btn-solid,.btn-primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent);box-shadow:var(--highlight-inset)}.btn-solid:hover:not(:disabled),.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:var(--highlight-inset),var(--shadow-glow-accent)}.btn-line,.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border);box-shadow:var(--shadow-card)}.btn-line:hover:not(:disabled),.btn-secondary:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-strong)}.btn-ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--hover-wash);color:var(--text)}.btn-danger{background:var(--error);color:var(--error-fg);border-color:var(--error)}.btn-danger:hover:not(:disabled){filter:brightness(.95)}.btn-danger-line{color:var(--error-text);border-color:var(--error);background:0 0}@supports (color:color-mix(in lab,red,red)){.btn-danger-line{border-color:color-mix(in srgb,var(--error) 40%,transparent)}}.btn-danger-line:hover:not(:disabled){background:var(--error-soft)}.btn-sm{height:var(--control-h-sm);padding:0 var(--space-3);font-size:var(--text-sm)}.btn-lg{height:var(--control-h-lg);padding:0 var(--space-5);font-size:var(--text-md)}.btn-icon{width:var(--control-h);padding:0}.btn-sm.btn-icon{width:var(--control-h-sm)}.btn-lg.btn-icon{width:var(--control-h-lg)}.btn-block{width:100%}.link-btn{color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);transition:color var(--fast) var(--ease);background:0 0;border:none;padding:0}.link-btn:hover:not(:disabled){color:var(--text)}.link-btn:disabled{opacity:.5;cursor:not-allowed}.field,.select-field,:where(select,input[type=text],input[type=search],input[type=email],input[type=password],input[type=number],input[type=url],textarea){font-family:var(--font-sans);font-size:var(--text-base);color:var(--text);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 var(--space-3);min-height:var(--control-h);transition:border-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease);line-height:1.4}textarea{padding:var(--space-2) var(--space-3);min-height:auto;line-height:1.5}@media(max-width:640px){.field,.select-field,:where(select,input[type=text],input[type=search],input[type=email],input[type=password],input[type=number],input[type=url],textarea){font-size:var(--text-body)}}:root{--select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2362656D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.dark{--select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238B8E97' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}select,.select-field{appearance:none;background-image:var(--select-chevron);cursor:pointer;background-position:right .6rem center;background-repeat:no-repeat;background-size:1rem;padding-right:2.1rem}.field:hover:not(:disabled),select:hover:not(:disabled),:where(input:not([type=checkbox]):not([type=radio])):hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--border-strong)}.field:focus,select:focus,input:where(:not([type=checkbox]):not([type=radio])):focus,textarea:focus{border-color:var(--focus);box-shadow:0 0 0 3px var(--focus-ring);outline:none}select.is-invalid,input.is-invalid,textarea.is-invalid{border-color:var(--error)}select.is-invalid:focus,input.is-invalid:focus,textarea.is-invalid:focus{box-shadow:0 0 0 3px var(--error-soft)}:where(select,input,textarea):disabled{opacity:.55;cursor:not-allowed;background-color:var(--surface-2)}select option{background:var(--surface);color:var(--text)}input::placeholder,textarea::placeholder{color:var(--text-muted)}.field-label{font-size:var(--text-sm);color:var(--text);margin-bottom:var(--space-1);font-weight:500;display:block}.field-hint{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1);display:block}.switch{border-radius:var(--radius-full);background:var(--border-strong);width:36px;height:20px;box-shadow:inset 0 0 0 1px var(--text-muted);cursor:pointer;transition:background-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease);border:none;flex:none;padding:0;display:inline-flex;position:relative}.switch:after{content:"";border-radius:var(--radius-full);width:16px;height:16px;box-shadow:var(--shadow-card),0 0 0 1px var(--text-muted);transition-property:transform,background-color,box-shadow;transition-duration:var(--fast);transition-timing-function:var(--ease);background:#fff;position:absolute;top:2px;left:2px}.switch[aria-checked=true]{background:var(--interactive);box-shadow:none}.switch[aria-checked=true]:after{background:var(--interactive-fg);box-shadow:var(--shadow-card);transform:translate(16px)}.switch:disabled{opacity:.5;cursor:not-allowed}.segmented,.mode-switch{--segment-on:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);align-items:center;gap:2px;padding:2px;display:inline-flex}.dark .segmented,.dark .mode-switch{--segment-on:var(--surface-3)}.segmented button,.segmented-option,.mode-switch-option{color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--text-sm);height:calc(var(--control-h) - 6px);padding:0 var(--space-3);border-radius:var(--radius-xs);cursor:pointer;white-space:nowrap;transition:background-color var(--fast) var(--ease),color var(--fast) var(--ease),box-shadow var(--fast) var(--ease);background:0 0;border:none;align-items:center;gap:.35em;font-weight:500;display:inline-flex}.segmented button:hover,.segmented-option:hover,.mode-switch-option:hover{color:var(--text)}.segmented button.is-active,.segmented-option.is-active,.segmented-option[aria-pressed=true],.segmented-option[aria-checked=true],.mode-switch-option.is-active{background:var(--segment-on);color:var(--text);box-shadow:var(--shadow-card)}.segmented-sm button,.segmented-sm .segmented-option,.mode-switch-sm .mode-switch-option{height:calc(var(--control-h-sm) - 6px);padding:0 var(--space-2);font-size:var(--text-xs)}.badge,.pill{height:20px;padding:0 var(--space-2);border-radius:var(--radius-xs);border:1px solid var(--border);background:var(--surface-2);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--text-xs);white-space:nowrap;text-transform:none;letter-spacing:0;align-items:center;gap:.3em;font-weight:500;line-height:1;display:inline-flex}.badge-mono,.pill-lang,.pill-type{font-family:var(--font-mono);font-size:11px}.badge-accent{color:var(--accent-text);background:var(--accent-soft);border-color:#0000}.badge-success,.pill-done,.pill-easy{color:var(--success-text);background:var(--success-soft);border-color:#0000}.pill-practice{color:var(--text-secondary);background:var(--surface)}.badge-warning,.pill-medium,.pill-pro{color:var(--warning);background:var(--warning-soft);border-color:#0000}.badge-error,.pill-hard{color:var(--error-text);background:var(--error-soft);border-color:#0000}.badge-info,.pill-test{color:var(--interactive-text);background:var(--info-soft);border-color:#0000}.badge-outline{background:0 0}.badge-pill{border-radius:var(--radius-full);padding:0 .625em}.badge-dot:before{content:"";border-radius:var(--radius-full);background:currentColor;flex:none;width:6px;height:6px}.eyebrow{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--track-eyebrow);margin-bottom:var(--space-2);display:block}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.panel-head{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle);display:flex}.panel-title{font-size:var(--text-base);color:var(--text);font-weight:600}.panel-body{padding:var(--space-5)}.row-list>*+*{border-top:1px solid var(--border-subtle)}.row{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) 0;display:flex}.row-title{font-size:var(--text-base);color:var(--text);font-weight:500}.row-desc{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-0-5)}.divider{background:var(--border-subtle);border:none;height:1px;margin:0}.page-title{font-size:var(--text-h1);line-height:var(--lh-heading);letter-spacing:var(--track-heading);text-wrap:balance;color:var(--text);font-weight:600}.section-title{font-size:var(--text-2xl);line-height:var(--lh-heading);color:var(--text);letter-spacing:var(--track-heading);text-wrap:balance;font-weight:600}.section-desc{font-size:var(--text-base);color:var(--text-secondary);margin-top:var(--space-1)}.empty-state{padding:var(--space-12) var(--space-6);text-align:center;border:1px dashed var(--border);border-radius:var(--radius-lg);background:var(--surface-2)}@supports (color:color-mix(in lab,red,red)){.empty-state{background:color-mix(in srgb,var(--surface-2) 45%,transparent)}}.empty-state-icon{width:40px;height:40px;margin-bottom:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-card);color:var(--text-muted);justify-content:center;align-items:center;display:inline-flex}.stat{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.stat-label{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--track-eyebrow)}.stat-value{font-size:var(--text-3xl);color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:var(--track-heading);font-weight:600;line-height:var(--lh-heading)}.stat-sm .stat-value{font-size:var(--text-2xl)}.stat-hint{font-size:var(--text-xs);color:var(--text-muted)}.progress{border-radius:var(--radius-full);background:var(--surface-3);width:100%;height:8px;display:block;overflow:hidden}.progress-sm{height:4px}.progress-fill{border-radius:inherit;background-color:var(--accent);height:100%;transition:width var(--slow) var(--ease);background-image:linear-gradient(#ffffff3d,#fff0 70%);display:block}.progress-fill.is-success{background-color:var(--success)}.progress-fill.is-info{background-color:var(--info)}.progress-fill.is-neutral{background-color:var(--text-muted)}.code-block{border:1px solid var(--code-border);border-radius:var(--radius-md);background:var(--code-bg);color:var(--code-text);flex:none;overflow:hidden}.code-block-head{padding:0 var(--space-3);border-bottom:1px solid var(--code-border);background:var(--code-bg-raised);height:30px;font-family:var(--font-mono);letter-spacing:.04em;color:var(--code-muted);justify-content:space-between;align-items:center;font-size:11px;display:flex}.code-block-head-left{align-items:center;gap:var(--space-2);display:flex}.code-block-dots{margin-right:var(--space-1);gap:6px;display:inline-flex}.code-block-dots>span{border-radius:var(--radius-full);background:var(--code-muted);opacity:.45;width:9px;height:9px}.code-block-lang{text-transform:uppercase;color:var(--code-muted)}.code-block-lines{color:var(--code-gutter)}.code-block-body{padding:var(--space-3) 0;max-height:min(52vh,460px);font-family:var(--font-mono);font-size:var(--code-font-size);tab-size:2;background:var(--code-bg);color:var(--code-text);scrollbar-width:thin;scrollbar-color:var(--code-gutter) transparent;margin:0;line-height:1.6;overflow:auto}.code-block-body::-webkit-scrollbar{width:6px;height:6px}.code-block-body::-webkit-scrollbar-thumb{background:var(--code-gutter);border-radius:var(--radius-full)}.code-block-body:focus-visible{outline:2px solid var(--code-focus);outline-offset:-2px}.code-line{min-height:1.6em;display:flex}.code-line-no{width:2.75rem;padding-right:var(--space-3);text-align:right;color:var(--code-gutter);-webkit-user-select:none;user-select:none;flex:none}.code-line-text{padding-right:var(--space-4);padding-left:var(--space-3);white-space:pre;color:var(--code-text);flex:1}.tok-keyword{color:var(--syn-keyword)}.tok-control{color:var(--syn-control)}.tok-type{color:var(--syn-type)}.tok-string{color:var(--syn-string)}.tok-comment{color:var(--syn-comment);font-style:italic}.tok-number{color:var(--syn-number)}.tok-boolean{color:var(--syn-keyword)}.tok-function{color:var(--syn-function)}.tok-property,.tok-attribute{color:var(--syn-property)}.tok-tag{color:var(--syn-keyword)}.tok-selector{color:var(--syn-function)}.tok-operator{color:var(--syn-plain)}.tok-punctuation{color:var(--syn-punct)}.tok-plain{color:var(--syn-plain)}.code-editor{border:1px solid var(--code-border);border-radius:var(--radius-md);background:var(--code-bg);color:var(--code-text);transition:border-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease);flex:none;display:flex;position:relative;overflow:hidden}.code-editor.is-focused{border-color:var(--code-focus);box-shadow:0 0 0 3px var(--focus-ring)}.code-editor-hint{right:var(--space-2);bottom:var(--space-2);font-family:var(--font-mono);color:var(--code-muted);background:var(--code-bg-raised);border-radius:var(--radius-xs);border:1px solid var(--code-border);pointer-events:none;z-index:5;padding:2px 6px;font-size:11px;position:absolute}.code-editor-hint:empty{display:none}.code-editor-gutter{width:3rem;padding:var(--space-3) var(--space-3) var(--space-3) 0;text-align:right;font-family:var(--font-mono);font-size:var(--code-font-size);line-height:var(--code-line-height);color:var(--code-gutter);-webkit-user-select:none;user-select:none;border-right:1px solid var(--code-border);background:var(--code-bg-raised);flex-direction:column;flex:none;display:flex;overflow:hidden}.code-line-number{transition:color var(--fast) var(--ease);display:block}.code-line-number.is-active-line{color:var(--code-text)}.code-editor-stage{background:var(--code-bg);flex:1;min-width:0;height:100%;position:relative;overflow:hidden}.code-editor-highlight,.code-editor-area{width:100%;height:100%;padding:var(--space-3);box-sizing:border-box;font-family:var(--font-mono);font-size:var(--code-font-size);line-height:var(--code-line-height);letter-spacing:normal;word-spacing:normal;tab-size:2;white-space:pre;word-wrap:normal;border:none;margin:0;position:absolute;inset:0}.code-editor-highlight{pointer-events:none;color:var(--code-text);-webkit-user-select:none;user-select:none;z-index:1;background:0 0;overflow:hidden}.code-editor-highlight code{font:inherit;tab-size:inherit;white-space:inherit}.code-editor-line{display:inline}.code-editor-area{resize:none;z-index:2;border-radius:0;outline:none;min-height:0;overflow:auto;color:#0000!important;-webkit-text-fill-color:transparent!important;caret-color:var(--code-caret)!important;background:0 0!important}.code-editor-area:focus{box-shadow:none;border:none}.code-editor-area::selection{background:var(--code-selection)!important;color:#0000!important;-webkit-text-fill-color:transparent!important}.editor-autocomplete-box{z-index:50;background:var(--code-bg-raised);border:1px solid var(--code-border);border-radius:var(--radius-sm);width:270px;max-height:220px;font-family:var(--font-mono);font-size:var(--text-sm);scrollbar-width:thin;scrollbar-color:var(--code-gutter) transparent;position:absolute;overflow:hidden auto;box-shadow:0 10px 28px #00000080}.editor-autocomplete-box::-webkit-scrollbar{width:6px}.editor-autocomplete-box::-webkit-scrollbar-thumb{background:var(--code-gutter);border-radius:var(--radius-full)}.editor-suggestion-item{align-items:center;gap:var(--space-2);padding:4px var(--space-2);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--code-text);border-left:2px solid #0000;display:flex}.editor-suggestion-item:hover,.editor-suggestion-item.is-selected{background:var(--code-border);border-left-color:var(--code-interactive)}.editor-suggestion-badge{border-radius:var(--radius-xs);background:var(--code-border);width:18px;height:18px;color:var(--code-muted);flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:600;display:inline-flex}.editor-suggestion-badge.badge-keyword{color:var(--syn-keyword)}.editor-suggestion-badge.badge-type{color:var(--syn-type)}.editor-suggestion-badge.badge-function{color:var(--syn-function)}.editor-suggestion-badge.badge-snippet{color:var(--syn-string)}.editor-suggestion-badge.badge-property{color:var(--syn-property)}.editor-suggestion-badge.badge-tag{color:var(--syn-keyword)}.editor-suggestion-badge.badge-variable{color:var(--syn-number)}.editor-suggestion-label{white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:500;overflow:hidden}.editor-suggestion-detail{color:var(--code-muted);padding-left:var(--space-1);white-space:nowrap;margin-left:auto;font-size:11px}.kbd-hint{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono)}.dev-hint{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}kbd,.kbd{min-width:1.6em;font-family:var(--font-mono);font-size:var(--text-2xs);text-align:center;border:1px solid var(--border);border-bottom:2px solid var(--border-strong);border-radius:var(--radius-xs);background:var(--surface);color:var(--text-secondary);padding:0 .35em;line-height:1.5;display:inline-block}.notice{border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text-secondary);line-height:1.5}.notice code{font-family:var(--font-mono);color:var(--text)}.notice-warn{border-color:var(--warning)}@supports (color:color-mix(in lab,red,red)){.notice-warn{border-color:color-mix(in srgb,var(--warning) 35%,transparent)}}.notice-warn{background:var(--warning-soft);color:var(--text)}.notice-error{border-color:var(--error)}@supports (color:color-mix(in lab,red,red)){.notice-error{border-color:color-mix(in srgb,var(--error) 40%,transparent)}}.notice-error{background:var(--error-soft);color:var(--text)}.notice-info{border-color:var(--info)}@supports (color:color-mix(in lab,red,red)){.notice-info{border-color:color-mix(in srgb,var(--info) 35%,transparent)}}.notice-info{background:var(--info-soft);color:var(--text)}.notice-success{border-color:var(--success)}@supports (color:color-mix(in lab,red,red)){.notice-success{border-color:color-mix(in srgb,var(--success) 35%,transparent)}}.notice-success{background:var(--success-soft);color:var(--text)}.toast-stack{right:var(--space-5);bottom:var(--space-5);z-index:var(--z-toast);gap:var(--space-2);flex-direction:column;max-width:min(90vw,24rem);display:flex;position:fixed}.toast{align-items:flex-start;gap:var(--space-3);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--text);animation:cc-toast-in var(--med) var(--ease);line-height:1.5;display:flex}.toast.glass{box-shadow:var(--highlight-inset),var(--shadow-float)}@keyframes cc-toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.toast:before{content:"";border-radius:var(--radius-full);background:var(--toast-tone,var(--info));flex:none;width:8px;height:8px;margin-top:calc(.75em - 4px)}.toast-success{--toast-tone:var(--success)}.toast-error{--toast-tone:var(--error)}.toast-info{--toast-tone:var(--info)}.toast-message{overflow-wrap:anywhere;flex:1;min-width:0}.toast button{border-radius:var(--radius-xs);width:24px;height:24px;color:var(--text-muted);cursor:pointer;transition:background-color var(--fast) var(--ease),color var(--fast) var(--ease);background:0 0;border:none;flex:none;place-items:center;margin:-2px -6px -2px 0;font-size:1rem;line-height:1;display:inline-grid}.toast button:hover{color:var(--text);background:var(--hover-wash)}.crash-screen{max-width:40rem;padding:var(--space-8);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);margin:4rem auto}.crash-screen h1{font-size:var(--text-2xl);margin-bottom:var(--space-3);font-weight:600}.crash-screen p{color:var(--text-secondary)}.crash-screen pre{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-3);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--error-text);margin:var(--space-5) 0;overflow-x:auto}.crash-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.skeleton-bone{border-radius:var(--radius-xs);background:linear-gradient(90deg,var(--surface-2) 0%,var(--surface-3) 50%,var(--surface-2) 100%);background-size:200% 100%;animation:1.4s ease-in-out infinite cc-skeleton;display:block}@keyframes cc-skeleton{0%{background-position:100% 0}to{background-position:-100% 0}}.skeleton-page{padding:var(--space-8) var(--space-6);max-width:var(--page-max);margin:0 auto}.skeleton-head{gap:var(--space-3);margin-bottom:var(--space-8);display:grid}.skeleton-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));display:grid}.skeleton-card{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card);display:grid}.app-splash{justify-content:center;align-items:center;gap:var(--space-4);background:var(--bg);color:var(--text-muted);flex-direction:column;display:flex;position:fixed;inset:0}.app-splash-mark{--splash-glow:#d94d0059;place-items:center;display:grid}.dark .app-splash-mark{--splash-glow:#ff7a3359}.app-splash-mark img{animation:2.4s ease-in-out infinite cc-splash-blink}@keyframes cc-splash-blink{0%,to{filter:drop-shadow(0 0 #0000);transform:scale(1)}50%{filter:drop-shadow(0 0 18px var(--splash-glow));transform:scale(1.04)}}.dark .app-splash-mark .logo-mark{filter:none}.app-splash-name{font-size:var(--text-xl);letter-spacing:-.02em;color:var(--text);font-weight:600}.app-splash-track{border-radius:var(--radius-full);background:var(--surface-3);width:10rem;height:3px;overflow:hidden}.app-splash-fill{border-radius:inherit;background:var(--accent);width:40%;height:100%;animation:cc-splash-sweep 1.3s var(--ease) infinite;display:block}@keyframes cc-splash-sweep{0%{transform:translate(-100%)}to{transform:translate(260%)}}.app-splash-status{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.app-splash-status.is-new{animation:cc-splash-status .32s var(--ease) both}@keyframes cc-splash-status{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.app-splash-mark img,.app-splash-status.is-new{animation:none}}.scroll-thin{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.scroll-thin::-webkit-scrollbar{width:6px;height:6px}.scroll-thin::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}.scroll-thin::-webkit-scrollbar-track{background:0 0}.nav-item{align-items:center;gap:var(--space-3);height:32px;padding:0 var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-base);color:var(--text-secondary);transition:background var(--fast) var(--ease),color var(--fast) var(--ease);font-weight:500;display:flex}.nav-item svg{color:var(--text-muted);transition:color var(--fast) var(--ease);flex:none}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item:hover svg{color:var(--text-secondary)}.nav-item.is-active{background:var(--surface-3);color:var(--text)}.nav-item.is-active svg{color:var(--accent)}.dark .logo-mark{filter:drop-shadow(0 0 1px #ededef59)}.nav-group-label{padding:0 var(--space-3);margin:var(--space-5) 0 var(--space-2);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:11px}@media(max-width:720px){.toast-stack{left:var(--space-4);right:var(--space-4);max-width:none}}.draft-bar{align-items:center;gap:var(--space-2) var(--space-3);min-height:1.2em;font-size:var(--text-sm);color:var(--text-secondary);flex-wrap:wrap;display:flex}.draft-bar.is-restored{border:1px solid var(--border-subtle);border-left:2px solid var(--info);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);background:var(--surface-2)}.draft-status{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-muted);margin-left:auto}.auth-callback-page{justify-content:center;align-items:center;gap:var(--space-6);min-height:100vh;padding:var(--space-6);background:var(--bg);flex-direction:column;display:flex}.auth-callback-card{align-items:flex-start;gap:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:min(30rem,100%);padding:var(--space-6);flex-direction:column;display:flex}.progress-ring{flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.progress-ring svg{position:absolute;inset:0}.progress-ring-track{stroke:var(--surface-3)}.progress-ring-fill{stroke:var(--accent);transition:stroke-dashoffset var(--slower) var(--ease)}.progress-ring.tone-success .progress-ring-fill{stroke:var(--success)}.progress-ring.tone-warning .progress-ring-fill{stroke:var(--warning)}.progress-ring.is-glow svg{filter:drop-shadow(0 0 6px var(--accent-glow))}.progress-ring-center{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text);font-variant-numeric:tabular-nums;font-weight:600;position:relative}.streak-flame{color:var(--text-muted);font-variant-numeric:tabular-nums;align-items:center;gap:4px;display:inline-flex}.streak-flame.is-lit{color:var(--accent)}.streak-flame-count{color:var(--text);font-weight:600}.streak-flame.is-rising svg{animation:cc-flame-rise .9s var(--ease) both;transform-origin:50% 90%}@keyframes cc-flame-rise{0%{opacity:.4;transform:scale(.6)}45%{opacity:1;transform:scale(1.35)}to{transform:scale(1)}}.xp-count-up{font-variant-numeric:tabular-nums}.badge-tier-chip{border-radius:var(--radius-full);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;border:1px solid;align-items:center;height:18px;padding:0 6px;font-size:10.5px;font-weight:600;display:inline-flex}.badge-tier-chip.size-md{height:22px;font-size:var(--text-xs);padding:0 8px}.badge-tier-chip.tier-0{color:var(--tier-0);background:var(--tier-0-soft)}.badge-tier-chip.tier-1{color:var(--tier-1);background:var(--tier-1-soft)}.badge-tier-chip.tier-2{color:var(--tier-2);background:var(--tier-2-soft)}.badge-tier-chip.tier-3{color:var(--tier-3);background:var(--tier-3-soft)}.badge-tier-chip.tier-4{color:var(--tier-4);background:var(--tier-4-soft)}.level-up-backdrop{z-index:var(--z-celebration);padding:var(--space-4);background:var(--scrim);animation:cc-fade-in var(--med) var(--ease) both;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.level-up-card{width:min(100%,22rem);padding:var(--space-8) var(--space-6);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-dialog),0 24px 80px -24px var(--accent-glow);text-align:center;animation:cc-level-up-pop var(--slow) var(--ease) both;outline:none}.level-up-icon{width:56px;height:56px;margin:0 auto var(--space-4);border-radius:var(--radius-full);color:var(--accent);background:var(--accent-soft);justify-content:center;align-items:center;display:flex}.level-up-title{font-size:var(--text-3xl);line-height:var(--lh-heading);letter-spacing:var(--track-heading);text-wrap:balance;color:var(--text);font-weight:600}.level-up-rank{margin-top:var(--space-2);color:var(--accent-text);font-weight:600}.level-up-detail{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--text-muted)}.level-up-close{margin-top:var(--space-6);width:100%}@keyframes cc-fade-in{0%{opacity:0}to{opacity:1}}@keyframes cc-level-up-pop{0%{opacity:0;transform:translateY(12px)scale(.92)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.progress-ring-fill{transition:none}.streak-flame.is-rising svg,.level-up-backdrop,.level-up-card{animation:none}}.streak-flame.is-atRisk{color:var(--warning)}.streak-flame.is-atRisk svg{opacity:.55}.streak-flame.is-frozen{color:var(--info)}.choice-cards{gap:var(--space-2);grid-template-columns:1fr;display:grid}@media(min-width:640px){.choice-cards.is-two{grid-template-columns:repeat(2,minmax(0,1fr))}}.choice-card{align-items:center;gap:var(--space-3);width:100%;min-height:44px;padding:var(--space-3);text-align:left;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);transition-property:border-color,background-color,box-shadow,transform;transition-duration:var(--fast);transition-timing-function:var(--ease);display:flex}.choice-card:hover:not(:disabled){transform:translateY(var(--lift-y));box-shadow:var(--shadow-raised)}.choice-card:hover:not(:disabled):not(.is-checked){border-color:var(--border-strong)}.choice-card:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.choice-card.is-checked{border-color:var(--interactive);background:var(--interactive-soft)}.choice-card:disabled{opacity:.5;cursor:not-allowed}.choice-card-mark{border-radius:var(--radius-full);border:1.5px solid var(--border-strong);width:18px;height:18px;color:var(--interactive-fg);flex:none;justify-content:center;align-items:center;display:inline-flex}.choice-card.is-checked .choice-card-mark{border-color:var(--interactive);background:var(--interactive)}.choice-card-text{flex-direction:column;flex:1;min-width:0;display:flex}.choice-card-title{font-size:var(--text-base);font-weight:600}.choice-card-desc{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-0-5)}.choice-card-meta{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap}.streak-strip-row{flex-wrap:wrap;gap:3px;display:flex}.streak-strip-cell{border-radius:min(var(--radius-xs),30%);background:var(--surface-3);flex:none;display:inline-block}.streak-strip-cell.is-active{background:var(--accent)}.streak-strip-cell.is-frozen{background:var(--info)}.streak-strip-cell.is-repaired{background:var(--warning)}@supports (color:color-mix(in lab,red,red)){.streak-strip-cell.is-repaired{background:color-mix(in srgb,var(--warning) 45%,var(--surface-3))}}.streak-strip-cell.is-repaired{outline:1px dashed var(--warning);outline-offset:-1px}.streak-strip-cell.is-missed{background:var(--error-soft)}.streak-strip-cell.is-today{outline:1.5px dashed var(--border-strong);outline-offset:-1.5px;background:0 0}.streak-strip-legend{gap:var(--space-3);margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-muted);flex-wrap:wrap;display:flex}.streak-strip-legend>span{align-items:center;gap:4px;display:inline-flex}.goal-met-card{gap:var(--space-3);padding:var(--space-4);margin-top:var(--space-3);border:1px solid var(--success);grid-template-columns:auto 1fr;align-items:start;display:grid}@supports (color:color-mix(in lab,red,red)){.goal-met-card{border:1px solid color-mix(in srgb,var(--success) 35%,transparent)}}.goal-met-card{border-radius:var(--radius-lg);background:var(--success-soft);animation:cc-goal-met-in .32s var(--ease) both}.goal-met-icon{border-radius:var(--radius-full);width:32px;height:32px;color:var(--success);background:var(--surface);justify-content:center;align-items:center;display:inline-flex}.goal-met-text{min-width:0}.goal-met-title{color:var(--text);align-items:center;gap:var(--space-2);flex-wrap:wrap;font-weight:600;display:flex}.goal-met-bonus{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--success-text)}.goal-met-body{font-size:var(--text-sm);color:var(--text-secondary);margin-top:2px}.goal-met-actions{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;grid-column:1/-1;display:flex}.goal-met-actions .btn{min-height:44px}@keyframes cc-goal-met-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.habit-chip{align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-2);border-radius:var(--radius-md);color:var(--text);text-decoration:none;display:inline-flex}.habit-chip:hover{background:var(--surface-2)}.habit-chip:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.habit-chip .streak-flame{font-size:var(--text-sm)}.habit-chip.is-compact{gap:6px;padding:0 6px}.habit-banner{align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);background:var(--surface);font-size:var(--text-sm);flex-wrap:wrap;display:flex}@media(min-width:640px){.habit-banner{padding:var(--space-3) var(--space-8)}}.habit-banner.tone-warning{background:var(--warning-soft)}.habit-banner.tone-info{background:var(--info-soft)}.habit-banner-text{overflow-wrap:anywhere;flex:16rem;min-width:0}.habit-banner-title{color:var(--text);font-weight:600;display:block}.habit-banner-body{color:var(--text-secondary);display:block}.habit-banner-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.habit-banner-actions .btn{min-height:44px}.habit-banner-actions .btn-icon{min-width:44px}.league-row-up>td:first-child{box-shadow:inset 3px 0 0 var(--success)}.league-row-down>td:first-child{box-shadow:inset 3px 0 0 var(--error)}.leaderboard-tabs .segmented-option,.onboarding-actions .btn{min-height:44px}@media(prefers-reduced-motion:reduce){.goal-met-card{animation:none}.choice-card{transition:none}}.mode-cards{gap:var(--space-3);display:grid}@media(min-width:640px){.mode-cards{grid-template-columns:1fr 1fr}}.mode-option{align-items:flex-start;gap:var(--space-3);text-align:left;width:100%;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:var(--text);cursor:pointer;transition-property:border-color,background-color,box-shadow,transform;transition-duration:var(--fast);transition-timing-function:var(--ease);font-family:inherit;display:flex}.mode-option:hover{border-color:var(--border-strong);transform:translateY(var(--lift-y));box-shadow:var(--shadow-raised)}.mode-option:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.mode-option.is-recommended{border-color:var(--accent)}.mode-option-icon{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-secondary);background:var(--surface-2);border:1px solid var(--border-subtle);flex:none;justify-content:center;align-items:center;display:inline-flex}.mode-option-body{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.mode-option-title{font-weight:600;font-size:var(--text-base);align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.mode-option-tag{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--accent-text);background:var(--accent-soft);border-radius:var(--radius-xs);align-items:center;height:18px;padding:0 .5em;font-size:10px;display:inline-flex}.mode-option-flow{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.mode-option-blurb{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.mode-option-arrow{color:var(--text-muted);flex:none;margin-top:6px}.mode-option:hover .mode-option-arrow{color:var(--text)}.mode-option.is-checked{border-color:var(--interactive);background:var(--interactive-soft)}.track-choices{border:1px solid var(--border);border-radius:var(--radius-lg);grid-template-columns:1fr;display:grid;overflow:hidden}.track-choices>*+*{border-top:1px solid var(--border)}@media(min-width:640px){.track-choices.is-row{grid-template-columns:repeat(var(--track-columns,3),minmax(0,1fr))}.track-choices.is-row>*+*{border-top:none;border-left:1px solid var(--border)}}.track-choice{text-align:left;padding:var(--space-3) var(--space-4);background:var(--bg);min-height:44px;color:var(--text);cursor:pointer;transition:background var(--fast) var(--ease);font-family:inherit;position:relative}.track-choice:hover{background:var(--surface)}.track-choice:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.track-choice.is-checked{background:var(--surface)}.track-choice.is-checked:before{content:"";background:var(--interactive);height:2px;position:absolute;inset:0 0 auto}.track-choice-head{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.track-choice-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.track-choice.is-checked .track-choice-label{color:var(--text)}.track-choice-count{font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap;font-size:11px}.track-choice-desc{margin-top:var(--space-0-5);font-size:var(--text-xs);color:var(--text-muted)}.track-choice-bar{margin-top:var(--space-3)}.modal-overlay{z-index:var(--z-modal);background:var(--scrim);animation:cc-fade-in var(--fast) var(--ease);justify-content:center;align-items:center;padding:clamp(.5rem,2vw,1.5rem);display:flex;position:fixed;inset:0}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}@media(prefers-reduced-transparency:reduce){.modal-overlay{-webkit-backdrop-filter:none;backdrop-filter:none}}.modal-card{width:min(56rem,100%);max-height:min(92vh,60rem);color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-dialog);animation:cc-modal-in var(--med) var(--ease);flex-direction:column;display:flex;overflow:hidden}.modal-card:focus{outline:none}@keyframes cc-modal-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:none}}.modal-sm{width:min(26rem,100%)}.modal-md{width:min(38rem,100%)}.modal-lg{width:min(46rem,100%)}.modal-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-4) var(--space-6) var(--space-3);border-bottom:1px solid var(--border-subtle);flex:none;display:flex}.modal-header-main{min-width:0}.modal-stage-badge{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--track-eyebrow);margin-bottom:var(--space-1)}.modal-title{font-size:var(--text-lg);letter-spacing:var(--track-heading);text-wrap:balance;color:var(--text);font-weight:600;line-height:1.3}.modal-desc{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--text-secondary)}.modal-close-btn{width:28px;height:28px;color:var(--text-muted);border-radius:var(--radius-sm);transition:color var(--fast) var(--ease),background-color var(--fast) var(--ease);background:0 0;border:none;flex:none;justify-content:center;align-items:center;font-size:1.15rem;line-height:1;display:inline-flex}.modal-close-btn:hover{color:var(--text);background:var(--surface-2)}.modal-body{padding:var(--space-5) var(--space-6);gap:var(--space-4);flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden auto}.modal-body>*{flex:none}.modal-footer{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-6);border-top:1px solid var(--border-subtle);background:var(--surface);flex-wrap:wrap;flex:none;display:flex}@media(max-width:640px){.modal-overlay{align-items:stretch;padding:0}.modal-card{border:none;border-radius:0;width:100%;height:100%;max-height:100vh}.modal-body{padding:var(--space-4)}.modal-header,.modal-footer{padding-left:var(--space-4);padding-right:var(--space-4)}.modal-footer{flex-direction:column-reverse;align-items:stretch}.modal-overlay.is-sheet{align-items:flex-end}.modal-card.is-sheet{height:auto;max-height:92vh;padding-bottom:env(safe-area-inset-bottom);border:1px solid var(--border);border-radius:var(--radius-xl) var(--radius-xl) 0 0;animation:cc-sheet-in var(--slow) var(--ease);border-bottom:none}}@keyframes cc-sheet-in{0%{transform:translateY(100%)}to{transform:none}}.card{min-width:0;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);display:block;position:relative}button.card{text-align:left;width:100%}.card-raised{box-shadow:var(--shadow-raised)}.card.glass{box-shadow:var(--highlight-inset),var(--shadow-float)}.card-interactive{cursor:pointer;transition-property:transform,box-shadow,border-color;transition-duration:var(--fast);transition-timing-function:var(--ease);text-decoration:none}.card-interactive:hover:not(:disabled){transform:translateY(var(--lift-y));box-shadow:var(--shadow-raised);border-color:var(--border-strong)}.card-pad-sm{padding:var(--space-4)}.card-pad-md{padding:var(--space-5)}.card-pad-lg{padding:var(--space-8)}.stat-card{--stat-tone:var(--text-secondary);--stat-tone-soft:var(--surface-2);gap:var(--space-2);padding:var(--space-5);flex-direction:column;display:flex}.stat-card.tone-accent{--stat-tone:var(--accent-text);--stat-tone-soft:var(--accent-soft)}.stat-card.tone-success{--stat-tone:var(--success-text);--stat-tone-soft:var(--success-soft)}.stat-card.tone-warning{--stat-tone:var(--warning);--stat-tone-soft:var(--warning-soft)}.stat-card.tone-info{--stat-tone:var(--interactive-text);--stat-tone-soft:var(--interactive-soft)}.stat-card-icon{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--stat-tone);background:var(--stat-tone-soft);flex:none;place-items:center;display:inline-grid}.stat-card .stat-value{font-size:var(--text-3xl)}.stat-card-delta{color:var(--stat-tone)}.learning-card{align-items:flex-start;gap:var(--space-2);padding:var(--space-6);border-radius:var(--radius-xl);flex-direction:column;display:flex}@media(min-width:640px){.learning-card{padding:var(--space-8)}}.challenge-card{align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-3) var(--space-4);flex-wrap:wrap;display:flex}.challenge-card.is-card{align-items:stretch;gap:var(--space-3);padding:var(--space-5);flex-flow:column}.challenge-card-main{flex:12rem;min-width:0}.challenge-card.is-card .challenge-card-main{flex:auto}.challenge-card-title{font-size:var(--text-base);color:var(--text);text-align:left;overflow-wrap:anywhere;font-weight:600}.challenge-card.is-locked .challenge-card-title{color:var(--text-muted)}.challenge-card-link{background:0 0;border:none;padding:0;text-decoration:none}.challenge-card-link:after{content:"";border-radius:var(--radius-lg);position:absolute;inset:0}.challenge-card-link:focus-visible{outline:none}.challenge-card-link:focus-visible:after{outline:2px solid var(--focus);outline-offset:2px}.challenge-card-action{z-index:1;flex:none;position:relative}.challenge-card-status{border-radius:var(--radius-full);border:1.5px solid var(--border-strong);width:22px;height:22px;color:var(--text-muted);flex:none;place-items:center;display:inline-grid}.challenge-card-status.is-solved{background:var(--success-soft);color:var(--success);border-color:#0000}.challenge-card-status.is-locked{background:var(--surface-2);border-color:#0000}.difficulty-dot{align-items:center;gap:6px;display:inline-flex}.difficulty-dot:before{content:"";border-radius:var(--radius-full);background:var(--difficulty);width:6px;height:6px}.difficulty-dot.is-easy{--difficulty:var(--success)}.difficulty-dot.is-medium{--difficulty:var(--warning)}.difficulty-dot.is-hard{--difficulty:var(--error)}.tabs{gap:var(--space-1);scrollbar-width:none;box-shadow:inset 0 -1px 0 var(--border);display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{height:var(--control-h);padding:0 var(--space-3);border-radius:var(--radius-sm) var(--radius-sm) 0 0;color:var(--text-secondary);font-size:var(--text-base);white-space:nowrap;transition:color var(--fast) var(--ease);background:0 0;border:none;flex:none;font-weight:500;position:relative}.tab:hover:not(:disabled),.tab[aria-selected=true]{color:var(--text)}.tab[aria-selected=true]:after{content:"";inset:auto var(--space-3) 0;border-radius:var(--radius-full);background:var(--interactive);height:2px;position:absolute}.tab:focus-visible{outline-offset:-2px}.tab:disabled{opacity:.5}.tooltip{display:inline-flex;position:relative}.tooltip-bubble{z-index:var(--z-dropdown);width:max-content;max-width:16rem;padding:var(--space-1) var(--space-2);border-radius:var(--radius-xs);background:var(--text);color:var(--bg);box-shadow:var(--shadow-menu);font-size:var(--text-xs);text-align:center;opacity:0;visibility:hidden;transition:opacity var(--fast) var(--ease),visibility 0s linear var(--fast);font-weight:500;line-height:1.4;position:absolute}.tooltip:hover>.tooltip-bubble,.tooltip:has(:focus-visible)>.tooltip-bubble{opacity:1;visibility:visible;transition-delay:var(--slow)}.tooltip.is-dismissed>.tooltip-bubble{opacity:0;visibility:hidden;transition:none}.tooltip-top>.tooltip-bubble{bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.tooltip-bottom>.tooltip-bubble{top:calc(100% + 6px);left:50%;transform:translate(-50%)}.tooltip-left>.tooltip-bubble{top:50%;right:calc(100% + 6px);transform:translateY(-50%)}.tooltip-right>.tooltip-bubble{top:50%;left:calc(100% + 6px);transform:translateY(-50%)}.menu{z-index:var(--z-dropdown);min-width:12rem;padding:var(--space-1);border-radius:var(--radius-md);animation:cc-fade-in var(--fast) var(--ease);position:absolute;top:calc(100% + 6px);left:0}.menu.is-end{left:auto;right:0}.menu.glass{box-shadow:var(--highlight-inset),var(--shadow-menu)}.menu:focus{outline:none}.menu-item{align-items:center;gap:var(--space-2);width:100%;min-height:32px;padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--text);font-size:var(--text-base);text-align:left;white-space:nowrap;background:0 0;border:none;text-decoration:none;display:flex}.menu-item-icon{color:var(--text-muted);flex:none;display:inline-flex}.menu-item:focus{background:var(--surface-2);outline:none}.menu-item:focus-visible{box-shadow:inset 0 0 0 1px var(--focus)}.menu-item.is-danger,.menu-item.is-danger .menu-item-icon{color:var(--error-text)}.menu-item:disabled{opacity:.45}.menu-separator{height:1px;margin:var(--space-1) calc(var(--space-1) * -1);background:var(--border-subtle)}.map-node{align-items:center;gap:var(--space-3);min-height:var(--tap);padding:var(--space-1) var(--space-3) var(--space-1) var(--space-1);border-radius:var(--radius-full);color:var(--text);text-align:left;transition:background-color var(--fast) var(--ease);background:0 0;border:none;display:inline-flex}.map-node:hover:not([aria-disabled=true]){background:var(--surface-2)}.map-node[aria-pressed=true]{background:var(--interactive-soft)}.map-node[aria-disabled=true]{cursor:not-allowed}.map-node-marker{--node:32px;width:var(--node);height:var(--node);border-radius:var(--radius-full);border:1.5px solid var(--border-strong);background:var(--surface);color:var(--text-muted);flex:none;place-items:center;display:inline-grid;position:relative}.map-node.size-sm .map-node-marker{--node:24px}.map-node.size-lg .map-node-marker{--node:40px}.map-node-label{font-size:var(--text-base);font-weight:500;line-height:1.3}.map-node.is-done .map-node-marker{border-color:var(--success);background:var(--success-soft);color:var(--success);box-shadow:0 0 0 4px var(--success-soft),0 0 20px -6px var(--success)}.map-node.is-current .map-node-marker{border:2px solid var(--accent);background:var(--accent-soft);color:var(--accent)}.map-node.is-current .map-node-marker:after{content:"";border-radius:inherit;border:2px solid var(--accent);pointer-events:none;animation:cc-node-ring 2.4s var(--ease) infinite;position:absolute;inset:-4px}@keyframes cc-node-ring{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(1.45)}}.map-node.is-learning .map-node-marker{border:2px dashed var(--interactive);background:var(--interactive-soft);color:var(--interactive)}.map-node.is-locked .map-node-marker{border-color:var(--border);background:var(--surface-2)}.map-node.is-locked .map-node-label{color:var(--text-muted)}.map-node.is-skipped .map-node-marker{opacity:.6;border-style:dashed}.map-node.is-optional .map-node-marker{background:0 0;border-width:2px}.map-node.is-skipped .map-node-label,.map-node.is-optional .map-node-label{color:var(--text-secondary)}.map-node.is-pro .map-node-marker{border-color:var(--warning);background:var(--warning-soft);color:var(--warning)}.avatar{border-radius:var(--radius-full);background:var(--surface-3);color:var(--text-secondary);-webkit-user-select:none;user-select:none;outline:1px solid var(--border);outline-offset:-1px;flex:none;place-items:center;font-weight:600;line-height:1;display:inline-grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.section{padding-block:var(--section-y)}.section.is-tight{padding-block:var(--section-y-app)}.page-container{width:100%;max-width:calc(var(--page-max) + var(--gutter) * 2);padding-inline:var(--gutter);margin-inline:auto}.page-container.is-wide{max-width:calc(var(--page-max-wide) + var(--gutter) * 2)}.page-container.is-reading{max-width:calc(var(--reading-max) + var(--gutter) * 2)}.reveal{opacity:0;transition:opacity var(--reveal) var(--ease),transform var(--reveal) var(--ease);transform:translateY(16px)}.reveal.is-in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.map-node.is-current .map-node-marker:after{opacity:.35;animation:none}.reveal{opacity:1;transition:none;transform:none}}.glass{background:var(--glass-fallback);border:1px solid var(--glass-border);box-shadow:var(--highlight-inset)}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass{background:var(--glass-bg);-webkit-backdrop-filter:saturate(var(--glass-saturate)) blur(var(--glass-blur));backdrop-filter:saturate(var(--glass-saturate)) blur(var(--glass-blur))}}@media(prefers-reduced-transparency:reduce){.glass{background:var(--glass-fallback);-webkit-backdrop-filter:none;backdrop-filter:none}}}@layer utilities{.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.top-0{top:0}.top-1\/2{top:50%}.top-3{top:calc(var(--spacing) * 3)}.top-4{top:calc(var(--spacing) * 4)}.top-\[calc\(100\%\+4px\)\]{top:calc(100% + 4px)}.right-0{right:0}.right-1{right:var(--spacing)}.bottom-0{bottom:0}.left-0{left:0}.left-2\.5{left:calc(var(--spacing) * 2.5)}.left-3{left:calc(var(--spacing) * 3)}.left-\[16rem\]{left:16rem}.isolate{isolation:isolate}.\!z-\[600\]{z-index:600!important}.z-10{z-index:10}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-2252{z-index:2252}.z-\[60\]{z-index:60}.z-\[70\]{z-index:70}.z-\[100\]{z-index:100}.z-\[450\]{z-index:450}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.m-0{margin:0}.m-3{margin:calc(var(--spacing) * 3)}.m-764{margin:calc(var(--spacing) * 764)}.page{padding:clamp(28px,4vw,48px) var(--gutter) 64px;width:100%;margin-inline:auto}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.-mx-2{margin-inline:calc(var(--spacing) * -2)}.mx-auto{margin-inline:auto}.my-3{margin-block:calc(var(--spacing) * 3)}.my-5{margin-block:calc(var(--spacing) * 5)}.ms-5575{margin-inline-start:calc(var(--spacing) * 5575)}.-mt-0\.5{margin-top:calc(var(--spacing) * -.5)}.-mt-1{margin-top:calc(var(--spacing) * -1)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-700{margin-top:calc(var(--spacing) * 700)}.mt-1011{margin-top:calc(var(--spacing) * 1011)}.-mr-2{margin-right:calc(var(--spacing) * -2)}.mr-2{margin-right:calc(var(--spacing) * 2)}.\!mb-0{margin-bottom:0!important}.\!mb-1{margin-bottom:var(--spacing)!important}.\!mb-4{margin-bottom:calc(var(--spacing) * 4)!important}.-mb-px{margin-bottom:-1px}.mb-0{margin-bottom:0}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:var(--spacing)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.-ml-2{margin-left:calc(var(--spacing) * -2)}.-ml-px{margin-left:-1px}.ml-0\.5{margin-left:calc(var(--spacing) * .5)}.ml-1{margin-left:var(--spacing)}.ml-1\.5{margin-left:calc(var(--spacing) * 1.5)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-9{margin-left:calc(var(--spacing) * 9)}.ml-auto{margin-left:auto}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.\!h-auto{height:auto!important}.h-\(--control-h\){height:var(--control-h)}.h-\(--control-h-lg\){height:var(--control-h-lg)}.h-\(--control-h-sm\){height:var(--control-h-sm)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-20{height:calc(var(--spacing) * 20)}.h-27{height:calc(var(--spacing) * 27)}.h-28{height:calc(var(--spacing) * 28)}.h-35{height:calc(var(--spacing) * 35)}.h-\[26rem\]{height:26rem}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.\!max-h-\[92vh\]{max-height:92vh!important}.max-h-56{max-height:calc(var(--spacing) * 56)}.max-h-64{max-height:calc(var(--spacing) * 64)}.max-h-96{max-height:calc(var(--spacing) * 96)}.max-h-\[32rem\]{max-height:32rem}.min-h-0{min-height:0}.min-h-7{min-height:calc(var(--spacing) * 7)}.min-h-\[16rem\]{min-height:16rem}.min-h-\[32px\]{min-height:32px}.min-h-\[44px\]{min-height:44px}.min-h-screen{min-height:100vh}.\!w-\[min\(38rem\,100\%\)\]{width:min(38rem,100%)!important}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-32{width:calc(var(--spacing) * 32)}.w-40{width:calc(var(--spacing) * 40)}.w-44{width:calc(var(--spacing) * 44)}.w-56{width:calc(var(--spacing) * 56)}.w-60{width:calc(var(--spacing) * 60)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-\[14rem\]{max-width:14rem}.max-w-\[16rem\]{max-width:16rem}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0}.min-w-\[1\.1rem\]{min-width:1.1rem}.min-w-\[12rem\]{min-width:12rem}.min-w-\[14rem\]{min-width:14rem}.min-w-\[16rem\]{min-width:16rem}.min-w-\[200px\]{min-width:200px}.flex-1{flex:1}.flex-3{flex:3}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.scroll-mt-16{scroll-margin-top:calc(var(--spacing) * 16)}.scroll-mt-24{scroll-margin-top:calc(var(--spacing) * 24)}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-\[5rem_1fr_auto\]{grid-template-columns:5rem 1fr auto}.grid-cols-\[10rem_minmax\(0\,1fr\)\]{grid-template-columns:10rem minmax(0,1fr)}.grid-cols-\[max-content_1fr\]{grid-template-columns:max-content 1fr}.grid-cols-\[minmax\(0\,1fr\)_auto_auto\]{grid-template-columns:minmax(0,1fr) auto auto}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-12{gap:calc(var(--spacing) * 12)}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-5{column-gap:calc(var(--spacing) * 5)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-y-1{row-gap:var(--spacing)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.gap-y-4{row-gap:calc(var(--spacing) * 4)}.gap-y-5{row-gap:calc(var(--spacing) * 5)}.gap-y-6{row-gap:calc(var(--spacing) * 6)}.gap-y-8{row-gap:calc(var(--spacing) * 8)}:where(.divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px * var(--tw-divide-x-reverse));border-inline-end-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-border-subtle>:not(:last-child)){border-color:var(--border-subtle)}.self-center{align-self:center}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[2px\]{border-radius:2px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-r-sm{border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.\!border-current\/30{border-color:currentColor!important}@supports (color:color-mix(in lab,red,red)){.\!border-current\/30{border-color:color-mix(in oklab,currentcolor 30%,transparent)!important}}.\!border-warning{border-color:var(--warning)!important}.border-accent{border-color:var(--accent)}.border-border{border-color:var(--border)}.border-border-strong{border-color:var(--border-strong)}.border-border-subtle{border-color:var(--border-subtle)}.border-current{border-color:currentColor}.border-interactive{border-color:var(--interactive)}.border-success,.border-success\/40{border-color:var(--success)}@supports (color:color-mix(in lab,red,red)){.border-success\/40{border-color:color-mix(in oklab,var(--success) 40%,transparent)}}.border-transparent{border-color:#0000}.border-warning\/50{border-color:var(--warning)}@supports (color:color-mix(in lab,red,red)){.border-warning\/50{border-color:color-mix(in oklab,var(--warning) 50%,transparent)}}.border-t-transparent{border-top-color:#0000}.\!bg-surface-2{background-color:var(--surface-2)!important}.\!bg-transparent{background-color:#0000!important}.bg-accent{background-color:var(--accent)}.bg-accent-soft{background-color:var(--accent-soft)}.bg-accent\/30{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.bg-accent\/30{background-color:color-mix(in oklab,var(--accent) 30%,transparent)}}.bg-accent\/55{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.bg-accent\/55{background-color:color-mix(in oklab,var(--accent) 55%,transparent)}}.bg-accent\/70{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.bg-accent\/70{background-color:color-mix(in oklab,var(--accent) 70%,transparent)}}.bg-accent\/80{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.bg-accent\/80{background-color:color-mix(in oklab,var(--accent) 80%,transparent)}}.bg-bg{background-color:var(--bg)}.bg-border-subtle{background-color:var(--border-subtle)}.bg-current{background-color:currentColor}.bg-scrim{background-color:var(--scrim)}.bg-success{background-color:var(--success)}.bg-success-soft,.bg-success-soft\/40{background-color:var(--success-soft)}@supports (color:color-mix(in lab,red,red)){.bg-success-soft\/40{background-color:color-mix(in oklab,var(--success-soft) 40%,transparent)}}.bg-surface{background-color:var(--surface)}.bg-surface-2{background-color:var(--surface-2)}.bg-surface-3{background-color:var(--surface-3)}.bg-warning-soft{background-color:var(--warning-soft)}.p-0{padding:0}.p-1{padding:var(--spacing)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.\!py-2\.5{padding-block:calc(var(--spacing) * 2.5)!important}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-20{padding-block:calc(var(--spacing) * 20)}.pt-0\.5{padding-top:calc(var(--spacing) * .5)}.pt-1{padding-top:var(--spacing)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.\!pr-10{padding-right:calc(var(--spacing) * 10)!important}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pb-1{padding-bottom:var(--spacing)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pb-20{padding-bottom:calc(var(--spacing) * 20)}.\!pl-8{padding-left:calc(var(--spacing) * 8)!important}.\!pl-9{padding-left:calc(var(--spacing) * 9)!important}.pl-1{padding-left:var(--spacing)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-5{padding-left:calc(var(--spacing) * 5)}.pl-6{padding-left:calc(var(--spacing) * 6)}.pl-8{padding-left:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-top{vertical-align:top}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.875em\]{font-size:.875em}.text-\[0\.6875rem\]{font-size:.6875rem}.text-\[0\.8125rem\]{font-size:.8125rem}.text-\[0\.9375rem\]{font-size:.9375rem}.text-\[1\.75rem\]{font-size:1.75rem}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.leading-\[1\.7\]{--tw-leading:1.7;line-height:1.7}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}.tab-1{tab-size:1}.tab-11{tab-size:11}.tab-700{tab-size:700}.tab-714{tab-size:714}.tab-746{tab-size:746}.tab-1100{tab-size:1100}.tab-1102{tab-size:1102}.tab-1103{tab-size:1103}.\!text-current{color:currentColor!important}.\!text-fg-muted{color:var(--text-muted)!important}.text-accent{color:var(--accent)}.text-accent-fg{color:var(--accent-fg)}.text-accent-text{color:var(--accent-text)}.text-error{color:var(--error)}.text-fg{color:var(--text)}.text-fg-disabled{color:var(--text-disabled)}.text-fg-muted{color:var(--text-muted)}.text-fg-secondary{color:var(--text-secondary)}.text-info{color:var(--info)}.text-interactive-text{color:var(--interactive-text)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.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}.decoration-border-strong{-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong)}.underline-offset-2{text-underline-offset:2px}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-dialog{--tw-shadow:var(--shadow-dialog);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-menu{--tw-shadow:var(--shadow-menu);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}.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-filter{-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,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;user-select:all}.select-none{-webkit-user-select:none;user-select:none}@media(hover:hover){.group-hover\:underline:is(:where(.group):hover *){text-decoration-line:underline}}.group-focus-visible\:ring-1:is(:where(.group):focus-visible *){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.group-focus-visible\:ring-focus:is(:where(.group):focus-visible *){--tw-ring-color:var(--focus)}.group-focus-visible\:ring-inset:is(:where(.group):focus-visible *){--tw-ring-inset:inset}.last\:mb-0:last-child{margin-bottom:0}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}@media(hover:hover){.hover\:border-border-strong:hover{border-color:var(--border-strong)}.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-surface-2:hover{background-color:var(--surface-2)}.hover\:\!text-error:hover{color:var(--error)!important}.hover\:\!text-fg:hover{color:var(--text)!important}.hover\:text-fg:hover{color:var(--text)}.hover\:underline:hover{text-decoration-line:underline}.hover\:decoration-fg:hover{-webkit-text-decoration-color:var(--text);text-decoration-color:var(--text)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:border-focus:focus-visible{border-color:var(--focus)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-focus\/40:focus-visible{--tw-ring-color:var(--focus)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-focus\/40:focus-visible{--tw-ring-color:color-mix(in oklab, var(--focus) 40%, transparent)}}.disabled\:cursor-default:disabled{cursor:default}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:text-fg-muted:disabled{color:var(--text-muted)}.disabled\:no-underline:disabled{text-decoration-line:none}.disabled\:opacity-25:disabled{opacity:.25}.disabled\:opacity-50:disabled{opacity:.5}@media(hover:hover){.disabled\:hover\:bg-transparent:disabled:hover{background-color:#0000}}@media(min-width:40rem){.sm\:inline{display:inline}.sm\:inline-block{display:inline-block}.sm\:inline-flex{display:inline-flex}.sm\:table-cell{display:table-cell}.sm\:w-64{width:calc(var(--spacing) * 64)}.sm\:w-72{width:calc(var(--spacing) * 72)}.sm\:w-\[28rem\]{width:28rem}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-\[9rem_1fr_auto\]{grid-template-columns:9rem 1fr auto}.sm\:grid-cols-\[10rem_1fr_auto\]{grid-template-columns:10rem 1fr auto}.sm\:grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:gap-6{gap:calc(var(--spacing) * 6)}.sm\:gap-x-12{column-gap:calc(var(--spacing) * 12)}:where(.sm\:divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px * var(--tw-divide-x-reverse));border-inline-end-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}:where(.sm\:divide-y-0>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(0px * var(--tw-divide-y-reverse));border-bottom-width:calc(0px * calc(1 - var(--tw-divide-y-reverse)))}:where(.sm\:divide-border-subtle>:not(:last-child)){border-color:var(--border-subtle)}.sm\:p-5{padding:calc(var(--spacing) * 5)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:px-5{padding-inline:calc(var(--spacing) * 5)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:py-12{padding-block:calc(var(--spacing) * 12)}.sm\:py-28{padding-block:calc(var(--spacing) * 28)}.sm\:pt-7{padding-top:calc(var(--spacing) * 7)}.sm\:pl-6{padding-left:calc(var(--spacing) * 6)}.sm\:text-right{text-align:right}.sm\:text-\[2\.25rem\]{font-size:2.25rem}}@media(min-width:48rem){.md\:col-span-1{grid-column:span 1/span 1}.md\:col-span-2{grid-column:span 2/span 2}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:gap-12{gap:calc(var(--spacing) * 12)}:where(.md\:divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px * var(--tw-divide-x-reverse));border-inline-end-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}:where(.md\:divide-border-subtle>:not(:last-child)){border-color:var(--border-subtle)}.md\:pl-8{padding-left:calc(var(--spacing) * 8)}}@media(min-width:64rem){.lg\:left-60{left:calc(var(--spacing) * 60)}.lg\:ml-60{margin-left:calc(var(--spacing) * 60)}.lg\:block{display:block}.lg\:hidden{display:none}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.lg\:grid-cols-\[1fr_1fr\]{grid-template-columns:1fr 1fr}.lg\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.lg\:grid-cols-\[13rem_minmax\(0\,1fr\)\]{grid-template-columns:13rem minmax(0,1fr)}.lg\:grid-cols-\[15rem_1fr\]{grid-template-columns:15rem 1fr}.lg\:grid-cols-\[minmax\(0\,20rem\)_1fr\]{grid-template-columns:minmax(0,20rem) 1fr}.lg\:flex-col{flex-direction:column}.lg\:flex-row{flex-direction:row}.lg\:items-end{align-items:flex-end}.lg\:items-stretch{align-items:stretch}.lg\:justify-between{justify-content:space-between}.lg\:gap-8{gap:calc(var(--spacing) * 8)}.lg\:gap-14{gap:calc(var(--spacing) * 14)}.lg\:gap-20{gap:calc(var(--spacing) * 20)}}@media(min-width:80rem){.xl\:border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.xl\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}}}:root{--bg:#f7f6f3;--surface:#fff;--surface-2:#f1efeb;--surface-3:#e9e7e2;--border:#1c19141a;--border-subtle:#1c19140f;--border-strong:#1c19142e;--text:#17181c;--text-secondary:#4a4e57;--text-muted:#62656d;--text-disabled:#a2a4aa;--accent:#bf4508;--accent-hover:#a63a08;--accent-fg:#fff;--accent-text:#ab3907;--accent-soft:#d94d001a;--accent-ring:#d94d004d;--accent-glow:#d94d0047;--interactive:#5b5bd6;--interactive-hover:#4b4ac2;--interactive-text:#4b4ac2;--interactive-fg:#fff;--interactive-soft:#5b5bd61a;--focus:#5b5bd6;--focus-ring:#5b5bd652;--success:#147739;--success-text:#126b34;--success-fg:#fff;--success-soft:#15803d1a;--warning:#895600;--warning-soft:#ca8a041f;--error:#c82339;--error-text:#b81d32;--error-fg:#fff;--error-soft:#d7263d1a;--info:var(--interactive);--info-soft:var(--interactive-soft);--scrim:#1112167a;--scrim-canvas:#898989;--hover-wash:#17181c0f;--selection:#5b5bd63d;--brand-orange:#d94d00;--brand-yellow:#fbbc02;--brand-ink:#031420;--tier-0:#86491f;--tier-0-soft:#9a5b2e1a;--tier-1:#525d6b;--tier-1-soft:#5f6b7a1a;--tier-2:#8a5304;--tier-2-soft:#ca8a041f;--tier-3:#0b657d;--tier-3-soft:#0e74901a;--tier-4:#6d28d9;--tier-4-soft:#6d28d91a;--atmos:radial-gradient(60rem 30rem at 50% -10%, #d94d0012, transparent 70%), radial-gradient(40rem 24rem at 90% 0%, #5b5bd60d, transparent 70%);--code-bg:#0e1014;--code-bg-raised:#15171c;--code-border:#ffffff14;--code-text:#d4d4d8;--code-muted:#8d9098;--code-gutter:#7c8494;--code-focus:#9a98ff8c;--code-selection:#9a98ff47;--code-caret:#f3f4f6;--code-accent:#ff8f57;--code-interactive:#9a98ff;--code-font-size:.8125rem;--code-line-height:1.6em;--syn-keyword:#7dd3fc;--syn-control:#c4b5fd;--syn-type:#5eead4;--syn-string:#fca5a5;--syn-comment:#7c8494;--syn-number:#bef264;--syn-function:#fde68a;--syn-property:#bae6fd;--syn-punct:#a1a1aa;--syn-plain:#d4d4d8;--code-error:#fca5a5;--code-ok:#4ade80;--code-warn:#fde68a;--code-info:#93c5fd;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", ui-monospace, SFMono-Regular, Menlo, monospace;--text-2xs:.6875rem;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-md:.9375rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.75rem;--text-4xl:2.25rem;--text-body:1rem;--text-body-lg:1.0625rem;--text-reading:1.125rem;--text-h1:clamp(1.75rem, 1.5739rem + .751vw, 2.25rem);--text-display-sm:clamp(1.75rem, 1.4859rem + 1.127vw, 2.5rem);--text-display-md:clamp(2rem, 1.6479rem + 1.502vw, 3rem);--text-display-lg:clamp(2.5rem, 1.9718rem + 2.254vw, 4rem);--text-display-xl:clamp(2.75rem, 1.9577rem + 3.38vw, 5rem);--text-display-2xl:clamp(3rem, 1.9437rem + 4.507vw, 6rem);--lh-display:1.04;--lh-heading:1.15;--lh-body:1.6;--track-display:-.035em;--track-heading:-.02em;--track-eyebrow:.08em;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--space-40:160px;--section-y:clamp(3rem, .0951rem + 12.394vw, 11.25rem);--section-y-app:clamp(2rem, 1.2958rem + 3.005vw, 4rem);--gutter:clamp(1rem, .4718rem + 2.254vw, 2.5rem);--page-max:72rem;--page-max-wide:80rem;--reading-max:68ch;--nav-h:64px;--nav-h-compact:52px;--nav-inset:12px;--rail-w:64px;--control-h:36px;--control-h-sm:30px;--control-h-lg:44px;--tap:44px;--z-sticky:30;--z-nav:40;--z-dropdown:100;--z-drawer:450;--z-modal:500;--z-auth:600;--z-celebration:700;--z-toast:900;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:28px;--radius-full:999px;--shadow-card:0 1px 2px #17181c0a, 0 1px 1px #17181c05;--shadow-raised:0 1px 2px #17181c0a, 0 8px 24px -12px #17181c29;--shadow-float:0 2px 6px #17181c0a, 0 24px 48px -20px #17181c38;--shadow-menu:0 12px 32px -12px #17181c33, 0 0 0 1px #17181c0f;--shadow-dialog:0 32px 80px -24px #17181c59, 0 0 0 1px #17181c0f;--shadow-glow-accent:0 0 0 1px #d94d0033, 0 10px 30px -10px #d94d0073;--shadow-glow-focus:0 0 0 1px #5b5bd633, 0 10px 30px -12px #5b5bd666;--highlight-inset:inset 0 1px 0 #ffffffb3;--glass-bg:#ffffffb8;--glass-bg-strong:#ffffffdb;--glass-border:#17181c14;--glass-fallback:#fffffff7;--glass-blur:20px;--glass-saturate:180%;--ease:cubic-bezier(.16, 1, .3, 1);--ease-std:cubic-bezier(.2, 0, 0, 1);--ease-exit:cubic-bezier(.4, 0, 1, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--instant:80ms;--fast:.12s;--med:.22s;--slow:.36s;--slower:.56s;--reveal:.6s;--stagger:60ms;--lift-y:-2px;--press-scale:.98}.dark{--bg:#0b0c0e;--surface:#131418;--surface-2:#1a1b20;--surface-3:#22242a;--border:#ffffff14;--border-subtle:#ffffff0d;--border-strong:#ffffff29;--text:#ededef;--text-secondary:#a3a6ae;--text-muted:#8b8e97;--text-disabled:#55585f;--accent:#ff7a33;--accent-hover:#ff8c4d;--accent-fg:#1a0d04;--accent-text:#ff8f57;--accent-soft:#ff7a3324;--accent-ring:#ff7a3352;--accent-glow:#ff7a3352;--interactive:#9a98ff;--interactive-hover:#b0aeff;--interactive-text:#a9a7ff;--interactive-fg:#0d0c24;--interactive-soft:#9a98ff24;--focus:#9a98ff;--focus-ring:#9a98ff66;--success:#4ade80;--success-text:#4ade80;--success-fg:#06140a;--success-soft:#4ade801f;--warning:#eab308;--warning-soft:#eab3081f;--error:#ff6b7a;--error-text:#ff6b7a;--error-fg:#1a0508;--error-soft:#ff6b7a24;--scrim:#0009;--scrim-canvas:#040506;--hover-wash:#ededef0f;--selection:#9a98ff3d;--tier-0:#e0a070;--tier-0-soft:#e0a0701f;--tier-1:#c3cbd5;--tier-1-soft:#c3cbd51f;--tier-2:#facc15;--tier-2-soft:#facc151f;--tier-3:#67e8f9;--tier-3-soft:#67e8f91f;--tier-4:#c4b5fd;--tier-4-soft:#c4b5fd1f;--atmos:radial-gradient(60rem 30rem at 50% -10%, #d94d001a, transparent 70%), radial-gradient(40rem 24rem at 90% 0%, #5b5bd614, transparent 70%);--shadow-card:0 1px 2px #0006, inset 0 1px 0 #ffffff08;--shadow-raised:0 12px 32px -12px #0009, inset 0 1px 0 #ffffff0a;--shadow-float:0 24px 56px -20px #000000b3, 0 0 0 1px #ffffff0f;--shadow-menu:0 12px 32px -8px #000000a6, 0 0 0 1px #ffffff12;--shadow-dialog:0 32px 80px -16px #000000bf, 0 0 0 1px #ffffff0f;--shadow-glow-accent:0 0 0 1px #ff7a3340, 0 12px 40px -12px #ff7a3373;--shadow-glow-focus:0 0 0 1px #9a98ff40, 0 12px 40px -12px #9a98ff66;--highlight-inset:inset 0 1px 0 #ffffff0d;--glass-bg:#131418a3;--glass-bg-strong:#131418d1;--glass-border:#ffffff14;--glass-fallback:#131418f7}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@layer components{@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.practice-card{height:min(92vh,60rem)}.practice-card .modal-header{padding:24px 28px 20px}.practice-card .modal-title{font-size:24px;letter-spacing:-.035em}.practice-card .modal-body{padding:28px;gap:20px}.practice-card .challenge-prompt{font-size:18px;line-height:1.7}.practice-card .option-btn{padding:14px 16px;min-height:48px;border-radius:10px}.practice-card .modal-footer{padding:16px 28px}.practice-card .modal-footer .btn,.practice-card .modal-close-btn{min-height:44px}.practice-card .modal-close-btn{width:44px}@media(max-width:600px){.practice-card .modal-header{padding:20px 16px 16px}.practice-card .modal-body{padding:20px 16px}.practice-card .modal-footer{padding:12px 16px max(12px,env(safe-area-inset-bottom))}.practice-card .modal-title{font-size:21px}.practice-card .challenge-prompt{font-size:16px}}.practice-card.is-wide{width:min(72rem,100%)}.practice-card.is-ui{width:min(96vw,100rem);height:94vh;max-height:94vh}.practice-card.is-ui .modal-body{padding:var(--space-4) var(--space-6);gap:var(--space-3)}.modal-meta{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-2);align-items:center}.modal-progress{flex:none;width:100%;height:2px;background:var(--surface-3)}.modal-progress-bar{height:100%;background:var(--accent);transition:width var(--med) var(--ease)}.challenge-dots{flex:none;display:flex;gap:3px;padding:var(--space-2) var(--space-6);border-bottom:1px solid var(--border-subtle);background:var(--surface)}.challenge-dots .dot{flex:1;min-width:6px;max-width:2rem;height:4px;border-radius:2px;background:var(--surface-3);border:none;padding:0;cursor:pointer;transition:background var(--fast) var(--ease)}.challenge-dots .dot:hover{background:var(--border-strong)}.challenge-dots .dot.is-done{background:var(--success);opacity:.7}.challenge-dots .dot.is-active{background:var(--accent);opacity:1}.challenge-dots .dot.is-locked{opacity:.4;cursor:not-allowed}.challenge-dots .dot.is-locked:hover{background:var(--surface-3)}.challenge-dots .dot-divider{flex:none;width:1px;height:8px;margin:-2px 3px 0;background:var(--border-strong);align-self:center}.challenge-dots .dot.is-retry{border-radius:1px}.challenge-dots .dot.is-retry:not(.is-done):not(.is-active){background:var(--warning-soft);box-shadow:inset 0 0 0 1px var(--warning)}.challenge-prompt{font-size:var(--text-md);font-weight:500;line-height:1.55;color:var(--text);max-width:64ch}.challenge-hint-line{font-size:var(--text-sm);color:var(--text-muted)}.challenge-options{display:flex;flex-direction:column;gap:var(--space-2)}.challenge-options.is-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}@media(max-width:600px){.challenge-options.is-grid{grid-template-columns:1fr}}.option-btn{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);min-height:42px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);text-align:left;font-size:var(--text-base);line-height:1.4;cursor:pointer;transition:border-color var(--fast) var(--ease),background var(--fast) var(--ease);user-select:none}.option-btn:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-2)}.option-btn:disabled{cursor:default}.option-btn.selected{border-color:var(--interactive);background:var(--interactive-soft)}.option-btn.correct{border-color:var(--success);background:var(--success-soft)}.option-btn.incorrect{border-color:var(--error);background:var(--error-soft)}.option-btn.muted{opacity:.5}.option-text{flex:1;font-family:var(--font-mono);font-size:var(--text-sm);word-break:break-word;color:var(--text)}.option-letter{display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex:none;border-radius:var(--radius-xs);border:1px solid var(--border);background:var(--surface-2);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;color:var(--text-secondary);transition:background var(--fast) var(--ease),border-color var(--fast) var(--ease),color var(--fast) var(--ease)}.option-btn.selected .option-letter{border-color:var(--interactive);background:var(--interactive);color:var(--interactive-fg)}.option-btn.correct .option-letter{border-color:var(--success);background:var(--success);color:var(--success-fg)}.option-btn.incorrect .option-letter{border-color:var(--error);background:var(--error);color:var(--error-fg)}.option-item{display:flex;flex-direction:column;gap:4px;min-width:0}.option-item>.option-btn{width:100%}.option-btn.is-ruled-out{opacity:.6;cursor:not-allowed}.option-btn.is-ruled-out .option-text{text-decoration:line-through;text-decoration-thickness:1px}.option-note{margin:0 0 0 var(--space-3);padding:2px 0 2px var(--space-3);border-left:2px solid var(--error);font-size:var(--text-sm);line-height:1.5;color:var(--text-secondary);overflow-wrap:anywhere;animation:fadeIn var(--fast) var(--ease)}.option-note.is-right{border-left-color:var(--success)}.option-missing{font-size:var(--text-sm);color:var(--text-secondary)}.option-flag{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--success-text);align-self:center}.fill-blank{display:flex;flex-direction:column;gap:var(--space-3)}.blank-input,.blank-select{display:inline-block;font-family:var(--font-mono);font-size:inherit;line-height:1.3;padding:0 .45em;min-height:0;height:1.7em;border:1px solid var(--code-focus);border-radius:var(--radius-xs);background:var(--code-bg-raised);color:var(--syn-property);vertical-align:baseline;transition:border-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease)}.blank-select{appearance:none;padding-right:1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238D9098' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .4rem center;background-size:.75rem;cursor:pointer}.blank-select option{background:var(--code-bg);color:var(--code-text)}.blank-input:hover:not(:disabled),.blank-select:hover:not(:disabled){border-color:var(--code-info)}.blank-input:focus,.blank-select:focus{outline:none;border-color:var(--code-info);box-shadow:0 0 0 2px var(--code-focus)}.blank-input.is-right,.blank-select.is-right{border-color:var(--code-ok)!important;color:var(--code-ok)!important;box-shadow:none!important}.blank-input.is-wrong,.blank-select.is-wrong{border-color:var(--code-error)!important;color:var(--code-error)!important;box-shadow:none!important}.blank-slot{color:var(--code-info)}.blank-answers{font-size:var(--text-sm);color:var(--text-secondary);display:flex;gap:var(--space-4);flex-wrap:wrap}.blank-answers code{font-family:var(--font-mono);color:var(--success-text)}.blank-answer.is-wrong code{color:var(--error-text)}.blank-notes{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-sm);line-height:1.5;color:var(--text-secondary);overflow-wrap:anywhere}.blank-notes li{padding-left:var(--space-3);border-left:2px solid var(--error)}.blank-notes strong{color:var(--text);font-weight:600}.pseudo-order{display:flex;flex-direction:column;gap:var(--space-3)}.pseudo-list{display:flex;flex-direction:column;gap:var(--space-1)}.pseudo-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:grab;transition:border-color var(--fast) var(--ease),background var(--fast) var(--ease)}.pseudo-row:hover{border-color:var(--border-strong)}.pseudo-row:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.pseudo-row.is-dragging{opacity:.4;cursor:grabbing}.pseudo-row.is-over{border-color:var(--interactive)}.pseudo-row.is-right{border-color:var(--success);background:var(--success-soft)}.pseudo-row.is-wrong{border-color:var(--error);background:var(--error-soft)}.pseudo-handle{color:var(--text-muted);font-size:var(--text-sm);cursor:grab}.pseudo-step{flex:none;width:1.4rem;height:1.4rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);background:var(--surface-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary)}.pseudo-code{flex:1;font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.5;white-space:pre-wrap;word-break:break-word}.pseudo-move{display:flex;flex-direction:column;gap:2px;flex:none}.pseudo-move button{width:1.4rem;height:1rem;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--surface);color:var(--text-secondary);font-size:.6rem;cursor:pointer}.pseudo-move button:hover:not(:disabled){color:var(--text);border-color:var(--border-strong)}.pseudo-move button:disabled{opacity:.3;cursor:not-allowed}.pseudo-solution{border:1px solid color-mix(in srgb,var(--success) 40%,transparent);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);background:var(--success-soft);font-size:var(--text-sm)}.pseudo-solution ol{list-style:decimal inside;margin-top:var(--space-2);display:flex;flex-direction:column;gap:2px}.pseudo-solution code{font-family:var(--font-mono);font-size:var(--text-sm);white-space:pre-wrap}.code-challenge{display:flex;flex-direction:column;gap:var(--space-3)}.code-challenge-toolbar,.code-challenge-bar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;min-height:28px}.code-engine{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.code-challenge-bar-actions{display:flex;align-items:center;gap:var(--space-4)}.test-panel{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);overflow:hidden}.test-panel-head{display:flex;justify-content:space-between;align-items:center;padding:0 var(--space-3);height:34px;border-bottom:1px solid var(--border-subtle);font-size:var(--text-sm);color:var(--text-secondary);background:var(--surface-2)}.test-panel-title-cluster{display:flex;align-items:center;gap:var(--space-2)}.test-panel-title{font-weight:500;color:var(--text)}.test-panel-count-badge{font-size:var(--text-xs);padding:0 var(--space-2);height:18px;display:inline-flex;align-items:center;border-radius:var(--radius-xs);background:var(--surface-3);color:var(--text-muted);font-family:var(--font-mono)}.test-verdict{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500}.test-verdict.is-passed{color:var(--success-text)}.test-verdict.is-failed,.test-verdict.is-error{color:var(--error-text)}.test-list{display:flex;flex-direction:column;max-height:12rem;overflow-y:auto}.test-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2) var(--space-3);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-subtle);font-size:var(--text-sm)}.test-row:last-child{border-bottom:none}.test-row.is-pass{background:color-mix(in srgb,var(--success) 4%,transparent)}.test-row.is-fail{background:color-mix(in srgb,var(--error) 5%,transparent)}.test-row-main{display:flex;align-items:center;gap:var(--space-2);min-width:0;flex:1}.test-status-pill{display:inline-flex;align-items:center;gap:.3em;padding:0 var(--space-2);height:18px;border-radius:var(--radius-xs);font-size:var(--text-xs);font-weight:500;font-family:var(--font-mono);flex-shrink:0}.test-status-pill.is-pass{background:var(--success-soft);color:var(--success-text)}.test-status-pill.is-fail{background:var(--error-soft);color:var(--error-text)}.test-status-pill.is-pending{background:var(--surface-3);color:var(--text-muted)}.test-icon{font-weight:600}.test-name{color:var(--text);font-size:var(--text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.test-row-meta{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0;font-size:var(--text-xs);flex-wrap:wrap}.test-expect{display:inline-flex;align-items:center;gap:.35em;color:var(--text-muted)}.test-expect code,.test-actual code{font-family:var(--font-mono);padding:0 .35em;border-radius:var(--radius-xs);border:1px solid var(--border);background:var(--surface-2);color:var(--text)}.test-actual{display:inline-flex;align-items:center;gap:.35em;color:var(--error-text)}.test-actual code{color:var(--error-text);border-color:color-mix(in srgb,var(--error) 35%,transparent);background:var(--error-soft)}.test-time{font-family:var(--font-mono);color:var(--text-muted)}.test-logs{width:100%;margin:var(--space-1) 0 0;padding:var(--space-2) var(--space-3);background:var(--code-bg);border:1px solid var(--code-border);border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--code-error);white-space:pre-wrap;max-height:7rem;overflow:auto}.console-panel{border:1px solid var(--code-border);border-radius:var(--radius-md);background:var(--code-bg);overflow:hidden}.console-panel.has-error{border-color:color-mix(in srgb,var(--error) 45%,var(--code-border))}.console-head{display:flex;justify-content:space-between;align-items:center;padding:0 var(--space-3);height:30px;border-bottom:1px solid var(--code-border);background:var(--code-bg-raised);font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--code-muted)}.console-engine{text-transform:none;letter-spacing:0}.console-body{margin:0;padding:var(--space-3);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.55;white-space:pre-wrap;word-break:break-word;max-height:14rem;overflow:auto;color:var(--code-text)}.console-panel.has-error .console-body{color:var(--code-error)}.solution-panel{display:flex;flex-direction:column;gap:var(--space-2)}.solution-head{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.hint-area{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start}.hint-card{display:flex;gap:var(--space-3);align-items:flex-start;width:100%;padding:var(--space-2) var(--space-3);border-left:2px solid var(--warning);background:var(--surface-2);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:var(--text-sm);line-height:1.5;color:var(--text)}.hint-index{flex:none;font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding-top:.15rem}.feedback-banner{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--border);border-left-width:3px;background:var(--surface-2);font-size:var(--text-sm);line-height:1.55;color:var(--text-secondary);animation:fadeIn var(--fast) var(--ease)}.feedback-banner.correct{border-left-color:var(--success)}.feedback-banner.incorrect{border-left-color:var(--error)}.feedback-banner strong{color:var(--text);font-weight:600}.feedback-icon{flex:none;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);margin-top:1px}.feedback-banner.correct .feedback-icon{background:var(--success-soft);color:var(--success)}.feedback-banner.incorrect .feedback-icon{background:var(--error-soft);color:var(--error)}.feedback-content{flex:1;min-width:0}.feedback-heading-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:2px}.feedback-points-cluster{display:inline-flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.feedback-xp-pill,.feedback-score-pill,.feedback-assessment-pill{display:inline-flex;align-items:center;height:20px;padding:0 var(--space-2);border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500}.feedback-xp-pill{background:var(--accent-soft);color:var(--accent-text)}.feedback-score-pill{background:var(--surface-3);color:var(--text-secondary)}.feedback-score-pill.is-subtle{background:transparent;color:var(--text-muted);padding:0}.feedback-assessment-pill{background:var(--info-soft);color:var(--interactive-text)}.footer-left{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.challenge-xp-reward{color:var(--text-secondary)}.footer-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}.celebration-view{text-align:center;padding:var(--space-8) var(--space-2);display:flex;flex-direction:column;align-items:center;gap:var(--space-4);max-width:34rem;margin:0 auto}.celebration-icon{width:44px;height:44px;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;background:var(--success-soft);color:var(--success)}.celebration-title{font-size:var(--text-2xl);font-weight:600;letter-spacing:-.01em}.celebration-view p{color:var(--text-secondary)}.celebration-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:100%;margin:var(--space-2) 0;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.celebration-stat-box{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-3) var(--space-2);background:var(--surface)}.celebration-stat-box+.celebration-stat-box{border-left:1px solid var(--border-subtle)}.celebration-stat-box strong{font-size:var(--text-xl);font-weight:600;color:var(--text);font-variant-numeric:tabular-nums}.celebration-stat-box span{font-size:var(--text-xs);color:var(--text-muted)}.celebration-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center}.unit-complete-xp{font-size:var(--text-3xl);font-weight:700;letter-spacing:-.02em;color:var(--accent-text)}.unit-complete-body{max-width:30rem}.unit-complete-perfect{display:inline-flex;align-items:center;gap:var(--space-1);padding:4px 10px;border-radius:var(--radius-full);background:var(--warning-soft);color:var(--warning)!important;font-weight:600;font-size:var(--text-sm)}.unit-complete-perfect.is-flawless{background:var(--success-soft);color:var(--success-text)!important}.unit-complete-level{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-1);padding:4px 10px;border-radius:var(--radius-full);background:var(--accent-soft);color:var(--accent-text)!important;font-weight:600;font-size:var(--text-sm)}.unit-complete-rank{font-weight:500}.unit-complete-badges{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.unit-complete-badges li{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text)}.unit-complete-sync{font-size:var(--text-xs);color:var(--text-muted)!important}.unit-complete-retry{font-size:var(--text-sm);color:var(--text-secondary);font-variant-numeric:tabular-nums}.celebration-stat-box .streak-flame{font-size:var(--text-xl)}.celebration-stats.has-goal{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:480px){.celebration-stats.has-goal{grid-template-columns:repeat(2,minmax(0,1fr))}.celebration-stats.has-goal .celebration-stat-box:nth-child(3){border-left:none}.celebration-stats.has-goal .celebration-stat-box:nth-child(n+3){border-top:1px solid var(--border-subtle)}}.unit-complete-perfect.is-goal{background:var(--success-soft);color:var(--success-text)!important}.modal-header-actions{display:flex;align-items:center;gap:2px;flex:none}.pro-card{width:min(28rem,100%)}.pro-price{display:flex;align-items:baseline;gap:var(--space-2)}.pro-amount{font-size:2rem;font-weight:600;letter-spacing:-.02em;color:var(--text)}.pro-period{color:var(--text-muted);font-size:var(--text-sm)}.pro-perks{display:flex;flex-direction:column;gap:var(--space-3)}.pro-perks li{display:flex;gap:var(--space-3);align-items:flex-start}.pro-perks strong{display:block;font-size:var(--text-base);font-weight:500}.pro-perks span{font-size:var(--text-sm);color:var(--text-secondary)}.pro-check{color:var(--success);flex:none;padding-top:2px}.pro-cta{width:100%;justify-content:center}@media(max-width:640px){.practice-card,.practice-card.is-wide,.practice-card.is-ui{width:100%;height:100%;max-height:100vh;border-radius:0;border:none}.challenge-dots{padding-left:var(--space-4);padding-right:var(--space-4)}.footer-left{justify-content:center}.footer-actions{justify-content:stretch}.footer-actions .btn{flex:1;justify-content:center}.code-line-no{width:2.1rem;padding-right:var(--space-2)}}.problem-panel{display:flex;flex-direction:column;gap:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);padding:var(--space-3) var(--space-4)}.problem-head{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:var(--space-1)}.problem-example dl{display:grid;grid-template-columns:4.5rem 1fr;gap:var(--space-1) var(--space-3);margin:0;font-size:var(--text-sm)}.problem-example dt{color:var(--text-muted)}.problem-example dd{margin:0;color:var(--text);line-height:1.5}.problem-example code{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);padding:0 .35em;word-break:break-word}.problem-constraints ul{list-style:disc outside;padding-left:1.2rem;display:flex;flex-direction:column;gap:2px;font-size:var(--text-sm);color:var(--text-secondary)}.reading-panel{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);overflow:hidden}.reading-toggle{width:100%;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);text-align:left;cursor:pointer;border:none;background:none;transition:background var(--fast) var(--ease)}.reading-toggle:hover{background:var(--surface-2);color:var(--text)}.reading-toggle strong{color:var(--text);font-weight:500}.reading-label{flex:1;min-width:0}.reading-chevron{flex:none;transition:transform var(--fast) var(--ease)}.reading-panel[data-open=true] .reading-chevron{transform:rotate(180deg)}.reading-body{padding:var(--space-1) var(--space-4) var(--space-4);border-top:1px solid var(--border-subtle);max-height:24rem;overflow-y:auto}.reading-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border-subtle);font-size:var(--text-xs);color:var(--text-muted)}.reading-link{display:inline-flex;align-items:center;gap:.3em;color:var(--text);font-weight:500}.reading-link:hover{text-decoration:underline}.ui-preview-frame{display:flex;flex-direction:column;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);overflow:hidden;margin:0;height:100%;min-height:460px}.ui-preview-browser-bar{display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-3);height:34px;background:var(--surface-2);border-bottom:1px solid var(--border)}.ui-preview-dots{display:none}.ui-preview-url-bar{flex:1;display:flex;align-items:center;gap:var(--space-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xs);padding:0 var(--space-2);height:24px;font-size:var(--text-xs);color:var(--text-secondary)}.ui-preview-url-icon{color:var(--text-muted);flex-shrink:0}.ui-preview-url-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-mono)}.ui-preview-pill{display:inline-flex;align-items:center;gap:.3em;padding:0 var(--space-2);height:18px;background:var(--surface-3);color:var(--text-secondary);border-radius:var(--radius-xs);font-size:11px;font-weight:500}.ui-preview-actions{display:flex;align-items:center}.ui-preview-reload-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;transition:color var(--fast) var(--ease),background var(--fast) var(--ease)}.ui-preview-reload-btn:hover{color:var(--text);background:var(--surface-3)}.ui-preview-viewport{width:100%;flex:1 1 auto;height:100%;min-height:380px;position:relative;background:var(--code-bg);display:flex}.ui-preview-iframe{width:100%;height:100%;flex:1 1 auto;min-height:100%;border:none;display:block}.ui-mode-tabs{display:inline-flex;align-items:center;gap:2px;background:var(--surface-2);border:1px solid var(--border);padding:2px;border-radius:var(--radius-sm);width:fit-content}.ui-mode-tab{display:inline-flex;align-items:center;gap:.35em;height:calc(var(--control-h) - 6px);padding:0 var(--space-3);border-radius:var(--radius-xs);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);background:none;border:none;cursor:pointer;transition:background var(--fast) var(--ease),color var(--fast) var(--ease)}.ui-mode-tab:hover{color:var(--text)}.ui-mode-tab.is-active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-card)}.dark .ui-mode-tab.is-active{background:var(--surface-3)}.ui-challenge-split{display:grid;grid-template-columns:1.12fr .88fr;gap:var(--space-3);align-items:stretch;min-height:520px;height:clamp(540px,68vh,780px)}.ui-split-pane{display:flex;flex-direction:column;height:100%;min-height:520px;min-width:0}.ui-full-pane{display:flex;flex-direction:column;min-height:540px;height:clamp(560px,72vh,820px)}@media(max-width:960px){.ui-challenge-split{grid-template-columns:1fr;height:auto}}.web-ide{position:relative;display:flex;flex-direction:column;border:1px solid var(--code-border);border-radius:var(--radius-md);background:var(--code-bg);overflow:hidden;height:100%;min-height:480px;transition:border-color var(--fast) var(--ease)}.web-ide.is-focused{border-color:var(--code-focus)}.web-ide-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);background:var(--code-bg-raised);border-bottom:1px solid var(--code-border);padding:0 var(--space-2);overflow-x:auto;min-height:36px}.web-ide-tabs{display:flex;align-items:stretch;gap:0;height:36px}.web-ide-tab{display:inline-flex;align-items:center;gap:.45em;padding:0 var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--code-muted);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color var(--fast) var(--ease),border-color var(--fast) var(--ease);position:relative}.web-ide-tab:hover{color:var(--code-text)}.web-ide-tab.is-active{color:var(--code-text);border-bottom-color:var(--code-interactive)}.web-ide-tab.is-html.is-active .web-ide-tab-icon{color:var(--code-accent)}.web-ide-tab.is-css.is-active .web-ide-tab-icon{color:var(--syn-keyword)}.web-ide-tab.is-js.is-active .web-ide-tab-icon{color:var(--syn-function)}.web-ide-modified-dot{width:6px;height:6px;border-radius:var(--radius-full);background:var(--code-text)}.web-ide-toolbar{display:flex;align-items:center;gap:2px;margin-left:auto}.web-ide-tool-btn{display:inline-flex;align-items:center;gap:.35em;height:24px;padding:0 var(--space-2);border-radius:var(--radius-xs);font-size:var(--text-xs);font-weight:500;color:var(--code-muted);background:transparent;border:1px solid transparent;cursor:pointer;transition:color var(--fast) var(--ease),background var(--fast) var(--ease)}.web-ide-tool-btn:hover:not(:disabled){color:var(--code-text);background:var(--code-border)}.web-ide-tool-btn:disabled{opacity:.38;cursor:not-allowed}.web-ide-tool-btn.is-reset:hover:not(:disabled){color:var(--code-warn)}.web-ide-workspace{position:relative;display:flex;width:100%;flex:1 1 auto;min-height:380px;height:100%;background:var(--code-bg);overflow:hidden}.web-ide .code-editor-stage{position:relative;flex:1 1 auto;min-width:0;height:100%;min-height:380px;overflow:hidden;background:var(--code-bg)}.web-ide .code-editor-area{min-height:100%;height:100%;max-height:none}.web-ide .code-editor-highlight{min-height:100%;height:100%}.web-ide .code-editor-gutter{height:100%}.web-ide-status-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:0 var(--space-3);height:26px;background:var(--code-bg-raised);border-top:1px solid var(--code-border);font-family:var(--font-mono);font-size:11px;color:var(--code-muted)}.web-ide-status-left,.web-ide-status-right{display:flex;align-items:center;gap:var(--space-3)}.web-ide-file-badge{display:inline-flex;align-items:center;gap:.3em;color:var(--code-text)}.web-ide-lang-badge{padding:0 .35em;border-radius:var(--radius-xs);background:var(--code-border);border:1px solid var(--code-border);font-size:10px}.web-ide-mode-note{color:var(--code-muted)}.web-ide-kbd-badge kbd{background:var(--code-border);border:1px solid var(--code-border);padding:0 .3em;border-radius:var(--radius-xs);font-size:10px;color:var(--code-text)}.ui-preview-status-tag{display:inline-flex;align-items:center;font-size:11px;margin-left:.3rem;padding:0 .4em;height:16px;border-radius:var(--radius-xs);font-weight:500}.ui-preview-status-tag.is-live{color:var(--success-text);background:var(--success-soft)}.ui-preview-status-tag.is-updating{color:var(--warning);background:var(--warning-soft)}.assessment-view .celebration-icon.is-neutral{background:var(--accent-soft, var(--surface-2));color:var(--accent)}.assessment-view .celebration-icon.is-miss{background:var(--error-soft);color:var(--error)}.assessment-view .assessment-rules{font-size:var(--text-sm);color:var(--text-muted)}.assessment-view .assessment-error{font-size:var(--text-sm);color:var(--error-text)}.assessment-queue{list-style:decimal;padding-left:1.25rem;text-align:left;font-size:var(--text-sm);color:var(--text-secondary);display:grid;gap:2px}.assessment-leave{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);margin:0 var(--space-5) var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--warning);border-radius:var(--radius-md);background:var(--warning-soft);font-size:var(--text-sm);color:var(--text)}.assessment-leave-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.assessment-leave-actions .btn{min-height:44px}}@layer components{.concept-teaching{display:flex;flex-direction:column;gap:var(--space-5)}.lesson-steps{display:flex;align-items:center;list-style:none;margin:var(--space-3) 0 0;padding:0;flex-wrap:wrap;gap:2px}.lesson-step{display:flex;align-items:center;gap:var(--space-2)}.lesson-step-dot{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:var(--radius-xs);font-size:10px;font-weight:500;font-family:var(--font-mono);border:1px solid var(--border);color:var(--text-muted);background:var(--surface);flex:none}.lesson-step-label{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap}.lesson-step-connector{width:16px;height:1px;background:var(--border);margin:0 var(--space-1)}.lesson-step-active .lesson-step-dot{border-color:var(--accent);color:var(--accent-text)}.lesson-step-active .lesson-step-label{color:var(--text);font-weight:500}.lesson-step-done .lesson-step-dot{border-color:var(--success);background:var(--success);color:var(--success-fg)}.lesson-step-done .lesson-step-label{color:var(--text-secondary)}.lesson-intro{display:flex;flex-direction:column;gap:var(--space-1);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle)}.lesson-intro-badge{align-self:flex-start;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.lesson-intro-title{font-size:var(--text-lg);font-weight:600;letter-spacing:-.01em;margin:0;color:var(--text)}.lesson-intro-summary{margin:0;color:var(--text-secondary);font-size:var(--text-base)}.concept-explanation{display:flex;flex-direction:column;gap:var(--space-3)}.concept-explanation-text{margin:0;color:var(--text);line-height:1.65;font-size:var(--text-md);max-width:66ch}.concept-explain-more{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start}.concept-explain-more-body{font-size:var(--text-base);line-height:1.6;color:var(--text-secondary);background:var(--surface-2);border-left:2px solid var(--border-strong);padding:var(--space-3) var(--space-4);border-radius:0 var(--radius-sm) var(--radius-sm) 0;max-width:66ch}.concept-example{display:flex;flex-direction:column;gap:var(--space-2)}.concept-example-label{font-size:var(--text-xs);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.concept-callouts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.concept-callouts li{display:flex;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.concept-callout-line{flex:none;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);padding:0 .4em;height:fit-content;line-height:1.5}.try-it{display:flex;flex-direction:column;gap:var(--space-3);border-top:1px solid var(--border-subtle);padding-top:var(--space-4)}.try-it-head{display:flex;flex-direction:column;gap:var(--space-1)}.try-it-badge{align-self:flex-start;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.try-it-instructions{margin:0;font-size:var(--text-base);color:var(--text-secondary)}.try-it-actions{display:flex;gap:var(--space-2)}.try-it-output{margin:0;font-family:var(--font-mono);font-size:var(--text-sm);white-space:pre-wrap;word-break:break-word;background:var(--code-bg);border:1px solid var(--code-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);color:var(--code-text);max-height:10rem;overflow:auto}.try-it-output.is-error{color:var(--code-error)}.quick-check-bridge{display:flex;flex-direction:column;gap:var(--space-4);align-items:flex-start;padding:var(--space-3) 0}.quick-check-bridge p{margin:0;color:var(--text-secondary);font-size:var(--text-base);line-height:1.6;max-width:60ch}.lesson-complete-banner{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);background:var(--surface-2);border-left:2px solid var(--success);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:var(--space-2) var(--space-3)}.lesson-complete-banner svg{color:var(--success);flex:none}.lesson-complete-banner strong{color:var(--text);font-weight:500}.practice-marker{display:inline-flex;align-items:center;gap:.4em;align-self:flex-start;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.mode-chooser{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-2) 0;max-width:44rem;margin:0 auto;width:100%}.mode-chooser-head{display:flex;flex-direction:column;gap:var(--space-1)}.mode-chooser-title{font-size:var(--text-xl);font-weight:600;letter-spacing:-.01em;margin:0;color:var(--text)}.mode-chooser-summary{margin:0;color:var(--text-secondary);font-size:var(--text-base)}.modal-meta .mode-switch{margin-left:auto}.concept-review-btn{align-self:flex-start}}@layer components{.learning-page .learning-path{padding-block:12px}.learning-path:before{content:"";position:absolute;top:32px;bottom:36px;left:23px;width:1px;background:var(--border-strong)}.learning-stage{position:relative;padding:26px 24px 30px 84px;margin-bottom:18px;border:1px solid transparent;border-radius:var(--radius-lg)}.learning-stage.is-current{background:var(--surface);border-color:var(--border);box-shadow:var(--shadow-card)}.learning-stage .learning-stage-marker{width:46px;height:46px;left:0;top:24px;border-radius:50%;font-size:14px}.learning-stage.is-current .learning-stage-marker{background:var(--surface);box-shadow:0 0 0 6px var(--accent-soft)}.learning-stage.is-completed .learning-stage-marker{background:var(--surface);box-shadow:0 0 0 5px var(--success-soft)}.learning-stage>div>button h3{font-size:24px;line-height:1.3;margin-block:8px;letter-spacing:-.035em}.learning-stage>div>button p{font-size:15px;line-height:1.7;max-width:65ch}.learning-stage>div>button{padding-right:8px}.learning-stage ol>li>div{padding-block:14px}.learning-stage .btn{min-height:40px}@media(min-width:1000px){.learning-path{margin-inline:12px}}@media(max-width:600px){.learning-stage{padding:20px 12px 24px 56px;margin-bottom:10px}.learning-stage .learning-stage-marker{width:34px;height:34px;top:24px;font-size:12px}.learning-path:before{left:17px}.learning-stage>div>button h3{font-size:21px}.learning-stage>div>button p{font-size:14px}.learning-stage>div>.shrink-0{text-align:left}}}@layer components{.challenge-filters{padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.challenge-filters input[type=search]{min-height:48px;font-size:15px;border-color:transparent;background:var(--surface-2)}.challenge-row{padding-inline:16px;transition:background var(--fast) var(--ease)}.challenge-row:hover,.challenge-row:focus-within{background:var(--surface)}.challenge-row-layout{display:grid;grid-template-columns:1.25rem minmax(0,1fr) auto;align-items:start;padding-block:24px;gap:20px}.challenge-row .challenge-actions{align-items:flex-end;flex-direction:column}.challenge-row>div>div>div>button{font-size:17px;letter-spacing:-.02em;font-weight:550}.challenge-row p{margin-top:8px;line-height:1.6}.challenge-row[data-solved=true]{border-left:2px solid var(--success)}.challenge-row>div>span:first-child{padding-top:4px}.challenge-list{margin-top:32px}@media(max-width:600px){.challenge-filters{padding:16px}.challenge-row{padding-inline:4px}.challenge-row-layout{grid-template-columns:18px minmax(0,1fr);gap:12px}.challenge-row .challenge-actions{grid-column:2;align-items:center;flex-direction:row;justify-content:space-between}.challenge-actions .btn{min-height:44px}.challenge-row>div>div>div>button{white-space:normal}.challenge-filters .segmented{width:100%}}}@layer components{.modal-overlay.auth-overlay,.modal-overlay.unlock-overlay{align-items:center;padding:12px}.modal-card.auth-card{width:min(860px,100%);display:grid;grid-template-columns:.85fr 1.15fr;border-radius:24px}.auth-brand{display:flex;flex-direction:column;justify-content:space-between;gap:40px;background:var(--atmos),var(--surface-2);padding:40px 32px;border-right:1px solid var(--border)}.auth-brand h2{font-size:clamp(28px,3vw,40px);letter-spacing:-.05em;line-height:1.12;margin:16px 0;font-weight:550}.auth-brand p{color:var(--text-secondary);font-size:15px;line-height:1.8}.auth-brand-signature{color:var(--text-muted);font:9px var(--font-mono);letter-spacing:.08em}.auth-form{min-width:0;display:flex;flex-direction:column}.auth-form .modal-header{padding:28px 28px 20px;background:transparent;border:0}.auth-form .modal-title{font-size:26px;letter-spacing:-.04em}.auth-form .modal-body{padding:4px 28px 28px;overflow:visible}.auth-form input,.auth-form .btn{min-height:44px}.settings-page>section{display:grid;grid-template-columns:180px minmax(0,1fr);gap:32px;border:0;padding:0;margin-bottom:36px;scroll-margin-top:120px}.settings-page>section>h2{font-size:20px;font-weight:500;letter-spacing:-.03em;padding-top:24px}.settings-page .row-list{padding-inline:24px;background:var(--surface);border:1px solid var(--border);border-radius:16px}.settings-page .row{padding-block:22px}.settings-page .row-title{font-size:15px}.settings-page .row-desc{margin-top:5px;line-height:1.7}.settings-page .row>div:last-child{max-width:100%;flex-wrap:wrap}.settings-jump{display:flex;gap:8px 20px;flex-wrap:wrap;padding-block:4px 24px;margin-bottom:24px;border-bottom:1px solid var(--border);color:var(--text-secondary);font-size:13px}.settings-jump a{min-height:32px;display:inline-flex;align-items:center}.settings-jump a:hover{color:var(--interactive-text);text-decoration:underline;text-underline-offset:5px}.settings-page section[aria-labelledby=settings-danger] .row-list{border-color:var(--error)}.unlock-card .modal-title{font-size:26px;letter-spacing:-.04em}.unlock-card .modal-header,.unlock-card .modal-body{padding:28px}.unlock-card .btn{min-height:44px}.auth-callback-page{background-image:var(--atmos)}.auth-callback-page .auth-callback-card{border-radius:20px;padding:40px;box-shadow:var(--shadow-card)}.auth-callback-page h1.section-title{font-size:30px;letter-spacing:-.04em;line-height:1.2}@media(max-width:900px){.settings-page>section{grid-template-columns:1fr;gap:16px}.settings-page>section>h2{padding-top:0}}@media(max-width:600px){.modal-card.auth-card{grid-template-columns:1fr;width:calc(100% - 24px);max-height:calc(100dvh - 24px);border-radius:20px}.auth-brand{display:none}.auth-form .modal-header{padding:24px 20px 20px}.auth-form .modal-body{padding:4px 20px 24px}.settings-page .row-list{padding-inline:20px}.settings-page .row{align-items:stretch}.settings-page .row>div:last-child{min-width:0}.auth-callback-page .auth-callback-card{padding:28px 20px}}}@layer components{.certificate-page{background-image:var(--atmos);min-height:100vh;background-color:var(--bg);color:var(--text);display:flex;flex-direction:column;align-items:center;padding:var(--space-8) var(--space-4);gap:var(--space-6)}.certificate-chrome{width:min(52rem,100%);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3)}.certificate-sheet{width:min(52rem,100%);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:clamp(var(--space-6),6vw,var(--space-16));position:relative;box-shadow:var(--shadow-raised)}.certificate-sheet:before{content:"";position:absolute;inset:var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);pointer-events:none}.certificate-brand{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-10)}.certificate-kicker{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.certificate-title{font-size:clamp(1.5rem,4vw,2.25rem);font-weight:600;letter-spacing:-.02em;line-height:1.15;margin:var(--space-2) 0 var(--space-8)}.certificate-lead{color:var(--text-secondary);font-size:var(--text-md)}.certificate-name{font-size:clamp(1.75rem,5vw,2.75rem);font-weight:600;letter-spacing:-.02em;line-height:1.1;margin:var(--space-3) 0;padding-bottom:var(--space-3);border-bottom:2px solid var(--accent);display:inline-block}.certificate-track{font-size:var(--text-xl);font-weight:600;margin-top:var(--space-2)}.certificate-body{color:var(--text-secondary);font-size:var(--text-md);max-width:40rem;margin-top:var(--space-2)}.certificate-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:var(--space-4);margin-top:var(--space-10);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.certificate-meta dt{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.certificate-meta dd{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--text);word-break:break-all}.certificate-meta dd.is-mono{font-family:var(--font-mono)}.certificate-revoked{position:absolute;top:var(--space-6);right:var(--space-6);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--error-text);border:1px solid var(--error);padding:var(--space-1) var(--space-2);border-radius:var(--radius-xs);transform:rotate(-6deg)}@media print{.certificate-chrome,.certificate-page .no-print{display:none!important}.certificate-page{min-height:0;padding:0;background:#fff;color:#0f172a}.certificate-sheet{width:100%;border-radius:0;box-shadow:none;border-color:#cbd5e1;background:#fff;color:#0f172a;page-break-inside:avoid}.certificate-sheet:before{border-color:#94a3b8}.certificate-lead,.certificate-body{color:#334155}.certificate-kicker,.certificate-meta dt{color:#64748b}.certificate-meta dd{color:#0f172a}.certificate-name{border-bottom-color:#bf4508}.certificate-track,.certificate-title{color:#0f172a}.certificate-page .certificate-wordmark span{color:#0f172a!important}}}@page{margin:12mm}@layer components{.achievements-page>section{margin-bottom:48px;padding-bottom:48px}.achievements-page>section[aria-labelledby=level-heading]{background:var(--atmos),var(--surface);padding:32px;border:1px solid var(--border);border-radius:var(--radius-xl)}.achievements-page #level-heading+div>span:first-child{font-size:72px;letter-spacing:-.07em}.achievements-page ul[aria-label="Badge families"]{border:0;gap:16px}.achievements-page .achievement-family{border:1px solid var(--border);border-radius:16px;padding:24px;background:var(--surface)}.achievements-page .achievement-medal{width:56px;height:56px;border-radius:50%;background:var(--surface-2);box-shadow:inset 0 0 0 5px var(--surface),0 0 0 1px var(--border)}.achievements-page .achievement-medal svg{width:23px;height:23px}.achievements-page [data-earned=true] .achievement-medal{background:var(--success-soft);color:var(--success)}.achievements-page .achievement-family>div:first-child{flex-wrap:wrap}.achievements-page .achievement-family>div:first-child>div:nth-child(2){flex-basis:calc(100% - 72px)}.achievements-page .achievement-family .truncate,.achievements-page .achievement-single .truncate{white-space:normal}.achievement-single{min-height:112px}.achievement-timeline{margin-top:48px}.achievement-timeline ol{border-left:1px solid var(--border-strong);padding-left:24px;margin-top:20px}.achievement-timeline li{position:relative;padding-bottom:24px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}.achievement-timeline li:before{content:"";position:absolute;width:7px;height:7px;background:var(--success);border-radius:50%;left:-28px;top:7px;box-shadow:0 0 0 5px var(--bg)}.achievement-timeline time{font-family:var(--font-mono);color:var(--text-muted);font-size:12px}@media(max-width:600px){.achievements-page>section[aria-labelledby=level-heading]{padding:24px 20px}}}@layer components{.app-shell{min-height:100dvh;isolation:isolate;color:var(--text)}.app-atmosphere{position:fixed;inset:0;z-index:-1;pointer-events:none;background:var(--atmos);opacity:.7}.app-skip-link{position:fixed;top:-100px;left:16px;z-index:var(--z-toast);padding:12px 20px;background:var(--surface);border:2px solid var(--focus);border-radius:var(--radius-sm)}.app-skip-link:focus{top:16px}.app-topbar{position:fixed;top:var(--nav-inset);left:calc(var(--rail-w) + var(--nav-inset) * 2);right:var(--nav-inset);z-index:var(--z-nav);height:var(--nav-h);display:flex;align-items:center;gap:32px;padding:0 20px;border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:height var(--med) var(--ease),box-shadow var(--med),background-color var(--med)}.app-topbar.is-compact{height:var(--nav-h-compact);background-color:var(--glass-bg-strong);box-shadow:var(--shadow-raised)}.app-topbar-brand{display:inline-flex;flex-shrink:0}.app-topbar-controls{display:flex;align-items:center;gap:16px;margin-left:auto}.app-topbar-progress{width:132px;font:11px var(--font-mono);color:var(--text-muted)}.app-topbar-progress>span{display:block;margin-bottom:5px}.app-topbar-progress b{font-weight:400;padding:0 6px}.app-avatar-button{display:grid;place-items:center;width:var(--tap);height:var(--tap);border-radius:var(--radius-sm);transition:background var(--fast)}.app-avatar-button:hover{background:var(--surface-2)}.app-account-menu{width:min(300px,calc(100vw - 32px))}.app-account-summary{padding:16px}.app-account-identity{display:flex;gap:12px;align-items:center;margin-bottom:14px}.app-account-identity>div{min-width:0}.app-account-identity strong{display:block;overflow-wrap:anywhere;font-weight:600}.app-account-identity span{display:block;color:var(--text-muted);font:11px var(--font-mono);margin-top:4px}.app-sync{display:flex;align-items:flex-start;gap:7px;font-size:12px;color:var(--text-secondary);margin-top:12px;line-height:1.6}.app-status-dot{width:6px;height:6px;flex-shrink:0;margin-top:6px;border-radius:50%;background:var(--warning)}.app-status-dot.is-online{background:var(--success)}.app-rail{position:fixed;top:var(--nav-inset);left:var(--nav-inset);bottom:var(--nav-inset);width:var(--rail-w);z-index:var(--z-nav);border:1px solid var(--glass-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;padding:12px 0;gap:5px}.app-rail-brand{display:grid;place-items:center;height:44px;margin-bottom:20px}.app-nav-link{display:flex;align-items:center;gap:14px;color:var(--text-secondary);min-height:var(--tap);padding:12px 16px;position:relative;border-radius:var(--radius-md);transition:background-color var(--fast),color var(--fast)}.app-nav-link:hover{color:var(--text);background:var(--surface-2)}.app-nav-link.is-active{color:var(--interactive-text);background:var(--interactive-soft)}.app-rail .app-nav-link{width:44px;padding:0;justify-content:center}.app-rail .app-nav-link span{display:none}.app-rail .app-nav-link.is-active:before{content:"";position:absolute;left:-10px;top:13px;bottom:13px;width:2px;background:var(--interactive);border-radius:var(--radius-full)}.app-rail>:last-child{margin-top:auto}.app-content{padding:calc(var(--nav-h) + var(--nav-inset) * 2 + 12px) 0 32px calc(var(--rail-w) + var(--nav-inset) * 2)}.app-main{min-width:0;outline:none}.app-main>.page{max-width:var(--page-max-wide);padding:40px var(--gutter) 64px;animation:cc-page-enter var(--med) var(--ease)}@keyframes cc-page-enter{0%{opacity:0}to{opacity:1}}.app-notices{max-width:var(--page-max-wide);margin:0 auto;padding:0 var(--gutter)}.app-notice{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;padding:12px 18px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);background:var(--surface);font-size:12px;line-height:1.6}.app-notice-action{flex-shrink:0;min-height:32px;font-weight:500;color:var(--interactive-text)}.app-notice-action span{margin-left:8px}.app-notices .habit-banner{margin-top:12px;border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.app-menu-toggle{display:none}.app-sheet{position:fixed;inset:0;z-index:60;visibility:hidden;transition:visibility var(--slow)}.app-sheet[data-state=open]{visibility:visible;transition:none}.app-sheet-backdrop{position:absolute;inset:0;background:var(--scrim);opacity:0;transition:opacity var(--slow)}.app-sheet-panel{position:absolute;inset:8px auto 8px 8px;width:min(360px,calc(100vw - 16px));padding:20px;border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-dialog);overflow-y:auto;overscroll-behavior:contain;transform:translate(calc(-100% - 16px));transition:transform var(--slow) var(--ease)}.app-sheet[data-state=open] .app-sheet-panel{transform:translate(0)}.app-sheet[data-state=open] .app-sheet-backdrop{opacity:1}.app-sheet-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.app-sheet-links{display:grid;gap:4px;margin:20px 0}.app-sheet-actions{display:grid;gap:8px}.app-sheet .app-account-summary{border-top:1px solid var(--border);padding:20px 0}.app-shell :is([id],.scroll-mt-24){scroll-margin-top:calc(var(--nav-h) + 40px)}.app-main .page-title{font-size:var(--text-display-md);letter-spacing:var(--track-display)}@media(max-width:1099px){.app-topbar-progress{display:none}}@media(max-width:1023px){.app-rail,.app-topbar-track{display:none}.app-topbar{left:8px;right:8px;top:8px;padding:0 12px;gap:12px}.app-menu-toggle{display:inline-flex}.app-content{padding-left:0}.app-topbar-controls{gap:4px}}@media(max-width:600px){.app-main>.page{padding-top:28px;padding-bottom:40px}.app-notice{align-items:flex-start;flex-direction:column;gap:4px;padding:12px 14px}.app-topbar-brand .logo-wordmark{font-size:14px}.app-topbar .habit-chip{padding-inline:4px;gap:4px}}}