:root{--color-accent: #0d9488;--color-accent-hover: #0f766e;--color-accent-soft: rgba(13, 148, 136, .12);--color-bg: #faf8f5;--color-surface: #ffffff;--color-border: #e7e5e4;--color-text: #1c1917;--color-text-muted: #78716c;--color-teacher-accent: #0369a1;--color-teacher-accent-hover: #075985;--color-teacher-accent-soft: rgba(3, 105, 161, .12);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--shadow-sm: 0 1px 2px rgba(28, 25, 23, .06);--shadow-md: 0 4px 12px rgba(28, 25, 23, .08);--shadow-lg: 0 12px 32px rgba(28, 25, 23, .1);--ease-out: cubic-bezier(.33, 1, .68, 1);--duration: .2s}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Noto Sans SC,Outfit,system-ui,sans-serif;font-size:15px;line-height:1.6;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}.app{min-height:100vh}h1,h2,h3{font-family:Outfit,Noto Sans SC,sans-serif;font-weight:600}a{color:var(--color-accent);text-decoration:none;transition:color var(--duration) var(--ease-out)}a:hover{color:var(--color-accent-hover)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}button{font-family:inherit;cursor:pointer}input,button{font-size:1rem}