@layer components{:root{--assessment-text-3xs:.5625rem;--assessment-text-2xs:.625rem;--assessment-ease-emphasized:cubic-bezier(0, 0, .2, 1);--assessment-ease-standard:cubic-bezier(.4, 0, .2, 1);--assessment-ease-bouncy:cubic-bezier(.68, -.55, .265, 1.55)}.accessibility-dyslexia-wrapper{container:assessment/inline-size}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.line-clamp-2{-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.assessment-flex{display:flex}.assessment-flex-col{flex-direction:column;display:flex}.assessment-items-center{align-items:center}.assessment-items-baseline{align-items:baseline}.assessment-justify-center{justify-content:center}.assessment-justify-between{justify-content:space-between}.assessment-flex-shrink-0{flex-shrink:0}.assessment-flex-1{flex:1}.assessment-gap-1{gap:var(--space-1,.25rem)}.assessment-gap-2{gap:var(--space-2,.5rem)}.assessment-space-x-1>*+*{margin-inline-start:var(--space-1,.25rem)}.assessment-space-y-1>*+*{margin-block-start:var(--space-1,.25rem)}.assessment-space-y-1-5>*+*{margin-block-start:var(--space-1-5,.375rem)}.assessment-segment-group{gap:var(--space-1,.25rem);border-radius:var(--radius-lg,.5rem);padding:var(--space-1,.25rem);background:var(--surface-secondary);display:flex}.assessment-w-full{width:100%}.assessment-h-full{height:100%}.assessment-icon-xs{width:.5rem;height:.5rem}.assessment-icon-sm{width:.75rem;height:.75rem}.assessment-icon-md{width:1rem;height:1rem}.assessment-icon-lg{width:1.5rem;height:1.5rem}.assessment-skeleton-bar{height:.375rem}.assessment-skeleton-3-4{width:75%}.assessment-skeleton-1-2{width:50%}.assessment-p-2{padding:var(--space-2,.5rem)}.assessment-px-1{padding-inline:var(--space-1,.25rem)}.assessment-px-2{padding-inline:var(--space-2,.5rem)}.assessment-px-3{padding-inline:var(--space-3,.75rem)}.assessment-px-4{padding-inline:var(--space-4,1rem)}.assessment-py-0-5{padding-block:var(--space-0-5,.125rem)}.assessment-py-1{padding-block:var(--space-1,.25rem)}.assessment-py-2{padding-block:var(--space-2,.5rem)}.assessment-mb-1{margin-block-end:var(--space-1,.25rem)}.assessment-mb-1-5{margin-block-end:var(--space-1-5,.375rem)}.assessment-mb-2{margin-block-end:var(--space-2,.5rem)}.assessment-mb-4{margin-block-end:var(--space-4,1rem)}.assessment-ml-1{margin-inline-start:var(--space-1,.25rem)}.assessment-mt-2{margin-block-start:var(--space-2,.5rem)}.assessment-mt-auto{margin-block-start:auto}.assessment-border{border:1px solid var(--border-color-default)}.assessment-border-b{border-block-end:1px solid var(--border-color-default)}.assessment-border-t{border-block-start:1px solid var(--border-color-default)}.assessment-rounded{border-radius:var(--radius-sm,.25rem)}.assessment-rounded-lg{border-radius:var(--radius-lg,.5rem)}.assessment-rounded-full{border-radius:var(--radius-full,9999px)}.assessment-text-9{font-size:var(--assessment-text-3xs,.5625rem)}.assessment-text-10{font-size:var(--assessment-text-2xs,.625rem)}.assessment-text-xs{font-size:var(--text-xs,.75rem)}.assessment-text-sm{font-size:var(--text-sm,.875rem)}.assessment-text-base{font-size:var(--text-base,1rem)}.assessment-text-lg{font-size:var(--text-lg,1.125rem)}.assessment-text-2xl{font-size:var(--text-2xl,1.5rem)}.assessment-text-center{text-align:center}.assessment-font-medium{font-weight:var(--font-medium,500)}.assessment-font-semibold{font-weight:var(--font-semibold,600)}.assessment-italic{font-style:italic}.assessment-whitespace-nowrap{white-space:nowrap}.assessment-leading-relaxed{line-height:1.625}.assessment-overflow-hidden{overflow:hidden}.assessment-opacity-40{opacity:.4}.assessment-opacity-50{opacity:.5}.assessment-pointer-events-none{pointer-events:none}.assessment-cursor-pointer{cursor:pointer}.assessment-transition-colors{transition:color var(--duration-fast,.15s), background-color var(--duration-fast,.15s)}.assessment-relative{position:relative}.assessment-absolute{position:absolute}.assessment-inset-0{inset:0}.assessment-bottom-1{bottom:var(--space-1,.25rem)}.assessment-z-10{z-index:10}.assessment-preview-header{padding-block:var(--space-2,.5rem);font-size:var(--assessment-text-2xs,.625rem);font-weight:var(--font-medium,500);justify-content:center;align-items:center;display:flex}.assessment-preview-content{padding-inline:var(--space-3,.75rem);padding-block:var(--space-2,.5rem);border-block-start:1px solid var(--border-color-default)}.assessment-preview-footer{padding:var(--space-2,.5rem);justify-content:center;margin-block-start:auto;display:flex}.assessment-preview-badge{padding-inline:var(--space-2,.5rem);padding-block:var(--space-1,.25rem);border-radius:var(--radius-sm,.25rem);font-size:var(--assessment-text-2xs,.625rem);font-weight:var(--font-medium,500);border:1px solid var(--border-color-default)}.assessment-color-circle{border-radius:var(--radius-full,9999px);width:1.5rem;height:1.5rem}.assessment-color-circle-sm{border-radius:var(--radius-full,9999px);border:1px solid #fff;width:.75rem;height:.75rem}.assessment-tts-highlight{padding-inline:var(--space-1,.25rem);padding-block:var(--space-0-5,.125rem);border-radius:var(--radius-sm,.25rem);cursor:pointer;transition:background-color var(--duration-fast,.15s);position:relative}.assessment-overlay-rounded{border-radius:var(--radius-lg,.5rem);pointer-events:none;position:absolute;inset:0}.assessment-inline-icon{width:.75rem;height:.75rem}.assessment-text-4xl{font-size:var(--text-4xl,2.25rem)}.assessment-opacity-30{opacity:.3}.assessment-leading-tight{line-height:1.25}.assessment-space-y-2>*+*{margin-block-start:var(--space-2,.5rem)}.assessment-gap-0-5{gap:var(--space-0-5,.125rem)}.assessment-gap-1-5{gap:var(--space-1-5,.375rem)}.assessment-inset-0-mx-1{margin-inline:-.25rem;inset:0}.assessment-tracking-normal{letter-spacing:0}.assessment-p-3{padding:var(--space-3,.75rem)}.assessment-p-4{padding:var(--space-4,1rem)}.assessment-text-left{text-align:left}.assessment-mx-auto{margin-inline:auto}.assessment-h-1{height:.25rem}.assessment-h-1-5{height:.375rem}.assessment-h-2{height:.5rem}.assessment-h-3{height:.75rem}.assessment-h-5{height:1.25rem}.assessment-w-5{width:1.25rem}.assessment-w-9{width:2.25rem}.assessment-mr-2{margin-inline-end:var(--space-2,.5rem)}.assessment-w-4\/5{width:80%}.assessment-w-10\/12{width:83.333%}.assessment-w-11\/12{width:91.666%}.assessment-toggle-switch{cursor:pointer;border-radius:var(--radius-full,9999px);border:2px solid #0000;flex-shrink:0;width:2.75rem;height:1.75rem;transition:background-color .2s ease-in-out;display:inline-flex;position:relative}.assessment-segment-btn{min-width:0;padding-inline:var(--space-3,.75rem);padding-block:var(--space-2,.5rem);font-size:var(--text-sm,.875rem);font-weight:var(--font-medium,500);border-radius:var(--radius-md,.375rem);white-space:nowrap;text-overflow:ellipsis;flex:1;min-height:32px;transition:color .15s,background-color .15s;overflow:hidden}.assessment-segment-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;z-index:10}.assessment-slider-container{gap:var(--space-2,.5rem);flex-direction:column;width:100%;display:flex}.assessment-slider-header{justify-content:space-between;align-items:center;display:flex}.assessment-slider-label{font-size:var(--text-sm,.875rem);font-weight:var(--font-medium,500);color:var(--text-primary)}.assessment-slider-value{font-size:var(--text-xs,.75rem);color:var(--text-secondary);background:var(--surface-secondary);padding:var(--space-1,.25rem) var(--space-2,.5rem);border-radius:var(--radius-md,.375rem);white-space:nowrap;flex-shrink:0}.assessment-slider{appearance:none;background:var(--color-neutral-300,var(--color-neutral-300));border-radius:var(--radius-full,9999px);cursor:pointer;outline:2px solid #0000;flex:1;min-width:0;height:6px}.dark .assessment-slider{background:var(--theme-color-border-hover)}.assessment-slider::-webkit-slider-runnable-track{border-radius:var(--radius-full,9999px);height:6px}.assessment-slider::-webkit-slider-thumb{appearance:none;background:var(--color-primary-500);border-radius:var(--radius-full,50%);cursor:pointer;width:18px;height:18px;box-shadow:0 2px 4px var(--color-black-alpha-20);margin-top:-6px;transition:transform .15s,box-shadow .15s}.assessment-slider::-webkit-slider-thumb:hover{box-shadow:0 2px 8px var(--color-black-alpha-30);transform:scale(1.15)}.assessment-slider:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.assessment-slider::-moz-range-track{background:var(--color-neutral-300,var(--color-neutral-300));border-radius:var(--radius-full,9999px);height:6px}.dark .assessment-slider::-moz-range-track{background:var(--theme-color-border-hover)}.assessment-slider::-moz-range-thumb{background:var(--color-primary-500);border-radius:var(--radius-full,50%);cursor:pointer;width:18px;height:18px;box-shadow:0 2px 4px var(--color-black-alpha-20);border:none}@media (pointer:coarse){.assessment-slider::-webkit-slider-thumb{width:24px;height:24px;margin-top:-9px}.assessment-slider::-moz-range-thumb{width:24px;height:24px}}.assessment-card{border-radius:var(--radius-xl,.75rem);border:1px solid var(--border-color-default);cursor:pointer;transition:opacity .2s,transform .2s;overflow:hidden}.assessment-card:hover{box-shadow:var(--shadow-md)}.assessment-card:focus-within{outline:2px solid var(--color-primary);outline-offset:2px}.assessment-tip-banner{border:1px solid var(--border-color-default);padding:var(--space-4,1rem);border-radius:var(--radius-lg,.5rem);align-items:center;margin-block-start:var(--space-6,1.5rem);display:flex}.accessibility-dyslexia-wrapper{padding:var(--space-2,.5rem);justify-content:center;display:flex}@supports (container-type:inline-size){@container assessment (width>=600px){.accessibility-dyslexia-wrapper{padding:var(--space-4,1rem)}}}@supports not (container-type:inline-size){@media (width>=640px){.accessibility-dyslexia-wrapper{padding:var(--space-4,1rem)}}}.accessibility-dialog{background:var(--color-surface,var(--color-white));box-shadow:var(--shadow-xl);border-radius:1rem;width:100%;max-width:56rem;max-height:90vh;overflow:hidden}.accessibility-content{flex-direction:column;max-height:80vh;display:flex}@supports (container-type:inline-size){@container assessment (width>=720px){.accessibility-content{flex-direction:row}}}@supports not (container-type:inline-size){@media (width>=768px){.accessibility-content{flex-direction:row}}}.accessibility-sidebar{border-bottom:1px solid var(--color-border-light,var(--color-neutral-100));background:var(--color-surface-secondary);width:100%;padding:var(--space-2,.5rem);overflow-x:auto}@supports (container-type:inline-size){@container assessment (width>=720px){.accessibility-sidebar{border-right:1px solid var(--color-border-light,var(--color-neutral-100));width:25%;padding:var(--space-4,1rem);border-bottom:none;overflow-x:visible}}}@supports not (container-type:inline-size){@media (width>=768px){.accessibility-sidebar{border-right:1px solid var(--color-border-light,var(--color-neutral-100));width:25%;padding:var(--space-4,1rem);border-bottom:none;overflow-x:visible}}}.category-scroller-wrapper{position:relative}.category-scroller{padding-bottom:var(--space-2,.5rem);flex-direction:row;display:flex;overflow-x:hidden}@supports (container-type:inline-size){@container assessment (width>=720px){.category-scroller{gap:var(--space-1,.25rem);flex-direction:column;padding-bottom:0;overflow-x:visible}}}@supports not (container-type:inline-size){@media (width>=768px){.category-scroller{gap:var(--space-1,.25rem);flex-direction:column;padding-bottom:0;overflow-x:visible}}}.category-tab{text-align:left;padding:var(--space-2,.5rem) var(--space-3,.75rem);margin-right:var(--space-2,.5rem);color:var(--color-text-secondary,var(--color-neutral-600));cursor:pointer;transition:opacity .2s var(--assessment-ease-emphasized,cubic-bezier(0, 0, .2, 1)), transform .2s var(--assessment-ease-emphasized,cubic-bezier(0, 0, .2, 1));background:0 0;border:none;border-radius:.5rem;flex-shrink:0;align-items:center;display:flex}@supports (container-type:inline-size){@container assessment (width>=720px){.category-tab{padding:var(--space-3,.75rem) var(--space-4,1rem);width:100%;margin-right:0}}}@supports not (container-type:inline-size){@media (width>=768px){.category-tab{padding:var(--space-3,.75rem) var(--space-4,1rem);width:100%;margin-right:0}}}.category-tab:hover{background:var(--color-surface-hover,var(--color-neutral-100))}.category-tab.active{color:var(--category-color-text);background:var(--category-color-bg)}.category-tab-icon{width:1.25rem;height:1.25rem;margin-right:var(--space-2,.5rem);color:var(--color-text-tertiary,var(--color-neutral-400))}@supports (container-type:inline-size){@container assessment (width>=720px){.category-tab-icon{margin-right:var(--space-3,.75rem)}}}@supports not (container-type:inline-size){@media (width>=768px){.category-tab-icon{margin-right:var(--space-3,.75rem)}}}.category-tab.active .category-tab-icon{color:var(--category-color-text)}.category-tab-content{flex:1}.category-tab-title{font-weight:var(--font-medium,500);font-size:var(--text-sm,.875rem)}.category-tab-description{font-size:var(--text-xs,.75rem);color:var(--color-text-tertiary,var(--color-neutral-400));display:none}@supports (container-type:inline-size){@container assessment (width>=720px){.category-tab-description{display:block}}}@supports not (container-type:inline-size){@media (width>=768px){.category-tab-description{display:block}}}.category-tab-title-mobile{font-size:var(--text-xs,.75rem);margin-left:var(--space-1,.25rem)}@supports (container-type:inline-size){@container assessment (width>=720px){.category-tab-title-mobile{display:none}}}@supports not (container-type:inline-size){@media (width>=768px){.category-tab-title-mobile{display:none}}}.category-nav-button{background:var(--color-white-alpha-80);border-radius:var(--radius-full,9999px);box-shadow:var(--shadow-md);padding:var(--space-1,.25rem);cursor:pointer;border:none;transition:background .2s;position:absolute;top:50%;right:0;transform:translateY(-50%)}.category-nav-button:hover{background:var(--surface-card)}@supports (container-type:inline-size){@container assessment (width>=720px){.category-nav-button{display:none}}}@supports not (container-type:inline-size){@media (width>=768px){.category-nav-button{display:none}}}.category-nav-icon{width:1.25rem;height:1.25rem;color:var(--color-text-secondary,var(--color-neutral-600))}.active-settings-preview{margin-top:var(--space-6,1.5rem);padding:var(--space-4,1rem);background:var(--color-surface,var(--color-white));border:1px solid var(--color-border,var(--color-neutral-200));border-radius:.5rem;display:none}@supports (container-type:inline-size){@container assessment (width>=720px){.active-settings-preview{display:block}}}@supports not (container-type:inline-size){@media (width>=768px){.active-settings-preview{display:block}}}.active-settings-title{font-size:var(--text-sm,.875rem);font-weight:var(--font-medium,500);color:var(--color-text-secondary,var(--color-neutral-600));margin-bottom:var(--space-2,.5rem)}.active-settings-list{gap:var(--space-2,.5rem);flex-direction:column;display:flex}.active-setting-item{font-size:var(--text-sm,.875rem);color:var(--color-text-secondary,var(--color-neutral-500));align-items:center;display:flex}.active-setting-dot{border-radius:var(--radius-full,9999px);background:var(--color-success,var(--color-success));width:.5rem;height:.5rem;margin-right:var(--space-2,.5rem)}.no-settings-message{font-size:var(--text-sm,.875rem);color:var(--color-text-placeholder,var(--color-neutral-400));font-style:italic}.accessibility-help{margin-top:var(--space-4,1rem);padding:var(--space-4,1rem);background:var(--color-info-bg);border:1px solid var(--color-info-border);border-radius:.5rem;display:none}@supports (container-type:inline-size){@container assessment (width>=720px){.accessibility-help{display:block}}}@supports not (container-type:inline-size){@media (width>=768px){.accessibility-help{display:block}}}.accessibility-help-title{font-size:var(--text-sm,.875rem);font-weight:var(--font-medium,500);color:var(--color-info-text);margin-bottom:var(--space-2,.5rem);align-items:center;display:flex}.accessibility-help-icon{width:1rem;height:1rem;margin-right:var(--space-1,.25rem)}.accessibility-help-text{font-size:var(--text-xs,.75rem);color:var(--color-info-text);line-height:1.5}.accessibility-panel{width:100%;padding:var(--space-3,.75rem);overflow-y:auto}@supports (container-type:inline-size){@container assessment (width>=720px){.accessibility-panel{width:75%;padding:var(--space-6,1.5rem)}}}@supports not (container-type:inline-size){@media (width>=768px){.accessibility-panel{width:75%;padding:var(--space-6,1.5rem)}}}.panel-header{margin-bottom:var(--space-6,1.5rem)}.panel-title{font-size:var(--text-xl,1.25rem);font-weight:var(--font-semibold,600);color:var(--category-color-text)}.panel-subtitle{color:var(--color-text-tertiary,var(--color-neutral-500));font-size:var(--text-sm,.875rem);margin-top:var(--space-1,.25rem)}.category-description{margin-bottom:var(--space-6,1.5rem);padding:var(--space-4,1rem);background:var(--color-surface,var(--color-white));border-left:4px solid var(--category-border-color);box-shadow:var(--shadow-sm);border-radius:.5rem}.category-description-title{font-weight:var(--font-medium,500);margin-bottom:var(--space-1,.25rem);color:var(--category-color-text)}.category-description-text{font-size:var(--text-sm,.875rem);color:var(--color-text-secondary,var(--color-neutral-500));line-height:1.5}.options-grid{gap:var(--space-4,1rem);grid-template-columns:1fr;display:grid}@supports (container-type:inline-size){@container assessment (width>=600px){.options-grid{gap:var(--space-6,1.5rem);grid-template-columns:repeat(2,1fr)}}}@supports not (container-type:inline-size){@media (width>=640px){.options-grid{gap:var(--space-6,1.5rem);grid-template-columns:repeat(2,1fr)}}}@supports (container-type:inline-size){@container assessment (width>=720px){.options-grid{grid-template-columns:repeat(3,1fr)}}}@supports not (container-type:inline-size){@media (width>=768px){.options-grid{grid-template-columns:repeat(3,1fr)}}}.option-card{border:1px solid var(--color-border,var(--color-neutral-200));cursor:pointer;border-radius:.75rem;transition:opacity .2s,transform .2s;overflow:hidden}.option-card:hover{box-shadow:var(--shadow-md)}.option-card:focus-within{outline:2px solid var(--color-primary);outline-offset:2px}.option-card.active{border-color:var(--category-border-color)}.option-preview{aspect-ratio:16/9;background:var(--color-surface-secondary);padding:var(--space-2,.5rem);position:relative}.preview-container{border-radius:.5rem;width:100%;height:100%;overflow:hidden}.preview-surface{background:var(--color-surface,var(--color-white));border-radius:.5rem}.preview-flex-center{justify-content:center;align-items:center;display:flex}.preview-flex-space{gap:var(--space-2,.5rem);display:flex}.preview-color-dot{border-radius:var(--radius-full,9999px);width:1.5rem;height:1.5rem}.preview-bar{background:var(--color-border-medium,var(--color-neutral-300));border-radius:var(--radius-full,9999px);height:.25rem}.preview-bar-75{width:75%}.preview-bar-50{width:50%}.preview-spacing-tight{margin-bottom:var(--space-1,.25rem)}.preview-spacing-loose{margin-bottom:var(--space-4,1rem)}.preview-button{padding:var(--space-1,.25rem) var(--space-3,.75rem);font-size:var(--text-xs,.75rem);border-radius:.375rem}.preview-text-xl{font-size:var(--text-xl,1.25rem)}.option-info{padding:var(--space-4,1rem);background:var(--color-surface,var(--color-white))}.option-info-content{justify-content:space-between;align-items:flex-start;display:flex}.option-title{font-weight:var(--font-medium,500);color:var(--color-text,var(--color-neutral-800));font-size:var(--text-sm,.875rem)}.option-description{font-size:var(--text-xs,.75rem);color:var(--color-text-tertiary,var(--color-neutral-500));margin-top:var(--space-1,.25rem);line-height:1.4}.option-toggle{cursor:pointer;border-radius:var(--radius-full,9999px);width:2.75rem;height:1.5rem;transition:background-color .2s var(--assessment-ease-emphasized,cubic-bezier(0, 0, .2, 1));background:var(--color-border-medium,var(--color-neutral-300));border:2px solid #0000;flex-shrink:0;display:inline-flex;position:relative}.option-toggle.active{background:var(--category-toggle-color,var(--color-primary))}.option-toggle-knob{pointer-events:none;border-radius:var(--radius-full,9999px);background:var(--color-surface,var(--color-white));width:1.25rem;height:1.25rem;box-shadow:var(--shadow-xs);transition:transform .3s var(--assessment-ease-bouncy,cubic-bezier(.68, -.55, .265, 1.55));display:inline-block;transform:translate(0)}.option-toggle.active .option-toggle-knob{transform:translate(1.25rem)}.action-buttons{margin-top:var(--space-8,2rem);justify-content:flex-end;gap:var(--space-3,.75rem);display:flex}.btn-cancel{padding:var(--space-2,.5rem) var(--space-4,1rem);border:1px solid var(--color-border-medium,var(--color-neutral-300));color:var(--color-text-secondary,var(--color-neutral-600));cursor:pointer;background:0 0;border-radius:.5rem;transition:background .2s}.btn-cancel:hover{background:var(--color-surface-secondary)}.btn-apply{padding:var(--space-2,.5rem) var(--space-4,1rem);background:var(--color-primary);color:var(--color-surface,var(--color-white));cursor:pointer;border:none;border-radius:.5rem;transition:background .2s}.btn-apply:hover{background:var(--color-primary-hover)}.success-message{margin-top:var(--space-6,1.5rem);background:var(--color-success-bg);border:1px solid var(--color-success-border);color:var(--color-success-text);padding:var(--space-4,1rem);border-radius:.5rem;align-items:center;display:flex}.success-icon{width:1.25rem;height:1.25rem;margin-right:var(--space-2,.5rem);color:var(--color-success,var(--color-success))}.success-text{font-size:var(--text-sm,.875rem)}.success-title{font-weight:var(--font-medium,500)}.success-subtitle{font-size:var(--text-sm,.875rem);color:var(--color-success-text-secondary)}[data-category=vision]{--category-color-text:var(--color-secondary-700);--category-color-bg:var(--color-secondary-50);--category-border-color:var(--color-secondary-400);--category-toggle-color:var(--color-secondary-700)}[data-category=reading]{--category-color-text:var(--color-primary-600);--category-color-bg:var(--color-primary-50);--category-border-color:var(--color-primary-400);--category-toggle-color:var(--color-primary-600)}[data-category=motion]{--category-color-text:var(--color-success-600);--category-color-bg:var(--color-success-light);--category-border-color:var(--color-success-400);--category-toggle-color:var(--color-success-600)}[data-category=cognitive]{--category-color-text:var(--color-warning-600);--category-color-bg:var(--color-warning-alpha-10);--category-border-color:var(--color-warning);--category-toggle-color:var(--color-warning-600)}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-center{justify-content:center}.justify-between{justify-content:between}.w-full{width:100%}.w-3\/4{width:75%}.w-1\/2{width:50%}.w-2{width:.5rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-9{width:2.25rem}.w-11{width:2.75rem}.h-full{height:100%}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-2{height:.5rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-32{height:8rem}.p-2{padding:var(--space-2,.5rem)}.p-4{padding:var(--space-4,1rem)}.px-3{padding-left:var(--space-3,.75rem);padding-right:var(--space-3,.75rem)}.px-4{padding-left:var(--space-4,1rem);padding-right:var(--space-4,1rem)}.py-1{padding-top:var(--space-1,.25rem);padding-bottom:var(--space-1,.25rem)}.py-1\.5{padding-top:var(--space-1-5,.375rem);padding-bottom:var(--space-1-5,.375rem)}.py-2{padding-top:var(--space-2,.5rem);padding-bottom:var(--space-2,.5rem)}.mt-auto{margin-top:auto}.mt-0\.5{margin-top:var(--space-0-5,.125rem)}.mt-1{margin-top:var(--space-1,.25rem)}.mt-2{margin-top:var(--space-2,.5rem)}.mt-6{margin-top:var(--space-6,1.5rem)}.mb-1{margin-bottom:var(--space-1,.25rem)}.mb-1\.5{margin-bottom:var(--space-1-5,.375rem)}.mb-2{margin-bottom:var(--space-2,.5rem)}.ml-1{margin-left:var(--space-1,.25rem)}.mr-2{margin-right:var(--space-2,.5rem)}.space-x-1>*+*{margin-left:var(--space-1,.25rem)}.space-x-2>*+*{margin-left:var(--space-2,.5rem)}.space-y-1\.5>*+*{margin-top:var(--space-1-5,.375rem)}.rounded-full{border-radius:var(--radius-full,9999px)}.rounded-xl{border-radius:.75rem}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border-t{border-top-width:1px}.border-2{border-width:2px}.border-transparent{border-color:#0000}.overflow-hidden{overflow:hidden}.relative{position:relative}.bg-white{background:var(--surface-card)}.bg-black{background:var(--color-neutral-900)}.bg-gray-50{background:var(--color-neutral-50)}.bg-gray-100{background:var(--color-neutral-100)}.bg-gray-300{background:var(--color-neutral-300)}.bg-gray-700{background:var(--color-neutral-700)}.bg-red-500{background:var(--color-error)}.bg-green-500{background:var(--color-success)}.bg-blue-500{background:var(--color-primary-500)}.text-white{color:var(--text-inverse)}.text-black{color:var(--text-primary)}.text-gray-500{color:var(--color-neutral-500)}.text-gray-800{color:var(--color-neutral-800)}.text-center{text-align:center}.font-medium{font-weight:var(--font-medium,500)}.font-sans{font-family:system-ui,-apple-system,sans-serif}.text-xs{font-size:var(--text-xs,.75rem)}.text-sm{font-size:var(--text-sm,.875rem)}.text-base{font-size:var(--text-base,1rem)}.text-xl{font-size:var(--text-xl,1.25rem)}.text-2xl{font-size:var(--text-2xl,1.5rem)}.text-\[9px\]{font-size:var(--assessment-text-3xs,.5625rem)}.text-\[10px\]{font-size:var(--assessment-text-2xs,.625rem)}.use-dyslexic-font{font-family:OpenDyslexic,sans-serif}.ring-0{box-shadow:none}.flex-shrink-0{flex-shrink:0}.cognitive-option-group{background:var(--color-surface,var(--color-white));border:1px solid var(--color-border,var(--color-neutral-200));border-radius:.75rem;grid-column:1/-1;overflow:hidden}.cognitive-option-header{padding:var(--space-4,1rem);border-bottom:1px solid var(--color-border-light,var(--color-neutral-100));background:var(--category-color-bg)}.cognitive-option-title{font-weight:var(--font-medium,500);color:var(--color-text,var(--color-neutral-800))}.cognitive-option-subtitle{font-size:var(--text-xs,.75rem);color:var(--color-text-tertiary,var(--color-neutral-500));margin-top:var(--space-1,.25rem)}.cognitive-option-content{padding:var(--space-4,1rem)}.reading-level-options{gap:var(--space-2,.5rem);flex-direction:column;display:flex}.reading-level-option{align-items:flex-start;gap:var(--space-2,.5rem);padding:var(--space-2,.5rem);cursor:pointer;border-radius:.375rem;display:flex}.reading-level-option:hover{background:var(--category-color-bg)}.reading-level-option input[type=radio]{margin-top:var(--space-1,.25rem)}.reading-level-label{flex:1}.reading-level-label-title{font-weight:var(--font-medium,500);font-size:var(--text-sm,.875rem);color:var(--color-text,var(--color-neutral-800))}.reading-level-label-description{font-size:var(--text-xs,.75rem);color:var(--color-text-tertiary,var(--color-neutral-500))}.toggle-option{padding:var(--space-2,.5rem);cursor:pointer;border-radius:.375rem;justify-content:space-between;align-items:center;display:flex}.toggle-option:hover{background:var(--category-color-bg)}.toggle-option-label{flex:1}.toggle-option-title{font-weight:var(--font-medium,500);font-size:var(--text-sm,.875rem);color:var(--color-text,var(--color-neutral-800))}.toggle-option-description{font-size:var(--text-xs,.75rem);color:var(--color-text-tertiary,var(--color-neutral-500))}.col-span-full{grid-column:1/-1}.space-y-1>*+*{margin-top:var(--space-1,.25rem)}.space-y-2>*+*{margin-top:var(--space-2,.5rem)}.space-y-3>*+*{margin-top:var(--space-3,.75rem)}.preview-card-container{border-radius:var(--radius-lg,.5rem);width:100%;height:100%;overflow:hidden}.preview-card{flex-direction:column;height:100%;display:flex}.preview-card-white{background:var(--surface-card)}.preview-card-black{background:var(--color-neutral-900)}.preview-flex{display:flex}.preview-flex-col{flex-direction:column;display:flex}.preview-flex-row{flex-direction:row;display:flex}.preview-items-center{align-items:center}.preview-items-baseline{align-items:baseline}.preview-justify-center{justify-content:center}.preview-flex-1{flex:1}.preview-mt-auto{margin-top:auto}.preview-gap-1{gap:var(--space-1,.25rem)}.preview-gap-2{gap:var(--space-2,.5rem)}.preview-gap-3{gap:var(--space-3,.75rem)}.preview-p-2{padding:var(--space-2,.5rem)}.preview-p-3{padding:var(--space-3,.75rem)}.preview-p-4{padding:var(--space-4,1rem)}.preview-px-2{padding-left:var(--space-2,.5rem);padding-right:var(--space-2,.5rem)}.preview-px-3{padding-left:var(--space-3,.75rem);padding-right:var(--space-3,.75rem)}.preview-px-4{padding-left:var(--space-4,1rem);padding-right:var(--space-4,1rem)}.preview-py-1{padding-top:var(--space-1,.25rem);padding-bottom:var(--space-1,.25rem)}.preview-py-2{padding-top:var(--space-2,.5rem);padding-bottom:var(--space-2,.5rem)}.preview-mb-1{margin-bottom:var(--space-1,.25rem)}.preview-mb-2{margin-bottom:var(--space-2,.5rem)}.preview-mt-1{margin-top:var(--space-1,.25rem)}.preview-mt-2{margin-top:var(--space-2,.5rem)}.preview-text-title{text-align:center;padding:var(--space-2,.5rem);font-weight:var(--font-medium,500)}.preview-text-white{color:var(--text-inverse)}.preview-text-black{color:var(--text-primary)}.preview-text-gray-800{color:var(--color-neutral-800)}.preview-text-gray-600{color:var(--color-neutral-600)}.preview-text-gray-500{color:var(--color-neutral-500)}.preview-text-gray-400{color:var(--color-neutral-400)}.preview-text-blue{color:var(--color-primary-600)}.preview-text-yellow{color:var(--color-warning-600)}.preview-text-emerald{color:var(--color-success-600)}.preview-text-teal{color:var(--color-accent-600)}.preview-text-xs{font-size:var(--text-xs,.75rem)}.preview-text-sm{font-size:var(--text-sm,.875rem)}.preview-text-base{font-size:var(--text-base,1rem)}.preview-text-lg{font-size:var(--text-lg,1.125rem)}.preview-text-2xl{font-size:var(--text-2xl,1.5rem)}.preview-font-medium{font-weight:var(--font-medium,500)}.preview-font-bold{font-weight:var(--font-bold,700)}.preview-text-center{text-align:center}.preview-bar{height:var(--space-2,.5rem);border-radius:var(--radius-full,9999px);margin-bottom:var(--space-2,.5rem)}.preview-bar-gray{background:var(--color-neutral-300)}.preview-bar-white{background:var(--surface-card)}.preview-bar-blue{background:var(--color-primary-300)}.preview-bar-yellow{background:var(--color-highlight-yellow-strong)}.preview-bar-3-4{width:75%}.preview-bar-1-2{width:50%}.preview-bar-full{width:100%}.preview-bar-sm{height:var(--space-1,.25rem)}.preview-color-dot{width:var(--space-6,1.5rem);height:var(--space-6,1.5rem);border-radius:var(--radius-full,9999px)}.preview-dot-sm{width:var(--space-2,.5rem);height:var(--space-2,.5rem)}.preview-dot-md{width:var(--space-4,1rem);height:var(--space-4,1rem)}.preview-dot-red{background:var(--color-error)}.preview-dot-green{background:var(--color-success)}.preview-dot-blue{background:var(--color-primary-500)}.preview-dot-white{background:var(--surface-card)}.preview-button{padding:var(--space-1,.25rem) var(--space-3,.75rem);border-radius:var(--radius-md,.375rem);display:inline-block}.preview-button-blue{background:var(--color-primary-500);color:var(--text-inverse)}.preview-button-white{background:var(--surface-card);color:var(--text-primary)}.preview-bg-gray-100{background:var(--color-neutral-100)}.preview-bg-gray-50{background:var(--color-neutral-50)}.preview-bg-black{background:var(--color-neutral-900);border-top:1px solid var(--color-neutral-700)}.preview-bg-emerald-100{background:var(--color-success-light)}.preview-bg-teal-100{background:var(--color-accent-alpha-10)}.preview-bg-teal-500{background:var(--color-accent-500)}.preview-overlay{background:var(--color-primary-100);opacity:.4;border-radius:var(--radius-lg,.5rem);position:absolute;inset:0}.preview-overlay-label{bottom:var(--space-2,.5rem);right:var(--space-2,.5rem);font-size:var(--text-xs,.75rem);color:var(--color-primary-600);position:absolute}.preview-audio-indicator{width:var(--space-4,1rem);height:var(--space-4,1rem);border-radius:var(--radius-full,9999px);background:var(--color-primary-500);justify-content:center;align-items:center;display:flex}.preview-audio-dot{width:var(--space-2,.5rem);height:var(--space-2,.5rem);background:var(--surface-card);border-radius:var(--radius-full,9999px)}.preview-focus-line{background:var(--color-highlight-yellow-strong)}.preview-content-chunk{width:100%;padding:var(--space-2,.5rem);background:var(--color-neutral-50);border-radius:var(--radius-sm,.25rem);margin-bottom:var(--space-2,.5rem)}.preview-motion-box{width:var(--space-12,3rem);height:var(--space-12,3rem);background:var(--color-success-light);border-radius:var(--radius-sm,.25rem);transform:none}.preview-motion-box.reduced{transition:none!important;animation:none!important}.preview-target{border-radius:var(--radius-md,.375rem);background:var(--color-success-light);color:var(--color-success-600);justify-content:center;align-items:center;display:flex}.preview-target-small{width:var(--space-5,1.25rem);height:var(--space-5,1.25rem)}.preview-target-large{width:var(--space-10,2.5rem);height:var(--space-10,2.5rem)}.preview-keyboard-focus{width:var(--space-8,2rem);height:var(--space-8,2rem);background:var(--color-neutral-100);border-radius:var(--radius-sm,.25rem);color:var(--color-neutral-600);justify-content:center;align-items:center;display:flex}.preview-keyboard-focus.focused{box-shadow:0 0 0 3px var(--color-primary-400)}.preview-keyboard-badge{background:var(--color-accent-500);color:var(--text-inverse);padding:var(--space-1,.25rem) var(--space-2,.5rem);font-size:var(--text-xs,.75rem);font-weight:var(--font-bold,700);position:absolute;top:0;right:0;transform:rotate(45deg)translate(.5rem,.25rem)}.preview-keyboard-icon{width:var(--space-10,2.5rem);height:var(--space-10,2.5rem);color:var(--color-neutral-400)}.preview-keyboard-icon.active{width:var(--space-12,3rem);height:var(--space-12,3rem);color:var(--color-accent-600)}.preview-keyboard-label{color:var(--color-neutral-500);font-size:var(--text-sm,.875rem)}.preview-keyboard-label.active{color:var(--color-accent-600);font-weight:var(--font-medium,500);font-size:var(--text-base,1rem)}.preview-keyboard-keys{gap:var(--space-1,.25rem);margin-bottom:var(--space-1,.25rem);display:flex}.preview-keyboard-key{height:var(--space-6,1.5rem);background:var(--color-accent-alpha-10);color:var(--color-accent-600);font-size:var(--text-sm,.875rem);border-radius:0;flex:1;justify-content:center;align-items:center;display:flex}.preview-keyboard-key:first-child{border-radius:var(--radius-sm,.25rem) 0 0 var(--radius-sm,.25rem)}.preview-keyboard-key:last-child{border-radius:0 var(--radius-sm,.25rem) var(--radius-sm,.25rem) 0}.age-group-panel{grid-column:1/-1}.assessment-dialog{background:var(--surface-card);box-shadow:var(--shadow-xl);border-radius:1rem;width:100%;max-width:90rem;max-height:90vh;overflow:hidden}.assessment-container{flex-direction:column;max-height:80vh;display:flex}.assessment-content-wrapper{flex:1;display:flex;overflow:hidden}.assessment-sidebar{width:25%;padding:var(--space-4,1rem);border-right:1px solid var(--border-color-default);background:var(--surface-background);display:none;overflow-y:auto}@media (width>=768px){.assessment-sidebar{display:block}}.assessment-main{padding:var(--space-4,1rem);flex:1;overflow-y:auto}@media (width>=768px){.assessment-main{padding:var(--space-6,1.5rem)}}.accessibility-tab-list{gap:var(--space-1,.25rem);grid-template-columns:repeat(5,1fr);align-items:center;display:grid}.accessibility-tab-list button{justify-content:center;align-items:center;gap:var(--space-2,.5rem);padding:var(--space-2,.5rem) var(--space-3,.75rem);border-radius:var(--radius-md,.5rem);color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm,.875rem);white-space:nowrap;background:0 0;border:none;transition:opacity .2s,transform .2s;display:flex}.accessibility-tab-list button:hover{background:var(--surface-elevated);color:var(--text-primary)}.accessibility-tab-list button[aria-selected=true]{background:var(--category-color-bg,var(--color-primary-50));color:var(--category-color-text,var(--color-primary-600));font-weight:var(--font-medium,500)}.preview-absolute{position:absolute}.preview-inset-0{inset:0}.preview-bottom-1{bottom:var(--space-1,.25rem)}.preview-left-0{left:0}.preview-right-0{right:0}.preview-rounded-lg{border-radius:var(--radius-lg,.5rem)}.preview-rounded{border-radius:var(--radius-md,.375rem)}.preview-rounded-full{border-radius:var(--radius-full,9999px)}.preview-pointer-events-none{pointer-events:none}.preview-z-10{z-index:10}.preview-opacity-30{opacity:.3}.preview-opacity-40{opacity:.4}.preview-opacity-50{opacity:.5}.preview-w-3{width:var(--space-3,.75rem)}.preview-h-3{height:var(--space-3,.75rem)}.preview-w-6{width:var(--space-6,1.5rem)}.preview-h-6{height:var(--space-6,1.5rem)}.preview-w-7{width:1.75rem}.preview-h-7{height:1.75rem}.preview-w-8{width:var(--space-8,2rem)}.preview-h-8{height:var(--space-8,2rem)}.preview-max-w-80{max-width:80%}.preview-space-x-1>*+*{margin-left:var(--space-1,.25rem)}.preview-space-x-3>*+*{margin-left:var(--space-3,.75rem)}.preview-space-y-1>*+*{margin-top:var(--space-1,.25rem)}.preview-space-y-1\.5>*+*{margin-top:var(--space-1-5,.375rem)}.preview-space-y-2>*+*{margin-top:var(--space-2,.5rem)}.preview-p-1{padding:var(--space-1,.25rem)}.preview-p-1\.5{padding:var(--space-1-5,.375rem)}.preview-px-1{padding-left:var(--space-1,.25rem);padding-right:var(--space-1,.25rem)}.preview-py-0\.5{padding-top:var(--space-0-5,.125rem);padding-bottom:var(--space-0-5,.125rem)}.preview--mx-1{margin-left:-.25rem;margin-right:-.25rem}.preview-ring-2{box-shadow:0 0 0 2px var(--color-success-500)}.preview-ring-offset-2{outline:2px solid var(--surface-card);outline-offset:2px}.preview-ring-emerald-400{box-shadow:0 0 0 2px var(--color-success-400)}.preview-transition-colors{transition:background-color .2s var(--assessment-ease-standard,cubic-bezier(.4, 0, .2, 1)), color .2s var(--assessment-ease-standard,cubic-bezier(.4, 0, .2, 1))}.preview-transition-all{transition:opacity .2s var(--assessment-ease-standard,cubic-bezier(.4, 0, .2, 1)), transform .2s var(--assessment-ease-standard,cubic-bezier(.4, 0, .2, 1))}.preview-text-\[9px\]{font-size:var(--assessment-text-3xs,.5625rem)}.preview-text-\[10px\]{font-size:var(--assessment-text-2xs,.625rem)}.preview-border{border-style:solid;border-width:1px;border-color:var(--border-color-default)}.preview-border-t{border-top-style:solid;border-top-width:1px;border-top-color:var(--border-color-default)}.preview-border-white{border-color:var(--color-white)}.preview-leading-tight{line-height:1.25}.preview-leading-relaxed{line-height:1.625}.preview-cursor-pointer{cursor:pointer}.preview-tracking-normal{letter-spacing:0}.preview-gap-0\.5{gap:var(--space-0-5,.125rem)}.preview-whitespace-nowrap{white-space:nowrap}.preview-flex-shrink-0{flex-shrink:0}.preview-relative{position:relative}.preview-overflow-hidden{overflow:hidden}.preview-transform{transform:translateZ(0)}.assessment-overlay-backdrop{border-radius:var(--radius-sm,.25rem);margin-inline:-.25rem;position:absolute;inset:0}.reading-guide-preview-color,.reading-guide-preview-color.color-yellow{background-color:var(--color-warning-bg,#fef3c780)}.reading-guide-preview-color.color-blue{background-color:var(--color-primary-bg,#dbeafe80)}.reading-guide-preview-color.color-pink{background-color:var(--color-secondary-bg,#fce7f380)}.reading-guide-preview-color.color-green{background-color:var(--color-success-bg,#d1fae580)}.reading-guide-preview-color.color-gray{background-color:var(--color-neutral-bg,#f1f5f980)}.reading-guide-color-picker{margin-top:var(--space-1,.25rem);padding:.1875rem var(--space-1,.25rem);background:var(--surface-background);border-radius:var(--radius-sm,.25rem)}.reading-guide-color-picker .color-options{gap:var(--space-1,.25rem);justify-content:center;display:flex}.reading-guide-color-picker .color-option{border-radius:var(--radius-full,9999px);border:2px solid var(--border-color-default);cursor:pointer;width:18px;height:18px;transition:transform var(--duration-fast,.15s), border-color var(--duration-fast,.15s);justify-content:center;align-items:center;display:flex}.reading-guide-color-picker .color-option:hover{border-color:var(--color-primary-500);transform:scale(1.1)}.reading-guide-color-picker .color-option.selected{border-color:var(--color-primary-600);border-width:3px}.reading-guide-color-picker .color-option.selected :global(svg){color:var(--color-neutral-700)}.assessment-preview-text-lg{font-size:var(--text-lg,1.125rem);font-weight:var(--font-medium,500);letter-spacing:0;transition:opacity var(--duration-fast,.15s), transform var(--duration-fast,.15s);text-align:center}.assessment-preview-text-base{font-size:var(--text-base,1rem);font-weight:var(--font-medium,500);transition:opacity var(--duration-fast,.15s), transform var(--duration-fast,.15s);text-align:center}.assessment-preview-text-sm{font-size:var(--text-sm,.875rem);font-weight:var(--font-medium,500);transition:opacity var(--duration-fast,.15s), transform var(--duration-fast,.15s);text-align:center;padding-inline:var(--space-2,.5rem)}.assessment-text-9-tight{font-size:var(--assessment-text-3xs,.5625rem);line-height:1.25}.assessment-text-10-mt{font-size:var(--assessment-text-2xs,.625rem);margin-block-start:var(--space-2,.5rem)}.assessment-centered-card{padding:var(--space-2,.5rem);border-radius:var(--radius-sm,.25rem);font-size:var(--assessment-text-3xs,.5625rem);text-align:left;transition:opacity var(--duration-fast,.15s), transform var(--duration-fast,.15s);margin-inline:auto}.assessment-preview-text-xs{font-size:var(--text-xs,.75rem);text-align:center;transition:opacity var(--duration-fast,.15s), transform var(--duration-fast,.15s);padding-inline:var(--space-3,.75rem)}.options-list-grid{gap:var(--space-3,.75rem);grid-template-columns:1fr;display:grid}@media (width>=640px){.options-list-grid{gap:var(--space-4,1rem);grid-template-columns:repeat(2,1fr)}}@media (width>=768px){.options-list-grid{grid-template-columns:repeat(3,1fr)}}.option-card-enhanced{border-radius:var(--radius-xl,.75rem);border:1px solid var(--border-color-default);cursor:pointer;flex-direction:column;transition:opacity .2s,transform .2s;display:flex;overflow:hidden}.option-card-enhanced:hover{box-shadow:var(--shadow-md)}.option-card-enhanced:focus-within{box-shadow:0 0 0 2px var(--color-accent-alpha-10)}.preview-window{height:8rem;min-height:8rem;padding:var(--space-2,.5rem);background:var(--surface-background);flex-shrink:0;position:relative;overflow:hidden}.option-card-enhanced>div:last-child{flex-direction:column;flex:1;justify-content:center;display:flex}.mb-4{margin-bottom:var(--space-4,1rem)}.whitespace-nowrap{white-space:nowrap}.absolute{position:absolute}.inset-0{inset:0}.z-10{z-index:10}.leading-tight{line-height:1.25}.leading-relaxed{line-height:1.625}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.gap-0\.5{gap:var(--space-0-5,.125rem)}.gap-1{gap:var(--space-1,.25rem)}.gap-2{gap:var(--space-2,.5rem)}.p-1\.5{padding:var(--space-1-5,.375rem)}.py-0\.5{padding-top:var(--space-0-5,.125rem);padding-bottom:var(--space-0-5,.125rem)}.px-1{padding-left:var(--space-1,.25rem);padding-right:var(--space-1,.25rem)}.w-8{width:2rem}.h-8{height:2rem}.text-lg{font-size:var(--text-lg,1.125rem)}.preview-text-muted{color:var(--color-neutral-500)}.preview-bar-stack{flex-direction:column;width:100%;display:flex}.preview-bar-stack-tight{gap:var(--space-1,.25rem);flex-direction:column;width:100%;display:flex}.preview-bar-active{background:var(--color-primary-300)}.preview-bar-highlight{background:var(--color-highlight-yellow-strong)}.preview-audio-label{font-size:var(--text-xs,.75rem);color:var(--color-primary-600);margin-inline-start:var(--space-1,.25rem)}.preview-content-wrapper{gap:var(--space-2,.5rem);flex-direction:column;width:100%;display:flex}.preview-motion-content{font-size:var(--text-sm,.875rem);font-weight:var(--font-medium,500);color:var(--color-success-700);justify-content:center;align-items:center;height:100%;display:flex}.assessment-toggle-switch{background-color:var(--color-neutral-300);box-shadow:inset 0 1px 3px var(--color-black-alpha-10)}.assessment-toggle-switch.active,.assessment-toggle-switch[data-active=true]{background-color:var(--color-primary-600)}.option-toggle{background-color:var(--color-neutral-300);box-shadow:inset 0 1px 3px var(--color-black-alpha-10)}.option-toggle-knob{background:var(--color-white);box-shadow:0 1px 3px var(--color-black-alpha-20)}}@media (prefers-color-scheme:dark){.accessibility-dialog{background:var(--surface-primary,#1a1f29);color:var(--color-text-primary,#eef1f5)}.accessibility-sidebar{background:var(--color-neutral-850);border-color:var(--color-neutral-700,var(--color-neutral-700))}.category-tab{color:var(--color-text-secondary,#b8bfcc)}.category-tab:hover{background:var(--color-neutral-700,var(--color-neutral-700))}.category-tab.active{background:var(--surface-primary);color:var(--surface-primary-hover)}.category-tab-icon,.category-tab-description{color:var(--color-neutral-400,var(--color-neutral-400))}.accessibility-panel{background:var(--color-neutral-800,var(--color-neutral-800))}.panel-title{color:var(--color-neutral-100,var(--color-neutral-100))}.panel-subtitle{color:var(--color-neutral-400,var(--color-neutral-400))}.category-description{background:var(--color-neutral-750);border-color:var(--color-neutral-600,var(--color-neutral-600))}.category-description-title{color:var(--color-neutral-100,var(--color-neutral-100))}.category-description-text{color:var(--color-neutral-300,var(--color-neutral-300))}.option-card,.assessment-card{background:var(--color-neutral-750);border-color:var(--color-neutral-600,var(--color-neutral-600))}.option-card:hover,.assessment-card:hover{border-color:var(--color-neutral-500,var(--color-neutral-500))}.option-card.active,.assessment-card.active{border-color:var(--color-primary-500)}.option-preview,.preview-window{background:var(--color-neutral-700,var(--color-neutral-700))}.option-info{background:var(--color-neutral-750)}.option-title{color:var(--color-neutral-100,var(--color-neutral-100))}.option-description{color:var(--color-neutral-400,var(--color-neutral-400))}.option-toggle,.assessment-toggle-switch{background-color:var(--color-neutral-600,var(--color-neutral-600));box-shadow:inset 0 1px 3px var(--color-black-alpha-30)}.option-toggle.active,.assessment-toggle-switch.active{background-color:var(--color-primary-500)}.option-toggle-knob{background:var(--color-neutral-100,var(--color-neutral-100));box-shadow:0 1px 3px var(--color-black-alpha-40)}.preview-card-white,.preview-surface{background:var(--color-neutral-700,var(--color-neutral-700))}.preview-card-black{background:var(--color-neutral-900,var(--color-neutral-900))}.preview-bar,.preview-bar-gray{background:var(--color-neutral-500,var(--color-neutral-500))}.preview-text-black,.preview-text-gray-800{color:var(--color-neutral-100,var(--color-neutral-100))}.preview-text-gray-600,.preview-text-gray-500{color:var(--color-neutral-400,var(--color-neutral-400))}.active-settings-preview{background:var(--color-neutral-750);border-color:var(--color-neutral-600,var(--color-neutral-600))}.active-settings-title,.active-setting-item{color:var(--color-neutral-300,var(--color-neutral-300))}.no-settings-message{color:var(--color-neutral-500,var(--color-neutral-500))}.accessibility-help{background:var(--surface-primary);border-color:var(--color-primary-500)}.accessibility-help-title,.accessibility-help-text{color:var(--surface-primary-hover)}.cognitive-option-group{background:var(--color-neutral-750);border-color:var(--color-neutral-600,var(--color-neutral-600))}.cognitive-option-header{border-color:var(--color-neutral-600,var(--color-neutral-600))}.cognitive-option-title{color:var(--color-neutral-100,var(--color-neutral-100))}.cognitive-option-subtitle{color:var(--color-neutral-400,var(--color-neutral-400))}.reading-level-option:hover,.toggle-option:hover{background:var(--color-neutral-700,var(--color-neutral-700))}.reading-level-label-title,.toggle-option-title{color:var(--color-neutral-100,var(--color-neutral-100))}.reading-level-label-description,.toggle-option-description{color:var(--color-neutral-400,var(--color-neutral-400))}.btn-cancel{background:var(--color-neutral-700,var(--color-neutral-700));border-color:var(--color-neutral-600,var(--color-neutral-600));color:var(--color-neutral-200,var(--color-neutral-200))}.btn-cancel:hover{background:var(--color-neutral-600,var(--color-neutral-600))}.success-message{background:var(--color-success-900);border-color:var(--color-success-700);color:var(--color-success-100)}.success-subtitle{color:var(--color-success-200)}.assessment-slider{background:var(--color-neutral-600,var(--color-neutral-600))}.assessment-slider-label{color:var(--color-neutral-100,var(--color-neutral-100))}.assessment-slider-value{background:var(--color-neutral-700,var(--color-neutral-700));color:var(--color-neutral-200,var(--color-neutral-200))}.assessment-segment-group{background:var(--color-neutral-800,var(--color-neutral-800))}.assessment-segment-btn{color:var(--color-neutral-300,var(--color-neutral-300))}.assessment-segment-btn:hover{background:var(--color-neutral-700,var(--color-neutral-700))}.assessment-segment-btn[aria-pressed=true],.assessment-segment-btn.active{background:var(--color-primary-600);color:var(--color-white,var(--color-white))}.accessibility-tab-list{background:var(--color-neutral-800,var(--color-neutral-800));border-color:var(--color-neutral-700,var(--color-neutral-700))}.accessibility-tab-list button{color:var(--color-neutral-400,var(--color-neutral-400))}.accessibility-tab-list button:hover,.accessibility-tab-list button[aria-selected=true]{background:var(--color-neutral-700,var(--color-neutral-700));color:var(--color-neutral-100,var(--color-neutral-100))}.category-nav-button{background:var(--color-neutral-700,var(--color-neutral-700))}.category-nav-button:hover{background:var(--color-neutral-600,var(--color-neutral-600))}.category-nav-icon{color:var(--color-neutral-300,var(--color-neutral-300))}.assessment-tip-banner{background:var(--color-neutral-750);border-color:var(--color-neutral-600,var(--color-neutral-600))}.preview-content-chunk{background:var(--color-neutral-700,var(--color-neutral-700))}.preview-keyboard-focus{background:var(--color-neutral-700,var(--color-neutral-700));color:var(--color-neutral-300,var(--color-neutral-300))}.preview-target{background:var(--color-success-900);color:var(--color-success-300)}.bg-white{background:var(--color-neutral-750)}.bg-gray-50,.bg-gray-100{background:var(--color-neutral-700,var(--color-neutral-700))}.text-black{color:var(--color-neutral-100,var(--color-neutral-100))}.text-gray-500{color:var(--color-neutral-400,var(--color-neutral-400))}.text-gray-800{color:var(--color-neutral-200,var(--color-neutral-200))}}