:root{--font-sans: "Segoe UI", "Inter", "Helvetica Neue", Arial, sans-serif;--font-display: "Aptos Display", "Trebuchet MS", "Segoe UI", sans-serif;--font-mono: "Cascadia Code", "Consolas", monospace;--text-strong: #14213d;--text-primary: #24324a;--text-secondary: #596579;--text-muted: #6f7b8f;--text-inverse: #f8fafc;--surface-page: #f4f7fb;--surface-panel: #ffffff;--surface-panel-alt: #eef3f9;--surface-quiet: #f8fafc;--surface-accent: #eaf3ff;--border-subtle: #d9e2ec;--border-default: #c7d3e0;--border-strong: #9cb0c5;--accent-50: #eef6ff;--accent-100: #dbeafe;--accent-500: #2563eb;--accent-600: #1d4ed8;--accent-700: #1e40af;--success-50: #ecfdf5;--success-500: #16a34a;--success-700: #166534;--warning-50: #fff7ed;--warning-500: #ea580c;--warning-700: #9a3412;--danger-50: #fef2f2;--danger-500: #dc2626;--danger-700: #991b1b;--shadow-soft: 0 8px 24px rgba(20, 33, 61, .06);--shadow-medium: 0 14px 40px rgba(20, 33, 61, .1);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--text-xs: 12px;--text-sm: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 30px;--text-3xl: 42px;--z-dropdown: 10;--z-header: 15;--z-drawer: 25;--z-modal: 80;--z-toast: 200}html{color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(37,99,235,.08),transparent 24%),radial-gradient(circle at top right,rgba(22,163,74,.08),transparent 18%),var(--surface-page);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-md);line-height:1.65}a{color:var(--accent-600);text-decoration:none}a:hover{color:var(--accent-700)}button,input,select,textarea{font:inherit}button{transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease,border-color .12s ease}button:hover:not(:disabled){transform:translateY(-1px)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid rgba(37,99,235,.22);outline-offset:2px}input,select,textarea{border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface-panel);color:var(--text-primary)}input::placeholder,textarea::placeholder{color:var(--text-muted)}h1,h2,h3,h4{margin:0;color:var(--text-strong);line-height:1.15}h1{font-family:var(--font-display);font-size:clamp(2.25rem,4vw,3.6rem);letter-spacing:-.03em}h2{font-size:clamp(1.65rem,2.5vw,2.4rem);letter-spacing:-.02em}h3{font-size:1.2rem}p{margin:0}#root{min-height:100vh}.ui-page-shell{width:100%;margin:0 auto}.ui-card{border-radius:var(--radius-md);box-shadow:var(--shadow-soft)}.ui-button{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:.75rem 1rem;border:1px solid transparent;font-weight:700;cursor:pointer;max-width:100%;white-space:normal;text-align:center;line-height:1.25;word-break:break-word}.ui-button:disabled{cursor:not-allowed;transform:none;opacity:.7}.ui-button--sm{padding:.55rem .85rem;font-size:var(--text-sm)}.ui-button--md{font-size:var(--text-md)}.ui-button--lg{padding:.9rem 1.2rem;font-size:var(--text-lg)}.ui-button--primary{background:linear-gradient(135deg,var(--accent-500),var(--accent-700));color:var(--text-inverse);box-shadow:0 10px 24px #2563eb38}.ui-button--secondary{background:var(--surface-panel);border-color:var(--border-default);color:var(--text-primary)}.ui-button--ghost{background:transparent;border-color:var(--border-subtle);color:var(--text-primary)}.ui-button--danger{background:var(--danger-50);border-color:#fecaca;color:var(--danger-700)}.ui-field{display:grid;gap:var(--space-2)}.ui-field__label{font-size:var(--text-sm);font-weight:700;color:var(--text-primary)}.ui-field__hint{color:var(--text-muted);font-size:var(--text-sm)}.ui-field__error{color:var(--danger-700);font-size:var(--text-sm);font-weight:600}.ui-inline-alert{padding:var(--space-3) var(--space-4);border-radius:12px;border:1px solid var(--border-subtle);font-size:var(--text-sm)}.ui-inline-alert--info{background:var(--surface-accent);color:var(--text-primary);border-color:#cfe0ff}.ui-inline-alert--success{background:var(--success-50);color:var(--success-700);border-color:#bbf7d0}.ui-inline-alert--warning{background:var(--warning-50);color:var(--warning-700);border-color:#fed7aa}.ui-inline-alert--danger{background:var(--danger-50);color:var(--danger-700);border-color:#fecaca}.ui-status-pill{display:inline-flex;align-items:center;padding:.3rem .65rem;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:800;letter-spacing:.02em}.ui-status-pill--neutral{background:var(--surface-panel-alt);color:var(--text-secondary)}.ui-status-pill--accent{background:var(--accent-100);color:var(--accent-700)}.ui-status-pill--success{background:var(--success-50);color:var(--success-700)}.ui-status-pill--warning{background:var(--warning-50);color:var(--warning-700)}.ui-status-pill--danger{background:var(--danger-50);color:var(--danger-700)}.ui-section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6)}.ui-section-header>:first-child{min-width:0;flex:1 1 320px}.ui-section-header__eyebrow{margin-bottom:var(--space-2);color:var(--accent-700);font-size:var(--text-xs);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.ui-section-header__title{margin-bottom:var(--space-2)}.ui-section-header__description{color:var(--text-secondary);max-width:70ch}.ui-section-header__actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;justify-content:flex-end;max-width:100%}@media(max-width:720px){body{font-size:15px}.ui-section-header{flex-direction:column;align-items:start}.ui-button--lg{padding:.75rem 1rem;font-size:var(--text-md)}}.dash-list-item:hover{border-color:#c7d7f4!important;background:#f5f8ff!important;box-shadow:0 2px 8px #2563eb12;transform:translateY(-1px);transition:box-shadow .15s ease,transform .15s ease,background .15s ease,border-color .15s ease}.sidebar-quiz-row:hover{background:#e8edf6!important;border-radius:12px}.study-tool-card:hover{border-color:#c7d7f4!important;box-shadow:0 2px 10px #2563eb12;transition:box-shadow .15s ease,border-color .15s ease}.assigned-quiz-card:hover:not(:disabled){border-color:#bfdbfe!important;box-shadow:0 2px 10px #2563eb14;transform:translateY(-1px);transition:box-shadow .15s ease,border-color .15s ease,transform .15s ease}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes skeleton-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:800px 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite;border-radius:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-to-content{position:absolute;top:-100%;left:16px;z-index:9999;padding:8px 14px;background:#2563eb;color:#fff;border-radius:0 0 8px 8px;font-weight:700;font-size:14px;text-decoration:none;transition:top .12s ease}.skip-to-content:focus{top:0}@media(max-width:1024px){main{padding:18px 20px!important}}@media(max-width:900px){.quiz-solve-page{max-width:100%!important;padding:0 0 96px!important}.quiz-question-grid{display:block!important;grid-template-columns:1fr!important}.quiz-assist-panel{min-height:auto!important;margin-top:12px}.quiz-match-grid{grid-template-columns:1fr!important}}@media(max-width:720px){.quiz-solve-header-card{padding:10px 12px!important;margin-bottom:8px!important}.quiz-solve-export-title-row{align-items:flex-start!important;flex-direction:column;gap:4px!important;font-size:14px!important}.quiz-solve-title{font-size:22px!important;text-align:left!important;margin-bottom:8px!important}.quiz-solve-timer-card{position:sticky;top:6px;z-index:35;margin-bottom:8px!important;padding:8px 10px!important}.quiz-solve-progress-card{position:sticky;top:58px;z-index:34;margin-bottom:8px!important;background:#f8fafcf5!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.quiz-solve-progress-grid{grid-template-columns:1fr!important;gap:10px!important}.quiz-solve-progress-grid>div:nth-child(2){justify-content:stretch!important}.quiz-solve-progress-grid button{flex:1 1 0;min-width:0!important}.quiz-question-card{border-radius:12px!important;padding:12px!important;margin-bottom:12px!important}.quiz-question-title{font-size:18px!important;line-height:1.42!important;overflow-wrap:anywhere}.quiz-option-list{gap:10px!important}.quiz-option-row{align-items:flex-start!important;min-height:52px;padding:13px 12px!important;font-size:16px!important;line-height:1.38;touch-action:manipulation}.quiz-option-input{flex:0 0 auto;width:20px;height:20px;margin-top:1px}.quiz-option-text{min-width:0;overflow-wrap:anywhere}.quiz-match-card{padding:10px!important}.quiz-match-grid select,.quiz-question-card input[type=number],.quiz-question-card input[type=text],.quiz-question-card textarea{min-height:48px;font-size:16px!important}.quiz-action-panel{left:8px;right:8px;bottom:8px!important;padding:10px!important;border-radius:16px!important;box-shadow:0 16px 34px #0f172a29!important}.quiz-action-panel__buttons{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important}.quiz-action-panel__buttons button{width:100%;min-height:46px;padding:10px 12px!important;white-space:normal}.quiz-result-panel{padding:12px!important}.quiz-result-panel button{width:100%;margin-left:0!important;margin-right:0!important}}@media(max-width:420px){.quiz-action-panel__buttons{grid-template-columns:1fr}.quiz-solve-title{font-size:20px!important}.quiz-question-title{font-size:17px!important}}