._app-layout_1hogg_2{min-height:100vh;display:flex}._main-area_1hogg_3{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-width:0;min-height:100vh;display:flex}._topbar_1hogg_11{background:var(--surface-container-lowest);border-bottom:1px solid var(--outline-variant);z-index:100;justify-content:space-between;align-items:center;height:64px;padding:0 32px;display:flex;position:sticky;top:0}._topbar-brand_1hogg_23{display:none}._topbar-brand-text_1hogg_26{font-family:var(--font-heading);color:var(--primary);cursor:pointer;font-size:1.2rem;font-weight:700}._topbar-right_1hogg_33{align-items:center;gap:16px;margin-left:auto;display:flex}._topbar-icon-btn_1hogg_39{color:var(--on-surface-variant);cursor:pointer;width:40px;height:40px;transition:background var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}._topbar-icon-btn_1hogg_39:hover{background:var(--surface-container-low);color:var(--on-surface)}._topbar-greeting_1hogg_56{color:var(--on-surface-variant);font-size:.875rem;font-weight:500}._topbar-avatar_1hogg_61{background:var(--primary-container);width:36px;height:36px;color:var(--on-primary-container);font-family:var(--font-heading);cursor:pointer;transition:transform var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:flex}._topbar-avatar_1hogg_61:hover{transform:scale(1.05)}._hamburger_1hogg_79{color:var(--on-surface-variant);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:none}._hamburger_1hogg_79:hover{background:var(--surface-container-low);color:var(--on-surface)}._sidebar-overlay_1hogg_95{z-index:199;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a33;position:fixed;inset:0}._sidebar_1hogg_95{width:var(--sidebar-width);background:var(--surface-container-lowest);border-right:1px solid var(--outline-variant);z-index:200;height:100vh;transition:transform .35s var(--ease);flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:hidden auto}._sidebar-brand_1hogg_103{align-items:center;gap:12px;padding:20px 24px;display:flex}._sidebar-logo_1hogg_104{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex;overflow:hidden}._sidebar-logo_1hogg_104 img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}._sidebar-logo-fallback_1hogg_109{background:var(--primary);width:34px;height:34px;font-family:var(--font-heading);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:800;display:flex}._sidebar-brand-text_1hogg_114{font-family:var(--font-heading);color:var(--primary);letter-spacing:-.01em;font-size:1.25rem;font-weight:700}._sidebar-user-card_1hogg_119{border-radius:var(--radius-lg);background:var(--surface-container-low);border:1px solid var(--surface-variant);cursor:pointer;transition:background var(--transition);align-items:center;gap:10px;margin:0 16px 8px;padding:12px;display:flex}._sidebar-user-card_1hogg_119:hover{background:var(--surface-container)}._sidebar-avatar_1hogg_126{background:var(--primary-container);width:40px;height:40px;color:var(--on-primary-container);font-family:var(--font-heading);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;display:flex}._sidebar-user-info_1hogg_131{flex-direction:column;display:flex;overflow:hidden}._sidebar-user-name_1hogg_132{font-family:var(--font-heading);color:var(--on-surface);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:500;overflow:hidden}._sidebar-user-role_1hogg_133{color:var(--on-surface-variant);font-size:.75rem}._sidebar-nav_1hogg_135{flex-direction:column;flex:1;gap:2px;min-height:0;padding:4px 16px;display:flex;overflow-y:auto}._sidebar-item_1hogg_136{border-radius:var(--radius-lg);color:var(--on-surface-variant);font-family:var(--font-heading);transition:all var(--transition);border-right:4px solid #0000;align-items:center;gap:12px;padding:12px 16px;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}._sidebar-item_1hogg_136:hover{background:var(--surface-container-low);color:var(--on-surface)}._sidebar-item_1hogg_136._active_1hogg_144{background:var(--surface-container-low);color:var(--primary);border-right-color:var(--primary);font-weight:700}._sidebar-icon_1hogg_148{flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}._sidebar-icon_1hogg_148 ._material-symbols-outlined_1hogg_149{font-size:22px}._sidebar-icon_1hogg_148 svg{stroke:currentColor}._sidebar-label_1hogg_151{white-space:nowrap}._sidebar-divider_1hogg_152{background:var(--outline-variant);height:1px;margin:8px 0}._sidebar-section-label_1hogg_153{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.08em;color:var(--outline);opacity:.7;padding:4px 16px 8px;font-size:.68rem;font-weight:700;display:block}._sidebar-footer_1hogg_160{border-top:1px solid var(--outline-variant);background:var(--surface-container-lowest);flex-direction:column;gap:12px;margin-top:auto;padding:16px 16px 20px;display:flex}._sidebar-cta_1hogg_169{background:var(--primary);width:100%;color:var(--on-primary);border-radius:var(--radius-lg);font-family:var(--font-heading);cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--transition);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.85rem;font-weight:600;display:flex}._sidebar-cta_1hogg_169:hover{background:var(--primary-container);box-shadow:var(--shadow);transform:translateY(-1px)}._sidebar-cta_1hogg_169:active{transform:translateY(0)}._sidebar-footer-links_1hogg_195{justify-content:space-between;align-items:center;gap:8px;display:flex}._sidebar-footer-link_1hogg_195{border:1px solid var(--outline-variant);border-radius:var(--radius-md);color:var(--on-surface-variant);font-family:var(--font-body);cursor:pointer;transition:all var(--transition);background:0 0;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:.75rem;font-weight:500;display:flex}._sidebar-footer-link_1hogg_195:hover{background:var(--surface-container-low);color:var(--on-surface);border-color:var(--outline)}._sidebar-footer-link_1hogg_195 ._material-symbols-outlined_1hogg_149{font-size:16px}._sidebar-footer-link_1hogg_195._sidebar-logout_1hogg_226:hover{color:var(--error);border-color:var(--error);background:#ba1a1a0f}._navbar-brand_1hogg_232{font-family:var(--font-heading);color:var(--on-surface);font-size:1.2rem;font-weight:700}._navbar-user_1hogg_233{color:var(--on-surface-variant);align-items:center;gap:16px;display:flex}@media (width<=992px){._sidebar_1hogg_95{transform:translate(-100%)}._sidebar_1hogg_95._sidebar-open_1hogg_238{transform:translate(0)}._main-area_1hogg_3{margin-left:0}._topbar_1hogg_11{padding:0 16px}._hamburger_1hogg_79,._topbar-brand_1hogg_23{display:flex}}:root{--background:#f7f9fb;--on-background:#191c1e;--surface:#f7f9fb;--surface-dim:#d8dadc;--surface-bright:#f7f9fb;--surface-container-lowest:#fff;--surface-container-low:#f2f4f6;--surface-container:#eceef0;--surface-container-high:#e6e8ea;--surface-container-highest:#e0e3e5;--surface-variant:#e0e3e5;--on-surface:#191c1e;--on-surface-variant:#434652;--inverse-surface:#2d3133;--inverse-on-surface:#eff1f3;--primary:#003178;--on-primary:#fff;--primary-container:#0d47a1;--on-primary-container:#a1bbff;--inverse-primary:#b0c6ff;--primary-fixed:#d9e2ff;--primary-fixed-dim:#b0c6ff;--on-primary-fixed:#001945;--on-primary-fixed-variant:#00429c;--surface-tint:#2b5bb5;--secondary:#005faf;--on-secondary:#fff;--secondary-container:#54a0fe;--on-secondary-container:#003567;--secondary-fixed:#d4e3ff;--secondary-fixed-dim:#a5c8ff;--on-secondary-fixed:#001c3a;--on-secondary-fixed-variant:#004786;--tertiary:#602100;--on-tertiary:#fff;--tertiary-container:#853100;--on-tertiary-container:#ffa781;--tertiary-fixed:#ffdbcd;--tertiary-fixed-dim:#ffb596;--on-tertiary-fixed:#360f00;--on-tertiary-fixed-variant:#7d2d00;--error:#ba1a1a;--on-error:#fff;--error-container:#ffdad6;--on-error-container:#93000a;--outline:#737783;--outline-variant:#c3c6d4;--spacing-base:8px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-gutter:24px;--spacing-margin:32px;--spacing-container-max-width:1280px;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0px 1px 2px #191c1e08;--shadow:0px 4px 20px #0000000d;--shadow-lg:0px 8px 24px #191c1e14;--transition:.2s cubic-bezier(.22, 1, .36, 1);--ease:cubic-bezier(.22, 1, .36, 1);--sidebar-width:240px;--font-heading:"Inter", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--color-bg:var(--background);--color-bg-secondary:var(--surface-container-low);--color-surface:#ffffffb8;--color-surface-solid:#fff;--color-surface-hover:var(--surface-container-low);--color-surface-elevated:#ffffffd9;--color-border:var(--outline-variant);--color-border-subtle:#191c1e0f;--color-text:var(--on-background);--color-text-secondary:var(--on-surface-variant);--color-text-muted:var(--outline);--color-primary:var(--primary);--color-primary-light:var(--primary-container);--color-emerald:#006c4a;--color-emerald-light:#82f5c1;--color-amber:var(--tertiary-container);--color-amber-light:var(--on-tertiary-container);--color-blue:var(--secondary);--color-error:var(--error);--color-success:#006c4a;--color-warning:#842c00;--color-accent-gradient:linear-gradient(135deg, var(--primary), var(--primary-container));--color-emerald-gradient:linear-gradient(135deg, #006c4a, #82f5c1);--color-primary-02:#00317805;--color-primary-03:#00317808;--color-primary-04:#0031780a;--color-primary-05:#0031780d;--color-primary-06:#0031780f;--color-primary-08:#00317814;--color-primary-10:#0031781a;--color-primary-15:#00317826;--color-primary-20:#00317833;--color-primary-40:#00317866;--clr-bg:var(--color-bg);--clr-surface:var(--color-surface-solid);--clr-border:var(--color-border);--clr-text:var(--color-text);--clr-text-muted:var(--color-text-muted);--clr-primary:var(--color-primary);--clr-success:var(--color-success);--clr-warning:var(--color-warning);--clr-error:var(--color-error)}[data-theme=dark]{--background:#111418;--on-background:#e2e4e6;--surface:#1a1e24;--surface-dim:#111418;--surface-bright:#2a2f36;--surface-container-lowest:#0d1015;--surface-container-low:#1e2228;--surface-container:#23272e;--surface-container-high:#2a2f36;--surface-container-highest:#33383f;--surface-variant:#3d4250;--on-surface:#e2e4e6;--on-surface-variant:#b0b4be;--inverse-surface:#e2e4e6;--inverse-on-surface:#2d3133;--primary:#7ba8f7;--on-primary:#002a6b;--primary-container:#1a56b8;--on-primary-container:#d9e2ff;--inverse-primary:#003178;--primary-fixed:#d9e2ff;--primary-fixed-dim:#7ba8f7;--on-primary-fixed:#001945;--on-primary-fixed-variant:#00429c;--surface-tint:#7ba8f7;--secondary:#8ec8ff;--on-secondary:#003560;--secondary-container:#1a6fc0;--on-secondary-container:#d4e3ff;--secondary-fixed:#d4e3ff;--secondary-fixed-dim:#8ec8ff;--on-secondary-fixed:#001c3a;--on-secondary-fixed-variant:#004786;--tertiary:#ffb596;--on-tertiary:#541a00;--tertiary-container:#a04000;--on-tertiary-container:#ffdbcd;--tertiary-fixed:#ffdbcd;--tertiary-fixed-dim:#ffb596;--on-tertiary-fixed:#360f00;--on-tertiary-fixed-variant:#7d2d00;--error:#ffb4ab;--on-error:#690005;--error-container:#93000a;--on-error-container:#ffdad6;--outline:#8a8e98;--outline-variant:#3d4250;--shadow-sm:0px 1px 3px #0000004d;--shadow:0px 4px 20px #00000059;--shadow-lg:0px 8px 24px #00000073;--color-bg:var(--background);--color-bg-secondary:var(--surface-container-low);--color-surface:#1a1e24b8;--color-surface-solid:#1a1e24;--color-surface-hover:var(--surface-container);--color-surface-elevated:#1a1e24d9;--color-border:var(--outline-variant);--color-border-subtle:#ffffff0f;--color-text:var(--on-background);--color-text-secondary:var(--on-surface-variant);--color-text-muted:var(--outline);--color-primary:var(--primary);--color-primary-light:var(--primary-container);--color-emerald:#6cdbab;--color-emerald-light:#004d35;--color-amber:var(--tertiary-container);--color-amber-light:var(--on-tertiary-container);--color-blue:var(--secondary);--color-error:var(--error);--color-success:#6cdbab;--color-warning:#ffb77c;--color-accent-gradient:linear-gradient(135deg, var(--primary), var(--primary-container));--color-emerald-gradient:linear-gradient(135deg, #6cdbab, #004d35);--color-primary-02:#7ba8f705;--color-primary-03:#7ba8f708;--color-primary-04:#7ba8f70a;--color-primary-05:#7ba8f70d;--color-primary-06:#7ba8f70f;--color-primary-08:#7ba8f714;--color-primary-10:#7ba8f71a;--color-primary-15:#7ba8f726;--color-primary-20:#7ba8f733;--color-primary-40:#7ba8f766}*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Inter,sans-serif;line-height:1.5}body{line-height:inherit;margin:0}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-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;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}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (width>=640px){.container{max-width:640px}}@media (width>=768px){.container{max-width:768px}}@media (width>=1024px){.container{max-width:1024px}}@media (width>=1280px){.container{max-width:1280px}}@media (width>=1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.\!visible{visibility:visible!important}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-y-0{top:0;bottom:0}.-bottom-8{bottom:-2rem}.-left-8{left:-2rem}.-right-8{right:-2rem}.-top-8{top:-2rem}.bottom-\[-10\%\]{bottom:-10%}.left-0{left:0}.left-2{left:.5rem}.left-\[-10\%\]{left:-10%}.right-0{right:0}.right-2{right:.5rem}.right-5{right:1.25rem}.right-\[-10\%\]{right:-10%}.top-0{top:0}.top-1\/2{top:50%}.top-5{top:1.25rem}.top-\[-10\%\]{top:-10%}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.z-\[-1\]{z-index:-1}.z-\[9999\]{z-index:9999}.col-span-12{grid-column:span 12/span 12}.col-span-2{grid-column:span 2/span 2}.col-span-4{grid-column:span 4/span 4}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-12{margin-top:3rem;margin-bottom:3rem}.my-sm{margin-top:8px;margin-bottom:8px}.\!mr-0{margin-right:0!important}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-lg{margin-bottom:24px}.mb-md{margin-bottom:16px}.mb-sm{margin-bottom:8px}.mb-xl{margin-bottom:32px}.mb-xs{margin-bottom:4px}.ml-1{margin-left:.25rem}.ml-auto{margin-left:auto}.ml-sm{margin-left:8px}.ml-xs{margin-left:4px}.mr-sm{margin-right:8px}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-auto{margin-top:auto}.mt-lg{margin-top:24px}.mt-md{margin-top:16px}.mt-sm{margin-top:8px}.mt-xl{margin-top:32px}.mt-xs{margin-top:4px}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-1\.5{height:.375rem}.h-1\/2{height:50%}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-20{height:5rem}.h-24{height:6rem}.h-28{height:7rem}.h-3{height:.75rem}.h-32{height:8rem}.h-4{height:1rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-8{height:2rem}.h-\[120px\]{height:120px}.h-\[220px\]{height:220px}.h-\[320px\]{height:320px}.h-\[340px\]{height:340px}.h-full{height:100%}.min-h-\[220px\]{min-height:220px}.min-h-screen{min-height:100vh}.w-1\.5{width:.375rem}.w-1\/2{width:50%}.w-1\/3{width:33.3333%}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-20{width:5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-32{width:8rem}.w-4{width:1rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-56{width:14rem}.w-72{width:18rem}.w-8{width:2rem}.w-full{width:100%}.min-w-\[200px\]{min-width:200px}.min-w-\[768px\]{min-width:768px}.max-w-2xl{max-width:42rem}.max-w-container_max_width{max-width:1280px}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-90{--tw-rotate:-90deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-\[fadeIn_0\.3s_ease-in-out\]{animation:.3s ease-in-out fadeIn}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.animate-bounce{animation:1s infinite bounce}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.resize{resize:both}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-gutter,.gap-lg{gap:24px}.gap-md{gap:16px}.gap-sm{gap:8px}.gap-xs{gap:4px}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-y-1{row-gap:.25rem}.space-y-lg>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(24px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(24px * var(--tw-space-y-reverse))}.space-y-md>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(16px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(16px * var(--tw-space-y-reverse))}.space-y-sm>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(8px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(8px * var(--tw-space-y-reverse))}.space-y-xl>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(32px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(32px * var(--tw-space-y-reverse))}.space-y-xs>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(4px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(4px * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-outline-variant>:not([hidden])~:not([hidden]){border-color:var(--outline-variant)}.self-end{align-self:flex-end}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-r-2{border-right-width:2px}.border-t{border-top-width:1px}.border-t-\[4px\]{border-top-width:4px}.border-dashed{border-style:dashed}.border-outline-variant{border-color:var(--outline-variant)}.border-primary{border-color:var(--primary)}.border-primary-fixed{border-color:var(--primary-fixed)}.border-transparent{border-color:#0000}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-white\/30{border-color:#ffffff4d}.border-t-primary{border-top-color:var(--primary)}.border-t-primary-container{border-top-color:var(--primary-container)}.border-t-secondary{border-top-color:var(--secondary)}.border-t-tertiary-container{border-top-color:var(--tertiary-container)}.border-t-transparent{border-top-color:#0000}.border-t-white{--tw-border-opacity:1;border-top-color:rgb(255 255 255/var(--tw-border-opacity,1))}.bg-\[\#e8f5e9\]{--tw-bg-opacity:1;background-color:rgb(232 245 233/var(--tw-bg-opacity,1))}.bg-background{background-color:var(--background)}.bg-black\/60{background-color:#0009}.bg-error-container{background-color:var(--error-container)}.bg-primary{background-color:var(--primary)}.bg-primary-container{background-color:var(--primary-container)}.bg-primary-fixed{background-color:var(--primary-fixed)}.bg-primary-fixed-dim{background-color:var(--primary-fixed-dim)}.bg-secondary{background-color:var(--secondary)}.bg-secondary-fixed-dim{background-color:var(--secondary-fixed-dim)}.bg-surface{background-color:var(--surface)}.bg-surface-bright{background-color:var(--surface-bright)}.bg-surface-container{background-color:var(--surface-container)}.bg-surface-container-high{background-color:var(--surface-container-high)}.bg-surface-container-highest{background-color:var(--surface-container-highest)}.bg-surface-container-low{background-color:var(--surface-container-low)}.bg-surface-container-lowest{background-color:var(--surface-container-lowest)}.bg-surface-variant{background-color:var(--surface-variant)}.bg-tertiary-container{background-color:var(--tertiary-container)}.bg-tertiary-fixed{background-color:var(--tertiary-fixed)}.object-cover{-o-object-fit:cover;object-fit:cover}.p-lg{padding:24px}.p-md{padding:16px}.p-sm{padding:8px}.p-xl{padding:32px}.p-xs{padding:4px}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-lg{padding-left:24px;padding-right:24px}.px-md{padding-left:16px;padding-right:16px}.px-sm{padding-left:8px;padding-right:8px}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-margin{padding-top:32px;padding-bottom:32px}.py-md{padding-top:16px;padding-bottom:16px}.py-sm{padding-top:8px;padding-bottom:8px}.pb-1{padding-bottom:.25rem}.pb-sm{padding-bottom:8px}.pb-xs{padding-bottom:4px}.pl-9{padding-left:2.25rem}.pl-\[40px\]{padding-left:40px}.pl-md{padding-left:16px}.pl-sm{padding-left:8px}.pr-4{padding-right:1rem}.pr-\[36px\]{padding-right:36px}.pr-\[40px\]{padding-right:40px}.pr-sm{padding-right:8px}.pt-lg{padding-top:24px}.pt-md{padding-top:16px}.pt-xl{padding-top:32px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-sans{font-family:Inter,sans-serif}.text-\[12px\]{font-size:12px}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-\[24px\]{font-size:24px}.text-\[32px\]{font-size:32px}.text-\[40px\]{font-size:40px}.text-\[48px\]{font-size:48px}.text-\[64px\]{font-size:64px}.text-body-lg{font-size:16px;font-weight:400;line-height:24px}.text-body-md{font-size:14px;font-weight:400;line-height:20px}.text-display-lg{letter-spacing:-.02em;font-size:32px;font-weight:700;line-height:40px}.text-headline-md{font-size:24px;font-weight:600;line-height:32px}.text-label-md{letter-spacing:.05em;font-size:12px;font-weight:500;line-height:16px}.text-sm{font-size:.875rem;line-height:1.25rem}.text-title-lg{font-size:20px;font-weight:600;line-height:28px}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-tighter{letter-spacing:-.05em}.text-\[\#2e7d32\]{--tw-text-opacity:1;color:rgb(46 125 50/var(--tw-text-opacity,1))}.text-on-background{color:var(--on-background)}.text-on-error-container{color:var(--on-error-container)}.text-on-primary{color:var(--on-primary)}.text-on-primary-container{color:var(--on-primary-container)}.text-on-surface{color:var(--on-surface)}.text-on-surface-variant{color:var(--on-surface-variant)}.text-on-tertiary-fixed{color:var(--on-tertiary-fixed)}.text-outline{color:var(--outline)}.text-outline-variant{color:var(--outline-variant)}.text-primary{color:var(--primary)}.text-primary-container{color:var(--primary-container)}.text-primary-fixed-dim{color:var(--primary-fixed-dim)}.text-secondary{color:var(--secondary)}.text-surface-container-high{color:var(--surface-container-high)}.text-tertiary{color:var(--tertiary)}.text-tertiary-container{color:var(--tertiary-container)}.text-tertiary-fixed-dim{color:var(--tertiary-fixed-dim)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.shadow-\[0_4px_20px_rgba\(0\,0\,0\,0\.05\)\]{--tw-shadow:0 4px 20px #0000000d;--tw-shadow-colored:0 4px 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 #0000000d;--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.outline-none{outline-offset:2px;outline:2px solid #0000}.outline{outline-style:solid}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-2xl{--tw-blur:blur(40px);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)}.blur-3xl{--tw-blur:blur(64px);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)}.blur-\[120px\]{--tw-blur:blur(120px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-shadow{transition-property:box-shadow;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);line-height:1.6}a{color:var(--color-primary);transition:color var(--transition);text-decoration:none}a:hover{color:var(--color-emerald-light)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}body:after{content:"";pointer-events:none;z-index:9999;opacity:.018;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.btn{border-radius:var(--radius-sm);font-family:var(--font-heading);cursor:pointer;transition:all var(--transition);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 24px;font-size:.9rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--color-accent-gradient);color:var(--on-primary)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow);transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-outline{color:var(--color-text-secondary);border:1px solid var(--color-border);background:0 0}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-04)}.btn-sm{border-radius:8px;padding:6px 14px;font-size:.8rem}.btn-lg{border-radius:12px;padding:14px 32px;font-size:1rem}.btn-back{color:var(--color-text-muted);font-family:var(--font-body);cursor:pointer;transition:color var(--transition);background:0 0;border:none;align-items:center;gap:6px;margin-bottom:16px;padding:4px 0;font-size:.9rem;display:inline-flex}.btn-back:hover{color:var(--color-primary)}.card{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all var(--transition);padding:24px}.card:hover{box-shadow:var(--shadow);border-color:#0f766e33;transform:translateY(-1px)}.card-clickable{cursor:pointer;position:relative}.card-clickable:hover{border-color:var(--color-primary)}.card-action{font-family:var(--font-heading);color:var(--color-primary);transition:transform var(--transition);margin-top:12px;font-size:.85rem;font-weight:600;display:block}.card-clickable:hover .card-action{transform:translate(4px)}.spinner{border:2px solid #0f172a1a;border-top-color:var(--color-primary);border-radius:50%;width:18px;height:18px;margin-right:8px;animation:.6s linear infinite spin;display:inline-block}.loading-screen{height:100vh;font-family:var(--font-heading);color:var(--color-text-muted);justify-content:center;align-items:center;font-size:1.1rem;display:flex}.loading-spinner{justify-content:center;align-items:center;padding:80px 0;display:flex}.reading-config-content{max-width:820px;margin:0 auto;padding:40px 32px}.reading-config-header h1{font-family:var(--font-heading);font-size:1.8rem;font-weight:700}.config-form{margin-top:32px}.config-section{margin-bottom:36px}.config-section h2{font-family:var(--font-heading);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px;font-size:1rem;font-weight:600}.topic-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.topic-card{background:var(--color-surface-solid);border:1.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);font-family:var(--font-heading);color:var(--color-text);flex-direction:column;align-items:center;gap:8px;padding:20px 16px;font-size:.88rem;font-weight:600;display:flex}.topic-card:hover{border-color:var(--color-primary);background:var(--color-primary-02)}.topic-card.active{border-color:var(--color-primary);background:var(--color-primary-05);box-shadow:0 0 0 3px var(--color-primary-08)}.topic-icon{font-size:1.8rem}.topic-label{color:var(--color-text)}.difficulty-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.difficulty-card{text-align:left;background:var(--color-surface-solid);border:1.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);color:var(--color-text);padding:18px 20px}.difficulty-card:hover{border-color:var(--color-primary)}.difficulty-card.active{border-color:var(--color-primary);background:var(--color-primary-05);box-shadow:0 0 0 3px var(--color-primary-08)}.diff-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.diff-label{font-family:var(--font-heading);font-size:.95rem;font-weight:600}.diff-time{color:var(--color-primary);background:var(--color-primary-08);border-radius:999px;padding:2px 10px;font-size:.8rem;font-weight:600}.diff-desc{color:var(--color-text-muted);margin:0;font-size:.85rem}.btn-generate{width:100%;margin-top:8px;padding:16px;font-size:1.05rem}.config-footer{text-align:center;margin-top:32px}.reading-exam-page{background:var(--background);flex-direction:column;height:100vh;display:flex;overflow:hidden}.exam-topbar{background:var(--surface-container-lowest);border-bottom:1px solid var(--outline-variant);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;height:64px;padding:12px 24px;display:flex}.exam-topbar-left{align-items:center;gap:16px;display:flex}.exam-topbar-center{text-align:center;flex:1}.exam-topbar-center h1{font-family:var(--font-heading);color:var(--on-surface);font-size:1rem;font-weight:600}.exam-topbar-center p{color:var(--on-surface-variant);font-size:.75rem}.exam-topbar-right{align-items:center;gap:10px;display:flex}.exam-logo{font-family:var(--font-heading);color:var(--primary);font-size:1.1rem;font-weight:700}.exam-divider-v{background:var(--outline-variant);width:1px;height:24px}.exam-topic-badge,.exam-diff-badge{color:var(--primary);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;font-family:var(--font-heading);text-transform:capitalize;background:#003fb10f;padding:4px 12px}.exam-diff-badge{color:var(--secondary);background:#006c4a0f}.exam-progress{color:var(--on-surface-variant);font-size:.85rem;font-weight:500}.exam-timer-pill{background:var(--surface-container-low);border:1px solid var(--outline-variant);border-radius:var(--radius-full);font-family:var(--font-mono);color:var(--on-surface);align-items:center;gap:6px;padding:6px 14px;font-size:.95rem;font-weight:700;display:flex}.exam-timer-pill.warning{color:var(--error);background:#ba1a1a0f;border-color:#ba1a1a4d}.writing-suggested-time{background:var(--surface-container-low);border-bottom:1px solid var(--outline-variant);color:var(--on-surface-variant);font-size:.8rem;font-family:var(--font-body);justify-content:center;align-items:center;gap:8px;padding:6px 16px;display:flex}.btn-exam-help{border:1px solid var(--outline-variant);border-radius:var(--radius-full);font-family:var(--font-heading);color:var(--on-surface-variant);cursor:pointer;transition:all var(--transition);background:0 0;align-items:center;gap:6px;padding:6px 16px;font-size:.875rem;display:flex}.btn-exam-help:hover{border-color:var(--primary);color:var(--primary)}.btn-submit-exam{border-radius:var(--radius-full);padding:8px 20px;font-size:.875rem}.exam-split{flex:1;display:flex;overflow:hidden}.exam-left{background:var(--surface-container-lowest);border-right:1px solid var(--outline-variant);scrollbar-width:thin;flex:1;padding:32px;overflow-y:auto}.exam-right{background:var(--background);scrollbar-width:thin;flex:1;padding:32px;overflow-y:auto}.exam-divider{display:none}.exam-action-bar{background:var(--surface-container-lowest);border-top:1px solid var(--outline-variant);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.exam-action-bar-left{color:var(--on-surface-variant);align-items:center;gap:8px;font-size:.875rem;display:flex}.exam-action-bar-right{align-items:center;gap:10px;display:flex}.passage-viewer{max-width:700px}.passage-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.passage-header h3{font-family:var(--font-heading);font-size:1.1rem;font-weight:700}.passage-badge{background:var(--color-primary-08);color:var(--color-primary);border-radius:999px;padding:3px 10px;font-size:.72rem;font-weight:600}.passage-paragraph{color:var(--color-text-secondary);text-align:justify;margin-bottom:16px;font-size:1rem;line-height:1.85}.passage-paragraph::selection{background:var(--color-primary-15)}.question-panel-title{font-family:var(--font-heading);margin-bottom:20px;font-size:1.1rem;font-weight:700}.question-item{border-bottom:1px solid var(--color-border);margin-bottom:28px;padding-bottom:24px}.question-item:last-child{border-bottom:none}.question-number{font-family:var(--font-heading);color:var(--color-primary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:.82rem;font-weight:700}.question-text{color:var(--color-text);margin-bottom:14px;font-size:.95rem;line-height:1.6}.mcq-options{flex-direction:column;gap:8px;display:flex}.mcq-option{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);align-items:flex-start;gap:10px;padding:10px 14px;font-size:.9rem;display:flex}.mcq-option:hover{border-color:var(--color-primary);background:var(--color-primary-02)}.mcq-option.selected{border-color:var(--color-primary);background:var(--color-primary-06)}.mcq-option input[type=radio]{display:none}.mcq-radio-mark{border:2px solid var(--color-border);width:18px;min-width:18px;height:18px;transition:all var(--transition);border-radius:50%;margin-top:2px;position:relative}.mcq-option.selected .mcq-radio-mark{border-color:var(--color-primary);background:var(--color-primary)}.mcq-option.selected .mcq-radio-mark:after{content:"";background:var(--on-primary);border-radius:50%;width:8px;height:8px;position:absolute;top:3px;left:3px}.mcq-label{flex:1}.mcq-letter{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:600;display:flex}.mcq-option.selected .mcq-letter{background:var(--color-primary);color:var(--on-primary);border-color:var(--color-primary)}.tfng-options{gap:8px;display:flex}.tfng-btn{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-family:var(--font-heading);cursor:pointer;transition:all var(--transition);flex:1;padding:10px 16px;font-size:.85rem;font-weight:600}.tfng-btn:hover{border-color:var(--color-primary)}.tfng-btn.active{border-color:var(--color-primary);background:var(--color-primary-06);color:var(--color-primary)}.tfng-btn:disabled{opacity:.5;cursor:not-allowed}.labeled-paragraph{align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.labeled-paragraph p{flex:1;margin:0}.paragraph-label{background:var(--color-primary-08);width:30px;min-width:30px;height:30px;color:var(--color-primary);font-family:var(--font-heading);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-size:.85rem;font-weight:700;display:inline-flex}.question-group{margin-bottom:32px}.group-label{font-family:var(--font-heading);color:var(--color-text);background:var(--color-primary-04);border-left:3px solid var(--color-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin-bottom:16px;padding:12px 16px;font-size:.9rem;font-weight:700}.word-limit-badge{color:var(--color-amber);font-family:var(--font-heading);background:#f59e0b14;border-radius:999px;margin-bottom:14px;padding:3px 12px;font-size:.75rem;font-weight:600;display:inline-block}.completion-input-wrapper{margin-top:4px}.completion-input{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;max-width:320px;color:var(--color-text);font-size:.9rem;font-family:var(--font-body);transition:all var(--transition);padding:10px 14px}.completion-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-08);outline:none}.completion-input:disabled{opacity:.5;cursor:not-allowed}.matching-select{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;max-width:400px;color:var(--color-text);font-size:.9rem;font-family:var(--font-body);cursor:pointer;transition:all var(--transition);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding:10px 36px 10px 14px}.matching-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-08);outline:none}.matching-select:disabled{opacity:.5;cursor:not-allowed}.completion-select{max-width:280px}.summary-block{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:20px;padding:20px}.summary-text{color:var(--color-text);font-size:.95rem;line-height:2}.summary-blank{background:var(--color-bg);border:1px dashed var(--color-primary);border-radius:var(--radius-sm);min-width:120px;color:var(--color-text);text-align:center;vertical-align:baseline;margin:0 4px;padding:4px 10px;font-size:.88rem;display:inline-block}.summary-blank:focus{border-style:solid;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-08);outline:none}.summary-blank-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;min-width:140px;padding-right:28px}.result-summary-block{margin-bottom:16px}.summary-filled{border-radius:var(--radius-sm);margin:0 4px;padding:2px 10px;font-size:.88rem;font-weight:600;display:inline-block}.summary-filled.correct{color:var(--color-success);background:#10b98114;border:1px solid #10b98133}.summary-filled.incorrect{color:var(--color-error);background:#ef444414;border:1px solid #ef444433;text-decoration:line-through}.summary-correct-hint{color:var(--color-success);font-size:.82rem;font-weight:600;text-decoration:none}.rq-completion-answer,.rq-matching-answer{flex-direction:column;gap:4px;margin-bottom:12px;font-size:.9rem;display:flex}.rq-no-answer{color:var(--color-text-muted);font-size:.88rem;font-style:italic}.result-question-group{margin-bottom:24px}.result-group-label{margin-bottom:12px}.countdown-timer{align-items:center;gap:10px;display:flex}.timer-toggle{border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;font-size:.78rem;font-family:var(--font-heading);transition:all var(--transition);background:0 0;padding:4px 12px;font-weight:500}.timer-toggle:hover{border-color:var(--color-primary);color:var(--color-primary)}.timer-display{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);align-items:center;gap:6px;padding:6px 14px;display:flex}.timer-icon{color:var(--color-text-muted)}.timer-text{font-family:var(--font-mono);color:var(--color-text);letter-spacing:.05em;font-size:1.05rem;font-weight:700}.countdown-timer.warning .timer-display{border-color:var(--color-error);background:#ef44440a}.countdown-timer.warning .timer-text,.countdown-timer.warning .timer-icon{color:var(--color-error)}.timer-display.pulse{animation:1s ease-in-out infinite timerPulse}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.5}}.countdown-timer.expired .timer-text{color:var(--color-error)}.result-content{max-width:820px;margin:0 auto;padding:40px 32px}.result-score-card{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);align-items:center;gap:40px;margin-bottom:32px;padding:32px;display:flex}.score-ring-container{flex-shrink:0;width:120px;height:120px;position:relative}.score-ring{transform:rotate(-90deg)}.score-ring-bg{fill:none;stroke:var(--color-bg-secondary);stroke-width:8px}.score-ring-fill{fill:none;stroke:var(--color-primary);stroke-width:8px;stroke-linecap:round;transition:stroke-dasharray 1s}.score-ring-text{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.score-band{font-family:var(--font-heading);color:var(--color-primary);font-size:2rem;font-weight:800}.score-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:600}.score-details h1{font-family:var(--font-heading);margin-bottom:16px;font-size:1.4rem;font-weight:700}.score-stats{gap:24px;margin-bottom:16px;display:flex}.score-stat{flex-direction:column;align-items:center;display:flex}.stat-value{font-family:var(--font-heading);color:var(--color-text);font-size:1.4rem;font-weight:800}.stat-label{color:var(--color-text-muted);text-transform:uppercase;font-size:.72rem;font-weight:600}.score-meta{gap:8px;display:flex}.meta-badge{background:var(--color-primary-08);color:var(--color-primary);text-transform:capitalize;border-radius:999px;padding:3px 10px;font-size:.78rem;font-weight:600;display:inline-block}.meta-badge.diff{color:var(--color-blue);background:#2563eb14}.result-passage-toggle{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:32px;overflow:hidden}.result-passage-toggle summary{cursor:pointer;font-family:var(--font-heading);color:var(--color-text-muted);transition:color var(--transition);padding:14px 20px;font-size:.95rem;font-weight:600}.result-passage-toggle summary:hover{color:var(--color-primary)}.result-passage{color:var(--color-text-secondary);padding:0 20px 20px;font-size:.92rem;line-height:1.8}.result-passage p{margin-bottom:12px}.result-questions{margin-bottom:32px}.result-questions h2{font-family:var(--font-heading);margin-bottom:20px;font-size:1.2rem;font-weight:700}.result-question-item{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--radius-md);border-left:4px solid var(--color-border);transition:all var(--transition);margin-bottom:16px;padding:20px}.result-question-item.correct{border-left-color:var(--color-success)}.result-question-item.incorrect{border-left-color:var(--color-error)}.rq-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.rq-number{font-family:var(--font-heading);color:var(--color-text-muted);font-size:.82rem;font-weight:700}.rq-status{font-family:var(--font-heading);border-radius:999px;padding:2px 10px;font-size:.78rem;font-weight:700}.rq-status.correct{color:var(--color-success);background:#10b98114}.rq-status.incorrect{color:var(--color-error);background:#ef444414}.rq-type-badge{background:var(--color-bg-secondary);color:var(--color-text-muted);border-radius:999px;padding:2px 8px;font-size:.7rem;font-weight:600}.rq-text{margin-bottom:12px;font-size:.95rem;line-height:1.6}.rq-options{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.rq-option{border-radius:var(--radius-sm);background:var(--color-bg);border:1px solid #0000;align-items:center;gap:10px;padding:8px 12px;font-size:.88rem;display:flex}.rq-option.correct-answer{border-color:var(--color-success);background:#10b9810a}.rq-option.wrong-answer{border-color:var(--color-error);background:#ef44440a}.rq-option-key{font-family:var(--font-heading);color:var(--color-text-muted);min-width:18px;font-size:.82rem;font-weight:700}.rq-tfng-answer{flex-direction:column;gap:4px;margin-bottom:12px;font-size:.9rem;display:flex}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.rq-explanation{color:var(--color-text-secondary);background:var(--color-primary-03);border-radius:var(--radius-sm);border-left:3px solid var(--color-primary);padding:12px 14px;font-size:.88rem;line-height:1.6}.rq-explanation strong{color:var(--color-primary)}.result-actions{justify-content:center;gap:12px;display:flex}.history-content{max-width:1000px;margin:0 auto;padding:40px 32px}.empty-state{text-align:center;color:var(--color-text-muted);padding:60px 20px}.empty-icon{opacity:.4;margin-bottom:20px}.empty-state p{margin-bottom:20px;font-size:1rem}.history-table-wrapper{margin-top:24px;overflow-x:auto}.history-table{border-collapse:separate;border-spacing:0;width:100%}.history-table th{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);text-align:left;border-bottom:1px solid var(--color-border);padding:12px 16px;font-size:.78rem;font-weight:600}.history-table td{border-bottom:1px solid var(--color-border);color:var(--color-text);padding:14px 16px;font-size:.9rem}.history-table tbody tr{transition:background var(--transition)}.history-table tbody tr:hover{background:var(--color-bg-secondary)}.band-score{font-family:var(--font-heading);border-radius:999px;padding:2px 10px;font-size:.95rem;font-weight:700}.band-high{color:var(--color-success);background:#10b98114}.band-mid{color:var(--color-warning);background:#f59e0b14}.band-low{color:var(--color-error);background:#ef444414}.writing-page,.writing-editor-page,.writing-result-page{background:var(--color-bg);min-height:100vh}.writing-content,.writing-result-content,.editor-content{max-width:820px;margin:0 auto;padding:40px 32px}.writing-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.writing-header h1{font-family:var(--font-heading);font-size:1.8rem;font-weight:700}.writing-filter{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.filter-btn{background:var(--color-surface-solid);border:1px solid var(--color-border);color:var(--color-text-muted);font-family:var(--font-heading);cursor:pointer;transition:all var(--transition);border-radius:999px;padding:7px 18px;font-size:.82rem;font-weight:600}.filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.filter-btn.active{background:var(--color-primary-06);border-color:var(--color-primary);color:var(--color-primary)}.prompt-list{flex-direction:column;gap:16px;display:flex}.prompt-card{padding:24px}.prompt-card-header{margin-bottom:12px}.essay-type-badge{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:4px 14px;font-size:.75rem;font-weight:600;display:inline-block}.badge-opinion{color:var(--color-blue);background:#2563eb14}.badge-discussion{background:var(--color-primary-08);color:var(--color-primary)}.badge-cause,.badge-cause_and_effect{color:var(--color-amber);background:#f59e0b14}.badge-problem,.badge-problem_and_solution{color:#f43f5e;background:#f43f5e14}.badge-advantages,.badge-advantages_disadvantages{color:#8b5cf6;background:#8b5cf614}.badge-twopart,.badge-two_part_question{color:#64748b;background:#64748b14}.badge-line-graph,.badge-line_graph{color:var(--color-success);background:#10b98114}.badge-bar-chart,.badge-bar_chart{color:var(--color-blue);background:#2563eb14}.badge-pie-chart,.badge-pie_chart{color:var(--color-amber);background:#f59e0b14}.badge-table{color:#8b5cf6;background:#8b5cf614}.badge-map{color:#ec4899;background:#ec489914}.badge-diagram{color:var(--color-emerald);background:#006c4a14}.prompt-text{color:var(--color-text);margin-bottom:12px;font-size:.95rem;line-height:1.7}.empty-msg{text-align:center;color:var(--color-text-muted);padding:40px 0}.task-tabs{border-bottom:2px solid var(--color-border);gap:0;margin-bottom:20px;padding:0;display:flex}.task-tab-btn{color:var(--color-text-muted);font-family:var(--font-heading);cursor:pointer;transition:all var(--transition);background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:8px;margin-bottom:-2px;padding:14px 24px;font-size:1rem;font-weight:600;display:flex;position:relative}.task-tab-btn:hover{color:var(--color-text)}.task-tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.task-tab-btn svg{opacity:.5;transition:opacity var(--transition)}.task-tab-btn.active svg{opacity:1;stroke:var(--color-primary)}.task-tab-desc{color:var(--color-text-muted);margin-left:2px;font-size:.72rem;font-weight:400}.task-tab-btn.active .task-tab-desc{color:var(--color-primary);opacity:.7}.prompt-card-with-image{flex-direction:row;gap:20px;padding:20px;display:flex}.prompt-card-thumbnail{background:var(--surface-container-low);border:1px solid var(--color-border);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:160px;min-height:100px;display:flex;overflow:hidden}.prompt-card-thumbnail img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.prompt-card-body{flex:1;min-width:0}.prompt-image-container{border:1px solid var(--color-border);background:var(--surface-container-lowest);border-radius:8px;justify-content:center;align-items:center;margin-top:16px;padding:16px;display:flex;overflow:hidden}.prompt-image{-o-object-fit:contain;object-fit:contain;max-width:100%;max-height:360px}.editor-prompt-card{margin-bottom:24px}.editor-prompt-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.task-label{font-family:var(--font-heading);color:var(--color-text-muted);font-size:.82rem;font-weight:600}.editor-prompt-text{color:var(--color-text);margin-bottom:12px;font-size:1rem;line-height:1.7}.editor-prompt-hint{color:var(--color-text-muted);font-size:.85rem;font-style:italic}.editor-textarea-wrapper{margin-bottom:0}.editor-textarea{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--radius-md) var(--radius-md) 0 0;width:100%;min-height:400px;color:var(--color-text);font-family:var(--font-body);resize:vertical;transition:border-color var(--transition);padding:28px;font-size:1rem;line-height:1.8}.editor-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-06);outline:none}.editor-textarea::placeholder{color:var(--color-text-muted)}.editor-status-bar{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:0 0 var(--radius-md) var(--radius-md);border-top:none;justify-content:space-between;align-items:center;margin-bottom:24px;padding:12px 20px;display:flex}.word-count{font-size:.88rem;font-weight:600;font-family:var(--font-mono);align-items:center;gap:6px;display:flex}.word-count svg{opacity:.4}.count-ok{color:var(--color-success)}.count-low{color:var(--color-error)}.count-warning{opacity:.7;font-size:.8rem;font-weight:400}.btn-grade{padding:10px 28px;font-size:.95rem}.writing-result-content h1{font-family:var(--font-heading);margin-bottom:32px;font-size:1.8rem;font-weight:700}.writing-score-section{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);align-items:center;gap:48px;margin-bottom:24px;padding:32px;display:flex}.overall-score-circle{flex-shrink:0;position:relative}.overall-score-text{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.overall-band{font-family:var(--font-heading);color:var(--color-primary);font-size:2.2rem;font-weight:800}.overall-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;font-weight:600}.score-ring-animated{animation:1s ease-out forwards scoreRingIn}@keyframes scoreRingIn{0%{stroke-dasharray:0 327}}.criteria-bars{flex-direction:column;flex:1;gap:16px;display:flex}.criteria-row{align-items:center;gap:16px;display:flex}.criteria-label{min-width:150px;font-family:var(--font-heading);color:var(--color-text);font-size:.88rem;font-weight:600}.criteria-bar-track{background:var(--color-bg-secondary);border-radius:3px;flex:1;height:6px;overflow:hidden}.criteria-bar-fill{border-radius:3px;height:100%;transition:width 1s ease-out}.criteria-score{font-family:var(--font-mono);text-align:right;min-width:32px;font-size:1rem;font-weight:700}.feedback-card{margin-bottom:24px}.feedback-card h3{font-family:var(--font-heading);color:var(--color-primary);margin-bottom:12px;font-size:1.05rem;font-weight:700}.feedback-card p{color:var(--color-text-secondary);font-size:.92rem;line-height:1.7}.writing-tabs{border-bottom:1px solid var(--color-border);gap:0;margin-bottom:0;display:flex}.tab-btn{color:var(--color-text-muted);font-family:var(--font-heading);cursor:pointer;transition:all var(--transition);background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 24px;font-size:.88rem;font-weight:600}.tab-btn:hover{color:var(--color-text)}.tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab-content{padding:24px 0}.error-table{border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;display:flex;overflow:hidden}.error-table-header{background:var(--color-bg-secondary);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);grid-template-columns:1fr 1.2fr 1fr;padding:12px 16px;font-size:.78rem;font-weight:600;display:grid}.error-table-row{border-top:1px solid var(--color-border);grid-template-columns:1fr 1.2fr 1fr;padding:16px;font-size:.88rem;line-height:1.6;display:grid}.error-table-row:nth-child(2n){background:var(--surface-container-low)}.error-original{color:var(--color-error);padding-right:12px}.error-explanation{color:var(--color-text-muted);padding:0 12px}.error-corrected{color:var(--color-success);padding-left:12px}.error-type-badge{font-size:.68rem;font-weight:600;font-family:var(--font-heading);text-transform:uppercase;border-radius:999px;margin-bottom:4px;margin-right:6px;padding:2px 8px;display:inline-block}.etype-grammar{color:var(--color-error);background:#ef444414}.etype-vocabulary{color:var(--color-blue);background:#2563eb14}.etype-coherence{color:var(--color-amber);background:#f59e0b14}.etype-spelling{background:var(--color-primary-08);color:var(--color-primary)}.etype-punctuation{color:var(--color-text-muted);background:#64748b1a}.rewrite-panel{flex-direction:column;gap:16px;display:flex}.rewrite-text{padding:28px}.rewrite-paragraph{color:var(--color-text);margin-bottom:12px;font-size:.95rem;line-height:1.8}.rewrite-paragraph:last-child{margin-bottom:0}.improvement-notes{padding:24px}.improvement-notes h3{font-family:var(--font-heading);color:var(--color-primary);margin-bottom:12px;font-size:1rem;font-weight:700}.improvement-notes ul{padding:0;list-style:none}.improvement-notes li{color:var(--color-text);margin-bottom:8px;padding-left:20px;font-size:.9rem;line-height:1.6;position:relative}.improvement-notes li:before{content:"";background:var(--color-primary);border-radius:50%;width:6px;height:6px;position:absolute;top:8px;left:0}.history-list{flex-direction:column;gap:12px;margin-top:24px;display:flex}.history-card{padding:20px 24px}.history-card-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.history-date{color:var(--color-text-muted);font-size:.8rem}.history-prompt-preview{color:var(--color-text);margin-bottom:12px;font-size:.9rem;line-height:1.5}.history-card-bottom{justify-content:space-between;align-items:center;display:flex}.history-words{color:var(--color-text-muted);font-size:.82rem}.history-score{font-family:var(--font-heading);font-size:1rem;font-weight:700}.listening-page{background:var(--color-bg);min-height:100vh;color:var(--color-text)}.listening-content{max-width:1100px;margin:0 auto;padding:32px 24px}.listening-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:40px;display:flex}.listening-header h1{margin-bottom:4px}.listening-section{margin-bottom:40px}.listening-section-title{font-size:1.05rem;font-family:var(--font-heading);color:var(--color-text-muted);border-bottom:1px solid var(--color-border);margin-bottom:16px;padding-bottom:8px}.listening-cards-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.listening-part-card{flex-direction:column;gap:12px;display:flex}.listening-part-card h3{margin:0;font-size:1.05rem}.listening-part-meta{justify-content:space-between;align-items:center;display:flex}.listening-duration{color:var(--color-text-muted);font-size:.85rem}.listening-topic{color:var(--color-text-muted);font-size:.9rem}.listening-part-footer{color:var(--color-text-muted);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;font-size:.85rem;display:flex}.badge-part1{color:var(--color-success);background:#10b9811a;border-radius:6px;padding:3px 10px;font-size:.72rem;font-weight:600}.badge-part2{color:var(--color-blue);background:#2563eb1a;border-radius:6px;padding:3px 10px;font-size:.72rem;font-weight:600}.badge-part3{color:var(--color-amber);background:#f59e0b1a;border-radius:6px;padding:3px 10px;font-size:.72rem;font-weight:600}.badge-part4{color:var(--color-error);background:#ef44441a;border-radius:6px;padding:3px 10px;font-size:.72rem;font-weight:600}.badge-mock{color:var(--color-error);background:#ef444414;border-radius:6px;padding:4px 12px;font-size:.72rem;font-weight:600}.badge-practice{color:var(--color-success);background:#10b98114;border-radius:6px;padding:4px 12px;font-size:.72rem;font-weight:600}.audio-player{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);align-items:center;gap:12px;margin-top:12px;padding:14px 20px;display:flex}.audio-play-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .15s;display:flex}.audio-play-btn:hover{box-shadow:var(--shadow);transform:scale(1.06)}.audio-time{color:var(--color-text-muted);font-variant-numeric:tabular-nums;text-align:center;min-width:36px;font-size:.78rem;font-family:var(--font-mono);flex-shrink:0}.audio-seekbar{background:var(--color-bg-secondary);cursor:pointer;border-radius:2px;flex:1;height:4px;transition:height .15s;position:relative}.audio-seekbar:hover{height:8px}.audio-seekbar-locked{cursor:not-allowed;opacity:.5}.audio-seekbar-fill{background:var(--color-primary);border-radius:2px;height:100%;transition:width .1s linear}.audio-seekbar-thumb{background:var(--color-primary);border:2px solid var(--color-surface-solid);width:12px;height:12px;box-shadow:var(--shadow-sm);border-radius:50%;transition:transform .1s;position:absolute;top:50%;transform:translate(-50%,-50%)}.audio-seekbar:hover .audio-seekbar-thumb{transform:translate(-50%,-50%)scale(1.2)}.audio-volume{color:var(--color-text-muted);flex-shrink:0;align-items:center;gap:6px;display:flex}.audio-volume-slider{appearance:none;background:var(--color-border);border-radius:2px;outline:none;width:60px;height:3px}.audio-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-primary);cursor:pointer;border-radius:50%;width:10px;height:10px}.audio-mock-badge{color:var(--color-error);letter-spacing:.5px;border:1px solid #ef44444d;border-radius:4px;flex-shrink:0;padding:3px 8px;font-size:.68rem;font-weight:700}.listening-exam-layout{max-width:820px;margin:0 auto;padding:24px}.listening-part-tabs{gap:8px;margin-bottom:24px;padding-bottom:4px;display:flex;overflow-x:auto}.part-tab{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;white-space:nowrap;transition:all var(--transition);font-size:.85rem;font-family:var(--font-heading);padding:9px 18px;font-weight:500}.part-tab:hover{border-color:var(--color-primary);color:var(--color-text)}.part-tab.active{background:var(--color-primary);color:var(--on-primary);border-color:var(--color-primary)}.listening-audio-section{margin-bottom:32px}.listening-audio-section h2{font-size:1.2rem;font-family:var(--font-heading);margin-bottom:4px}.listening-topic-label{color:var(--color-text-muted);margin-bottom:8px;font-size:.9rem}.answer-progress{color:var(--color-text-muted);font-size:.85rem}.listening-questions{flex-direction:column;gap:20px;display:flex}.question-card{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition);box-shadow:var(--shadow-sm);gap:16px;padding:20px;display:flex}.question-card:hover{border-color:var(--color-primary-20)}.fill-blank-question,.mcq-question{flex:1}.fill-blank-input{background:var(--color-bg-secondary);border:2px dashed var(--color-primary);width:180px;color:var(--color-text);text-align:center;transition:border-color var(--transition);border-radius:8px;outline:none;margin:0 4px;padding:6px 12px;font-size:.95rem;display:inline-block}.fill-blank-input:focus{box-shadow:0 0 0 3px var(--color-primary-08);border-style:solid}.listening-submit-bar{border-top:1px solid var(--color-border);justify-content:center;margin-top:32px;padding-top:24px;display:flex}.listening-result-content{max-width:1000px;margin:0 auto;padding:32px 24px}.result-score-section{background:var(--color-surface-solid);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);align-items:center;gap:40px;margin:32px 0;padding:32px;display:flex}.stat-item{flex-direction:column;gap:6px;display:flex}.result-tabs{background:var(--color-bg-secondary);border-radius:var(--radius-sm);gap:2px;margin-bottom:24px;padding:3px;display:flex}.result-part-section{margin-bottom:32px}.result-part-section h3{color:var(--color-text);font-family:var(--font-heading);margin-bottom:16px}.answer-grid{flex-direction:column;gap:12px;display:flex}.answer-card{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--radius-md);border-left:4px solid;padding:16px 20px}.answer-card.correct{border-left-color:var(--color-success)}.answer-card.wrong{border-left-color:var(--color-error)}.answer-card-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.answer-status{font-size:1.1rem;font-weight:700}.status-correct{color:var(--color-success)}.status-wrong{color:var(--color-error)}.answer-type{background:var(--color-bg-secondary);color:var(--color-text-muted);border-radius:4px;padding:2px 8px;font-size:.68rem}.answer-question-text{margin-bottom:10px;font-size:.9rem;line-height:1.5}.answer-comparison{flex-direction:column;gap:4px;display:flex}.answer-row{gap:10px;font-size:.85rem;display:flex}.answer-label{color:var(--color-text-muted);min-width:90px}.answer-value{font-weight:500}.answer-wrong{color:var(--color-error);text-decoration:line-through}.answer-correct{color:var(--color-success);font-weight:600}.ai-analyze-btn{margin-top:10px}.ai-analysis-panel{background:var(--color-bg-secondary);border-radius:var(--radius-sm);flex-direction:column;gap:12px;margin-top:12px;padding:16px;display:flex}.ai-analysis-item strong{color:var(--color-primary);font-size:.85rem}.ai-analysis-item p{margin-top:4px;font-size:.85rem;line-height:1.5}.transcript-section{background:var(--color-surface-solid);border-radius:var(--radius-md);border:1px solid var(--color-border);margin-bottom:32px;padding:24px}.transcript-text p{color:var(--color-text-muted);margin-bottom:8px;font-size:.9rem;line-height:1.8}.vocab-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.vocab-card{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;gap:6px;padding:16px;display:flex}.vocab-header{justify-content:space-between;align-items:center;display:flex}.vocab-word{color:var(--color-primary);font-size:1.05rem;font-weight:700}.vocab-pos{color:var(--color-text-muted);font-size:.75rem;font-style:italic}.vocab-meaning{font-size:.9rem}.vocab-context{color:var(--color-text-muted);font-size:.8rem;font-style:italic;line-height:1.5}.badge-level-b2{color:var(--color-blue);background:#2563eb1a;border-radius:4px;padding:2px 8px;font-size:.68rem;font-weight:600}.badge-level-c1{color:var(--color-amber);background:#f59e0b1a;border-radius:4px;padding:2px 8px;font-size:.68rem;font-weight:600}.badge-level-c2{color:var(--color-error);background:#ef44441a;border-radius:4px;padding:2px 8px;font-size:.68rem;font-weight:600}.score-ring-progress{transition:stroke-dashoffset 1s ease-out}.analytics-page{background:var(--color-bg);min-height:100vh;color:var(--color-text)}.analytics-content{max-width:1100px;margin:0 auto;padding:32px 24px}.analytics-content h1{margin-bottom:4px}.analytics-quick{margin-top:24px}.analytics-card{background:var(--color-surface-solid)!important;border-color:var(--color-primary-10)!important}.profile-content{max-width:700px;margin:0 auto;padding:40px 32px}.page-title{font-family:var(--font-heading);font-size:1.8rem;font-weight:700}.profile-card{margin-bottom:24px;padding:28px}.profile-section-title{font-family:var(--font-heading);color:var(--color-primary);margin-bottom:20px;font-size:1.05rem;font-weight:700}.profile-field{margin-bottom:16px}.profile-field label{font-family:var(--font-heading);color:var(--color-text-muted);margin-bottom:6px;font-size:.82rem;font-weight:600;display:block}.profile-input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;color:var(--color-text);font-family:var(--font-body);transition:border-color var(--transition);padding:10px 14px;font-size:.95rem}.profile-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-06);outline:none}.profile-input.disabled{opacity:.5;cursor:not-allowed}select.profile-input{cursor:pointer}.target-scores-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.reveal{animation:fadeSlideUp .4s var(--ease) both}.reveal-delay-1{animation-delay:60ms}.reveal-delay-2{animation-delay:.12s}.reveal-delay-3{animation-delay:.18s}.reveal-delay-4{animation-delay:.24s}.reveal-delay-5{animation-delay:.3s}.reveal-delay-6{animation-delay:.36s}.reading-config-content,.writing-content,.writing-result-content,.editor-content,.analytics-content,.listening-content,.listening-result-content,.result-content,.history-content{width:100%;max-width:1280px;margin:0 auto;padding:32px}.admin-dashboard-content{width:100%;max-width:1280px;margin:0 auto;padding:40px 32px}.admin-dash-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:36px;display:flex}.admin-dash-header h1{font-family:var(--font-heading);letter-spacing:-.02em;font-size:1.8rem;font-weight:700}.admin-stat-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:40px;display:grid}.admin-stat-card{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all var(--transition);align-items:center;gap:16px;padding:24px;display:flex}.admin-stat-card:hover{border-color:var(--color-primary-20);box-shadow:var(--shadow);transform:translateY(-2px)}.admin-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.admin-stat-body{flex-direction:column;gap:4px;min-width:0;display:flex}.admin-stat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:600;font-family:var(--font-heading);white-space:nowrap}.admin-stat-value{font-family:var(--font-heading);letter-spacing:-.02em;font-size:1.5rem;font-weight:800}.admin-health-ok{color:var(--color-success)}.admin-health-err{color:var(--color-error)}.admin-quick-nav{margin-bottom:40px}.admin-quick-nav h2{font-family:var(--font-heading);margin-bottom:20px;font-size:1.15rem;font-weight:700}.admin-quick-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.admin-quick-grid .card h3{font-family:var(--font-heading);margin-top:4px;margin-bottom:6px;font-size:1.1rem;font-weight:700}.admin-quick-grid .card p{color:var(--color-text-muted);margin-bottom:12px;font-size:.88rem;line-height:1.5}.admin-quick-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:8px;display:flex}.admin-search-bar{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:border-color var(--transition);align-items:center;gap:10px;margin-bottom:24px;padding:12px 16px;display:flex}.admin-search-bar:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-08)}.admin-search-bar svg{color:var(--color-text-muted);flex-shrink:0}.admin-search-bar input{font-size:.9rem;font-family:var(--font-body);color:var(--color-text);background:0 0;border:none;outline:none;flex:1}.admin-search-bar input::placeholder{color:var(--color-text-muted)}.admin-table-section{margin-bottom:32px}.admin-user-cell{align-items:center;gap:10px;display:flex}.admin-user-avatar{background:var(--color-accent-gradient);width:32px;height:32px;font-family:var(--font-heading);color:var(--on-primary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.78rem;font-weight:700;display:flex}.admin-user-name{font-size:.88rem;font-weight:600;font-family:var(--font-heading);display:block}.admin-user-username{color:var(--color-text-muted);font-size:.75rem;display:block}.admin-email-cell{color:var(--color-text-secondary);font-size:.85rem}.admin-tests-badge{color:var(--color-blue);font-size:.82rem;font-weight:600;font-family:var(--font-mono);background:#2563eb14;border-radius:999px;padding:2px 10px;display:inline-block}.admin-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:500;background:#0f172a59;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.admin-modal{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:560px;box-shadow:var(--shadow-lg);max-height:85vh;animation:modalIn .25s var(--ease);padding:32px;position:relative;overflow-y:auto}@keyframes modalIn{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:none}}.admin-modal-close{color:var(--color-text-muted);cursor:pointer;transition:color var(--transition);background:0 0;border:none;padding:4px;position:absolute;top:16px;right:16px}.admin-modal-close:hover{color:var(--color-text)}.admin-modal-header{align-items:center;gap:16px;margin-bottom:24px;display:flex}.admin-detail-avatar{background:var(--color-accent-gradient);width:52px;height:52px;font-family:var(--font-heading);color:var(--on-primary);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;font-weight:800;display:flex}.admin-modal-header h2{font-family:var(--font-heading);margin:0;font-size:1.2rem;font-weight:700}.admin-detail-meta{color:var(--color-text-muted);margin:2px 0 0;font-size:.82rem}.admin-role-badge{background:var(--color-primary-10);color:var(--color-primary);font-size:.65rem;font-weight:700;font-family:var(--font-heading);letter-spacing:.04em;vertical-align:middle;border-radius:999px;margin-left:8px;padding:1px 8px;display:inline-block}.admin-detail-targets{margin-bottom:20px}.admin-detail-targets h3,.admin-detail-section h3{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:10px;font-size:.82rem;font-weight:700}.admin-target-row{color:var(--color-text-secondary);flex-wrap:wrap;gap:16px;font-size:.88rem;display:flex}.admin-target-row strong{color:var(--color-text);font-family:var(--font-heading)}.admin-detail-section{margin-bottom:20px}.admin-skill-stats{flex-wrap:wrap;gap:12px;display:flex}.admin-skill-stat-card{background:var(--color-bg-secondary);border-radius:var(--radius-sm);flex-direction:column;flex:1;gap:10px;min-width:140px;padding:14px;display:flex}.admin-skill-stat-numbers{gap:20px;display:flex}.admin-skill-stat-numbers>div{flex-direction:column;align-items:center;display:flex}.admin-skill-stat-numbers .stat-value{font-size:1.2rem}.admin-recent-scores{flex-direction:column;gap:6px;display:flex}.admin-recent-row{background:var(--color-bg-secondary);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:8px 12px;font-size:.88rem;display:flex}.admin-recent-row .ht-date{margin-left:auto}.admin-prompt-text-cell{text-overflow:ellipsis;white-space:nowrap;max-width:300px;color:var(--color-text-secondary);font-size:.88rem;line-height:1.4;overflow:hidden}.admin-action-btns{gap:6px;display:flex}.admin-btn-danger{color:var(--color-error);font-family:var(--font-heading);cursor:pointer;transition:all var(--transition);background:#ef44440f;border:1px solid #ef444433;font-weight:600}.admin-btn-danger:hover{border-color:var(--color-error);background:#ef44441f}.admin-btn-danger-fill{border-radius:var(--radius-sm);background:var(--color-error);color:var(--on-error);font-family:var(--font-heading);cursor:pointer;transition:all var(--transition);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 24px;font-size:.9rem;font-weight:600;display:inline-flex}.admin-btn-danger-fill:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.admin-btn-danger-fill:disabled{opacity:.5;cursor:not-allowed}.admin-modal-wide{max-width:640px}.admin-form-group{margin-bottom:20px}.admin-form-label{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin-bottom:8px;font-size:.82rem;font-weight:600;display:block}.admin-form-group .editor-textarea{border-radius:var(--radius-sm);min-height:120px}.admin-form-actions{border-top:1px solid var(--color-border);justify-content:flex-end;gap:10px;margin-top:24px;padding-top:16px;display:flex}.pagination-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;padding:16px 0;display:flex}.pagination-info{color:var(--color-text-muted);font-size:.85rem;font-family:var(--font-body);align-items:center;gap:10px;display:flex}.pagination-info strong{color:var(--color-text);font-family:var(--font-heading);font-weight:700}.pagination-loading-dot{background:var(--color-primary);border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite paginationPulse;display:inline-block}@keyframes paginationPulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.pagination-nav{align-items:center;gap:6px;display:flex}.pagination-btn{font-family:var(--font-heading);transition:all var(--transition);align-items:center;gap:4px;font-weight:600;padding:7px 14px!important;font-size:.82rem!important;display:inline-flex!important}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-pages{align-items:center;gap:2px;display:flex}.pagination-page-btn{width:34px;height:34px;color:var(--color-text-muted);font-family:var(--font-heading);cursor:pointer;transition:all var(--transition);background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;font-size:.82rem;font-weight:600;display:inline-flex}.pagination-page-btn:hover{background:var(--color-bg-secondary);color:var(--color-text);border-color:var(--color-border)}.pagination-page-btn.active{background:var(--color-primary);color:var(--on-primary);border-color:var(--color-primary);box-shadow:0 2px 8px #00317840}.pagination-ellipsis{width:34px;height:34px;color:var(--color-text-muted);letter-spacing:2px;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:.9rem;display:inline-flex}.admin-table-section{transition:opacity .15s}.admin-table-section.is-fetching{opacity:.6}@media (width<=768px){.pagination-container{flex-direction:column;gap:12px}.pagination-nav,.pagination-info{justify-content:center;width:100%}.auth-page{flex-direction:column}.auth-left{flex:none;min-height:auto;padding:32px 24px}.auth-left h1{font-size:2rem}.auth-right{border-left:none;border-top:1px solid var(--outline-variant);flex:none;padding:32px 24px}.sidebar{transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0)}.main-area{margin-left:0}.hamburger{display:flex}.topbar-brand{display:block}.topbar-greeting{display:none}.dashboard-content{gap:32px;padding:24px 16px}.dash-hero{grid-template-columns:1fr}.dash-welcome-card{grid-column:1}.dash-target-card{grid-column:1;min-height:160px}.dash-welcome-card h1{font-size:1.75rem}.skill-cards,.skill-progress-row{grid-template-columns:1fr}.admin-stat-grid{grid-template-columns:repeat(2,1fr)}.admin-quick-grid{grid-template-columns:1fr}.admin-dashboard-content{padding:24px 16px}.admin-dash-header{flex-direction:column}.target-scores-grid{grid-template-columns:1fr}.profile-content{padding:24px 16px}.trend-header{flex-direction:column;align-items:flex-start}.trend-controls{flex-direction:column;align-items:flex-start;width:100%}.trend-tabs{width:100%}.trend-tab{text-align:center;flex:1}.listening-header{flex-direction:column}.listening-cards-grid{grid-template-columns:1fr}.result-score-section{text-align:center;flex-direction:column;gap:20px}.score-stats{flex-wrap:wrap;justify-content:center}.audio-player{flex-wrap:wrap}.audio-volume{display:none}.question-card{flex-direction:column;gap:10px}}@media (width<=900px){.exam-split{grid-template-columns:1fr}.exam-divider{display:none}.exam-left,.exam-right{max-height:50vh}.exam-topbar{flex-wrap:wrap}.result-score-card{text-align:center;flex-direction:column}.writing-score-section{flex-direction:column;gap:24px}.criteria-label{min-width:100px;font-size:.8rem}.error-table-header,.error-table-row{grid-template-columns:1fr}.error-table-header span:not(:first-child){display:none}.error-table-row{gap:8px}.error-original,.error-explanation,.error-corrected{padding:0}.writing-header{flex-direction:column;gap:12px}.reading-config-content,.writing-content,.editor-content,.writing-result-content{padding:24px 16px}.result-actions{flex-direction:column}.topic-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.difficulty-grid{grid-template-columns:1fr}.score-meta{justify-content:center}}.history-review-page{min-height:100%}.review-content{max-width:900px;margin:0 auto;padding:2rem 1.5rem 4rem}.review-header{margin-bottom:2rem}.review-header-title h1{font-family:var(--font-heading);letter-spacing:-.02em;margin:0;font-size:1.8rem;font-weight:700}.review-header-title .subtitle{color:var(--on-surface-variant);margin-top:4px;margin-bottom:0}.review-score-card{background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius-xl);box-shadow:var(--shadow);align-items:center;gap:2.5rem;margin-bottom:1.5rem;padding:2rem;display:flex;position:relative;overflow:hidden}.review-score-card:before{content:"";filter:blur(40px);pointer-events:none;background:#1a56db0f;border-radius:50%;width:200px;height:200px;position:absolute;top:-60px;right:-60px}.review-score-ring-wrap{flex-shrink:0;width:110px;height:110px;position:relative}.review-score-stats{flex-wrap:wrap;gap:2rem;display:flex}.review-stat{flex-direction:column;align-items:center;min-width:64px;display:flex}.review-stat-value{font-family:var(--font-heading);color:var(--on-surface);font-size:1.5rem;font-weight:700}.review-stat-label{color:var(--on-surface-variant);margin-top:2px;font-size:.75rem}.skill-badge{background:var(--color-primary-08);color:var(--primary);border-radius:999px;padding:2px 12px;font-size:.875rem!important}.review-quick-nav{background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius-lg);flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:2rem;padding:1rem 1.25rem;display:flex}.quick-nav-label{font-family:var(--font-heading);color:var(--on-surface-variant);white-space:nowrap;font-size:.85rem;font-weight:600}.quick-nav-items{flex-wrap:wrap;gap:6px;display:flex}.quick-nav-dot{width:30px;height:30px;font-size:.75rem;font-weight:700;font-family:var(--font-heading);transition:all var(--transition);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.quick-nav-dot.correct{color:var(--color-success);background:#006c4a1a}.quick-nav-dot.correct:hover{background:#006c4a33;transform:translateY(-1px)}.quick-nav-dot.incorrect{color:var(--error);background:#ba1a1a1a}.quick-nav-dot.incorrect:hover{background:#ba1a1a33;transform:translateY(-1px)}.quick-nav-legend{color:var(--on-surface-variant);gap:1rem;margin-left:auto;font-size:.75rem;display:flex}.legend-item{align-items:center;gap:4px;display:flex}.legend-dot{border-radius:3px;width:10px;height:10px}.legend-dot.correct{background:var(--color-success)}.legend-dot.incorrect{background:var(--error)}.review-section-title{font-family:var(--font-heading);color:var(--on-surface);align-items:center;gap:8px;margin-bottom:1.5rem;font-size:1.2rem;font-weight:700;display:flex}.review-section-title svg{stroke:var(--primary)}.review-answer-card{background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius-lg);transition:all var(--transition);margin-bottom:1rem;padding:1.25rem 1.5rem;position:relative;overflow:hidden}.review-answer-card:before{content:"";width:4px;position:absolute;top:0;bottom:0;left:0}.review-answer-card.correct:before{background:var(--color-success)}.review-answer-card.incorrect:before{background:var(--error)}.review-answer-card:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.rac-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.rac-left{align-items:center;gap:8px;display:flex}.rac-number{font-family:var(--font-heading);color:var(--on-surface);font-size:1rem;font-weight:700}.rac-type-badge{background:var(--surface-container-high);color:var(--on-surface-variant);border-radius:999px;padding:2px 10px;font-size:.72rem;font-weight:600}.rac-status{align-items:center;gap:4px;font-size:.85rem;font-weight:600;display:flex}.rac-status.correct{color:var(--color-success)}.rac-status.incorrect{color:var(--error)}.rac-question-text{color:var(--on-surface);margin-bottom:1rem;font-size:.95rem;line-height:1.6}.rac-options{flex-direction:column;gap:6px;margin-bottom:.75rem;display:flex}.rac-option{border-radius:var(--radius-md);transition:background var(--transition);align-items:center;gap:10px;padding:8px 12px;font-size:.9rem;display:flex}.rac-option.correct-opt{color:var(--color-success);background:#006c4a1a}.rac-option.wrong-opt{color:var(--error);background:#ba1a1a14;text-decoration:line-through;text-decoration-thickness:1.5px}.rac-opt-label{min-width:20px;font-weight:700}.rac-opt-content{flex:1}.rac-opt-icon{flex-shrink:0}.rac-opt-icon.correct{stroke:var(--color-success)}.rac-opt-icon.wrong{stroke:var(--error)}.rac-text-answer{flex-direction:column;gap:6px;margin-bottom:.75rem;display:flex}.rac-answer-row{align-items:center;gap:8px;font-size:.9rem;display:flex}.rac-answer-label{color:var(--on-surface-variant);font-weight:500}.rac-answer-value{border-radius:var(--radius-sm);padding:2px 10px;font-weight:700}.rac-answer-value.correct{color:var(--color-success);background:#006c4a14}.rac-answer-value.incorrect{color:var(--error);background:#ba1a1a14}.rac-explanation{border-radius:var(--radius-md);background:linear-gradient(135deg,#003fb10a,#1a56db05);border:1px solid #003fb11a;margin-top:.75rem;padding:1rem 1.25rem}.rac-explanation-header{font-family:var(--font-heading);color:var(--primary);align-items:center;gap:6px;margin-bottom:6px;font-size:.85rem;font-weight:700;display:flex}.rac-explanation-text{color:var(--on-surface);margin:0;font-size:.875rem;line-height:1.65}.btn-explain{border-radius:var(--radius-md);color:var(--primary);font-family:var(--font-heading);cursor:pointer;transition:all var(--transition);background:linear-gradient(135deg,#003fb114,#1a56db0a);border:1px solid #003fb126;align-items:center;gap:6px;margin-top:.75rem;padding:8px 16px;font-size:.8rem;font-weight:600;display:inline-flex}.btn-explain:hover:not(:disabled){border-color:var(--primary);box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#003fb11f,#1a56db0f);transform:translateY(-1px)}.btn-explain:disabled{opacity:.7;cursor:not-allowed}.btn-spinner{border:2px solid #003fb133;border-top-color:var(--primary);border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin;display:inline-block}.review-bottom-actions{justify-content:center;margin-top:3rem;display:flex}.review-loading-spinner{flex-direction:column;align-items:center;gap:1rem;display:flex}.spinner-ring{border:3px solid var(--outline-variant);border-top-color:var(--primary);border-radius:50%;width:48px;height:48px;animation:.8s ease-in-out infinite spin}@media (width<=768px){.review-score-card{text-align:center;flex-direction:column;gap:1.5rem}.review-score-stats{justify-content:center}.quick-nav-legend{justify-content:center;width:100%;margin-left:0}.review-content{padding:1rem}}@keyframes slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.animate-slide-in{animation:.25s cubic-bezier(.22,1,.36,1) forwards slide-in}@keyframes fade-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:.35s cubic-bezier(.22,1,.36,1) forwards fade-in}html[data-theme],html:not([data-theme]){transition:background-color .3s,color .2s}@media print{:root,[data-theme=dark]{--background:#fff;--on-background:#191c1e;--surface:#f7f9fb;--surface-container-lowest:#fff;--surface-container-low:#f2f4f6;--surface-container:#eceef0;--surface-container-high:#e6e8ea;--on-surface:#191c1e;--on-surface-variant:#434652;--primary:#003178;--on-primary:#fff;--outline:#737783;--outline-variant:#c3c6d4;--error:#ba1a1a;--on-error:#fff;--color-bg:#f7f9fb;--color-surface-solid:#fff;--color-text:#191c1e;--color-text-secondary:#434652;--color-text-muted:#737783;--color-border:#c3c6d4;--color-border-subtle:#191c1e0f;--color-primary:#003178;--shadow-sm:none;--shadow:none;--shadow-lg:none}}.hover\:-translate-y-0\.5:hover{--tw-translate-y:-.125rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-outline:hover{border-color:var(--outline)}.hover\:border-primary:hover{border-color:var(--primary)}.hover\:bg-primary-container:hover{background-color:var(--primary-container)}.hover\:bg-surface-container:hover{background-color:var(--surface-container)}.hover\:bg-surface-container-high:hover{background-color:var(--surface-container-high)}.hover\:bg-surface-container-low:hover{background-color:var(--surface-container-low)}.hover\:text-on-surface:hover{color:var(--on-surface)}.hover\:text-on-surface-variant:hover{color:var(--on-surface-variant)}.hover\:text-primary:hover{color:var(--primary)}.hover\:text-primary-container:hover{color:var(--primary-container)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-80:hover{opacity:.8}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.focus\:border-primary:focus{border-color:var(--primary)}.focus\:border-transparent:focus{border-color:#0000}.focus\:outline-none:focus{outline-offset:2px;outline:2px solid #0000}.focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.focus\:ring-primary:focus{--tw-ring-color:var(--primary)}.focus\:ring-primary-container:focus{--tw-ring-color:var(--primary-container)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.active\:scale-\[0\.98\]:active{--tw-scale-x:.98;--tw-scale-y:.98;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:underline{text-decoration-line:underline}@media (width>=768px){.md\:flex{display:flex}.md\:hidden{display:none}.md\:w-auto{width:auto}.md\:flex-initial{flex:0 auto}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:p-margin{padding:32px}.md\:px-0{padding-left:0;padding-right:0}.md\:px-margin{padding-left:32px;padding-right:32px}}@media (width>=1024px){.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}