@import"https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;500;600;700&family=Open+Sans:wght@300;400;500;600;700&family=Amiri:wght@400;700&display=swap";/*! tailwindcss v4.2.0 | 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-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}}}@layer theme{:root,:host{--font-sans:"Open Sans", sans-serif;--font-serif:"EB Garamond", serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-background:#f8f9fa;--color-foreground:#222;--color-card:#fff;--color-primary:#1a3150;--color-primary-foreground:#fff;--color-muted:#ececf0;--color-muted-foreground:#717182;--color-accent:#c5a253;--color-destructive:#d4183d;--color-success:#22c55e;--color-border:#1a31501a;--font-arabic:"Amiri", serif}}@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%;-moz-tab-size:4;tab-size:4;line-height:1.5;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{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{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]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.static{position:static}.start{inset-inline-start:var(--spacing)}.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}}.resize{resize:both}.font-arabic{font-family:var(--font-arabic)}.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,)}}*{border-color:var(--color-border);-webkit-tap-highlight-color:transparent}body{background-color:var(--color-background);color:var(--color-foreground);font-family:var(--font-sans);overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-serif)}.font-arabic{font-family:var(--font-arabic);font-feature-settings:"liga","dlig"}.app-layout{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--color-card);border-right:1px solid var(--color-border);-webkit-overflow-scrolling:touch;flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:#1a315026;border-radius:3px}.sidebar-header{text-align:center;border-bottom:1px solid var(--color-border);flex-shrink:0;padding:1.5rem 1.25rem 1.25rem}.sidebar-header-top{display:none}.sidebar-close-btn{color:var(--color-muted-foreground);cursor:pointer;background:0 0;border:none;padding:.25rem}.sidebar-brand{cursor:pointer;color:inherit;background:0 0;border:none;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:0;display:flex}.brand-icon{background:var(--color-primary);width:44px;height:44px;color:var(--color-primary-foreground);font-family:var(--font-arabic);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex}.sidebar-brand h1{color:var(--color-primary);letter-spacing:.02em;text-align:left;margin:0;font-size:1.35rem}.sidebar-brand .subtitle{color:var(--color-accent);font-size:.8rem;font-family:var(--font-arabic);text-align:left}.sidebar-nav{-webkit-overflow-scrolling:touch;flex:1;padding:.5rem 0;overflow-y:auto}.nav-item{cursor:pointer;font-size:.82rem;font-family:var(--font-sans);color:var(--color-muted-foreground);text-align:left;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:.5rem;width:100%;padding:.6rem 1.25rem;transition:all .2s;display:flex}.nav-item:hover{color:var(--color-accent);background:#1a31500a}.nav-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.nav-item.active{color:var(--color-primary);border-left-color:var(--color-primary);background:#1a31500f;font-weight:500}.nav-icon{color:var(--color-muted-foreground);flex-shrink:0;align-items:center;display:flex}.nav-item.active .nav-icon{color:var(--color-primary)}.nav-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.nav-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted-foreground);padding:.75rem 1.25rem .35rem;font-size:.68rem;font-weight:600}.sidebar-footer{border-top:1px solid var(--color-border);color:var(--color-muted-foreground);font-size:.7rem;font-family:var(--font-sans);justify-content:center;align-items:center;gap:.5rem;padding:.75rem;display:flex}.srs-stats-mini{border-top:1px solid var(--color-border);padding:.75rem 1.25rem}.srs-stats-mini h4{color:var(--color-muted-foreground);font-size:.75rem;font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.06em;margin:0 0 .5rem;font-weight:600}.srs-stat-row{justify-content:space-between;padding:.2rem 0;font-size:.78rem;display:flex}.srs-stat-label{color:var(--color-muted-foreground)}.srs-stat-value{color:var(--color-foreground);font-weight:600}.srs-stat-value.due{color:var(--color-accent)}.main-content{-webkit-overflow-scrolling:touch;box-sizing:border-box;width:100%;height:100vh;padding:2.5rem 3rem;overflow-y:auto}.main-content-center{flex-direction:column;justify-content:center;width:100%;max-width:900px;min-height:100%;margin:0 auto;display:flex}.main-content-center>*{width:100%;margin-left:auto;margin-right:auto}.home-page{max-width:800px;margin:0 auto}.hero{text-align:center;padding:2rem 0 3rem}.hero-title{color:var(--color-primary);margin:0;font-size:2.75rem;line-height:1.2}.hero-subtitle{color:var(--color-accent);margin:.25rem 0 1rem;font-size:2rem}.hero-description{color:var(--color-muted-foreground);max-width:560px;margin:0 auto;font-size:1.05rem;line-height:1.6}.quick-start-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2.5rem;display:grid}.quick-start-card{background:var(--color-card);border:1px solid var(--color-border);cursor:pointer;text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem;transition:all .2s;display:flex}.quick-start-card:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 20px #1a315014}.quick-start-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.quick-start-card:active{transform:translateY(0);box-shadow:0 1px 4px #1a315014}.quick-start-card .card-icon{width:40px;height:40px;color:var(--color-primary);background:#1a31500f;border-radius:10px;justify-content:center;align-items:center;display:flex}.quick-start-card h3{color:var(--color-primary);margin:0;font-size:.95rem}.quick-start-card p{color:var(--color-muted-foreground);margin:0;font-size:.78rem;line-height:1.4}.srs-dashboard{background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;margin-bottom:2.5rem;padding:1.5rem}.srs-dashboard h2{color:var(--color-primary);margin:0 0 1rem;font-size:1.25rem}.srs-dashboard-stats{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.srs-dashboard-stat{text-align:center}.srs-dashboard-stat .stat-value{color:var(--color-primary);font-size:1.5rem;font-weight:700;font-family:var(--font-serif)}.srs-dashboard-stat .stat-label{color:var(--color-muted-foreground);margin-top:.25rem;font-size:.72rem}.exercise-types-section{margin-bottom:2rem}.exercise-types-grid{gap:.75rem;margin-top:.75rem;display:grid}.exercise-type-row{color:var(--color-foreground);border-bottom:1px solid #1a31500f;padding:.65rem 0;font-size:.88rem;line-height:1.5;display:flex}.exercise-type-row:last-child{border-bottom:none}.config-panel{max-width:700px;margin:0 auto}.config-panel h1{color:var(--color-primary);margin:0 0 .5rem;font-size:2rem}.config-panel .subtitle{color:var(--color-muted-foreground);margin:0 0 2rem}.config-section{margin-bottom:1.5rem}.config-section h3{color:var(--color-primary);margin:0 0 .75rem;font-size:1.05rem}.config-section-hint{color:var(--color-muted-foreground);font-size:.75rem;font-weight:400;font-family:var(--font-sans);margin-left:.5rem}.config-chips{flex-wrap:wrap;gap:.5rem;display:flex}.config-chip{font-size:.8rem;font-family:var(--font-sans);background:var(--color-card);border:1px solid var(--color-border);cursor:pointer;color:var(--color-foreground);border-radius:20px;align-items:center;gap:.35rem;padding:.4rem .85rem;transition:all .2s;display:inline-flex}.config-chip:hover{border-color:var(--color-accent);background:#c5a25314}.config-chip:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.config-chip.selected{border-color:var(--color-primary);color:var(--color-primary);background:#1a315014;font-weight:500}.config-chip-count{color:var(--color-muted-foreground);font-size:.7rem}.config-chip-en{font-size:.7rem}.config-row{align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.config-row label{color:var(--color-foreground);min-width:120px;font-size:.85rem}.config-row select,.config-row input[type=number]{border:1px solid var(--color-border);font-size:.85rem;font-family:var(--font-sans);background:var(--color-card);color:var(--color-foreground);border-radius:8px;min-width:150px;padding:.45rem .75rem}.config-row select:focus,.config-row input:focus{border-color:var(--color-primary);outline:none}.config-row select:focus-visible,.config-row input:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.config-start-btn{background:var(--color-primary);width:100%;color:var(--color-primary-foreground);font-size:1rem;font-family:var(--font-serif);cursor:pointer;border:none;border-radius:10px;margin-top:1.5rem;padding:.85rem;font-weight:600;transition:all .2s}.config-start-btn:hover:not(:disabled){background:#1a3150d9;transform:translateY(-1px);box-shadow:0 4px 12px #1a315033}.config-start-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 4px #1a315026}.config-start-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.config-start-btn:disabled{opacity:.5;cursor:not-allowed}.exercise-view{max-width:700px;margin:0 auto}.exercise-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.exercise-progress-text{color:var(--color-muted-foreground);font-size:.82rem}.exercise-quit-btn{border:1px solid var(--color-border);color:var(--color-muted-foreground);cursor:pointer;background:0 0;border-radius:8px;padding:.35rem .75rem;font-size:.78rem;transition:all .2s}.exercise-quit-btn:hover{border-color:var(--color-destructive);color:var(--color-destructive)}.exercise-quit-btn:active{background:#d4183d0f}.exercise-quit-btn:focus-visible{outline:2px solid var(--color-destructive);outline-offset:2px}.progress-bar{background-color:var(--color-muted);border-radius:4px;height:8px;margin-bottom:2rem;overflow:hidden}.progress-bar-fill{background-color:var(--color-primary);border-radius:4px;height:100%;transition:width .3s}.exercise-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:16px;margin-bottom:1.5rem;padding:2rem}.exercise-type-badge{color:var(--color-primary);background:#1a31500f;border-radius:20px;align-items:center;gap:.35rem;margin-bottom:1rem;padding:.25rem .7rem;font-size:.72rem;font-weight:500;display:inline-flex}.exercise-prompt{margin-bottom:1.5rem}.exercise-prompt .verb-info{align-items:baseline;gap:.75rem;margin-bottom:.75rem;display:flex}.exercise-prompt .verb-info-compact{align-items:baseline;gap:.75rem;margin-top:.5rem;display:flex}.exercise-prompt .root{font-family:var(--font-arabic);color:var(--color-primary);direction:rtl;font-size:1.8rem}.exercise-prompt .meaning{color:var(--color-muted-foreground);font-size:.9rem}.exercise-prompt .seegah-label{font-family:var(--font-arabic);color:var(--color-accent);direction:rtl;font-size:1.3rem;line-height:1.8}.exercise-prompt .seegah-en{color:var(--color-muted-foreground);margin-top:.25rem;font-size:.82rem}.exercise-primary-text{font-family:var(--font-arabic);color:var(--color-primary);direction:rtl;margin-bottom:.5rem;font-size:1.8rem;line-height:1.6}.exercise-primary-text.large{margin-bottom:.75rem;font-size:2rem}.exercise-primary-text.english{font-family:var(--font-sans);direction:ltr;font-size:1.3rem}.exercise-instruction{color:var(--color-muted-foreground);margin-top:.5rem;font-size:.85rem}.mc-options{gap:.75rem;display:grid}.mc-option{background:var(--color-card);border:2px solid var(--color-border);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:.75rem;width:100%;padding:.85rem 1.25rem;font-size:1rem;transition:all .2s;display:flex}.mc-option:hover:not(.disabled){border-color:var(--color-primary);background:#1a315008;transform:translateY(-2px);box-shadow:0 4px 12px #1a315026}.mc-option:active:not(.disabled){box-shadow:none;transform:translateY(0)}.mc-option:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.mc-option .option-letter{background:var(--color-muted);width:28px;height:28px;color:var(--color-muted-foreground);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.78rem;font-weight:600;transition:background-color .2s,color .2s;display:flex}.mc-option .option-text{font-family:var(--font-arabic);direction:rtl;flex:1;font-size:1.2rem}.mc-option .option-text.english{font-family:var(--font-sans);direction:ltr;font-size:.95rem}.mc-option.correct{border-color:var(--color-success);background:#22c55e14}.mc-option.correct .option-letter{background:var(--color-success);color:#fff}.mc-option.incorrect{border-color:var(--color-destructive);background:#d4183d0f}.mc-option.incorrect .option-letter{background:var(--color-destructive);color:#fff}.mc-option.disabled{cursor:not-allowed;opacity:.7}.text-input-area{margin-bottom:1rem}.text-input-field{border:1.5px solid var(--color-border);width:100%;font-family:var(--font-arabic);text-align:right;background:var(--color-card);color:var(--color-foreground);box-sizing:border-box;direction:rtl;border-radius:12px;padding:.85rem 1rem;font-size:1.3rem;transition:border-color .2s}.text-input-field.english{font-family:var(--font-sans);text-align:left;direction:ltr;font-size:1rem}.text-input-field:focus{border-color:var(--color-primary);outline:none}.text-input-field:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.text-input-field:disabled{opacity:.6;cursor:not-allowed}.text-input-field::placeholder{color:var(--color-muted-foreground);opacity:.6}.text-input-field.correct{border-color:var(--color-success);background:#22c55e0a}.text-input-field.incorrect{border-color:var(--color-destructive);background:#d4183d0a}.text-submit-btn{background:var(--color-primary);width:100%;color:var(--color-primary-foreground);font-size:.9rem;font-family:var(--font-sans);cursor:pointer;border:none;border-radius:10px;margin-top:.75rem;padding:.7rem;font-weight:600;transition:all .2s}.text-submit-btn:hover:not(:disabled){background:#1a3150d9;transform:translateY(-1px);box-shadow:0 4px 12px #1a315033}.text-submit-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 4px #1a315026}.text-submit-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.text-submit-btn:disabled{opacity:.5;cursor:not-allowed}.feedback-panel{background:var(--color-card);border:1px solid var(--color-border);border-radius:16px;margin-bottom:1.5rem;padding:1.5rem 2rem}.feedback-panel.correct{border-color:var(--color-success);background:#22c55e0a}.feedback-panel.incorrect{border-color:var(--color-destructive);background:#d4183d0a}.feedback-header{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.feedback-header .icon{align-items:center;font-size:1.25rem;display:flex}.feedback-header h3{margin:0;font-size:1.1rem}.feedback-header h3.correct{color:var(--color-success)}.feedback-header h3.incorrect{color:var(--color-destructive)}.feedback-correct-answer{font-family:var(--font-arabic);color:var(--color-primary);direction:rtl;margin-bottom:.75rem;font-size:1.4rem;line-height:1.8}.feedback-correct-answer.english{font-family:var(--font-sans);direction:ltr;font-size:1rem}.feedback-detail{color:var(--color-muted-foreground);margin-bottom:.5rem;font-size:.82rem}.feedback-next-btn{margin-top:1rem}.srs-quality-buttons{border-top:1px solid var(--color-border);grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:1rem;padding-top:1rem;display:grid}.srs-quality-btn{border:1px solid var(--color-border);background:var(--color-card);cursor:pointer;text-align:center;font-family:var(--font-sans);border-radius:8px;padding:.5rem .25rem;transition:all .2s}.srs-quality-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.srs-quality-btn:active{box-shadow:none;transform:translateY(0)}.srs-quality-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.srs-quality-btn .quality-label{font-size:.72rem;font-weight:600;display:block}.srs-quality-btn .quality-interval{color:var(--color-muted-foreground);margin-top:2px;font-size:.65rem;display:block}.srs-quality-btn.again{border-color:var(--color-destructive)}.srs-quality-btn.again .quality-label{color:var(--color-destructive)}.srs-quality-btn.hard .quality-label{color:#e67e22}.srs-quality-btn.good{border-color:var(--color-success)}.srs-quality-btn.good .quality-label{color:var(--color-success)}.srs-quality-btn.easy .quality-label{color:var(--color-primary)}.results-view{text-align:center;max-width:700px;margin:0 auto}.results-view h1{color:var(--color-primary);margin:0 0 .5rem;font-size:2.25rem}.results-score-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#fffc;border:1px solid #fff6;border-radius:1.5rem;max-width:280px;margin:1.5rem auto;padding:2rem;box-shadow:0 25px 50px -12px #00000026}.results-score{color:var(--color-primary);font-size:3.5rem;font-weight:700;font-family:var(--font-serif);margin:0;line-height:1}.results-score-label{color:var(--color-muted-foreground);margin-top:.5rem;font-size:.82rem}.results-score.excellent{color:var(--color-success)}.results-score.good{color:var(--color-primary)}.results-score.needs-work{color:var(--color-accent)}.results-score.poor{color:var(--color-destructive)}.results-summary{color:var(--color-muted-foreground);margin-bottom:2rem;font-size:1rem}.results-stats-row{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2rem;display:flex}.stats-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffffd9;border:1px solid #ffffff80;border-radius:1rem;align-items:center;gap:.5rem;min-width:120px;padding:.75rem 1.25rem;display:flex;box-shadow:0 4px 16px -4px #0000001a}.stats-pill .stat-icon{color:var(--color-primary);flex-shrink:0;align-items:center;display:flex}.stats-pill .stat-content{text-align:left}.stats-pill .stat-value{color:var(--color-primary);font-size:1rem;font-weight:700;font-family:var(--font-serif)}.stats-pill .stat-label{color:var(--color-muted-foreground);font-size:.68rem}.results-breakdown{background:var(--color-card);border:1px solid var(--color-border);text-align:left;border-radius:16px;margin-bottom:1.25rem;padding:1.5rem;animation:.35s ease-out both fade-in-up}.results-breakdown:nth-child(2){animation-delay:50ms}.results-breakdown:nth-child(3){animation-delay:.1s}.results-breakdown:nth-child(4){animation-delay:.15s}.results-breakdown h3{color:var(--color-primary);margin:0 0 1rem;font-size:1.1rem}.breakdown-row{border-bottom:1px solid #1a31500f;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.88rem;display:flex}.breakdown-row:last-child{border-bottom:none}.breakdown-label{color:var(--color-foreground)}.breakdown-value{color:var(--color-primary);font-weight:600}.breakdown-progress-row{border-bottom:1px solid #1a31500f;flex-direction:column;gap:.35rem;padding:.6rem 0;display:flex}.breakdown-progress-row:last-child{border-bottom:none}.breakdown-progress-header{justify-content:space-between;align-items:center;font-size:.88rem;display:flex}.breakdown-progress-bar{background-color:var(--color-muted);border-radius:3px;height:6px;overflow:hidden}.breakdown-progress-fill{background-color:var(--color-primary);border-radius:3px;height:100%;transition:width .5s}.breakdown-progress-fill.excellent{background-color:var(--color-success)}.breakdown-progress-fill.good{background-color:var(--color-primary)}.breakdown-progress-fill.needs-work{background-color:var(--color-accent)}.breakdown-progress-fill.poor{background-color:var(--color-destructive)}.results-actions{justify-content:center;gap:1rem;margin-top:1.5rem;display:flex}.results-action-btn{font-size:.9rem;font-family:var(--font-sans);cursor:pointer;border-radius:10px;padding:.7rem 1.75rem;font-weight:600;transition:all .2s}.results-action-btn.primary{background:var(--color-primary);color:var(--color-primary-foreground);border:none}.results-action-btn.primary:hover{background:#1a3150d9;transform:translateY(-1px);box-shadow:0 4px 12px #1a315033}.results-action-btn.primary:active{transform:translateY(0);box-shadow:0 1px 4px #1a315026}.results-action-btn.primary:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.results-action-btn.secondary{background:var(--color-card);color:var(--color-primary);border:1px solid var(--color-border)}.results-action-btn.secondary:hover{border-color:var(--color-primary);transform:translateY(-1px)}.results-action-btn.secondary:active{transform:translateY(0)}.results-action-btn.secondary:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@keyframes fade-in-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:.35s ease-out both fade-in-up}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hamburger-btn{z-index:90;background:var(--color-card);border:1px solid var(--color-border);width:44px;height:44px;color:var(--color-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:none;position:fixed;top:1rem;left:1rem;box-shadow:0 2px 8px #0000001a}.hamburger-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sidebar-overlay{z-index:98;background:#0006;display:none;position:fixed;top:0;right:0;bottom:0;left:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#1a315033;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#1a31504d}@media(prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.main-content.has-split-pane{padding:0;overflow:hidden}.split-pane{width:100%;height:100vh;display:flex}.split-pane-left{width:var(--pdf-width,45%);border-right:1px solid var(--color-border);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.split-pane-right{flex:1;min-width:0;padding:2.5rem 3rem;overflow-y:auto}.split-pane-right .main-content-center{max-width:100%}.split-pane-handle{cursor:col-resize;background:var(--color-background);z-index:5;flex-shrink:0;justify-content:center;align-items:center;width:8px;transition:background .15s;display:flex;position:relative}.split-pane-handle:hover,.split-pane.dragging .split-pane-handle{background:#1a315014}.split-pane-handle-grip{background:#1a315033;border-radius:2px;width:3px;height:32px;transition:background .15s}.split-pane-handle:hover .split-pane-handle-grip,.split-pane.dragging .split-pane-handle-grip{background:var(--color-primary)}.split-pane-mobile{flex-direction:column;height:100%;min-height:100vh;display:flex}.split-tab-bar{border-bottom:2px solid var(--color-border);background:var(--color-card);z-index:10;display:flex;position:sticky;top:0}.split-tab{font-size:.85rem;font-family:var(--font-sans);cursor:pointer;color:var(--color-muted-foreground);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;min-height:44px;margin-bottom:-2px;padding:.75rem 1rem;font-weight:500;transition:all .2s}.split-tab:hover{color:var(--color-foreground)}.split-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.split-tab-content{flex:1;overflow-y:auto}.split-tab-content>.main-content-center{padding:1rem 1.5rem 1.5rem}.pdf-viewer{background:var(--color-background);flex-direction:column;height:100%;display:flex}.pdf-toolbar{background:var(--color-card);border-bottom:1px solid var(--color-border);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.pdf-toolbar-group{align-items:center;gap:.25rem;display:flex}.pdf-toolbar-divider{background:var(--color-border);width:1px;height:20px;margin:0 .25rem}.pdf-toolbar-btn{width:32px;height:32px;color:var(--color-primary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.pdf-toolbar-btn:hover:not(:disabled){border-color:var(--color-border);background:#1a31500f}.pdf-toolbar-btn:disabled{opacity:.3;cursor:not-allowed}.pdf-page-input-group{font-size:.8rem;font-family:var(--font-sans);align-items:center;gap:.35rem;display:flex}.pdf-page-input{border:1px solid var(--color-border);text-align:center;width:44px;font-size:.8rem;font-family:var(--font-sans);color:var(--color-foreground);background:var(--color-background);border-radius:4px;outline:none;padding:.25rem .35rem}.pdf-page-input:focus{border-color:var(--color-primary)}.pdf-page-total{color:var(--color-muted-foreground);white-space:nowrap}.pdf-zoom-label{color:var(--color-muted-foreground);text-align:center;min-width:36px;font-size:.75rem;font-family:var(--font-sans)}.pdf-page-container{background:#e8e8e8;flex:1;justify-content:center;display:flex;position:relative;overflow:auto}.pdf-page-container .react-pdf__Document{justify-content:center;display:flex}.pdf-page-container .react-pdf__Page{background:#fff;box-shadow:0 2px 12px #00000026}.pdf-loading{color:var(--color-muted-foreground);font-size:.9rem;font-family:var(--font-sans);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3rem;display:flex}.pdf-loading-overlay{color:var(--color-muted-foreground);font-size:.9rem;font-family:var(--font-sans);background:#f8f9fad9;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:flex;position:absolute;top:0;right:0;bottom:0;left:0}.pdf-error{color:var(--color-destructive);text-align:center;font-family:var(--font-sans);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem;display:flex}.pdf-error p{max-width:300px;font-size:.9rem}@keyframes spin{to{transform:rotate(360deg)}}.pdf-spinner{animation:1s linear infinite spin}.pdf-page-wrapper{justify-content:center;min-height:100%;display:flex;position:relative}.pdf-page-slot-active{z-index:1;position:relative}.pdf-page-slot-buffer{z-index:0;opacity:0;pointer-events:none;position:absolute;top:0;left:50%;transform:translate(-50%)}.pdf-nav-overlay{z-index:10;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#1a315059;border:none;justify-content:center;align-items:center;width:48px;height:80px;transition:opacity .3s,background .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.pdf-nav-overlay:hover:not(:disabled){background:#1a31508c}.pdf-nav-overlay:disabled{opacity:.2;cursor:not-allowed}.pdf-nav-prev{border-radius:0 8px 8px 0;left:0}.pdf-nav-next{border-radius:8px 0 0 8px;right:0}.pdf-nav-overlay.pdf-nav-hidden{opacity:0;pointer-events:none}@media(pointer:coarse){.pdf-nav-overlay{width:56px;height:96px}}@media(min-width:641px)and (max-width:900px){.quick-start-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.app-layout{grid-template-columns:1fr}.sidebar{z-index:99;width:280px;max-width:85vw;box-shadow:none;transition:transform .3s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:4px 0 20px #0000001a}.sidebar-header-top{justify-content:flex-end;margin-bottom:.5rem;display:flex}.sidebar-overlay.visible{animation:.2s fadeIn;display:block}.hamburger-btn{display:flex}.main-content{padding:4rem 1.5rem 1.5rem}.main-content.has-split-pane{height:auto;padding:3.5rem 0 0;overflow:visible}.hero-title{font-size:2rem}.hero-subtitle{font-size:1.5rem}.srs-dashboard-stats,.srs-quality-buttons{grid-template-columns:repeat(2,1fr)}.results-actions{flex-direction:column}.results-stats-row{flex-direction:column;align-items:center}.stats-pill{min-width:180px}}@media(max-width:480px){.quick-start-grid{grid-template-columns:1fr}.exercise-primary-text{font-size:1.5rem}.exercise-primary-text.large{font-size:1.7rem}.exercise-primary-text.english{font-size:1.1rem}.exercise-card,.feedback-panel{padding:1.25rem}.srs-quality-buttons{grid-template-columns:1fr}.config-chips{gap:.4rem}.config-chip{padding:.35rem .7rem;font-size:.75rem}.results-score-card{max-width:220px;padding:1.5rem}.results-score{font-size:2.75rem}}@media(min-width:768px)and (max-width:1024px){button,select,input,.touch-target{min-height:48px}.nav-item{align-items:center;min-height:44px;display:flex}.pdf-toolbar-btn{width:44px;height:44px}.pdf-page-input{width:52px;min-height:44px}.split-tab{min-height:48px;font-size:.9rem}}@media(max-width:640px){button,select,input,.touch-target{min-height:44px}}@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}