:root{--sf-bg:#05070c;--sf-surface:#ffffff06;--sf-surface-raised:#ffffff0a;--sf-surface-hover:#ffffff0e;--sf-border:#ffffff12;--sf-border-soft:#ffffff0d;--sf-border-strong:#7e99ff38;--sf-text:#f7f9fc;--sf-text-secondary:#ffffff94;--sf-text-muted:#ffffff61;--sf-accent:#819cff;--sf-focus:#91a9ff;--sf-success:#69e39a;--sf-radius-sm:10px;--sf-radius-md:13px;--sf-radius-lg:20px;--sf-radius-xl:26px;--sf-space-1:4px;--sf-space-2:8px;--sf-space-3:12px;--sf-space-4:16px;--sf-space-5:24px;--sf-space-6:32px;--sf-motion-fast:.16s;--sf-motion-base:.22s;--sf-ease:cubic-bezier(.2,.8,.2,1)}:where(button,a,input,textarea,select):focus-visible{outline:2px solid var(--sf-focus);outline-offset:3px}:where(button,a){-webkit-tap-highlight-color:transparent}:where(button):disabled{cursor:not-allowed;opacity:.56}@media (hover:hover) and (pointer:fine){:where(button,a){transition:transform var(--sf-motion-fast) var(--sf-ease),border-color var(--sf-motion-base) var(--sf-ease),background-color var(--sf-motion-base) var(--sf-ease),color var(--sf-motion-base) var(--sf-ease),opacity var(--sf-motion-base) var(--sf-ease)}}.dashboard-sidebar,.progress-sidebar{border-color:var(--sf-border-soft)}.dashboard-menu-item,.progress-menu button{min-height:44px}.dashboard-menu-item.active,.progress-menu button.active{border-color:#819cff1f;box-shadow:inset 2px 0 #91a9ffb3}.dashboard-topbar,.progress-topbar,.coach-header,.plans-topbar{border-color:var(--sf-border-soft)}.dashboard-module,.dashboard-training,.dashboard-progress,.progress-card,.level-panel,.conversation-card,.plans-card{border-color:var(--sf-border)}@media (hover:hover) and (pointer:fine){.dashboard-module:hover{transform:translateY(-2px)}.dashboard-menu-item:hover,.progress-menu button:hover{background:var(--sf-surface-hover)}}.coach-flow-state{border:1px solid var(--sf-border);width:max-content;max-width:100%;min-height:32px;color:var(--sf-text-secondary);letter-spacing:.2px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080b13ad;border-radius:999px;align-items:center;gap:9px;margin:0 0 12px;padding:7px 10px;font-size:10px;line-height:1;display:flex}.coach-flow-state i{background:#ffffff4d;border-radius:50%;flex:0 0 7px;width:7px;height:7px}.coach-flow-state[data-state=listening] i{background:var(--sf-success);animation:1.25s ease-in-out infinite sfStatePulse;box-shadow:0 0 0 4px #69e39a14,0 0 16px #69e39a59}.coach-flow-state[data-state=transcribing] i,.coach-flow-state[data-state=thinking] i{background:var(--sf-accent);animation:1.05s ease-in-out infinite sfStatePulse;box-shadow:0 0 14px #819cff66}.coach-flow-state[data-state=speaking] i{background:#b9c5ff;animation:.9s ease-in-out infinite sfStatePulse;box-shadow:0 0 16px #91a9ff73}.coach-flow-state strong{color:var(--sf-text);font-size:10px;font-weight:700}.coach-flow-state span{color:var(--sf-text-muted)}.conversation-card[data-ai-state=thinking]{border-color:#819cff26}.conversation-card[data-ai-state=listening]{border-color:#69e39a21}.conversation-card[data-ai-state=speaking]{border-color:#91a9ff2b}@keyframes sfStatePulse{0%,to{opacity:.55;transform:scale(.82)}50%{opacity:1;transform:scale(1.12)}}@media (max-width:760px){:where(input,textarea,select){font-size:max(16px,1em)}:where(button,a)[class]{touch-action:manipulation}.sf-mobile-nav-item{min-width:44px;min-height:52px}.sf-mobile-nav-item span{letter-spacing:.1px;font-size:9px;line-height:1.15}.sf-mobile-nav-item svg{width:19px;height:19px}.dashboard-primary,.coach-primary,.plans-primary,.plans-secondary,.finish-button{min-height:44px}.coach-flow-state{margin-bottom:10px;font-size:9px}.coach-flow-state strong{font-size:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.progress-metrics article,.learning-plan-grid article,.mode-summary-grid article,.musiclab-progress-grid article,.progress-insight,.session-history-card{transition:border-color var(--sf-motion-base) var(--sf-ease), background-color var(--sf-motion-base) var(--sf-ease), transform var(--sf-motion-fast) var(--sf-ease)}.progress-metrics strong,.musiclab-progress-grid strong,.mode-summary-grid>article>strong,.session-time strong{font-variant-numeric:tabular-nums}.progress-card-heading>div>span,.learning-plan-grid article>span,.progress-insight-top>span,.session-history-details span,.session-history-next>span{letter-spacing:.08em}.progress-empty{border:1px dashed var(--sf-border);border-radius:var(--sf-radius-md);background:var(--sf-surface)}.progress-alert{border-color:#ffffff1a}.activity-bar,.skill-track i{transition:height .45s var(--sf-ease), width .45s var(--sf-ease)}@media (hover:hover) and (pointer:fine){.progress-metrics article:hover,.learning-plan-grid article:hover,.mode-summary-grid article:hover,.musiclab-progress-grid article:hover,.progress-insight:hover,.session-history-card:hover{border-color:var(--sf-border-strong);background-color:var(--sf-surface-raised)}}@media (max-width:760px){.progress-coach-link,.musiclab-progress-foot button{min-height:44px}.progress-card-heading small,.progress-metrics small,.musiclab-progress-grid small{line-height:1.4}}.dashboard-hero-copy>p{max-width:590px}.dashboard-primary,.dashboard-focus-action,.dashboard-level-adaptive button{min-height:44px}.dashboard-module{text-align:left;position:relative;overflow:hidden}.dashboard-module:after{content:"";opacity:0;height:1px;transition:opacity var(--sf-motion-base) var(--sf-ease), transform var(--sf-motion-base) var(--sf-ease);background:linear-gradient(90deg,#0000,#819cff61,#0000);position:absolute;inset:auto 18px 0;transform:scaleX(.65)}.dashboard-module-action{align-items:center;min-height:28px;display:inline-flex}.dashboard-learning-focus,.dashboard-level-journey{border-color:var(--sf-border)}.dashboard-focus-stats strong,.dashboard-stat strong,.dashboard-training-time strong{font-variant-numeric:tabular-nums}.dashboard-live-demo{isolation:isolate}.live-demo-switch button{min-width:36px;min-height:36px}.live-demo-switch button.active{border-color:var(--sf-border-strong)}@media (hover:hover) and (pointer:fine){.dashboard-module:hover:after{opacity:1;transform:scaleX(1)}.dashboard-module:hover .dashboard-module-action{color:var(--sf-text)}}@media (max-width:760px){.dashboard-hero-copy>p{max-width:36ch}.dashboard-module{min-height:170px}.dashboard-module-action{min-height:0}.dashboard-primary,.dashboard-focus-action,.dashboard-level-adaptive button{justify-content:center;align-items:center;min-height:0;line-height:1.2;display:inline-flex}.dashboard-primary{padding:12px 17px}.dashboard-focus-action{padding:10px 13px}.dashboard-level-adaptive button{padding:9px 12px}.live-demo-switch button{min-width:36px;min-height:36px}.sf-mobile-nav{padding-top:5px}.sf-mobile-nav-item{gap:3px;min-height:46px;padding:4px 1px}.sf-mobile-nav-item svg{width:18px;height:18px}.sf-mobile-nav-item span{letter-spacing:0;font-size:8px;line-height:1.1}.dashboard-footer{align-items:center;gap:10px;padding:18px 0 14px;line-height:1.45}.dashboard-footer>span:first-child{width:100%;display:block}.dashboard-footer-links{justify-content:center;align-items:center;gap:6px 8px;width:100%}.dashboard-footer-links>span:last-child{flex-basis:100%;margin-top:2px}}.dashboard-hardware-grid{align-items:stretch;gap:18px}.dashboard-hardware-card{--hw:112,154,255;isolation:isolate;flex-direction:column;position:relative;min-height:430px!important;box-shadow:inset 0 1px 0 #ffffff57,inset 1px 0 0 #ffffff14,inset -1px 0 0 rgba(var(--hw),.18),0 24px 55px #00000061,0 0 24px rgba(var(--hw),.06)!important;background:linear-gradient(155deg,#18202c 0%,#080d16 26%,#04070c 100%)!important;border:1px solid #a5beff5c!important;border-radius:24px!important;padding:0!important;display:flex!important;overflow:hidden!important}.dashboard-hardware-card:before{content:"";z-index:6;pointer-events:none;border:1px solid #c4d3ff21;border-radius:19px;position:absolute;inset:5px;box-shadow:inset 0 0 0 2px #00000052}.dashboard-hardware-card:after{content:"";pointer-events:none;z-index:7!important;opacity:.75!important;background:linear-gradient(112deg,#ffffff29,transparent 8%,transparent 73%,rgba(var(--hw),.1) 100%)!important;height:auto!important;position:absolute!important;inset:0!important;transform:none!important}.hardware-stage{z-index:1;border-bottom:1px solid rgba(var(--hw),.16);background:radial-gradient(circle at 50% 50%,rgba(var(--hw),.16),transparent 35%),linear-gradient(180deg,#101722,#060a11 80%);perspective:700px;flex:0 0 270px;height:270px;position:relative;overflow:hidden}.hardware-stage:before{content:"";background:linear-gradient(90deg,transparent 49.7%,rgba(var(--hw),.035) 50%,transparent 50.3%);border:1px solid #ffffff0e;border-radius:14px;position:absolute;inset:12px;box-shadow:inset 0 0 42px #00000085}.hardware-stage:after{content:"";pointer-events:none;background:linear-gradient(180deg,#ffffff09,transparent 18%,transparent 75%,rgba(var(--hw),.045));position:absolute;inset:0}.hardware-board-grid{opacity:.55;background-image:linear-gradient(rgba(var(--hw),.045) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--hw),.045) 1px,transparent 1px);background-size:15px 15px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 10%,#0000 76%);mask-image:radial-gradient(#000 10%,#0000 76%)}.hardware-trace{z-index:1;background:rgba(var(--hw),.28);box-shadow:0 0 9px rgba(var(--hw),.2);position:absolute}.hardware-trace:after{content:"";width:4px;height:4px;box-shadow:0 0 11px rgba(var(--hw),1);background:#dce5ff;border-radius:50%;animation:2.4s linear infinite hwSignal;position:absolute}.trace-one{width:42%;height:1px;top:30%;left:0}.trace-two{width:41%;height:1px;top:69%;right:0}.trace-three{width:1px;height:42%;top:0;left:28%}.trace-four{width:1px;height:39%;bottom:0;right:25%}.trace-two:after{animation-delay:-1.2s}.trace-three:after{animation-delay:-.6s}.trace-four:after{animation-delay:-1.8s}.hardware-contact{z-index:2;width:7px;height:7px;box-shadow:0 0 8px rgba(var(--hw),.08);background:#080d16;border:1px solid #becdff4d;border-radius:2px;position:absolute}.contact-one{top:20%;left:10%}.contact-two{top:25%;right:10%}.contact-three{bottom:18%;left:14%}.hardware-assembly{z-index:3;width:150px;height:150px;transform-style:preserve-3d;animation:5s ease-in-out infinite hwFloat;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%)rotateX(61deg)rotate(45deg)}.hardware-layer{transform-style:preserve-3d;place-items:center;transition:transform .75s cubic-bezier(.16,1,.3,1);display:grid;position:absolute;top:50%;left:50%}.layer-base{background:linear-gradient(145deg,#1b2430,#070b12 60%);border:1px solid #c3d2ff2e;border-radius:15px;width:126px;height:126px;transform:translate(-50%,-50%)translateZ(0);box-shadow:0 24px 35px #00000094,inset 0 0 0 7px #ffffff05}.layer-board{border:1px solid rgba(var(--hw),.28);background:repeating-linear-gradient(90deg,transparent 0 9px,rgba(var(--hw),.07) 9px 10px),repeating-linear-gradient(0deg,transparent 0 9px,rgba(var(--hw),.07) 9px 10px),#0a1020;width:104px;height:104px;box-shadow:0 0 25px rgba(var(--hw),.12);border-radius:12px;transform:translate(-50%,-50%)translateZ(14px)}.layer-die{background:linear-gradient(145deg,rgba(var(--hw),.28),#0b1020 65%);width:70px;height:70px;box-shadow:0 0 30px rgba(var(--hw),.25),inset 0 0 20px rgba(var(--hw),.12);border:1px solid #baccff75;border-radius:9px;transform:translate(-50%,-50%)translateZ(30px)}.hardware-die-grid{background:linear-gradient(90deg,#0000 48%,#ffffff1c 49% 51%,#0000 52%),linear-gradient(#0000 48%,#ffffff1c 49% 51%,#0000 52%);border:1px solid #ffffff26;position:absolute;inset:8px}.layer-core{background:radial-gradient(circle,#cbd8ff 0 8%,rgba(var(--hw),.52) 12%,rgba(var(--hw),.18) 48%,#080d17 74%);color:#e4ebff;width:37px;height:37px;box-shadow:0 0 15px rgba(var(--hw),.85),0 0 48px rgba(var(--hw),.32);border:1px solid #dce5ff80;border-radius:8px;transform:translate(-50%,-50%)translateZ(48px)}.layer-core svg{stroke-width:1.7px;width:17px;height:17px;transform:rotate(-45deg)}.hardware-orbit{border:1px solid rgba(var(--hw),.24);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)translateZ(52px)rotateX(-61deg)}.orbit-one{width:110px;height:110px;animation:6s linear infinite hwOrbit}.orbit-two{opacity:.52;border-style:dashed;width:140px;height:140px;animation:9s linear infinite hwOrbitR}.hardware-energy{z-index:2;border:1px solid rgba(var(--hw),.25);border-radius:50%;width:80px;height:80px;animation:2.5s ease-out infinite hwEnergy;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%)}.energy-two{animation-delay:1.25s}.hardware-specialty{z-index:4;pointer-events:none;position:absolute;inset:0}.hardware-specialty>span{opacity:0;position:absolute;inset:0}.hardware-conversation .specialty-conversation{opacity:1}.neural-port{border:1px solid rgba(var(--hw),.35);background:radial-gradient(circle,#dce5ff 0 4%,rgba(var(--hw),.42) 6%,rgba(var(--hw),.09) 35%,#070b12 66%);width:42px;height:42px;box-shadow:0 0 26px rgba(var(--hw),.22);border-radius:50%;position:absolute;top:42%}.port-a{left:4%}.port-b{right:4%}.neural-arc{border:1px solid rgba(var(--hw),.14);border-radius:50%;width:56px;height:56px;animation:3s ease-in-out infinite hwArc;position:absolute;top:38%}.arc-a{left:1%}.arc-b{animation-delay:-1.5s;right:1%}.neural-stream{background:linear-gradient(90deg,transparent,rgb(var(--hw)),#e7edff,rgb(var(--hw)),transparent);height:2px;filter:drop-shadow(0 0 7px rgba(var(--hw),.8));animation:1.7s ease-in-out infinite hwStream;position:absolute;top:50%;left:14%;right:14%}.hardware-pronunciation .hardware-assembly{opacity:.28;transform:translate(-50%,-50%)scale(.8)rotateX(61deg)rotate(45deg)}.hardware-pronunciation .specialty-pronunciation{opacity:1}.voice-dial{border:1px solid rgba(var(--hw),.38);background:radial-gradient(circle,rgba(var(--hw),.2),#080d15 48%,rgba(var(--hw),.08) 50%,#070b12 66%);width:108px;height:108px;box-shadow:0 0 34px rgba(var(--hw),.2),inset 0 0 0 9px rgba(var(--hw),.035);border-radius:50%;place-items:center;display:grid;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.voice-dial svg{color:#dbe5ff;width:28px;height:28px;filter:drop-shadow(0 0 10px rgba(var(--hw),.7))}.voice-dial em{border:1px solid rgba(var(--hw),.18);border-radius:50%;animation:2s ease-out infinite hwVoiceRing;position:absolute;inset:-13px}.voice-wave{justify-content:space-between;align-items:center;display:flex;position:absolute;top:47%;left:4%;right:4%}.voice-wave i{background:linear-gradient(#dce5ff,rgb(var(--hw)));width:2px;height:22px;box-shadow:0 0 8px rgba(var(--hw),.45);border-radius:3px;animation:.7s ease-in-out infinite alternate hwVoice}.voice-wave i:nth-child(2n){animation-delay:-.2s}.voice-wave i:nth-child(3n){animation-delay:-.4s}.hardware-vocabulary .hardware-assembly{top:58%;transform:translate(-50%,-50%)scale(.78)rotateX(61deg)rotate(45deg)}.hardware-vocabulary .specialty-vocabulary{opacity:1}.memory-plinth{border:1px solid rgba(var(--hw),.28);background:linear-gradient(180deg,rgba(var(--hw),.18),#070b12);width:110px;height:24px;box-shadow:0 12px 22px #00000073,0 0 18px rgba(var(--hw),.12);position:absolute;top:67%;left:50%;transform:translate(-50%)skew(-24deg)}.specialty-vocabulary i{background:linear-gradient(145deg,rgba(var(--hw),.35),rgba(var(--hw),.07));width:24px;height:24px;box-shadow:inset 0 0 12px rgba(var(--hw),.12),0 0 18px rgba(var(--hw),.18);border:1px solid #c8d6ff6b;animation:3.2s ease-in-out infinite hwMemory;position:absolute;transform:rotate(45deg)}.specialty-vocabulary i:first-of-type{top:26%;left:18%}.specialty-vocabulary i:nth-of-type(2){animation-delay:-.5s;top:39%;left:30%}.specialty-vocabulary i:nth-of-type(3){animation-delay:-1s;top:20%;left:42%}.specialty-vocabulary i:nth-of-type(4){animation-delay:-1.5s;top:34%;right:28%}.specialty-vocabulary i:nth-of-type(5){animation-delay:-2s;top:23%;right:16%}.specialty-vocabulary i:nth-of-type(6){animation-delay:-2.5s;top:52%;right:20%}.specialty-vocabulary i:nth-of-type(7){animation-delay:-3s;top:55%;left:20%}.hardware-grammar .hardware-assembly{top:54%}.hardware-grammar .specialty-grammar{opacity:1}.logic-beam{background:linear-gradient(transparent,#dfe6ff,rgb(var(--hw)),transparent);width:1px;height:74%;box-shadow:0 0 13px rgba(var(--hw),.85);animation:2.2s ease-in-out infinite hwBeam;position:absolute;top:13%;left:50%}.specialty-grammar i{background:linear-gradient(180deg,rgba(var(--hw),.16),#080d16);width:112px;height:30px;box-shadow:0 10px 20px #00000059,0 0 14px rgba(var(--hw),.08);border:1px solid #becdff42;border-radius:4px;animation:4s ease-in-out infinite hwLogic;position:absolute;left:50%;transform:translate(-50%)skew(-22deg)}.specialty-grammar i:first-of-type{top:25%}.specialty-grammar i:nth-of-type(2){animation-delay:-.4s;top:38%}.specialty-grammar i:nth-of-type(3){animation-delay:-.8s;top:51%}.specialty-grammar i:nth-of-type(4){animation-delay:-1.2s;top:64%}.hardware-music .hardware-assembly{opacity:.22}.hardware-music .specialty-music{opacity:1}.dsp-platter{border:1px solid rgba(var(--hw),.35);background:repeating-radial-gradient(circle,rgba(var(--hw),.16) 0 1px,transparent 2px 9px),radial-gradient(circle,#101a2b,#05080e 68%);width:126px;height:126px;box-shadow:0 0 36px rgba(var(--hw),.22),inset 0 0 0 10px rgba(var(--hw),.025);border-radius:50%;place-items:center;animation:10s linear infinite hwDisc;display:grid;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%)}.dsp-platter svg{color:#dbe5ff;width:25px;height:25px;filter:drop-shadow(0 0 9px rgba(var(--hw),.8))}.dsp-platter em{border:1px solid rgba(var(--hw),.28);border-radius:50%;position:absolute;inset:15px}.dsp-wave{justify-content:space-between;align-items:center;display:flex;position:absolute;top:48%;left:8%;right:8%}.dsp-wave i{background:linear-gradient(#e3eaff,rgb(var(--hw)),transparent);width:2px;height:18px;animation:.55s ease-in-out infinite alternate hwVoice}.dsp-wave i:nth-child(2n){animation-delay:-.17s}.dsp-wave i:nth-child(3n){animation-delay:-.34s}.hardware-card-copy{z-index:5;background:linear-gradient(#04070ce6,#04070c 38%);flex-direction:column;flex:1;min-height:160px;padding:18px 19px 19px;display:flex;position:relative}.dashboard-hardware-card .dashboard-module-top{margin:0}.dashboard-hardware-card h3{margin:13px 0 6px!important}.dashboard-hardware-card p{min-height:38px!important;margin:0 0 14px!important}.dashboard-hardware-card .dashboard-module-action{margin-top:auto}@keyframes hwFloat{0%,to{transform:translate(-50%,-50%)rotateX(61deg)rotate(45deg)translateZ(0)}50%{transform:translate(-50%,-53%)rotateX(61deg)rotate(47deg)translateZ(10px)}}@keyframes hwSignal{0%{opacity:0;transform:translate(0)}20%{opacity:1}80%{opacity:1;transform:translate(34px)}to{opacity:0;transform:translate(40px)}}@keyframes hwOrbit{to{transform:translate(-50%,-50%)translateZ(52px)rotateX(-61deg)rotate(360deg)}}@keyframes hwOrbitR{to{transform:translate(-50%,-50%)translateZ(52px)rotateX(-61deg)rotate(-360deg)}}@keyframes hwEnergy{0%{opacity:.7;transform:translate(-50%,-50%)scale(.5)}to{opacity:0;transform:translate(-50%,-50%)scale(2.5)}}@keyframes hwArc{0%,to{opacity:.25;transform:scale(.75)}50%{opacity:1;transform:scale(1.2)}}@keyframes hwStream{0%,to{opacity:.28;transform:scaleX(.6)}50%{opacity:1;transform:scaleX(1)}}@keyframes hwVoiceRing{0%{opacity:.8;transform:scale(.7)}to{opacity:0;transform:scale(1.45)}}@keyframes hwVoice{0%{opacity:.35;transform:scaleY(.3)}to{opacity:1;transform:scaleY(1.7)}}@keyframes hwMemory{0%,to{opacity:.45;transform:rotate(45deg)translateY(0)}50%{opacity:1;transform:rotate(45deg)translateY(-13px)}}@keyframes hwLogic{0%,to{transform:translate(-50%)skew(-22deg)translateY(0)}50%{transform:translate(-50%)skew(-22deg)translateY(-7px)}}@keyframes hwBeam{0%,to{opacity:.3;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}@keyframes hwDisc{to{transform:translate(-50%,-50%)rotate(360deg)}}@media (hover:hover) and (pointer:fine){.dashboard-hardware-card:hover{box-shadow:inset 0 1px 0 #fff6,0 28px 65px #0000007a,0 0 34px rgba(var(--hw),.15)!important;border-color:#b9ccff99!important;transform:translateY(-6px)!important}.dashboard-hardware-card:hover .layer-base{transform:translate(-50%,-50%)translateZ(-16px)}.dashboard-hardware-card:hover .layer-board{transform:translate(-50%,-50%)translateZ(24px)}.dashboard-hardware-card:hover .layer-die{transform:translate(-50%,-50%)translateZ(48px)}.dashboard-hardware-card:hover .layer-core{transform:translate(-50%,-50%)translateZ(78px)}}@media (max-width:760px){.dashboard-hardware-grid{gap:18px}.dashboard-hardware-card{min-height:405px!important}.hardware-stage{flex-basis:245px;height:245px}.hardware-card-copy{min-height:155px;padding:16px 18px 18px}}@media (prefers-reduced-motion:reduce){.hardware-stage *{animation:none!important}}.hardware-stage-webgl{flex-basis:290px;height:290px;background:radial-gradient(circle at 50% 46%,#2d5bff2e,#0000 39%),linear-gradient(#0b111d,#03060b)!important}.neural-hardware-canvas{z-index:2;position:absolute;inset:0}.neural-hardware-canvas canvas{display:block;width:100%!important;height:100%!important}.hardware-webgl-glass{z-index:3;pointer-events:none;background:linear-gradient(120deg,#ffffff1f,#0000 12% 67%,#4b74ff14),radial-gradient(circle at 50% 42%,#0000 35%,#00000052 100%);position:absolute;inset:0;box-shadow:inset 0 0 35px #00000052}.hardware-webgl-label{z-index:4;color:#becfff9e;letter-spacing:1.4px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#04080f80;border:1px solid #8ba8ff2e;border-radius:999px;padding:5px 8px;font-size:6px;font-weight:850;position:absolute;top:17px;left:18px}.hardware-conversation .hardware-card-copy{border-top:1px solid #6089ff26}@media (hover:hover) and (pointer:fine){.hardware-conversation:hover .hardware-webgl-label{color:#d7e1ff;border-color:#8ba8ff61;box-shadow:0 0 18px #4267ff1f}}@media (max-width:760px){.hardware-stage-webgl{flex-basis:260px;height:260px}}.musiclab-topbar,.musiclab-footer{border-color:var(--sf-border-soft)}.musiclab-back,.ml-next,.ml-word-mission button,.ml-create-sentence,.ml-sentence-coach>button{min-height:44px}.ml-track{min-height:76px}.ml-focus,.ml-player{border-color:var(--sf-border)}.ml-discovery>button{min-height:58px}.plans-back,.plans-primary,.plans-secondary{min-height:44px}.plans-card{border-color:var(--sf-border)}.plans-price strong{font-variant-numeric:tabular-nums}.plans-neural-node{min-width:44px;min-height:44px}.plans-billing-message{border-radius:var(--sf-radius-md)}@media (hover:hover) and (pointer:fine){.ml-track:hover,.plans-free:hover{border-color:var(--sf-border-strong)}}@media (max-width:800px){.musiclab-back{width:44px;height:44px}.ml-hear{align-items:center;min-height:44px;display:inline-flex}.ml-track{min-height:72px}.ml-word-mission button,.ml-create-sentence,.ml-sentence-coach>button{font-size:10px}.plans-neural-node{min-width:44px;min-height:44px}}.hardware-conversation{border-color:#96b5ff7a!important;box-shadow:inset 0 1px #ffffff6b,inset 0 0 0 1px #3d68ff14,0 30px 70px #00000075,0 0 38px #2d5bff1a!important}.hardware-conversation .hardware-stage-webgl{flex-basis:310px;height:310px}.hardware-conversation .hardware-stage-webgl:before{border-color:#b7ccff1c;inset:9px;box-shadow:inset 0 0 55px #00000075,0 0 0 1px #254ba614}.hardware-conversation .hardware-stage-webgl:after{z-index:3;background:linear-gradient(#ffffff0f,#0000 16% 68%,#2f59d61f),radial-gradient(circle at 50% 55%,#0000 24%,#01030866 100%)}.hardware-conversation .hardware-webgl-glass:before,.hardware-conversation .hardware-webgl-glass:after{content:"";pointer-events:none;position:absolute}.hardware-conversation .hardware-webgl-glass:before{filter:drop-shadow(0 0 7px #446fffcc);background:linear-gradient(90deg,#0000,#5c87ffb3,#0000);height:1px;animation:3.8s ease-in-out infinite webglEdgeScan;bottom:10px;left:10px;right:10px}.hardware-conversation .hardware-webgl-glass:after{filter:blur(24px);background:#426fff24;border-radius:50%;width:90px;height:90px;animation:4.2s ease-in-out infinite webglAmbient;top:-25px;right:-22px}.hardware-conversation .hardware-webgl-label:after{content:" / ACTIVE";color:#8facff;margin-left:5px}@keyframes webglEdgeScan{0%,to{opacity:.22;transform:scaleX(.35)}50%{opacity:1;transform:scaleX(1)}}@keyframes webglAmbient{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:.9;transform:scale(1.2)}}@media (max-width:760px){.hardware-conversation .hardware-stage-webgl{flex-basis:275px;height:275px}}@media (prefers-reduced-motion:reduce){.hardware-conversation .hardware-webgl-glass:before,.hardware-conversation .hardware-webgl-glass:after{animation:none}}.hardware-conversation{background:linear-gradient(158deg,#202833 0%,#0a0f17 24%,#03060a 100%)!important}.hardware-conversation .hardware-stage-webgl{background:radial-gradient(circle at 50% 47%,#2a58d21c,#0000 33%),linear-gradient(#111923 0%,#070b11 72%,#04070b 100%)!important}.hardware-conversation .hardware-webgl-glass{background:linear-gradient(118deg,#ffffff21,#0000 8% 76%,#4971dc0e),radial-gradient(circle at 50% 48%,#0000 43%,#00000047 100%)}.hardware-conversation .hardware-webgl-label{opacity:.58}.hardware-conversation .hardware-webgl-glass:before{opacity:.34;animation-duration:8s}.hardware-conversation .hardware-webgl-glass:after{opacity:.28;animation-duration:9s}@media (hover:hover) and (pointer:fine){.hardware-conversation:hover{transform:translateY(-2px)!important}.hardware-conversation:hover .hardware-webgl-label{box-shadow:none}}.hardware-conversation .hardware-stage-webgl{flex-basis:300px;height:300px;background:linear-gradient(#0b1017,#03060a)!important}.hardware-conversation .hardware-stage-webgl:before{background:0 0;border:1px solid #b2c5e621;border-radius:13px;inset:8px;box-shadow:inset 0 0 42px #0000005c}.hardware-conversation .hardware-stage-webgl:after{background:linear-gradient(115deg,#ffffff12,#0000 9% 82%,#4b71c80a)!important}.hardware-conversation .hardware-webgl-glass{background:linear-gradient(120deg,#ffffff12,#0000 10% 86%,#466abe09)!important;box-shadow:inset 0 0 24px #0003!important}.hardware-conversation .hardware-webgl-glass:before{opacity:.18!important;animation:none!important}.hardware-conversation .hardware-webgl-glass:after{display:none}.hardware-conversation .hardware-webgl-label{opacity:.46;letter-spacing:1.6px;background:#03070cad;border-color:#96addc24;top:15px;left:16px}.hardware-conversation .hardware-webgl-label:after{color:#7097ebad}@media (hover:hover) and (pointer:fine){.hardware-conversation:hover{transform:translateY(-2px)!important}.hardware-conversation:hover .hardware-webgl-label{color:#d2def5bf;border-color:#96addc38}}@media (max-width:760px){.hardware-conversation .hardware-stage-webgl{flex-basis:270px;height:270px}}.hardware-conversation .conversation-core-art{z-index:1;object-fit:cover;object-position:center 50%;width:100%;height:100%;display:block;position:absolute;inset:0}.hardware-pronunciation .hardware-stage{background:#03060a}.hardware-pronunciation .hardware-stage:before,.hardware-pronunciation .hardware-stage:after{display:none}.hardware-pronunciation .pronunciation-core-art{z-index:1;object-fit:cover;object-position:center 50%;width:100%;height:100%;display:block;position:absolute;inset:0}.hardware-vocabulary .hardware-stage{background:#03060a}.hardware-vocabulary .hardware-stage:before,.hardware-vocabulary .hardware-stage:after{display:none}.hardware-vocabulary .vocabulary-core-art{z-index:1;object-fit:cover;object-position:center 42%;width:100%;height:100%;display:block;position:absolute;inset:0}.hardware-phrasal-verbs .hardware-stage{background:#03060a}.hardware-phrasal-verbs .hardware-stage:before,.hardware-phrasal-verbs .hardware-stage:after{display:none}.hardware-phrasal-verbs .phrasal-verbs-core-art{z-index:1;object-fit:cover;object-position:center 50%;width:100%;height:100%;display:block;position:absolute;inset:0}.hardware-grammar .hardware-stage{background:#03060a}.hardware-grammar .hardware-stage:before,.hardware-grammar .hardware-stage:after{display:none}.hardware-grammar .grammar-core-art{z-index:1;object-fit:cover;object-position:center 50%;width:100%;height:100%;display:block;position:absolute;inset:0}.hardware-music .hardware-stage{background:#03060a}.hardware-music .hardware-stage:before,.hardware-music .hardware-stage:after{display:none}.hardware-music .musiclab-core-art{z-index:1;object-fit:cover;object-position:center 50%;width:100%;height:100%;display:block;position:absolute;inset:0}.dashboard-hardware-card{transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .28s,box-shadow .28s,filter .28s}@media (hover:hover) and (pointer:fine){.dashboard-hardware-card:hover{border-color:#5b84ff85!important;transform:translateY(-4px)!important;box-shadow:inset 0 1px #ffffff57,0 22px 54px #00000075,0 0 22px #1f4bff2e,0 0 52px #1f4bff17!important}}.dashboard-hardware-card:focus-visible{outline:none;border-color:#698fff9e!important;box-shadow:0 18px 46px #0000006b,0 0 0 1px #567fff47,0 0 24px #1f4bff2e,0 0 48px #1f4bff14!important}.dashboard-hardware-card:active{transform:translateY(-1px);border-color:#5b84ff75!important;box-shadow:0 14px 36px #0000006b,0 0 20px #1f4bff29,0 0 42px #1f4bff12!important}@media (prefers-reduced-motion:reduce){.dashboard-hardware-card{transition:none}}.dashboard-hero.guardian-hero{isolation:isolate;text-align:left;background-color:#050a12;border-color:#6f9aff29;box-shadow:inset 0 1px #ffffff0b,0 28px 75px #00000040}.dashboard-hero.guardian-hero:before,.dashboard-hero.guardian-hero:after{content:none}.guardian-hero .dashboard-hero-copy{z-index:2;max-width:540px;padding:10px 0 18px;position:relative}.guardian-hero .dashboard-hero-brand{margin-bottom:28px}.guardian-hero .dashboard-hero-brand img{filter:none}.guardian-hero .dashboard-eyebrow{color:#a5baff;letter-spacing:.2em;font-size:9px;line-height:1.5}.guardian-hero h1{color:#f7f9fc;letter-spacing:-.045em;max-width:12ch;text-shadow:none;text-wrap:balance;margin:18px 0 22px;font-size:clamp(36px,4.2vw,64px);font-weight:750;line-height:1.07}.guardian-hero h1 em{letter-spacing:-.025em;color:#bbcaff;-webkit-text-fill-color:currentColor;background:0 0;margin-top:12px;font-size:.62em;font-style:normal;font-weight:500;line-height:1.24;display:inline-block}.guardian-hero .dashboard-hero-copy>p{color:#b7c1d1;text-wrap:pretty;max-width:37ch;margin:0;font-size:clamp(13px,1.1vw,15px);line-height:1.75}.guardian-hero .dashboard-primary{border:1px solid #85b2ffa6;min-height:48px;margin-top:28px;padding:15px 22px;transition:box-shadow .22s,border-color .22s,transform .22s;box-shadow:inset 0 1px #c4daff59,0 0 0 1px #5990ff38,0 0 28px #2766f44d,0 12px 30px #10398b59;color:#fff!important;background:linear-gradient(135deg,#205bce,#1648ad 70%,#123b91)!important}.guardian-hero .dashboard-primary:focus-visible{outline-offset:5px;outline:2px solid #afc5ff}.guardian-hero .dashboard-primary:active{border-color:#a2c9ffe6;transform:translateY(1px);box-shadow:inset 0 1px 5px #2c53971f,0 0 0 2px #5f99ff33,0 0 32px #2b6fff4d}.guardian-hero[data-motion-ready=true][data-hero-entered=false] .dashboard-hero-copy>*{opacity:0}.guardian-hero[data-motion-ready=true][data-hero-entered=true] .dashboard-hero-brand,.guardian-hero[data-motion-ready=true][data-hero-entered=true] .dashboard-eyebrow{animation:.75s both guardianCopyEnter}.guardian-hero[data-motion-ready=true][data-hero-entered=true] h1{animation:.85s .12s both guardianCopyEnter}.guardian-hero[data-motion-ready=true][data-hero-entered=true] .dashboard-hero-copy>p{animation:.85s .24s both guardianCopyEnter}.guardian-hero[data-motion-ready=true][data-hero-entered=true] .dashboard-primary{animation:.85s .32s both guardianCopyEnter}@keyframes guardianCopyEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (hover:hover) and (pointer:fine){.guardian-hero .dashboard-primary:hover{border-color:#a3c8ffe6;transform:translateY(-2px);box-shadow:inset 0 1px #fff,0 0 0 1px #85b7ff61,0 0 32px #2f6fff4d,0 12px 32px #1c4ba93d}}@media (min-width:761px) and (max-width:1100px){.guardian-hero h1{font-size:clamp(36px,4.5vw,48px)}}@media (max-width:760px){.dashboard-hero.guardian-hero{text-align:center}.guardian-hero .dashboard-hero-copy{width:100%;max-width:480px;padding:0}.guardian-hero .dashboard-hero-brand{justify-content:center;margin-bottom:23px}.guardian-hero h1{max-width:13ch;margin:15px auto 20px;font-size:clamp(36px,9.5vw,54px);line-height:1.08}.guardian-hero h1 em{margin-top:10px;font-size:.65em}.guardian-hero .dashboard-hero-copy>p{max-width:35ch;margin:0 auto;font-size:13px;line-height:1.7}.guardian-hero .dashboard-primary{min-height:48px;margin-top:23px}}@media (prefers-reduced-motion:reduce){.guardian-hero *,.guardian-hero:before,.guardian-hero:after{transition:none!important;animation:none!important}.guardian-hero[data-motion-ready] .dashboard-hero-copy>*{opacity:1!important;transform:none!important}}:root[data-theme=light] .dashboard-shell .guardian-hero :is(h1,strong){color:#f7f9fc}:root[data-theme=light] .dashboard-shell .guardian-hero p{color:#b7c1d1}:root[data-theme=light] .dashboard-shell .guardian-hero .dashboard-eyebrow{color:#a5baff}:root[data-theme=light] .dashboard-shell .guardian-hero small{color:#96a5bd}.dashboard-sidebar-wallpaper{display:none}@media (min-width:761px){.dashboard-sidebar-wallpaper{pointer-events:none;opacity:.9;background:url(/sidebar-wallpaper.jpg) 50% 68%/cover no-repeat;flex:1 1 0;min-height:0;margin:16px -16px 0;display:block;-webkit-mask-image:linear-gradient(#0000,#000 18% 82%,#0000);mask-image:linear-gradient(#0000,#000 18% 82%,#0000)}}:root[data-theme=light] .dashboard-sidebar-wallpaper{opacity:.18}