*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}img,video{max-width:100%;display:block}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}@font-face{font-family:Space Grotesk;src:url(/wp-content/themes/smopy-learn/assets/dist/fonts/SpaceGrotesk-Variable.woff2) format("woff2");font-weight:300 700;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/wp-content/themes/smopy-learn/assets/dist/fonts/Inter-Variable.woff2) format("woff2");font-weight:400 600;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/wp-content/themes/smopy-learn/assets/dist/fonts/JetBrainsMono-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/wp-content/themes/smopy-learn/assets/dist/fonts/JetBrainsMono-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Caveat;src:url(/wp-content/themes/smopy-learn/assets/dist/fonts/Caveat-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--font-heading: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-code: "JetBrains Mono", monospace;--font-handwriting: "Caveat", cursive}body{font-family:var(--font-body);font-size:16px;line-height:1.6;color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.2}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.1rem}h6{font-size:1rem}[data-theme=light]{--bg-primary: #F4F5F9}[data-theme=light]{--bg-secondary: #FFFFFF}[data-theme=light]{--bg-elevated: #FFFFFF}[data-theme=light]{--bg-glass: rgba(255, 255, 255, .7)}[data-theme=light]{--text-primary: #1A1D26}[data-theme=light]{--text-secondary: #6B7280}[data-theme=light]{--text-muted: #9CA3AF}[data-theme=light]{--accent: #6C5CE7}[data-theme=light]{--accent-rgb: 108, 92, 231}[data-theme=light]{--accent-hover: #5A4BD1}[data-theme=light]{--accent-glow: rgba(108, 92, 231, .25)}[data-theme=light]{--success: #00B894}[data-theme=light]{--success-glow: rgba(0, 184, 148, .2)}[data-theme=light]{--warning: #FDCB6E}[data-theme=light]{--error: #E17055}[data-theme=light]{--xp-gold: #F9A825}[data-theme=light]{--xp-glow: rgba(249, 168, 37, .3)}[data-theme=light]{--border: #E5E7EB}[data-theme=light]{--border-light: #F3F4F6}[data-theme=light]{--surface-paper: #FFF8E7}[data-theme=light]{--surface-paper-line: #E8DCC8}[data-theme=light]{--shadow: rgba(0, 0, 0, .08)}[data-theme=dark]{--bg-primary: #0B0D14}[data-theme=dark]{--bg-secondary: #141722}[data-theme=dark]{--bg-elevated: #1E2233}[data-theme=dark]{--bg-glass: rgba(30, 34, 51, .7)}[data-theme=dark]{--text-primary: #E8EAEF}[data-theme=dark]{--text-secondary: #9CA3AF}[data-theme=dark]{--text-muted: #9CA3AF}[data-theme=dark]{--accent: #7C3AED}[data-theme=dark]{--accent-rgb: 124, 58, 237}[data-theme=dark]{--accent-hover: #8B5CF6}[data-theme=dark]{--accent-glow: rgba(124, 58, 237, .25)}[data-theme=dark]{--success: #34D399}[data-theme=dark]{--success-glow: rgba(52, 211, 153, .15)}[data-theme=dark]{--warning: #FCD34D}[data-theme=dark]{--error: #E11D48}[data-theme=dark]{--xp-gold: #FCD34D}[data-theme=dark]{--xp-glow: rgba(252, 211, 77, .25)}[data-theme=dark]{--border: #2D3348}[data-theme=dark]{--border-light: #1E2233}[data-theme=dark]{--surface-paper: #1C1A15}[data-theme=dark]{--surface-paper-line: #3D3529}[data-theme=dark]{--shadow: rgba(0, 0, 0, .3)}[data-theme=auto]{--bg-primary: #F4F5F9;--bg-secondary: #FFFFFF;--bg-elevated: #FFFFFF;--bg-glass: rgba(255, 255, 255, .7);--text-primary: #1A1D26;--text-secondary: #6B7280;--text-muted: #9CA3AF;--accent: #6C5CE7;--accent-rgb: 108, 92, 231;--accent-hover: #5A4BD1;--accent-glow: rgba(108, 92, 231, .25);--success: #00B894;--success-glow: rgba(0, 184, 148, .2);--warning: #FDCB6E;--error: #E17055;--xp-gold: #F9A825;--xp-glow: rgba(249, 168, 37, .3);--border: #E5E7EB;--border-light: #F3F4F6;--surface-paper: #FFF8E7;--surface-paper-line: #E8DCC8;--shadow: rgba(0, 0, 0, .08)}@media (prefers-color-scheme: dark){[data-theme=auto]{--bg-primary: #0B0D14;--bg-secondary: #141722;--bg-elevated: #1E2233;--bg-glass: rgba(30, 34, 51, .7);--text-primary: #E8EAEF;--text-secondary: #9CA3AF;--text-muted: #9CA3AF;--accent: #7C3AED;--accent-rgb: 124, 58, 237;--accent-hover: #8B5CF6;--accent-glow: rgba(124, 58, 237, .25);--success: #34D399;--success-glow: rgba(52, 211, 153, .15);--warning: #FCD34D;--error: #E11D48;--xp-gold: #FCD34D;--xp-glow: rgba(252, 211, 77, .25);--border: #2D3348;--border-light: #1E2233;--surface-paper: #1C1A15;--surface-paper-line: #3D3529;--shadow: rgba(0, 0, 0, .3)}}html{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.visually-hidden,.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}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.mt-0{margin-top:0}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.hidden{display:none}.visible-mobile{display:block}@media (min-width: 1024px){.visible-mobile{display:none}}.visible-desktop{display:none}@media (min-width: 1024px){.visible-desktop{display:block}}.sls-btn,.sls-login__submit{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:12px;font-weight:500;transition:all .15s ease;cursor:pointer;border:none;font-size:.9rem}.sls-btn:focus-visible,.sls-login__submit:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sls-btn--primary,.sls-login__submit{background:var(--accent);color:#fff}.sls-btn--primary:hover,.sls-login__submit:hover{background:var(--accent-hover)}.sls-btn--primary:active,.sls-login__submit:active{transform:scale(.97)}.sls-btn--secondary{background:transparent;border:1px solid var(--border);color:var(--text-primary)}.sls-btn--secondary:hover{border-color:var(--accent)}.sls-btn--ghost{background:transparent;color:var(--text-secondary)}.sls-btn--ghost:hover{color:var(--accent)}.sls-btn--danger{background:var(--error);color:#fff}.sls-btn--danger:hover{background:var(--error);opacity:.9}.sls-btn--danger:active{transform:scale(.97)}.sls-btn--icon{padding:8px;border-radius:9999px}.sls-btn--icon-only{padding:8px;aspect-ratio:1}.sls-btn--sm{padding:6px 12px;font-size:.8rem}.sls-btn--lg{padding:14px 28px;font-size:1rem}.sls-form-group{margin-bottom:16px}.sls-form-group__label{display:block;margin-bottom:6px;font-size:.85rem;font-weight:500;color:var(--text-secondary)}.sls-form-group__input,.sls-form-group__select,.sls-form-group__textarea{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:12px;background:var(--bg-secondary);color:var(--text-primary);font-size:.9rem;transition:border-color .15s ease}.sls-form-group__input:focus,.sls-form-group__select:focus,.sls-form-group__textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-glow)}.sls-form-group__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}.sls-form-group__textarea{resize:vertical;min-height:80px}.sls-form-group__input-with-button{display:flex;gap:8px;align-items:stretch}.sls-form-group__input-with-button .sls-form-group__input{flex:1}.sls-form-group__input-with-button .sls-btn--icon-only{max-width:50px;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0 8px}.sls-form-group__error{font-size:.8rem;color:var(--error);margin-top:4px}.sls-form-group__hint{display:block;font-size:.8rem;color:var(--text-muted);margin-top:4px}.sls-select{padding:10px 36px 10px 14px;border:1px solid var(--border);border-radius:12px;background:var(--bg-secondary);color:var(--text-primary);font-size:.9rem;transition:border-color .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;cursor:pointer}.sls-select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-glow)}.sls-select:hover{border-color:var(--accent)}.sls-modal .sls-form .sls-btn{width:100%;justify-content:center}.sls-homework-form label{display:block;margin-bottom:16px;font-weight:500;color:var(--text-primary)}.sls-homework-form label input,.sls-homework-form label select{margin-top:4px}.sls-homework-form input[type=text],.sls-homework-form select{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:12px;background:var(--bg-secondary);color:var(--text-primary);font-size:.95rem;transition:border-color .15s ease}.sls-homework-form input[type=text]:focus,.sls-homework-form select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-glow)}.sls-homework-form select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px;cursor:pointer}.sls-homework-form .sls-btn{margin-top:16px}.sls-repeater__row{display:flex;gap:8px;align-items:center;margin-bottom:8px}.sls-repeater__row .sls-form-group__input{flex:1;margin-bottom:0}.sls-repeater__remove{width:28px;height:28px;min-width:28px;border-radius:8px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-muted);font-size:1.1rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .15s ease}.sls-repeater__remove:hover{background:var(--error);color:#fff;border-color:var(--error)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.sls-toast-container{position:fixed;top:20px;right:20px;z-index:400;display:flex;flex-direction:column;gap:8px}.sls-toast{padding:12px 20px;border-radius:12px;display:flex;align-items:center;gap:12px;font-size:.9rem;animation:slideInRight .3s ease;transition:opacity .15s ease;box-shadow:0 4px 12px var(--shadow)}.sls-toast--success{background:var(--success);color:#fff}.sls-toast--error{background:var(--error);color:#fff}.sls-toast--info{background:var(--accent);color:#fff}.sls-toast--fadeout{opacity:0;transform:translate(20px)}.sls-toast--progress{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border);min-width:280px;padding:14px 18px;flex-direction:column;align-items:stretch}.sls-toast__progress-inner{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.sls-toast__progress-label{flex:1 1 100%;font-size:.85rem;font-weight:600;margin-bottom:2px}.sls-toast__progress-bar{flex:1;height:6px;background:var(--bg-primary);border-radius:9999px;overflow:hidden}.sls-toast__progress-fill{height:100%;background:var(--accent);border-radius:9999px;transition:width .2s ease}.sls-toast__progress-pct{font-size:.8rem;font-weight:600;color:var(--accent);min-width:36px;text-align:right}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.sls-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);padding:24px}.sls-login__card{background:var(--bg-elevated);border-radius:24px;padding:48px;width:100%;max-width:400px;border:1px solid var(--border);box-shadow:0 8px 32px var(--shadow)}.sls-login__logo{text-align:center;margin-bottom:32px}.sls-login__logo h1{font-family:var(--font-heading);font-size:1.8rem;background:linear-gradient(135deg,var(--accent),var(--xp-gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sls-login__form{display:flex;flex-direction:column;gap:16px}.sls-login__error{background:var(--error);color:#fff;padding:8px 16px;border-radius:8px;font-size:.85rem;display:none}.sls-login__error--visible{display:block;animation:shake .3s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.sls-login__submit{width:100%}.grecaptcha-badge{visibility:hidden!important}.sls-login__recaptcha-disclosure{margin:8px 0 0;font-size:.75rem;color:var(--text-muted, #666);line-height:1.4}.sls-login__recaptcha-disclosure a{color:inherit;text-decoration:underline}