@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50: oklch(97.1% .013 17.38);--color-red-200: oklch(88.5% .062 18.334);--color-red-500: oklch(63.7% .237 25.331);--color-red-700: oklch(50.5% .213 27.518);--color-green-50: oklch(98.2% .018 155.826);--color-green-200: oklch(92.5% .084 155.995);--color-green-700: oklch(52.7% .154 150.069);--color-gray-50: oklch(98.5% .002 247.839);--color-gray-100: oklch(96.7% .003 264.542);--color-gray-200: oklch(92.8% .006 264.531);--color-gray-300: oklch(87.2% .01 258.338);--color-gray-400: oklch(70.7% .022 261.325);--color-gray-500: oklch(55.1% .027 264.364);--color-gray-600: oklch(44.6% .03 256.802);--color-gray-700: oklch(37.3% .034 259.733);--color-gray-800: oklch(27.8% .033 256.848);--color-gray-900: oklch(21% .034 264.665);--color-white: #fff;--spacing: .25rem;--container-sm: 24rem;--container-xl: 36rem;--container-2xl: 42rem;--container-3xl: 48rem;--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-xl: 1.25rem;--text-xl--line-height: calc(1.75 / 1.25);--text-3xl: 1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--tracking-wide: .025em;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--ease-out: cubic-bezier(0, 0, .2, 1);--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);--color-primary-50: oklch(.957 .019 289.4);--color-primary-100: oklch(.916 .037 289.09);--color-primary-200: oklch(.833 .077 287.96);--color-primary-300: oklch(.75 .117 287.14);--color-primary-400: oklch(.668 .159 285.38);--color-primary-500: oklch(.586 .2 283.6);--color-primary: oklch(.586 .2 283.6);--color-primary-600: oklch(.507 .236 280.45);--color-primary-700: oklch(.422 .224 278.89)}}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family, ui-sans-serif, system-ui, 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{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}: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,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-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]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media(width>=40rem){.container{max-width:40rem}}@media(width>=48rem){.container{max-width:48rem}}@media(width>=64rem){.container{max-width:64rem}}@media(width>=80rem){.container{max-width:80rem}}@media(width>=96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.-mt-4{margin-top:calc(var(--spacing) * -4)}.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-6{margin-top:calc(var(--spacing) * 6)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.hidden{display:none}.table{display:table}.w-full{width:100%}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow\!{flex-grow:1!important}.border-collapse{border-collapse:collapse}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-x-auto{overflow-x:auto}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-none{--tw-border-style: none;border-style:none}.border-gray-50{border-color:var(--color-gray-50)}.border-gray-200{border-color:var(--color-gray-200)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-12{padding-block:calc(var(--spacing) * 12)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.text-center{text-align:center}.text-left{text-align:left}.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))}.font-medium{--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.italic{font-style:italic}.opacity-40{opacity:40%}.shadow{--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));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)}.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,)}.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-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0px}@media(hover:hover){.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}}@media(hover:hover){.hover\:opacity-100:hover{opacity:100%}}.focus\:opacity-100:focus{opacity:100%}}h1{font-size:var(--text-3xl);line-height:var(--tw-leading, var(--text-3xl--line-height));--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold)}label{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height));--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium)}a[href]{color:var(--color-primary)}@media(hover:hover){a[href]:hover{text-decoration-line:underline}}label input:not([type=checkbox]),.form-field input:not([type=checkbox]),select{display:flex;width:100%;cursor:pointer;flex-direction:row;align-items:center;justify-content:flex-start;border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300);background-color:var(--color-white);padding:calc(var(--spacing) * 2)}:is(label input:not([type=checkbox]),.form-field input:not([type=checkbox]),select):focus-within{border-color:var(--color-primary-500)}:is(label input:not([type=checkbox]),.form-field input:not([type=checkbox]),select):focus-within{--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)}:is(label input:not([type=checkbox]),.form-field input:not([type=checkbox]),select):focus-within{--tw-ring-color: var(--color-primary-500)}:is(label input:not([type=checkbox]),.form-field input:not([type=checkbox]),select):focus-within{--tw-outline-style: none;outline-style:none}label input[type=checkbox]{margin:calc(var(--spacing) * 0);height:calc(var(--spacing) * 4);width:calc(var(--spacing) * 4);flex-shrink:0;cursor:pointer;appearance:none;align-self:center;border-radius:var(--radius-sm);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300);background-color:var(--color-white);-webkit-user-select:none;user-select:none}label input[type=checkbox]:checked{border-color:var(--color-primary)}label input[type=checkbox]:checked{background-color:var(--color-primary)}label input[type=checkbox]: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)}label input[type=checkbox]:focus-visible{--tw-ring-color: var(--color-primary-500)}label input[type=checkbox]:focus-visible{--tw-ring-offset-width: 1px;--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}label input[type=checkbox]:focus-visible{--tw-outline-style: none;outline-style:none}label input[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}.form-errors{margin-top:calc(var(--spacing) * 1);display:flex;flex-direction:column;gap:calc(var(--spacing) * 1);font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height));color:var(--color-red-500)}.required-mark{margin-left:calc(var(--spacing) * .5);color:var(--color-red-500);-webkit-user-select:none;user-select:none}.layout-centered{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100dvh}.layout-centered>*{width:100%;max-width:400px;border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300);padding:calc(var(--spacing) * 8);--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-shadow-color: oklch(92.8% .006 264.531)}@supports (color: color-mix(in lab,red,red)){.layout-centered>*{--tw-shadow-color: color-mix(in oklab, var(--color-gray-200) var(--tw-shadow-alpha), transparent)}}.app-nav{position:sticky;top:calc(var(--spacing) * 0);z-index:10;display:flex;align-items:center;justify-content:space-between;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-200);background-color:var(--color-white);padding-inline:calc(var(--spacing) * 6);padding-block:calc(var(--spacing) * 3)}.app-nav__brand{font-size:var(--text-base);line-height:var(--tw-leading, var(--text-base--line-height));--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-primary-700);text-decoration-line:none}.app-nav__links{display:flex;align-items:center;gap:calc(var(--spacing) * 4)}.app-nav__link{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height));--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-gray-600);text-decoration-line:none;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))}@media(hover:hover){.app-nav__link:hover{color:var(--color-primary-600)}}.app-nav__link--active{color:var(--color-primary-700);text-decoration-line:underline;text-decoration-color:var(--color-primary);text-decoration-thickness:2px;text-underline-offset:4px}.app-nav__logout{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height));color:var(--color-gray-600)}.app-main{flex:1;overflow-y:auto}.app-page{margin-inline:auto;display:block;max-width:var(--container-3xl);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 8)}.page-header{margin-bottom:calc(var(--spacing) * 6);display:flex;align-items:center;justify-content:space-between}.page-header h1{margin:calc(var(--spacing) * 0)}.config-form{display:flex;max-width:var(--container-2xl);flex-direction:column;gap:calc(var(--spacing) * 6)}.form-field{display:flex;flex-direction:column;gap:calc(var(--spacing) * 2)}.form-hint{margin:calc(var(--spacing) * 0);font-size:var(--text-xs);line-height:var(--tw-leading, var(--text-xs--line-height));color:var(--color-gray-500)}.drill-card{margin-inline:auto;display:flex;max-width:var(--container-xl);flex-direction:column;gap:calc(var(--spacing) * 5)}.drill-header{display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--spacing) * 2)}.drill-progress{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height));color:var(--color-gray-600)}.drill-accuracy{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height));color:var(--color-gray-500)}.drill-prompt{display:flex;flex-direction:column;gap:calc(var(--spacing) * 1)}.drill-streak{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height));--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-primary-600)}.drill-answer-form{display:flex;gap:calc(var(--spacing) * 3)}.drill-input{flex:1;border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2)}.drill-input:focus{border-color:var(--color-primary-500)}.drill-input:focus{--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)}.drill-input:focus{--tw-ring-color: var(--color-primary-500)}.drill-input:focus{--tw-outline-style: none;outline-style:none}.drill-feedback{display:flex;flex-direction:column;gap:calc(var(--spacing) * 1);border-radius:var(--radius-md);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}.drill-feedback--correct{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-green-200);background-color:var(--color-green-50);color:var(--color-green-700)}.drill-feedback--incorrect{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-red-200);background-color:var(--color-red-50);color:var(--color-red-700)}.drill-feedback__label{--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.summary-card{margin-inline:auto;max-width:var(--container-sm);text-align:center}.summary-stats{margin-top:calc(var(--spacing) * 6);display:flex;justify-content:space-around}.summary-stat{display:flex;flex-direction:column;align-items:center;gap:calc(var(--spacing) * 1)}.summary-stat__label{font-size:var(--text-xs);line-height:var(--tw-leading, var(--text-xs--line-height));--tw-tracking: var(--tracking-wide);letter-spacing:var(--tracking-wide);color:var(--color-gray-500);text-transform:uppercase}.summary-stat__value{font-size:var(--text-3xl);line-height:var(--tw-leading, var(--text-3xl--line-height));--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-primary-700)}button{cursor:pointer;border-radius:var(--radius-md);background-color:var(--color-primary);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2);--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-white);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));--tw-duration: .2s;transition-duration:.2s;--tw-outline-style: none;outline-style:none}@media(hover:hover){button:hover{background-color:var(--color-primary-400)}}button:focus{background-color:var(--color-primary-400)}button[disabled]{cursor:not-allowed;opacity:50%}@media(hover:hover){button[disabled]:hover{background-color:var(--color-primary-500)}}button[disabled]:focus{background-color:var(--color-primary-500)}button.ghost{background-color:transparent;padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 1.5);--tw-font-weight: var(--font-weight-normal);font-weight:var(--font-weight-normal);color:inherit}@media(hover:hover){button.ghost:hover{background-color:transparent}}button.ghost:focus{background-color:transparent}.badge{display:inline-flex;align-items:center;border-radius:.25rem;padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * .5);font-size:var(--text-xs);line-height:var(--tw-leading, var(--text-xs--line-height));--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium)}.badge--primary{background-color:var(--color-primary-100);color:var(--color-primary-700)}.badge--gray{background-color:var(--color-gray-100);color:var(--color-gray-600)}.card{border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200);background-color:var(--color-white);padding:calc(var(--spacing) * 4);--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.alert{margin-block:calc(var(--spacing) * 3);display:flex;align-items:center;gap:calc(var(--spacing) * 2);border-radius:var(--radius-md);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}.alert--error{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-red-200);background-color:var(--color-red-50);color:var(--color-red-700)}.alert--info{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-primary-200);background-color:var(--color-primary-50);color:var(--color-primary-700)}.toggle-group{display:flex;flex-wrap:wrap;gap:calc(var(--spacing) * 2)}.toggle-btn{cursor:pointer;border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300);background-color:var(--color-white);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1.5);font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height));--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-gray-700);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));--tw-duration: .15s;transition-duration:.15s}@media(hover:hover){.toggle-btn:hover{border-color:var(--color-gray-400)}}@media(hover:hover){.toggle-btn:hover{background-color:var(--color-gray-100)}}@media(hover:hover){.toggle-btn:hover{color:var(--color-gray-900)}}.toggle-btn: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)}.toggle-btn:focus-visible{--tw-ring-color: var(--color-gray-700)}.toggle-btn:focus-visible{--tw-ring-offset-width: 2px;--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.toggle-btn:focus-visible{--tw-outline-style: none;outline-style:none}.toggle-btn--active{border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-white)}@media(hover:hover){.toggle-btn--active:hover{border-color:var(--color-primary)}}@media(hover:hover){.toggle-btn--active:hover{background-color:var(--color-primary)}}@media(hover:hover){.toggle-btn--active:hover{color:var(--color-white)}}@media(hover:hover){.toggle-btn--active:hover{opacity:90%}}.toggle-btn--active:focus-visible{--tw-ring-color: var(--color-white)}.toggle-btn--locked{cursor:default;border-color:var(--color-primary-300);background-color:var(--color-primary-100);color:var(--color-primary-700)}@media(hover:hover){.toggle-btn--locked:hover{border-color:var(--color-primary-300)}}@media(hover:hover){.toggle-btn--locked:hover{background-color:var(--color-primary-100)}}@media(hover:hover){.toggle-btn--locked:hover{color:var(--color-primary-700)}}.toggle-btn--locked:focus-visible{--tw-ring-color: var(--color-primary-400)}.toggle-btn--option-disabled,.toggle-btn--option-disabled[disabled]{cursor:not-allowed;opacity:40%}@media(hover:hover){:is(.toggle-btn--option-disabled,.toggle-btn--option-disabled[disabled]):hover{border-color:var(--color-gray-300)}}@media(hover:hover){:is(.toggle-btn--option-disabled,.toggle-btn--option-disabled[disabled]):hover{background-color:var(--color-white)}}@media(hover:hover){:is(.toggle-btn--option-disabled,.toggle-btn--option-disabled[disabled]):hover{color:var(--color-gray-700)}}.toggle-btn[disabled]:not(.toggle-btn--option-disabled){cursor:not-allowed;opacity:40%}@media(hover:hover){.toggle-btn[disabled]:not(.toggle-btn--option-disabled):hover{border-color:var(--color-gray-300)}}@media(hover:hover){.toggle-btn[disabled]:not(.toggle-btn--option-disabled):hover{background-color:var(--color-white)}}@media(hover:hover){.toggle-btn[disabled]:not(.toggle-btn--option-disabled):hover{color:var(--color-gray-700)}}.toggle-btn[data-tooltip]{position:relative}.toggle-btn[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);white-space:nowrap;pointer-events:none;border-radius:.25rem;background-color:var(--color-gray-800);padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 1);font-size:var(--text-xs);line-height:var(--tw-leading, var(--text-xs--line-height));color:var(--color-white);opacity:0;transition:opacity .12s ease}.toggle-btn[data-tooltip]:hover:after{opacity:1}.spinner{display:inline-block;animation:spin .7s linear infinite;border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-gray-200);border-top-color:var(--color-primary)}.spinner--sm{height:calc(var(--spacing) * 4);width:calc(var(--spacing) * 4)}.spinner--md{height:calc(var(--spacing) * 6);width:calc(var(--spacing) * 6)}.spinner--lg{height:calc(var(--spacing) * 10);width:calc(var(--spacing) * 10)}.progress-bar{height:calc(var(--spacing) * 2);width:100%;overflow:hidden;border-radius:calc(infinity * 1px);background-color:var(--color-gray-200)}.progress-bar__fill{height:100%;border-radius:calc(infinity * 1px);background-color:var(--color-primary);transition-property:width;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));--tw-duration: .3s;transition-duration:.3s;--tw-ease: var(--ease-out);transition-timing-function:var(--ease-out)}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-font-weight{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: 0px;}@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-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-tracking{syntax: "*"; inherits: false;}@property --tw-duration{syntax: "*"; inherits: false;}@property --tw-ease{syntax: "*"; inherits: false;}@keyframes spin{to{transform:rotate(360deg)}}@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-border-style: solid;--tw-font-weight: 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-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-tracking: initial;--tw-duration: initial;--tw-ease: initial}}}