.blockly-editor-host{overscroll-behavior:none;touch-action:none;width:100%;height:100%;min-height:0;overflow:hidden}.blockly-editor-host .blocklyScrollbarHorizontal,.blockly-editor-host .blocklyScrollbarVertical{display:none!important}.blockly-editor-host .blocklySvg{background:0 0!important}.blockly-editor-host .blocklyMainBackground{fill:#0000!important;stroke:none!important}.blocklyToolboxDiv{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111111eb!important;border:4px solid #111!important;border-radius:32px!important;width:300px!important;margin:1rem!important;padding:1rem .75rem .85rem!important;box-shadow:12px 12px #111!important}.blockly-toolbox-title{color:#fff9dc;text-align:center;letter-spacing:.01em;border-bottom:3px solid #fff9dc33;margin:0 .35rem .65rem;padding:.25rem .75rem 1rem;font-family:Unbounded,Montserrat,sans-serif;font-size:1.2rem;font-weight:900}.blocklyTreeRoot{padding:0!important}.blocklyTreeRow{transition:background .15s,transform .15s,box-shadow .15s;border-radius:18px!important;height:auto!important;min-height:58px!important;margin:.4rem .35rem!important;padding:.7rem .85rem!important;line-height:1.2!important}.blocklyTreeRowContentContainer{align-items:center!important;min-height:42px!important}.blocklyTreeIcon{border:3px solid #11111159!important;border-radius:8px!important;width:14px!important;height:38px!important;margin-right:.85rem!important;box-shadow:2px 2px #11111173!important}.blocklyTreeLabel{letter-spacing:.01em;color:#fff9dc!important;padding:.15rem 0!important;font-family:Unbounded,Montserrat,sans-serif!important;font-size:1.05rem!important;font-weight:900!important}.blocklyTreeRow:hover{transform:translate(-2px);background:#fff9dc14!important}.blocklyTreeSelected .blocklyTreeRow{background:#f703!important;box-shadow:inset 0 0 0 3px #ff770073!important}.blocklyTreeSelected .blocklyTreeLabel{color:#fff!important}.blocklyFlyoutBackground{fill:#111111f5!important}.blocklyFlyout{border-left:4px solid #111!important}.blocklyFlyout .blocklyBlockCanvas{transform-origin:0 0}.blocklyFlyoutButton{fill:#fff9dc1f!important}.blocklyScrollbarHandle{fill:#fff9dc73!important}.blocklyWidgetDiv .blocklyHtmlInput{border:3px solid #111!important;border-radius:12px!important;font-family:Montserrat,sans-serif!important;font-weight:700!important}:root{--bg-cream:#fff9dc;--bg-dark:#272727;--accent-orange:#f70;--accent-green:#3b5a28;--accent-light-green:#74a258;--text-dark:#272727;--text-light:#fff9dc}html,body,#root{width:100%;min-height:100%}html{font-size:150%}*{box-sizing:border-box}body{color:var(--text-dark);background:var(--bg-cream);margin:0;font-family:Montserrat,Google Sans,sans-serif}button,input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}.container{width:min(1240px,92vw);margin:0 auto}.btn{border:4px solid var(--bg-dark);cursor:pointer;border-radius:30px;padding:.9rem 1.2rem;font-size:1rem;font-weight:800;transition:transform .2s,box-shadow .2s}.btn:hover{box-shadow:9px 9px 0 var(--bg-dark);transform:translateY(-3px)}.btn-primary{color:var(--text-light);background:var(--accent-orange)}.btn-ghost{background:#fff}.home-wrap{background:var(--bg-cream);min-height:100vh}.top-nav{justify-content:space-between;align-items:center;padding:1.5rem 0;display:flex}.brand-link{align-items:center;display:inline-flex}.brand-logo{object-fit:contain;width:auto;height:84px}.footer-brand-link{align-items:center;display:inline-flex}.footer-logo{object-fit:contain;width:auto;height:63px}.menu{align-items:center;gap:.8rem;display:flex}.face-control-toggle{color:var(--bg-dark);flex-direction:column;align-items:center;gap:.15rem;padding:.65rem 1rem;line-height:1.2;display:flex}.face-control-toggle-main{white-space:nowrap;font-size:1rem;font-weight:800}.face-control-toggle-hint{white-space:nowrap;opacity:.6;letter-spacing:.02em;font-size:.65rem;font-weight:600}.face-control-dev-label{opacity:.65;font-size:.85em}.face-control-state{letter-spacing:.04em;margin-left:.35rem;font-size:.85em;font-weight:800}.face-control-toggle--on{color:var(--accent-green);background:#3b5a2826}.hero{text-align:center;padding:4rem 0 5rem}.hero h1{letter-spacing:-.03em;margin:0;font-family:Unbounded,Montserrat,sans-serif;font-size:clamp(2.5rem,9vw,6.5rem);line-height:1.05}.hero h1 span{color:var(--accent-orange)}.hero p{opacity:.85;max-width:820px;margin:1.3rem auto 2rem;font-size:clamp(1.05rem,2.3vw,1.6rem)}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.hero-cta{border-width:5px;border-radius:40px;padding:1rem 2.2rem;font-size:1.3rem;display:inline-block}.features-section{background:#ffffff94;padding:4rem 0}.features-section h2{text-align:center;margin:0 0 2.2rem;font-family:Unbounded,Montserrat,sans-serif;font-size:clamp(2rem,6vw,3.5rem)}.features-section h2 span{color:var(--accent-green)}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.feature-card{background:var(--bg-cream);border:5px solid var(--bg-dark);border-radius:36px;padding:1.4rem}.feature-icon{color:#fff;border-radius:22px;place-items:center;width:84px;height:84px;margin-bottom:1rem;font-size:1.4rem;font-weight:900;display:grid}.feature-card h3{margin:0 0 .7rem;font-family:Unbounded,Montserrat,sans-serif}.feature-card p{opacity:.86;margin:0;line-height:1.55}.accent-green .feature-icon{background:var(--accent-green)}.accent-light-green .feature-icon{background:var(--accent-light-green)}.accent-orange .feature-icon{background:var(--accent-orange)}.site-footer{background:var(--bg-dark);color:var(--text-light);padding:1.4rem 0}.footer-inner{justify-content:space-between;align-items:center;gap:1rem;display:flex}.footer-links{align-items:center;gap:.6rem;display:flex}.footer-links a{border:3px solid #0000;border-radius:14px;padding:.45rem .85rem;font-size:.92rem;font-weight:700;transition:border-color .2s,background .2s}.footer-links a:hover{border-color:var(--accent-orange);background:#ff770014}.placeholder-wrap{place-items:center;min-height:100vh;padding:1rem;display:grid}.placeholder-card{border:5px solid var(--bg-dark);background:#fff;border-radius:40px;width:min(700px,100%);padding:2rem}.placeholder-kicker{color:var(--accent-orange);margin:0;font-weight:800}.login-page{background:var(--bg-dark);min-height:100vh;color:var(--text-light);flex-direction:column;display:flex}.login-header{justify-content:space-between;align-items:center;padding-top:1.2rem;padding-bottom:1rem;display:flex}.login-back{border:4px solid #0000;border-radius:18px;align-items:center;gap:.5rem;min-height:72px;padding:.55rem .8rem;font-weight:800;display:inline-flex}.login-back:hover{border-color:var(--text-light);background:#fff9dc14}.login-back:hover .nav-icon{transform:translate(-4px)}.login-logo-link{display:inline-flex}.login-logo{object-fit:contain;width:auto;height:57px}.login-main{flex:1;place-items:center;padding-bottom:1.4rem;display:grid}.login-card{background:#fff9dc0a;border:4px solid #fff9dc29;border-radius:44px;width:min(740px,100%);min-width:0;padding:clamp(1.2rem,3vw,2rem)}.login-intro{text-align:center;margin-bottom:1.2rem}.login-intro h1{color:var(--text-light);margin:0 0 .45rem;font-family:Unbounded,Montserrat,sans-serif;font-size:clamp(2rem,6vw,3.2rem);line-height:1.1}.login-intro p{opacity:.75;margin:0;font-size:clamp(1rem,2.1vw,1.2rem)}.login-form{grid-template-columns:minmax(0,1fr);gap:.75rem;width:100%;min-width:0;display:grid}.login-form label{padding-left:.4rem;font-size:1.1rem;font-weight:800}.login-form input{width:100%;min-width:0;max-width:100%;min-height:72px;color:var(--text-light);background:#1d1d1d;border:4px solid #fff9dc3d;border-radius:22px;padding:.75rem 1rem;font-size:1rem}.login-form input:focus{border-color:var(--accent-orange);outline:4px solid #ff770073}.login-btn{border:4px solid var(--text-light);cursor:pointer;border-radius:26px;justify-content:center;align-items:center;gap:.5rem;width:100%;min-width:0;max-width:100%;min-height:80px;margin-top:.5rem;font-size:1.25rem;font-weight:900;display:inline-flex}.login-btn-primary{background:var(--accent-orange);color:var(--text-light)}.login-btn-secondary{background:var(--accent-light-green);color:var(--text-light);margin-top:0}.login-btn:hover{transform:translateY(-3px);box-shadow:10px 10px #fff9dcb3}.login-btn.login-btn-primary:hover .btn-icon{transform:translate(6px)}.login-btn.login-btn-secondary:hover .btn-icon{transform:scale(1.15)}.login-divider{align-items:center;gap:.8rem;margin:.2rem 0;display:flex}.login-divider span{background:#fff9dc3d;flex:1;height:3px;display:block}.login-divider strong{letter-spacing:.13em;text-transform:uppercase;opacity:.55;font-size:.8rem}.register-card{width:min(820px,100%);min-width:0}.register-error{color:#ff6b6b;text-align:center;margin:0 0 1rem;font-weight:800}.register-password-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.75rem;min-width:0;display:grid}.register-password-field{grid-template-columns:minmax(0,1fr);gap:.75rem;min-width:0;display:grid}.password-input-wrap{width:100%;position:relative}.password-input-wrap input{padding-right:3.3rem}.password-reveal-btn{color:#fff9dcb8;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;width:2.1rem;height:2.1rem;padding:0;display:inline-flex;position:absolute;top:50%;right:.85rem;transform:translateY(-50%)}.password-reveal-btn:hover{color:var(--text-light);background:#fff9dc14}.password-reveal-btn:focus-visible{outline-offset:2px;outline:3px solid #ff770073}.password-reveal-btn:disabled{opacity:.55;cursor:not-allowed}.register-opt-in{color:#fff9dce6;text-align:left;cursor:pointer;background:#ff77001a;border:4px solid #ff770059;border-radius:22px;align-items:center;gap:1rem;padding:1rem 1.1rem;font-size:1rem;font-weight:800;line-height:1.35;transition:border-color .2s,background .2s;display:flex}.register-opt-in:hover,.register-opt-in:focus-visible{border-color:var(--accent-orange);outline:none;box-shadow:0 0 0 4px #ff77004d}.register-opt-in--checked{border-color:var(--accent-orange)}.register-opt-in-box{border:4px solid #fff9dc66;border-radius:14px;flex-shrink:0;place-items:center;width:52px;height:52px;transition:background .2s,border-color .2s;display:grid}.register-opt-in--checked .register-opt-in-box{background:var(--accent-orange);border-color:var(--accent-orange);color:var(--text-light)}.register-sign-in{text-align:center;color:#fff9dca6;margin:.5rem 0 0;font-size:1.05rem;font-weight:600}.register-sign-in-link{color:var(--accent-orange);font-weight:900}.register-sign-in-link:hover{text-decoration:underline}@media (width<=640px){.register-password-row{grid-template-columns:1fr}}.camera-permission-error{color:#ffb4b1;text-align:center;background:#e53a361f;border:4px solid #e53a3673;border-radius:20px;margin:0;padding:1rem 1.25rem;font-weight:700;line-height:1.5}.camera-permission-note{text-align:center;opacity:.6;margin:0;font-size:.95rem;font-weight:600;line-height:1.5}.calibration-page{background:var(--bg-dark);min-height:100vh;color:var(--text-light);flex-direction:column;display:flex}.calibration-main{flex:1;place-items:center;padding:1rem 0 2rem;display:grid}.calibration-card{background:#fff9dc0d;border:4px solid #fff9dc1f;border-radius:40px;flex-direction:column;gap:2rem;width:min(900px,100%);padding:clamp(1.5rem,4vw,3rem);display:flex;box-shadow:0 20px 40px #00000059}.calibration-card--success{text-align:center;align-items:center}.calibration-hero-icon,.calibration-success-icon{border:6px solid var(--text-light);width:clamp(120px,20vw,160px);height:clamp(120px,20vw,160px);box-shadow:12px 12px 0 var(--text-light);border-radius:50%;place-items:center;margin:0 auto;display:grid}.calibration-hero-icon{background:var(--accent-orange);color:var(--text-light)}.calibration-success-icon{background:var(--accent-light-green);width:clamp(140px,22vw,180px);height:clamp(140px,22vw,180px);color:var(--text-light)}.calibration-intro{text-align:center;flex-direction:column;align-items:center;width:100%;display:flex}.calibration-intro h1{text-align:center;margin:0 0 .75rem;font-family:Unbounded,Montserrat,sans-serif;font-size:clamp(2rem,6vw,3.2rem);line-height:1.1}.calibration-intro p{text-align:center;opacity:.75;max-width:640px;margin:0 auto;font-size:clamp(1rem,2.2vw,1.25rem);line-height:1.5}.calibration-steps{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.calibration-step-card{text-align:center;background:#fff9dc14;border:4px solid #fff9dc26;border-radius:24px;flex-direction:column;align-items:center;gap:.6rem;padding:1.25rem;display:flex}.calibration-step-icon{color:var(--accent-orange)}.calibration-step-card strong{font-size:1.05rem}.calibration-step-card span{opacity:.65;font-size:.95rem;font-weight:600}.calibration-primary-btn,.calibration-secondary-btn{border:4px solid var(--text-light);cursor:pointer;border-radius:28px;justify-content:center;align-items:center;gap:.75rem;min-height:80px;font-size:clamp(1.1rem,2.5vw,1.5rem);font-weight:900;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.calibration-primary-btn{background:var(--accent-orange);width:100%;color:var(--text-light)}.calibration-primary-btn--compact{flex:1;width:auto;font-size:1.15rem}.calibration-secondary-btn{color:var(--text-light);background:#fff9dc1a;border-color:#fff9dc4d;flex:1}.calibration-primary-btn:hover,.calibration-secondary-btn:hover{transform:translateY(-3px);box-shadow:8px 8px #fff9dc59}.calibration-crosshair-icon{transition:transform .3s}.calibration-primary-btn:hover .calibration-crosshair-icon{transform:rotate(45deg)}.calibration-refresh-icon{transition:transform .5s}.calibration-secondary-btn:hover .calibration-refresh-icon{transform:rotate(180deg)}.calibration-active{background:#111;flex:1;min-height:100vh;position:relative;overflow:hidden}.calibration-active-top{z-index:20;align-items:center;gap:1rem;padding:1.25rem 2rem;display:flex;position:absolute;top:0;left:0;right:0}.calibration-progress-label{opacity:.6;flex-shrink:0;font-family:Unbounded,Montserrat,sans-serif;font-size:1.4rem;font-weight:900}.calibration-progress-track{background:#fff9dc1a;border:3px solid #fff9dc33;border-radius:999px;flex:1;height:12px;overflow:hidden}.calibration-progress-fill{background:var(--accent-light-green);border-radius:999px;height:100%;transition:width .3s}.calibration-cancel-btn{color:#fff9dc73;cursor:pointer;background:0 0;border:3px solid #fff9dc33;border-radius:14px;flex-shrink:0;min-height:56px;padding:0 1.1rem;font-size:1rem;font-weight:800;transition:color .2s,border-color .2s}.calibration-cancel-btn:hover{color:var(--text-light);border-color:#fff9dc99}.calibration-instruction{text-align:center;z-index:10;color:#f70;margin:0;font-size:1.5rem;font-weight:600;position:absolute;top:5rem;left:0;right:0}.calibration-point{justify-content:center;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.calibration-point-pulse{border:4px solid #ff77004d;border-radius:50%;width:96px;height:96px;animation:1.5s ease-out infinite calibration-ping;position:absolute}@keyframes calibration-ping{0%{opacity:1;transform:scale(.85)}to{opacity:0;transform:scale(1.2)}}.calibration-point-ring{position:absolute}.calibration-point-core{background:var(--accent-orange);border:4px solid var(--text-light);width:24px;height:24px;box-shadow:0 0 20px var(--accent-orange);border-radius:50%}.calibration-point-done-dot{border:3px solid var(--accent-light-green);width:32px;height:32px;color:var(--text-light);background:#74a25899;border-radius:50%;place-items:center;display:grid}.calibration-point-flash-dot{background:var(--accent-light-green);border:4px solid var(--text-light);width:72px;height:72px;box-shadow:0 0 32px var(--accent-light-green);color:var(--text-light);border-radius:50%;place-items:center;animation:.6s calibration-bounce;display:grid}@keyframes calibration-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.calibration-stats{text-align:left;background:#fff9dc14;border:4px solid #fff9dc26;border-radius:24px;grid-template-columns:repeat(3,1fr);gap:1rem;width:100%;padding:1.5rem;display:grid}.calibration-stats span{letter-spacing:.08em;text-transform:uppercase;opacity:.6;margin-bottom:.35rem;font-size:.75rem;font-weight:900;display:block}.calibration-stats strong{font-family:Unbounded,Montserrat,sans-serif;font-size:clamp(1.8rem,5vw,3rem);line-height:1}.calibration-stat-green{color:var(--accent-light-green)}.calibration-stat-orange{color:var(--accent-orange)}.calibration-actions{gap:1rem;width:100%;display:flex}.calibration-success-header .calibration-header-spacer{width:80px}.profile-action-btn{text-decoration:none}@media (width<=768px){.calibration-steps,.calibration-stats{grid-template-columns:1fr}.calibration-actions{flex-direction:column}.calibration-primary-btn--compact{width:100%}.calibration-active-top{flex-wrap:wrap;padding:1rem}}.lessons-page{background:var(--bg-cream);grid-template-columns:320px 1fr;min-height:100vh;display:grid}.lessons-sidebar{border-right:6px solid var(--bg-dark);background:#fff;flex-direction:column;display:flex}.lessons-sidebar-brand{border-bottom:6px solid var(--bg-dark);justify-content:center;padding:1.1rem;display:flex}.lessons-logo{object-fit:contain;width:auto;height:72px}.lessons-nav{gap:.7rem;padding:1rem;display:grid}.lessons-nav-link{border:4px solid #0000;border-radius:18px;align-items:center;gap:1rem;padding:.85rem 1rem;font-size:1.25rem;font-weight:800;transition:background .15s,border .15s,box-shadow .15s;display:flex}.lessons-nav-link:hover{background:var(--bg-cream);border-color:var(--bg-dark)}.nav-icon{transition:transform .2s}.lessons-nav-link:hover .nav-icon{transform:scale(1.1)}.lessons-nav-link.is-active{background:var(--accent-orange);color:#fff;border-color:var(--bg-dark);box-shadow:6px 6px 0 var(--bg-dark)}.lessons-content{padding:2rem}.lessons-header h1{margin:0 0 .5rem;font-family:Unbounded,Montserrat,sans-serif;font-size:clamp(2rem,5vw,3.4rem);line-height:1.1}.lessons-header p{opacity:.75;margin:0 0 1.3rem;font-size:clamp(1rem,2vw,1.35rem)}.lessons-back-link{opacity:.8;align-items:center;gap:.4rem;margin-bottom:.8rem;font-size:.95rem;font-weight:800;transition:opacity .2s,color .2s;display:inline-flex}.lessons-back-link:hover{opacity:1;color:var(--accent-orange)}.workspace-library-note{opacity:.7;margin:.5rem 0 0;font-size:.9rem}.lesson-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.lesson-card{border:5px solid var(--bg-dark);background:#fff;border-radius:34px;flex-direction:column;min-height:340px;padding:1rem;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.lesson-card:hover{box-shadow:14px 14px 0 var(--bg-dark);transform:translateY(-4px)}.lesson-card.is-locked{pointer-events:none}.lesson-card.is-locked:hover{box-shadow:none;transform:none}.lesson-card-inner{flex-direction:column;flex:1;gap:.7rem;min-height:0;display:flex}.lesson-card-inner.is-blurred{filter:blur(5px);opacity:.55;-webkit-user-select:none;user-select:none}.lock-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10;pointer-events:none;background:#fff9dc80;border-radius:30px;flex-direction:column;justify-content:center;align-items:center;gap:.65rem;display:flex;position:absolute;inset:0}.lock-icon-wrap{background:var(--bg-dark);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:5.5rem;height:5.5rem;display:flex;box-shadow:0 10px 24px #00000038}.lock-icon-wrap svg{width:3rem;height:3rem;display:block}.lock-label{color:var(--text-dark);font-family:Unbounded,Montserrat,sans-serif;font-size:clamp(1.35rem,2.5vw,1.85rem);font-weight:900;line-height:1}.lesson-top{justify-content:space-between;align-items:center;display:flex}.lesson-tag{border:4px solid var(--bg-dark);color:#fff;border-radius:999px;padding:.32rem .65rem;font-size:.78rem;font-weight:800}.lesson-state-icon{justify-content:center;align-items:center;display:flex}.state-icon{background:#fff;border-radius:50%;transition:opacity .2s}.state-icon.start{opacity:0}.lesson-card:hover .state-icon.start{opacity:1}.lesson-card h2{margin:0;font-family:Unbounded,Montserrat,sans-serif;font-size:1.2rem;line-height:1.2}.lesson-card p{opacity:.82;flex:1;margin:0;line-height:1.45}.lesson-progress-wrap{background:#fff9dca6;border:3px solid #27272733;border-radius:18px;padding:.7rem}.lesson-progress-row{justify-content:space-between;margin-bottom:.5rem;font-size:.88rem;display:flex}.lesson-progress-track{border:3px solid var(--bg-dark);background:#fff;border-radius:999px;height:18px;overflow:hidden}.lesson-progress-fill{background:var(--bg-dark);height:100%}.tone-green .lesson-tag,.tone-green .lesson-progress-fill{background:var(--accent-green)}.tone-light-green .lesson-tag,.tone-light-green .lesson-progress-fill{background:var(--accent-light-green)}.tone-dark .lesson-tag,.tone-dark .lesson-progress-fill{background:var(--bg-dark)}.workspace-page{z-index:10;background:var(--bg-dark);width:100%;height:100%;color:var(--text-light);overscroll-behavior:none;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.workspace-page--loading{justify-content:center;align-items:center;gap:.75rem}.workspace-spinner{color:var(--accent-orange);animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.workspace-topbar{z-index:20;border-bottom:4px solid #111;flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;height:96px;padding:0 1.5rem;display:flex}.workspace-left,.workspace-right{align-items:center;gap:1rem;display:flex}.workspace-breadcrumbs{align-items:center;gap:.35rem;font-size:clamp(.85rem,1.5vw,1.15rem);font-weight:800;display:flex}.crumb-icon{opacity:.5}.workspace-breadcrumbs a{border-radius:.5rem;padding:.2rem .45rem}.workspace-breadcrumbs a:hover{color:var(--accent-orange)}.workspace-breadcrumbs strong{color:var(--accent-orange);background:#ff77001a;border-radius:.65rem;padding:.25rem .55rem}.workspace-icon-btn{min-width:64px;min-height:64px;color:var(--text-light);cursor:pointer;background:0 0;border:3px solid #0000;border-radius:16px;justify-content:center;align-items:center;transition:color .2s,background .2s,border-color .2s,transform .2s,box-shadow .2s;display:inline-flex}.workspace-icon-btn:hover{color:var(--accent-orange);border-color:var(--accent-orange);box-shadow:4px 4px 0 var(--accent-orange);background:#fff9dc1a;transform:translateY(-2px)}.workspace-right .workspace-icon-btn:hover{color:var(--bg-dark);background:var(--bg-cream);border-color:#111;box-shadow:4px 4px #111}.workspace-body{flex:1;min-height:0;display:flex;overflow:hidden}.workspace-panel{background:var(--bg-cream);width:30%;min-width:300px;max-width:460px;color:var(--text-dark);border-right:4px solid #111;flex-direction:column;min-height:0;display:flex}.workspace-panel-scroll{flex:1;padding:2rem 1.75rem 1rem;overflow-y:auto}.objective-chip{background:var(--accent-light-green);color:#fff;border:3px solid #111;border-radius:999px;width:max-content;padding:.35rem 1rem;font-size:1rem;font-weight:800;box-shadow:3px 3px #111}.workspace-panel h1{margin:1.25rem 0 1rem;font-family:Unbounded,Montserrat,sans-serif;font-size:clamp(1.3rem,2vw,1.9rem);font-weight:900;line-height:1.1}.workspace-panel-copy{gap:1rem;font-size:clamp(.92rem,1.2vw,1.08rem);font-weight:500;line-height:1.5;display:grid}.workspace-panel-copy p{margin:0}.workspace-panel-copy strong{color:var(--accent-orange);font-weight:900}.workspace-hint-card{background:#fff;border:4px solid #111;border-radius:20px;margin-top:1.5rem;padding:1rem 1.1rem;box-shadow:6px 6px #111}.workspace-hint-card strong{color:var(--accent-orange);letter-spacing:.04em;text-transform:uppercase;margin-bottom:.45rem;font-size:.95rem;display:block}.workspace-hint-card p{margin:0;line-height:1.45}.workspace-run-message{border:4px solid #111;border-radius:18px;margin:1.25rem 0 0;padding:.9rem 1rem;font-weight:800}.workspace-run-message--pass{color:var(--accent-green);background:#74a2582e}.workspace-run-message--fail{color:#b71c1c;background:#d32f2f1f}.workspace-panel-actions{border-top:4px solid #111;flex-shrink:0;gap:.85rem;padding:1.25rem;display:grid}.workspace-panel-btn{cursor:pointer;border:4px solid #111;border-radius:24px;justify-content:center;align-items:center;gap:.75rem;min-height:80px;font-size:clamp(1.1rem,1.8vw,1.45rem);font-weight:900;transition:transform .15s,box-shadow .15s;display:flex}.workspace-panel-btn:hover:not(.is-disabled){transform:translateY(-2px);box-shadow:6px 6px #111}.workspace-panel-btn.is-disabled{opacity:.75;cursor:not-allowed}.btn-icon{transition:transform .2s}.workspace-panel-btn.run:hover:not(.is-disabled) .btn-icon{transform:translate(4px)}.workspace-panel-btn.hint:hover .btn-icon{transform:scale(1.1)}.text-orange{color:var(--accent-orange)}.workspace-panel-btn.hint{background:#fff;min-height:72px}.workspace-panel-btn.submit{background:var(--accent-light-green);color:#fff;min-height:72px}.workspace-panel-btn.submit:hover:not(.is-disabled) .btn-icon{transform:scale(1.1)}.workspace-panel-btn.run{background:var(--accent-orange);color:#fff;min-height:88px}.workspace-stage{overscroll-behavior:none;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.workspace-canvas{overscroll-behavior:none;touch-action:none;flex:1;min-height:0;position:relative;overflow:hidden}.workspace-grid-bg{opacity:.15;pointer-events:none;z-index:0;background-image:linear-gradient(#fff9dc 2px,#0000 2px),linear-gradient(90deg,#fff9dc 2px,#0000 2px);background-size:56px 56px;position:absolute;inset:0}.workspace-output-panel{z-index:20;background:#111;border-top:4px solid #fff9dc1f;flex-direction:column;flex-shrink:0;height:52px;transition:height .3s,border-color .3s;display:flex;position:relative}.workspace-output-panel--open{height:clamp(190px,28vh,245px)}.workspace-output-panel--active{border-top-color:var(--accent-orange)}.workspace-output-header{cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:3px solid #fff9dc1a;flex-shrink:0;justify-content:space-between;align-items:center;height:52px;padding:0 1.25rem;display:flex}.workspace-output-header-left,.workspace-output-header-right{align-items:center;gap:.75rem;display:flex}.workspace-output-terminal-icon{color:var(--accent-orange)}.workspace-output-title{color:var(--text-light);font-family:Unbounded,Montserrat,sans-serif;font-size:1rem;font-weight:900}.workspace-output-badge{align-items:center;gap:.35rem;font-size:.875rem;font-weight:800;display:inline-flex}.workspace-output-badge--running{color:var(--accent-orange);animation:1.4s ease-in-out infinite workspace-output-pulse}.workspace-output-badge-dot{fill:currentColor}.workspace-output-badge--passed{color:var(--accent-light-green)}.workspace-output-badge--error{color:#d32f2f}@keyframes workspace-output-pulse{0%,to{opacity:1}50%{opacity:.55}}.workspace-output-clear{color:#fff9dc66;cursor:pointer;background:0 0;border:none;border-radius:.35rem;justify-content:center;align-items:center;padding:.2rem;transition:color .2s;display:inline-flex}.workspace-output-clear:hover{color:var(--text-light)}.workspace-output-chevron{color:#fff9dc4d;padding-bottom:.1rem;font-size:1.25rem;font-weight:900;line-height:1}.workspace-output-body{flex:1;min-height:0;padding:1rem 1.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.95rem;line-height:1.6;overflow-y:auto}.workspace-output-placeholder{color:#fff9dc40;-webkit-user-select:none;user-select:none}.workspace-output-placeholder .workspace-output-run-hint{color:var(--accent-orange)}.workspace-output-line{white-space:pre-wrap}.workspace-output-line--info{color:var(--accent-orange)}.workspace-output-line--dim{color:#fff9dc66}.workspace-output-line--step{color:#fff9dccc}.workspace-output-line--output{color:var(--text-light)}.workspace-output-line--success{color:var(--accent-light-green)}.workspace-output-line--error{color:#d32f2f}.workspace-output-cursor{background:var(--accent-orange);vertical-align:middle;width:.5rem;height:1rem;animation:1s step-end infinite workspace-output-blink;display:inline-block}@keyframes workspace-output-blink{50%{opacity:0}}.profile-page{background:var(--bg-dark);width:100%;min-height:100svh;color:var(--text-light);flex-direction:column;display:flex;overflow:hidden}.profile-topbar{background:var(--bg-dark);z-index:20;border-bottom:5px solid #111;flex-shrink:0;justify-content:space-between;align-items:center;height:96px;padding:0 2.5rem;display:flex}.profile-topbar h1{text-align:center;flex:1;margin:0;font-family:Unbounded,Montserrat,sans-serif;font-size:clamp(1.4rem,3vw,1.85rem);font-weight:900}.profile-back-btn{min-width:64px;min-height:64px;color:var(--text-light);cursor:pointer;background:0 0;border:5px solid #0000;border-radius:16px;justify-content:center;align-items:center;padding:.75rem;transition:color .2s,background .2s,border-color .2s,transform .2s,box-shadow .2s;display:inline-flex}.profile-back-btn:hover{color:var(--accent-orange);border-color:var(--accent-orange);box-shadow:6px 6px 0 var(--accent-orange);background:#fff9dc1a;transform:translateY(-2px)}.profile-topbar-spacer{width:64px}.profile-main{flex:1;grid-template-columns:5fr 7fr;width:100%;display:grid;overflow:hidden}.profile-sidebar{border-right:5px solid #111;flex-direction:column;gap:1.5rem;min-width:0;padding:3rem;display:flex;overflow-y:hidden}.profile-user-info{align-items:center;gap:2rem;display:flex}.profile-user-panel{flex-direction:column;gap:1rem;display:flex}.profile-avatar-wrap{border:6px solid var(--accent-orange);border-radius:50%;flex-shrink:0;width:clamp(120px,14vw,160px);height:clamp(120px,14vw,160px);overflow:hidden;box-shadow:10px 10px #111}.profile-avatar-img{object-fit:cover;width:100%;height:100%}.profile-details h2{letter-spacing:.02em;margin:0 0 .75rem;font-family:Unbounded,Montserrat,sans-serif;font-size:clamp(1.152rem,2.56vw,1.92rem);font-weight:900;line-height:1.1}.profile-details p{opacity:.8;margin:0;font-size:clamp(1rem,2vw,1.35rem);font-weight:500;line-height:1.4}.profile-level-card{background:var(--bg-cream);color:#111;border:5px solid #111;border-radius:32px;padding:1.4rem 1.25rem;box-shadow:12px 12px #111}.profile-level-row{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.profile-level-row--sub{margin-top:.35rem}.profile-level-label{letter-spacing:.04em;text-transform:uppercase;opacity:1;font-family:Unbounded,Montserrat,sans-serif;font-size:1rem;font-weight:900}.profile-level-value{opacity:1;font-family:Unbounded,Montserrat,sans-serif;font-size:1.4rem;font-weight:900}.profile-level-subtext{color:#333;opacity:1;font-size:.9rem;font-weight:700}.profile-level-bar{background:#efe7c4;border:3px solid #111;border-radius:999px;height:14px;margin-top:.7rem;overflow:hidden}.profile-level-bar-fill{background:linear-gradient(90deg, var(--accent-green), var(--accent-light-green));border-right:3px solid #11111180;width:0%;height:100%}.profile-edit-btn{color:#111;cursor:pointer;background:#fff9dc;border:4px solid #111;border-radius:14px;align-items:center;gap:.5rem;margin-top:1rem;padding:.65rem 1.1rem;font-family:Montserrat,sans-serif;font-size:clamp(.85rem,1.5vw,1rem);font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:6px 6px #111}.profile-edit-btn:hover{transform:translateY(-2px);box-shadow:8px 8px #111}.profile-edit-overlay{z-index:1000;background:#111111a6;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.profile-edit-modal{background:var(--bg-cream);color:#272727;border:5px solid #111;border-radius:28px;width:min(100%,624px);padding:2rem;position:relative;box-shadow:14px 14px #111}.profile-edit-close{color:#272727;cursor:pointer;background:#fff;border:4px solid #111;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex;position:absolute;top:1rem;right:1rem;box-shadow:4px 4px #111}.profile-edit-modal h3{color:#272727;margin:0 0 1.25rem;font-family:Unbounded,Montserrat,sans-serif;font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:900}.workspace-submit-overlay{z-index:1200;background:#111111a6;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.workspace-submit-modal{background:var(--bg-cream);color:#272727;text-align:center;border:5px solid #111;border-radius:28px;width:min(100%,480px);padding:2rem 2rem 1.75rem;position:relative;box-shadow:14px 14px #111}.workspace-submit-modal-icon{border:5px solid var(--accent-light-green);width:72px;height:72px;color:var(--accent-light-green);background:#fff;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1rem;display:inline-flex}.workspace-submit-modal h3{color:#272727;margin:0 0 .75rem;font-family:Unbounded,Montserrat,sans-serif;font-size:clamp(1.2rem,2.4vw,1.6rem);font-weight:900}.workspace-submit-modal p{color:#444;margin:0 0 1.5rem;font-size:clamp(1rem,1.8vw,1.2rem);font-weight:700}.workspace-submit-level-card{color:#111;background:#fff;border:4px solid #111;border-radius:18px;margin:0 0 1.5rem;padding:1rem 1.1rem;box-shadow:6px 6px #111}.workspace-submit-level-row{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.workspace-submit-level-row--sub{margin-top:.35rem}.workspace-submit-level-label{letter-spacing:.04em;text-transform:uppercase;font-family:Unbounded,Montserrat,sans-serif;font-size:.9rem;font-weight:900}.workspace-submit-level-value{font-family:Unbounded,Montserrat,sans-serif;font-size:1.1rem;font-weight:900}.workspace-submit-level-subtext{color:#333;font-size:.85rem;font-weight:700}.workspace-submit-level-bar{background:#efe7c4;border:3px solid #111;border-radius:999px;height:12px;margin-top:.7rem;overflow:hidden}.workspace-submit-level-bar-fill{background:linear-gradient(90deg, var(--accent-green), var(--accent-light-green));border-right:2px solid #11111180;width:0%;height:100%;transition:width .85s cubic-bezier(.22,1,.36,1)}.workspace-submit-modal-actions{justify-content:center;display:flex}.workspace-submit-next-btn{background:var(--accent-orange);color:#fff;cursor:pointer;border:4px solid #111;border-radius:20px;justify-content:center;align-items:center;gap:.5rem;min-width:200px;min-height:64px;font-size:clamp(1rem,1.8vw,1.25rem);font-weight:900;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:6px 6px #111}.workspace-submit-next-btn:hover{transform:translateY(-2px);box-shadow:8px 8px #111}.profile-edit-preview{justify-content:center;margin-bottom:1.5rem;display:flex}.profile-edit-preview-img{border:6px solid var(--accent-orange);object-fit:cover;border-radius:50%;width:168px;height:168px;box-shadow:10px 10px #111}.profile-edit-form{flex-direction:column;gap:.5rem;display:flex}.profile-edit-form label{color:#272727;margin-top:.75rem;font-size:.95rem;font-weight:800}.profile-edit-form input{color:#272727;background:#fff;border:4px solid #111;border-radius:14px;width:100%;padding:.85rem 1rem;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:600}.profile-edit-form input:focus{outline:3px solid var(--accent-orange);outline-offset:2px}.profile-edit-hint{opacity:.85;color:#272727;margin:0;font-size:.9rem;font-weight:600}.profile-edit-upload-row{flex-flow:row;gap:.75rem;margin-top:.35rem;display:flex}.profile-edit-file-input{display:none}.profile-edit-upload-btn,.profile-edit-remove-btn,.profile-edit-cancel,.profile-edit-save{cursor:pointer;text-align:center;border:4px solid #111;border-radius:16px;flex:1;justify-content:center;align-items:center;gap:.5rem;min-width:0;min-height:52px;padding:.75rem 1rem;font-family:Montserrat,sans-serif;font-size:.95rem;font-weight:800;line-height:1.2;display:inline-flex;box-shadow:6px 6px #111}.profile-edit-upload-btn{color:#fff;background:#74a258}.profile-edit-remove-btn{color:#272727;background:#fff}.profile-edit-upload-btn:disabled,.profile-edit-remove-btn:disabled{opacity:.7;cursor:not-allowed}.profile-edit-file-name{word-break:break-all;color:#272727;margin:.5rem 0 0;font-size:.9rem;font-weight:700}.profile-edit-error{color:#e53a36;margin:.75rem 0 0;font-weight:700}.profile-edit-actions{gap:.75rem;margin-top:.75rem;display:flex}.profile-edit-cancel{color:#272727;background:#fff}.profile-edit-save{background:var(--accent-orange);color:#fff}.profile-edit-cancel:disabled,.profile-edit-save:disabled{opacity:.7;cursor:not-allowed}.profile-stats-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.profile-stat-card{background:var(--bg-cream);color:#111;text-align:center;border:5px solid #111;border-radius:32px;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1.25rem;transition:transform .2s;display:flex;box-shadow:12px 12px #111}.profile-stat-card:hover,.profile-stat-card:focus-visible{outline:none;transform:translateY(-4px);box-shadow:14px 14px #111}.profile-stat-card.wide{grid-column:1/-1}.profile-stat-card strong{font-family:Unbounded,Montserrat,sans-serif;font-size:clamp(2.5rem,6vw,4rem);font-weight:900;line-height:1;display:block}.profile-stat-card span{letter-spacing:.12em;text-transform:uppercase;opacity:.8;font-size:clamp(.85rem,1.5vw,1.1rem);font-weight:800}.icon-green{color:var(--accent-green)}.icon-orange{color:var(--accent-orange)}.icon-light-green{color:var(--accent-light-green)}.profile-controls{background:var(--bg-cream);color:#111;min-width:0;padding:3rem;overflow-y:hidden}.profile-controls-inner{max-width:800px;margin:0 auto}.profile-controls-header{align-items:center;gap:1.5rem;margin-bottom:3rem;display:flex}.profile-heading-icon-wrap{background:var(--bg-dark);border-radius:20px;flex-shrink:0;place-items:center;width:72px;height:72px;display:grid;box-shadow:6px 6px #111}.profile-subsection-header{align-items:center;gap:1.5rem;margin-bottom:.5rem;display:flex}.profile-controls-header h2{margin:0;font-family:Unbounded,Montserrat,sans-serif;font-size:clamp(1.8rem,4vw,3rem);font-weight:900;line-height:1.1}.profile-settings-stack{flex-direction:column;gap:2rem;display:flex}.profile-calibration-section--spaced{margin-top:2rem}.profile-subsection-title,.profile-calibration-section h4,.profile-control-card h4,.profile-toggle-copy h4{letter-spacing:.06em;text-transform:uppercase;margin:0 0 .5rem;font-size:clamp(1.1rem,2.2vw,1.6rem);font-weight:900}.profile-calibration-section p,.profile-control-card p,.profile-toggle-copy p{opacity:.8;margin:0;font-size:clamp(1rem,2vw,1.35rem);font-weight:500;line-height:1.45}.profile-section-desc,.profile-calibration-section p.profile-section-desc{color:#666;opacity:1;margin:0 0 1rem;font-size:1rem;font-weight:400;line-height:1.5}.profile-action-btn{background:var(--accent-orange);min-height:96px;color:var(--text-light);cursor:pointer;border:5px solid #111;border-radius:24px;justify-content:center;align-items:center;gap:1rem;width:100%;margin-top:1.25rem;font-family:Montserrat,sans-serif;font-size:clamp(1.2rem,2.5vw,1.75rem);font-weight:900;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:12px 12px #111}.profile-action-btn:hover{transform:translateY(-4px);box-shadow:14px 14px #111}.profile-action-icon{transition:transform .2s}.profile-action-btn:hover .profile-action-icon{transform:scale(1.1)}.profile-action-stack{flex-direction:column;gap:1rem;margin-top:1.25rem;display:flex}.profile-action-stack .profile-action-btn{margin-top:0}.profile-action-btn--face-login{background:#74a258}.profile-action-btn--logout{background:#e53a36}.profile-action-btn--logout:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:12px 12px #111}.profile-control-card,.profile-toggle-card{background:#fff;border:5px solid #111;border-radius:40px;width:100%;padding:2.5rem;box-shadow:12px 12px #111}.profile-control-row{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:.75rem;display:flex}.profile-control-card p,.profile-toggle-copy p{margin-bottom:1.5rem}.profile-badge-orange{color:var(--accent-orange);background:#ff77001a;border:4px solid #f703;border-radius:12px;flex-shrink:0;padding:.35rem .75rem;font-family:Unbounded,Montserrat,sans-serif;font-size:clamp(1.2rem,2.5vw,2rem);font-weight:900;display:inline-block}.profile-badge-green{color:var(--accent-light-green);background:#74a2581a;border:4px solid #74a25833;border-radius:12px;flex-shrink:0;padding:.35rem .75rem;font-family:Unbounded,Montserrat,sans-serif;font-size:clamp(1.2rem,2.5vw,2rem);font-weight:900;display:inline-block}.profile-brutal-slider{margin-top:.5rem;padding:1.5rem 0;position:relative}.profile-brutal-slider input[type=range]{appearance:none;cursor:pointer;z-index:20;background:0 0;width:100%;height:64px;margin:0;position:relative}.profile-brutal-slider input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:0 0;border:none;width:72px;height:72px}.profile-brutal-slider input[type=range]::-moz-range-thumb{cursor:pointer;background:0 0;border:none;width:72px;height:72px}.profile-brutal-slider-track{background:var(--bg-cream);pointer-events:none;border:4px solid #111;border-radius:999px;height:24px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);box-shadow:inset 0 2px 4px #00000014}.profile-brutal-slider-fill{pointer-events:none;border:4px solid #111;border-right:none;border-radius:999px 0 0 999px;height:24px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.profile-slider-fill--green{background:var(--accent-green)}.profile-slider-fill--light-green{background:var(--accent-light-green)}.profile-brutal-slider-thumb{background:var(--accent-orange);pointer-events:none;z-index:10;border:6px solid #111;border-radius:50%;place-items:center;width:72px;height:72px;transition:left 50ms linear;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:8px 8px #111}.profile-toggle-card{cursor:pointer;text-align:left;justify-content:space-between;align-items:center;gap:1.5rem;transition:transform .2s,box-shadow .2s;display:flex}.profile-toggle-card:hover,.profile-toggle-card:focus-visible{outline:none;transform:translateY(-4px);box-shadow:16px 16px #111}.profile-toggle-copy{flex:1}.profile-toggle-switch{background:#d32f2f;border:6px solid #111;border-radius:999px;flex-shrink:0;align-items:center;width:160px;height:80px;padding:.5rem;transition:background .3s;display:flex;box-shadow:inset 4px 4px #0003}.profile-toggle-switch--on{background:var(--accent-light-green)}.profile-toggle-knob{background:var(--text-light);border:4px solid #111;border-radius:50%;place-items:center;width:54px;height:54px;transition:transform .3s;display:grid;box-shadow:4px 4px #111}.profile-toggle-switch--on .profile-toggle-knob{transform:translate(74px)}@media (width<=900px){.top-nav{flex-direction:column;gap:1rem}.menu{flex-wrap:wrap;justify-content:center;width:100%}.feature-grid{grid-template-columns:1fr}.footer-inner{flex-direction:column}.login-header{gap:1rem}.lessons-page{grid-template-columns:1fr}.lessons-sidebar{border-right:0;border-bottom:6px solid var(--bg-dark)}.lesson-grid{grid-template-columns:1fr}.workspace-body{flex-direction:column}.workspace-panel{width:100%;min-width:0;max-width:none;max-height:42svh}.workspace-stage{min-height:48svh}.profile-main{grid-template-columns:1fr}.profile-sidebar{border-bottom:5px solid #111;border-right:0}.profile-toggle-card{flex-direction:column;align-items:stretch}.profile-toggle-switch{align-self:flex-end}.settings-main{grid-template-columns:1fr}.settings-profile{border-bottom:4px solid #111;border-right:0}}.mobile-unsupported{background:var(--bg-dark);min-height:100svh;color:var(--text-light);place-items:center;padding:1.5rem;display:grid}.mobile-unsupported-card{background:var(--bg-cream);color:#111;text-align:center;border:5px solid #111;border-radius:32px;width:min(520px,100%);padding:2rem 1.5rem;box-shadow:12px 12px #111}.mobile-unsupported-icon{background:var(--bg-dark);width:112px;height:112px;color:var(--accent-orange);border:5px solid #111;border-radius:24px;place-items:center;margin:0 auto 1.25rem;display:grid;box-shadow:8px 8px #111}.mobile-unsupported-card h1{margin:0 0 .75rem;font-family:Unbounded,Montserrat,sans-serif;font-size:clamp(1.4rem,6vw,2rem);font-weight:900;line-height:1.2}.mobile-unsupported-card p{opacity:.85;margin:0;font-size:clamp(1rem,4.2vw,1.15rem);font-weight:500;line-height:1.5}.language-toggle{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.language-toggle-btn{background:var(--bg-cream);color:#111;cursor:pointer;border:4px solid #111;border-radius:16px;padding:.75rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:900;transition:all .15s ease-in-out;box-shadow:6px 6px #111}.language-toggle-btn:hover:not(.is-active){transform:translateY(-2px);box-shadow:8px 8px #111}.language-toggle-btn.is-active{background:var(--accent-orange);color:#fff;box-shadow:none;transform:translate(6px,6px)}.animate-spin{animation:1s linear infinite spin}.mr-3{margin-right:.75rem}