:root{--season-primary:#e85d8e;--season-secondary:#fff0f5;--season-accent:#c93669;--season-soft:#fff8fb;--season-text:#30242a;--season-shadow:0 12px 36px rgba(143,55,87,.14);--season-symbol:"✿"}
html[data-season="rainy"]{--season-primary:#667eea;--season-secondary:#eef2ff;--season-accent:#5160bd;--season-soft:#f7f9ff;--season-text:#26304a;--season-shadow:0 12px 36px rgba(73,88,170,.14);--season-symbol:"✾"}
html[data-season="summer"]{--season-primary:#ef476f;--season-secondary:#fff4dc;--season-accent:#1479a8;--season-soft:#fffaf0;--season-text:#26303b;--season-shadow:0 12px 36px rgba(20,121,168,.14);--season-symbol:"✦"}
html[data-season="autumn"]{--season-primary:#d45d28;--season-secondary:#fff2dc;--season-accent:#9f3317;--season-soft:#fff9f0;--season-text:#38271f;--season-shadow:0 12px 36px rgba(151,63,28,.15);--season-symbol:"◆"}
html[data-season="winter"]{--season-primary:#4f83cc;--season-secondary:#edf7ff;--season-accent:#315f9b;--season-soft:#f8fcff;--season-text:#23344c;--season-shadow:0 12px 36px rgba(49,95,155,.14);--season-symbol:"❄"}
*{box-sizing:border-box}html{min-height:100%;background:var(--season-soft)}body{min-height:100vh;color:var(--season-text);background:radial-gradient(circle at 10% 0%,var(--season-secondary),transparent 34%),linear-gradient(160deg,#fff 0%,var(--season-soft) 100%);transition:background .35s ease,color .35s ease}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.42;background-image:radial-gradient(circle at 12% 18%,var(--season-primary) 0 2px,transparent 3px),radial-gradient(circle at 82% 12%,var(--season-primary) 0 1.5px,transparent 3px),radial-gradient(circle at 70% 78%,var(--season-primary) 0 2px,transparent 3px);background-size:140px 140px,190px 190px,230px 230px}header,nav,.navbar,.topbar{background:linear-gradient(120deg,var(--season-primary),var(--season-accent))!important;color:#fff!important;box-shadow:0 6px 22px color-mix(in srgb,var(--season-primary) 25%,transparent)}a{color:var(--season-accent)}button,.btn,input[type="submit"],.button{border-radius:14px!important;transition:transform .18s ease,box-shadow .18s ease!important}button:hover,.btn:hover,input[type="submit"]:hover,.button:hover{transform:translateY(-1px);box-shadow:0 8px 20px color-mix(in srgb,var(--season-primary) 28%,transparent)}.btn-primary,button[type="submit"],input[type="submit"],.button.default{background:linear-gradient(135deg,var(--season-primary),var(--season-accent))!important;border-color:transparent!important;color:#fff!important}.card,.panel,.quiz-card,.lesson-card,main>section,form{border-radius:20px;box-shadow:var(--season-shadow);border:1px solid color-mix(in srgb,var(--season-primary) 15%,#fff);background:color-mix(in srgb,#fff 94%,var(--season-secondary))}input,select,textarea{border-radius:12px!important;border:1px solid color-mix(in srgb,var(--season-primary) 25%,#cfd5df)!important;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--season-primary)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--season-primary) 16%,transparent)!important}.seasonal-float{position:fixed;top:-10vh;z-index:9999;pointer-events:none;color:var(--season-primary);opacity:.42;font-size:18px;animation:seasonFall linear infinite;text-shadow:0 3px 8px rgba(0,0,0,.08)}@keyframes seasonFall{0%{transform:translate3d(0,-12vh,0) rotate(0)}100%{transform:translate3d(70px,116vh,0) rotate(360deg)}}
.focus-music{position:fixed!important;right:18px!important;top:18px!important;bottom:auto!important;left:auto!important;z-index:2147483000!important;width:min(360px,calc(100vw - 28px));max-width:calc(100vw - 28px);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#26303b;display:block!important;visibility:visible!important}.focus-invite,.focus-controls{background:#fff;border:2px solid color-mix(in srgb,var(--season-primary) 32%,#fff);box-shadow:0 14px 42px rgba(20,35,65,.24);border-radius:22px;padding:17px}.focus-invite{display:flex;gap:12px;animation:focusHello .65s ease 1}.focus-emoji{font-size:32px}.focus-invite strong{display:block;font-size:17px;margin:1px 25px 3px 0}.focus-invite span{display:block;font-size:13px;color:#64748b;line-height:1.45}.focus-start{margin-top:11px;border:0;padding:10px 14px;background:linear-gradient(135deg,var(--season-primary),var(--season-accent));color:#fff;font-weight:800;cursor:pointer}.focus-controls{display:none}.focus-music.active .focus-invite{display:none}.focus-music.active .focus-controls{display:block}.focus-now span{font-weight:800;display:block}.focus-now small{color:#64748b}.focus-buttons{display:flex;align-items:center;gap:7px;margin-top:11px}.focus-buttons button{border:0;background:var(--season-secondary);color:var(--season-accent);font-size:17px;width:39px;height:36px;cursor:pointer}.focus-buttons label{display:flex;align-items:center;gap:5px;margin-left:auto;font-size:13px}.focus-volume{width:82px}.focus-close{position:absolute;right:10px;top:7px;z-index:2;border:0;background:transparent!important;color:#64748b!important;font-size:22px;cursor:pointer;box-shadow:none!important}.focus-mini{display:none;border:0;background:linear-gradient(135deg,var(--season-primary),var(--season-accent));color:#fff;padding:11px 15px;font-weight:800;box-shadow:0 8px 24px rgba(0,0,0,.16);cursor:pointer}.focus-music.hidden .focus-invite,.focus-music.hidden .focus-controls{display:none}.focus-music.hidden .focus-mini{display:block}.focus-music.missing-audio .focus-now small{color:#d97706}@keyframes focusHello{0%{transform:translateY(-18px) scale(.96);opacity:0}70%{transform:translateY(3px) scale(1.01)}100%{transform:none;opacity:1}}
@media(max-width:720px){body{padding-bottom:max(10px,env(safe-area-inset-bottom))}.card,.panel,.quiz-card,.lesson-card,main>section,form{border-radius:16px}.seasonal-float:nth-child(n+9){display:none}.focus-music{position:fixed!important;top:max(8px,env(safe-area-inset-top))!important;right:8px!important;left:8px!important;bottom:auto!important;width:auto!important;max-width:none!important;z-index:2147483000!important}.focus-invite,.focus-controls{padding:13px 14px;border-radius:18px}.focus-emoji{font-size:27px}.focus-invite strong{font-size:16px}.focus-invite span{font-size:12px}.focus-start{font-size:13px;padding:9px 12px}.focus-volume{width:62px}}
@media(prefers-reduced-motion:reduce){.seasonal-float{display:none}*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}