:root{--color-primary: #d97706;--color-primary-dark: #b45309;--color-secondary: #059669;--color-accent: #dc2626;--color-bg: #fef3c7;--color-bg-card: #fffbeb;--color-text: #44403c;--color-text-muted: #78716c;--hero-start: #fef3c7;--hero-end: #fed7aa;--bg-teacher: #fef3c7;--bg-student: #d1fae5;--shadow-sm: 0 2px 4px 0 rgb(68 64 60 / .1);--shadow-md: 0 4px 8px -2px rgb(68 64 60 / .15);--shadow-lg: 0 12px 20px -4px rgb(68 64 60 / .2);--radius-md: .75rem;--radius-lg: 1.25rem;--radius-full: 9999px;--font-sans: "Fredoka", "Comic Sans MS", "Chalkboard SE", system-ui, sans-serif;--font-display: "Fredoka", "Chalkboard SE", cursive}[data-theme=dark]{--color-bg: #292524;--color-bg-card: #44403c;--color-text: #fef3c7;--color-text-muted: #d6d3d1;--color-primary: #fbbf24;--color-primary-dark: #f59e0b;--color-secondary: #34d399;--shadow-sm: 0 2px 4px 0 rgb(0 0 0 / .4);--shadow-md: 0 4px 8px -2px rgb(0 0 0 / .5);--shadow-lg: 0 12px 20px -4px rgb(0 0 0 / .6);--hero-start: #292524;--hero-end: #44403c;--bg-teacher: #451a03;--bg-student: #064e3b}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.03) 10px,rgba(255,255,255,.03) 20px);overflow-x:hidden;overscroll-behavior:none}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:600;letter-spacing:-.01em;font-family:var(--font-display)}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;width:100%;padding:.75rem 1rem;font-size:1rem;border:2px solid var(--color-text);border-radius:var(--radius-md);background-color:var(--color-bg-card);color:var(--color-text);transition:all .2s;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px #d9770633}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;border:2px solid var(--color-text);border-radius:var(--radius-md);background:transparent;color:var(--color-text);font-weight:600;font-size:1rem;transition:all .2s;text-decoration:none}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.btn-secondary{background:var(--color-secondary);color:#fff;border-color:var(--color-secondary)}.card{background:var(--color-bg-card);border:3px solid var(--color-text);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm)}.badge{display:inline-block;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:600;background:var(--color-primary);color:#fff}.mobile-only{display:none!important}.desktop-only{display:flex!important}@media(max-width:768px){.mobile-only{display:flex!important}.desktop-only{display:none!important}}@media(max-width:768px){html{font-size:14px}.container{padding:0 .75rem}.btn{min-height:44px;min-width:44px;padding:.75rem 1.25rem;font-size:1rem}.card{padding:1rem;margin-bottom:1rem}h1{font-size:clamp(1.75rem,5vw,2.5rem)}h2{font-size:clamp(1.5rem,4vw,2rem)}h3{font-size:clamp(1.25rem,3vw,1.75rem)}input,select,textarea{min-height:44px;font-size:16px;padding:.75rem}}img{max-width:100%;height:auto}*{max-width:100%}