.native-confirm-backdrop{position:fixed;inset:0;z-index:100000;overscroll-behavior:contain;touch-action:none;display:grid;place-items:center;padding:20px;background:#0a1622a6}.native-confirm-dialog{box-sizing:border-box;width:min(100%,440px);max-height:min(90vh,700px);overflow:auto;padding:28px;border-radius:18px;background:#fff;color:#1c293b;box-shadow:0 24px 80px #0000004d}.native-confirm-dialog h2{margin:0 0 12px;font-size:1.4rem}.native-confirm-dialog p{margin:0 0 24px;line-height:1.5;white-space:pre-wrap}.native-confirm-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px}.native-confirm-actions button{cursor:pointer;padding:10px 18px;border:1px solid #aab4c2;border-radius:9px;background:#fff;color:#1c293b;font:inherit}.native-confirm-actions .native-confirm-primary{border-color:#185f63;background:#185f63;color:#fff}.native-confirm-actions button:focus-visible{outline:3px solid #e8a431;outline-offset:2px}:root[data-profile-reduce-motion=true] *,:root[data-profile-reduce-motion=true] *:before,:root[data-profile-reduce-motion=true] *:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}:root[data-profile-celebrations=false] .completion-rays,:root[data-profile-celebrations=false] .avatar-mood--celebrate *,:root[data-profile-celebrations=false] .state-excited .pico-sprite,:root[data-profile-celebrations=false] .state-streak .pico-sprite,:root[data-profile-celebrations=false] .state-unit-complete .pico-sprite,:root[data-profile-celebrations=false] .state-achievement .pico-sprite{animation:none!important}:root[data-profile-reduce-motion=true] .pp-achievement-shine,:root[data-profile-reduce-motion=true] .pp-achievement-glint{animation:none!important}:root[data-profile-reduce-motion=true] .pp-achievement-shine{transform:translate(-140%) skew(-20deg)!important}:root[data-profile-reduce-motion=true] .pp-achievement-glint{opacity:0!important;transform:rotate(45deg) scale(0)!important}:root[data-profile-reduce-motion=false] .pp-achievement-shine,:root[data-profile-reduce-motion=false] .pp-achievement-glint{animation-duration:4.5s!important;animation-iteration-count:infinite!important}@media(prefers-reduced-motion:reduce){:root:not([data-profile-reduce-motion=false]) *,:root:not([data-profile-reduce-motion=false]) *:before,:root:not([data-profile-reduce-motion=false]) *:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}:root:not([data-profile-reduce-motion=false]) .pp-achievement-shine{animation:none!important;transform:translate(-140%) skew(-20deg)!important}:root:not([data-profile-reduce-motion=false]) .pp-achievement-glint{animation:none!important;opacity:0!important;transform:rotate(45deg) scale(0)!important}}:root{--avatar-ink: #1c2740;--avatar-muted: #65718b;--avatar-panel: #ffffff;--avatar-wash: #f5f7fb;--avatar-line: #dfe5ef;--avatar-focus: #3159d9}.avatar-gallery-page{min-height:100vh;padding:clamp(20px,5vw,64px);background:#f4f6fa;color:var(--avatar-ink);font-family:var(--npn-font)}.avatar-gallery{width:min(1180px,100%);margin:0 auto}.avatar-gallery__header{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.avatar-gallery__eyebrow,.avatar-gallery__selected-label{color:#5364bf;font-size:11px;font-weight:800;letter-spacing:.12em}.avatar-gallery__header h1{margin:7px 0 8px;font-size:clamp(28px,4vw,48px);letter-spacing:-.045em}.avatar-gallery__header p{max-width:650px;margin:0;color:var(--avatar-muted);font-size:15px;line-height:1.55}.avatar-gallery__saved{flex:0 0 auto;padding:8px 11px;border:1px solid #bfe8d3;border-radius:999px;background:#effbf4;color:#147b4c;font-size:11px;font-weight:800}.avatar-gallery__preview-panel{display:grid;grid-template-columns:minmax(220px,270px) minmax(200px,1fr) minmax(240px,330px);align-items:center;gap:22px;min-height:250px;margin-bottom:24px;padding:22px 28px;border:1px solid var(--avatar-line);border-radius:22px;background:linear-gradient(125deg,#fff,#f8f9fd);box-shadow:0 12px 30px #1c274012}.avatar-gallery__preview-art{min-height:190px;display:grid;place-items:center}.avatar-gallery__preview-copy h2{margin:7px 0 6px;font-size:30px;letter-spacing:-.04em}.avatar-gallery__preview-copy p{max-width:410px;margin:0 0 12px;color:var(--avatar-muted);font-size:14px;line-height:1.55}.avatar-gallery__preview-copy strong{color:#5364bf;font-size:12px}.avatar-gallery__moods{align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:10px;padding-left:22px;border-left:1px solid var(--avatar-line)}.avatar-gallery__moods>span{color:var(--avatar-muted);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.avatar-gallery__moods>div{display:flex;flex-wrap:wrap;gap:7px}.avatar-gallery__moods button{min-height:34px;padding:7px 10px;border:1px solid var(--avatar-line);border-radius:9px;background:#fff;color:#56627b;font-size:11px;font-weight:700;cursor:pointer}.avatar-gallery__moods button:hover,.avatar-gallery__moods button.is-active{border-color:var(--avatar-focus);background:#eef1ff;color:var(--avatar-focus)}.avatar-gallery__moods button:focus-visible,.avatar-card__select:focus-visible{outline:3px solid rgb(49 89 217 / 28%);outline-offset:3px}.avatar-gallery__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.avatar-card{min-width:0;padding:12px;border:1px solid var(--avatar-line);border-radius:17px;background:var(--avatar-panel);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.avatar-card:hover{border-color:color-mix(in srgb,var(--avatar-card-accent) 48%,#dfe5ef);transform:translateY(-2px);box-shadow:0 8px 18px #1c274014}.avatar-card.is-selected{border:2px solid var(--avatar-card-accent);padding:11px;box-shadow:0 7px 20px color-mix(in srgb,var(--avatar-card-accent) 18%,transparent)}.avatar-card__select{width:100%;display:grid;grid-template-columns:92px minmax(0,1fr) 22px;gap:8px;align-items:center;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.avatar-card__art{position:relative;min-width:0;min-height:84px;display:grid;place-items:center;overflow:hidden}.avatars-page .avatar-card__select .avatar-card__art .avatar-artwork--tile{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.6);transform-origin:center}.avatar-card__copy{min-width:0;display:grid;gap:4px}.avatar-card__copy strong{font-size:16px;letter-spacing:-.02em}.avatar-card__copy span{overflow:hidden;color:#59657d;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.avatar-card__copy small{color:var(--avatar-card-accent);font-size:10px;font-weight:800}.avatar-card__check{width:21px;height:21px;display:grid;place-items:center;border:1px solid var(--avatar-line);border-radius:50%;color:#fff;font-size:13px;font-weight:900}.avatar-card__check .ui-icon{width:13px;height:13px;stroke-width:2.4}.avatar-card.is-selected .avatar-card__check{border-color:var(--avatar-card-accent);background:var(--avatar-card-accent)}.avatar-card>p{min-height:48px;margin:9px 0;color:#68748b;font-size:11px;line-height:1.45}.avatar-card ul{display:flex;flex-wrap:wrap;gap:5px;padding:0;margin:0;list-style:none}.avatar-card li{padding:4px 6px;border-radius:5px;background:#f0f3f8;color:#718097;font-size:9px;font-weight:700}.avatar-gallery__preview-panel .avatar-artwork--preview{transform:translateY(2px)}.avatar-artwork{position:relative;display:block;width:138px;height:108px;color:var(--avatar-ink);isolation:isolate}.avatar-artwork--preview{width:220px;height:174px}.avatar-artwork--compact{width:70px;height:58px}.avatar-artwork--compact .art-eyes{transform:scale(.8);transform-origin:center}.avatar-artwork--compact .art-label{display:none}.avatar-artwork--preview>*{transform:scale(1.4);transform-origin:center}.avatar-artwork i,.avatar-artwork b{display:block;font-style:normal}.avatar-artwork:after{content:"";position:absolute;right:9%;bottom:3px;left:9%;z-index:-1;height:8px;border-radius:50%;background:#1c27401c;filter:blur(3px)}.avatar-mood--thinking .art-eyes{transform:rotate(-8deg)}.avatar-mood--thinking .art-trace,.avatar-mood--thinking .art-scope-brow{animation:avatar-pulse 1.1s ease-in-out infinite}.avatar-mood--success .art-led,.avatar-mood--success .art-cap-spark,.avatar-mood--celebrate .art-led,.avatar-mood--celebrate .art-cap-spark{animation:avatar-glow .6s ease-in-out infinite alternate}.avatar-mood--success .art-chip,.avatar-mood--success .art-rover-body,.avatar-mood--celebrate .art-chip,.avatar-mood--celebrate .art-rover-body{animation:avatar-bounce .46s ease both}.avatar-mood--warning .art-spark,.avatar-mood--warning .art-meter-led{animation:avatar-warning .3s ease-in-out 3}.avatar-mood--sleepy .art-eyes i{height:3px;margin-top:9px;border-radius:0;box-shadow:none}.avatar-artwork--probe-mascot>.probe-mascot{display:block;width:100%;height:100%;overflow:visible;transform:none;transform-origin:center;will-change:translate}.avatar-artwork--probe-mascot:after{display:none}.art-chip{position:absolute;inset:23px 31px 18px;border:3px solid #252c47;border-radius:15px;background:linear-gradient(145deg,#9a8cff,#6957e8 58%,#4932b6);box-shadow:inset 0 -9px #3123913d,0 6px #c9cbe2}.art-chip-notch{position:absolute;top:-3px;left:35%;width:18px;height:7px;border:2px solid #252c47;border-top:0;border-radius:0 0 7px 7px;background:#fff}.art-eyes{position:absolute;top:15px;right:16px;left:16px;display:flex;justify-content:space-around;height:22px;border-radius:8px;background:#252c47}.art-eyes i{width:6px;height:10px;margin-top:6px;border-radius:5px;background:#8ff5de;box-shadow:0 0 7px #50c9b5}.art-smile{position:absolute;top:44px;left:50%;width:13px;height:7px;border-bottom:3px solid #252c47;border-radius:50%;transform:translate(-50%)}.art-led{position:absolute;bottom:7px;left:50%;width:11px;height:11px;border:2px solid #252c47;border-radius:50%;background:var(--avatar-secondary);transform:translate(-50%)}.art-antenna{position:absolute;top:5px;left:51%;width:19px;height:23px;border-top:4px solid var(--avatar-accent);border-right:4px solid var(--avatar-accent);border-radius:0 9px 0 0}.art-antenna:after{content:"";position:absolute;top:-8px;right:-8px;width:9px;height:9px;border:3px solid #252c47;border-radius:50%;background:var(--avatar-secondary)}.art-pins{position:absolute;top:10px;display:grid;gap:6px}.art-pins-left{left:-10px}.art-pins-right{right:-10px}.art-pins i{width:9px;height:5px;border:1px solid #5f6981;background:#e7ecf4}.art-pins-left i{border-radius:4px 0 0 4px}.art-pins-right i{border-radius:0 4px 4px 0}.art-foot{position:absolute;bottom:9px;width:19px;height:10px;border:3px solid #252c47;border-radius:7px;background:#f2cd3c}.art-foot-left{left:37px}.art-foot-right{right:37px}.art-scope-screen{position:absolute;inset:23px 14px 20px;display:grid;place-items:center;overflow:hidden;border:5px solid #26374e;border-radius:18px;background:#122c35;box-shadow:0 6px #a8c3c8}.art-scope-screen svg{width:83%;overflow:visible}.art-scope-screen path{fill:none;stroke:var(--avatar-secondary);stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 3px var(--avatar-secondary))}.art-scope-eyes{position:absolute;right:32%;bottom:25%;left:32%;display:flex;justify-content:space-between}.art-scope-eyes i{width:7px;height:7px;border-radius:50%;background:#fff}.art-scope-brow{position:absolute;top:10px;left:33%;width:42px;height:13px;border-top:5px solid var(--avatar-accent);border-radius:50%}.art-scope-knob{position:absolute;top:35px;width:12px;height:12px;border:3px solid #26374e;border-radius:50%;background:var(--avatar-secondary)}.knob-one{left:7px}.knob-two{right:7px}.art-scope-feet{position:absolute;right:30%;bottom:6px;left:30%;display:flex;justify-content:space-between}.art-scope-feet i{width:19px;height:9px;border-radius:5px;background:var(--avatar-accent)}.art-rover-body{position:absolute;inset:29px 24px;border:3px solid #493320;border-radius:20px;background:#f4b96b;box-shadow:0 6px #d98b4d}.art-rover-body:before,.art-rover-body:after{content:"";position:absolute;top:43%;width:16px;height:4px;background:#493320}.art-rover-body:before{left:-20px}.art-rover-body:after{right:-20px}.rover-band{position:absolute;top:0;bottom:0;width:9px}.band-a{left:20%;background:#df3b45}.band-b{left:38%;background:#df3b45}.band-c{left:56%;background:#7b4228}.band-d{right:13%;width:6px;background:#d5aa35}.art-rover-face{position:absolute;top:18px;right:24%;left:24%;display:flex;justify-content:space-between}.art-rover-face i{width:7px;height:9px;border-radius:50%;background:#493320}.art-rover-face b{position:absolute;top:16px;left:50%;width:11px;height:5px;border-bottom:2px solid #493320;border-radius:50%;transform:translate(-50%)}.art-rover-antenna{position:absolute;top:7px;left:45%;display:flex;gap:8px}.art-rover-antenna i{width:5px;height:18px;border-radius:4px;background:#493320;transform:rotate(-22deg)}.art-rover-antenna i+i{transform:rotate(22deg)}.art-wheel{position:absolute;bottom:12px;width:23px;height:18px;border:3px solid #493320;border-radius:50%;background:#5c7181}.wheel-left{left:28px}.wheel-right{right:28px}.art-cap-body{position:absolute;inset:24px 36px 19px;border:3px solid #2e4666;border-radius:13px;background:linear-gradient(90deg,#f7bad1,#ef5d8a 55%,#d64172);box-shadow:0 7px #b6c7dd}.cap-plate{position:absolute;top:-3px;bottom:-3px;width:10px;border:3px solid #2e4666;border-radius:5px;background:#a9dcf2}.plate-left{left:12px}.plate-right{right:12px}.art-cap-face{position:absolute;top:25px;right:29px;left:29px;display:flex;justify-content:space-between}.art-cap-face i{width:7px;height:9px;border-radius:50%;background:#2e4666}.art-cap-face b{position:absolute;top:16px;left:50%;width:12px;height:6px;border-bottom:2px solid #2e4666;border-radius:50%;transform:translate(-50%)}.art-cap-foot{position:absolute;bottom:8px;width:4px;height:18px;border-radius:3px;background:#6d7585}.foot-left{left:54px}.foot-right{right:54px}.art-spark-orbit{position:absolute;border:2px dashed var(--avatar-secondary);border-radius:50%;opacity:.8}.orbit-one{inset:13px 21px 17px;transform:rotate(23deg)}.orbit-two{inset:23px 12px 8px;transform:rotate(-35deg)}.art-spark-bolt{position:absolute;top:2px;right:21px;color:var(--avatar-secondary);font-size:25px;text-shadow:0 0 9px var(--avatar-secondary)}.art-breadboard{position:absolute;inset:24px 18px 18px;border:4px solid #315c56;border-radius:9px;background:#d9ebd9;box-shadow:0 7px #a8c9ba}.art-hole-grid{position:absolute;inset:13px 15px;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(4,1fr);gap:6px}.art-hole-grid i{width:6px;height:6px;border-radius:50%;background:#628d86;box-shadow:inset 0 0 0 2px #c2dec6}.art-board-face{position:absolute;top:28px;right:31%;left:31%;display:flex;justify-content:space-between}.art-board-face i{width:6px;height:8px;border-radius:50%;background:#315c56}.art-board-face b{position:absolute;top:15px;left:50%;width:12px;border-bottom:2px solid #315c56;transform:translate(-50%)}.art-rail{position:absolute;right:7px;left:7px;height:3px;border-radius:2px;background:#e15d68}.rail-top{top:8px}.rail-bottom{bottom:8px;background:#4b91cf}.art-board-arm{position:absolute;top:45px;width:23px;height:29px;border:4px solid #315c56;border-top:0;border-radius:0 0 14px 14px}.arm-left{left:0;transform:rotate(17deg)}.arm-right{right:0;transform:rotate(-17deg)}.art-board-foot{position:absolute;bottom:5px;width:22px;height:10px;border-radius:7px;background:#315c56}.foot-left{left:29px}.foot-right{right:29px}.art-board-top{position:absolute;top:8px;left:42%;display:flex;gap:6px}.art-board-top i{width:6px;height:13px;border-radius:3px;background:#e15d68;transform:rotate(14deg)}.art-board-top i:nth-child(2n){background:#4b91cf;transform:rotate(-14deg)}.art-flux-wisp{position:absolute;border:4px solid var(--avatar-accent);border-bottom:0;border-radius:50% 50% 0 0;background:linear-gradient(180deg,#ffcf8b,#f19b45)}.wisp-main{inset:22px 31px 18px;border-radius:50% 50% 35% 35%}.wisp-side{top:38px;right:17px;width:22px;height:37px;opacity:.7;transform:rotate(22deg)}.art-flux-face{position:absolute;top:46px;right:48px;left:48px;display:flex;justify-content:space-between}.art-flux-face i{width:7px;height:8px;border-radius:50%;background:#8e4d2b}.art-flux-face b{position:absolute;top:15px;left:50%;width:13px;height:7px;border-bottom:3px solid #8e4d2b;border-radius:50%;transform:translate(-50%)}.art-flux-base{position:absolute;bottom:8px;left:38px;width:62px;height:10px;border-radius:50%;background:#c16ee8;box-shadow:0 0 12px #c16ee8}.art-flux-spark{position:absolute;color:#c16ee8;font-size:20px}.art-flux-spark.spark-one{top:18px;left:24px;width:4px;height:4px;border-radius:50%;background:currentColor}.art-flux-spark.spark-two{top:17px;right:15px}.art-flux-spark svg,.art-spark-bolt svg{display:block;width:1em;height:1em}.art-gate{position:absolute;inset:23px 27px 20px}.art-gate svg{width:100%;height:100%;overflow:visible}.art-gate svg path:first-child{fill:#8a7bf0;stroke:#30276d;stroke-width:3}.art-gate svg path:last-child{fill:none;stroke:#30276d;stroke-width:3;stroke-linecap:round}.art-gate-face{position:absolute;top:34%;right:27%;left:27%;display:flex;justify-content:space-between}.art-gate-face i{width:6px;height:8px;border-radius:50%;background:#30276d}.art-gate-face b{position:absolute;top:15px;left:50%;width:11px;border-bottom:2px solid #30276d;transform:translate(-50%)}.art-logic-input,.art-logic-output{position:absolute;width:12px;height:5px;border-radius:3px;background:var(--avatar-secondary);box-shadow:0 0 6px var(--avatar-secondary)}.art-logic-input{left:9px}.input-one{top:39px}.input-two{top:60px}.art-logic-output{top:50px;right:8px}.art-logic-feet{position:absolute;right:31px;bottom:7px;left:31px;display:flex;justify-content:space-between}.art-logic-feet i{width:17px;height:9px;border-radius:6px;background:#30276d}.art-meter{position:absolute;inset:20px 33px 19px;border:4px solid #284a68;border-radius:15px 15px 20px 20px;background:#f0c65e;box-shadow:0 7px #c7b27b}.art-meter:after{content:"";position:absolute;right:-16px;bottom:20px;width:15px;height:9px;border-radius:4px;background:#284a68}.art-meter-display{position:absolute;top:13px;right:14px;left:14px;height:22px;display:flex;align-items:center;justify-content:center;gap:7px;border:3px solid #284a68;border-radius:5px;background:#b8edc1}.art-meter-display i{width:6px;height:9px;background:#284a68}.art-meter-dial{position:absolute;top:47px;left:50%;width:25px;height:25px;border:4px solid #284a68;border-radius:50%;background:conic-gradient(#ef5b62 0 25%,#f7df7e 25% 70%,#62bc88 70%);transform:translate(-50%)}.art-meter-dial:after{content:"";position:absolute;top:4px;left:10px;width:3px;height:14px;border-radius:2px;background:#284a68;transform:rotate(35deg)}.art-meter-led{position:absolute;right:16px;bottom:10px;width:8px;height:8px;border-radius:50%;background:#ef5b62;box-shadow:0 0 7px #ef5b62}.art-meter-hood{position:absolute;top:7px;left:40%;width:29px;height:18px;border:4px solid #284a68;border-bottom:0;border-radius:15px 15px 0 0;background:#f0c65e}.art-lead{position:absolute;z-index:-1;bottom:2px;width:5px;height:49px;border-radius:5px;background:#ef5b62;transform-origin:top}.lead-red{left:27px;transform:rotate(27deg)}.lead-black{right:27px;background:#293347;transform:rotate(-27deg)}.art-meter-foot{position:absolute;bottom:7px;width:20px;height:9px;border-radius:6px;background:#284a68}.art-meter-foot.foot-left{left:37px}.art-meter-foot.foot-right{right:37px}.selected-companion{color:inherit;text-decoration:none}.selected-companion__art-frame{position:relative;display:grid;flex:0 0 auto;place-items:center;width:138px;height:108px}.selected-companion__art-frame>.avatar-artwork{flex:0 0 auto}.selected-companion.is-compact .selected-companion__art-frame{width:70px;height:58px;overflow:visible}.selected-companion.is-compact .avatar-artwork--compact{position:absolute;top:50%;left:50%;width:138px;height:108px;transform:translate(-50%,-50%) scale(.5);transform-origin:center}.learning-app .learn-nav__avatar.selected-companion{display:grid;overflow:hidden;padding:0;color:inherit}.learning-app .learn-nav__avatar.selected-companion .selected-companion__art-frame{transform:scale(.66)}.learning-app .profile-companion{width:88px;height:88px;display:grid;overflow:hidden;place-items:center;border:4px solid var(--learn-ink, #1c2740);border-radius:30px;background:var(--learn-yellow, #f2cd3c);box-shadow:0 7px #c89420}.learning-app .profile-companion .selected-companion__art-frame{transform:scale(1.12)}.learning-app .hint-panel .selected-companion__art-frame,.learning-app .answer-feedback__mascot .selected-companion__art-frame{transform:scale(.78)}@keyframes avatar-pulse{50%{opacity:.45;transform:translateY(-2px)}}@keyframes avatar-glow{to{filter:drop-shadow(0 0 7px var(--avatar-secondary))}}@keyframes avatar-bounce{50%{transform:translateY(-7px) rotate(2deg)}}@keyframes avatar-warning{25%{transform:translate(-3px)}75%{transform:translate(3px)}}@media(max-width:900px){.avatar-gallery__preview-panel{grid-template-columns:minmax(150px,.75fr) 1fr}.avatar-gallery__moods{grid-column:1 / -1;padding:16px 0 0;border-top:1px solid var(--avatar-line);border-left:0}.avatar-gallery__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.avatar-gallery-page{padding:17px 12px}.learning-app .profile-companion{width:68px;height:68px;border-radius:22px}.learning-app .profile-companion .selected-companion__art-frame{transform:scale(.9)}.avatar-gallery__header{display:block}.avatar-gallery__saved{display:inline-block;margin-top:14px}.avatar-gallery__preview-panel{grid-template-columns:1fr;justify-items:center;padding:20px 14px;text-align:center}.avatar-gallery__preview-copy{max-width:300px}.avatar-gallery__moods{width:100%;text-align:left}.avatar-gallery__grid{grid-template-columns:1fr}.avatar-card__select{grid-template-columns:105px minmax(0,1fr) 22px}}@media(prefers-reduced-motion:reduce){:root:not([data-profile-reduce-motion=false]) .avatar-card,:root:not([data-profile-reduce-motion=false]) .avatar-artwork *,:root:not([data-profile-reduce-motion=false]) .avatar-artwork:after{animation:none!important;transition:none!important}}:root{--avatar-ink: var(--wavy-navy, #1e2a44);--avatar-muted: var(--wavy-muted, #60706f);--avatar-panel: var(--wavy-paper, #fbfdfc);--avatar-wash: var(--wavy-cloud, #edf5f3);--avatar-line: var(--wavy-line, #d5e2df);--avatar-focus: var(--wavy-primary, #5ccdb8)}.avatar-gallery-page{background:var(--avatar-wash)}.avatar-gallery__eyebrow,.avatar-gallery__selected-label,.avatar-gallery__preview-copy strong{color:#286c63}.avatar-gallery__preview-panel{border-color:#40506c;background:#1e2a44;color:#f7fbff;box-shadow:0 12px 30px #1e2a4429}.avatar-gallery__preview-panel .avatar-gallery__selected-label,.avatar-gallery__preview-copy strong{color:#5ccdb8}.avatar-gallery__preview-copy p,.avatar-gallery__moods>span{color:#c5d1e2}.avatar-gallery__moods{border-color:#40506c}.avatar-gallery__moods button{border-color:#5a6a86;background:transparent;color:#eef5ff}.avatar-gallery__moods button:hover,.avatar-gallery__moods button.is-active{border-color:#5ccdb8;background:#5ccdb8;color:#1e2a44}.avatar-gallery__moods button:focus-visible{outline-color:#5ccdb8}.avatar-card__select:focus-visible{outline-color:#1e2a44}.avatar-card{border-color:var(--avatar-line);background:var(--avatar-panel)}.avatar-card:hover{border-color:#5ccdb8;box-shadow:0 8px 18px #1e2a441a}.avatar-card.is-selected{border-color:#5ccdb8;box-shadow:0 7px 20px #5ccdb83d}.avatar-card.is-selected .avatar-card__check{border-color:#5ccdb8;background:#5ccdb8;color:#1e2a44}.avatar-card li{background:#edf5f3;color:#536665}.avatar-gallery__saved{border-color:#9fdfd3;background:#e5f8f4;color:#286c63}.lesson-visual-standard{box-sizing:border-box;background:#f7faf8;color:#26343b;font-family:Ubuntu,system-ui,sans-serif}.lesson-diagram-surface{--lesson-visual-background: #f7faf8;--lesson-visual-charcoal: #26343b;--lesson-visual-wire: #1f2a44;--lesson-visual-teal: #268779;--lesson-visual-gold-charge: #f5b94a;--lesson-visual-semantic-red: #c83f46;--lesson-visual-semantic-black: #20282c;box-sizing:border-box;width:100%;min-width:0;margin:0;overflow:hidden;border:1px solid #d8e0e8;border-radius:14px;background:var(--lesson-visual-background);color:var(--lesson-visual-charcoal);font-family:Ubuntu,system-ui,sans-serif}.lesson-diagram-surface--schematic{border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.lesson-diagram-surface__title{margin:0;padding:10px 14px;border-bottom:1px solid #d8e0e8;background:#fff;color:#315f63;font-family:Ubuntu,system-ui,sans-serif;font-size:12px;font-weight:800;letter-spacing:.08em}.lesson-diagram-surface__content{min-width:0;padding:14px;background:#f7faf8}.lesson-diagram-canvas{background:#f7faf8;color:#26343b;font-family:Ubuntu,system-ui,sans-serif}.lesson-visual-panel{box-sizing:border-box;min-width:0;margin:0;padding:16px;border:1px solid #d8e0e8;border-radius:14px;background:#fff;color:#26343b;font-family:Ubuntu,system-ui,sans-serif}.lesson-visual-panel>:first-child{margin-top:0}.lesson-visual-panel>:last-child{margin-bottom:0}.lesson-diagram-surface--illustration .lesson-diagram-surface__content,.lesson-diagram-surface--schematic .lesson-diagram-surface__content{display:grid;place-items:center}.lesson-diagram-surface__content>svg,.lesson-chart{display:block;max-width:100%;height:auto}.lesson-diagram-surface[data-lesson-surface] svg text,.lesson-visual-standard[data-lesson-surface] svg text,.lesson-chart text,.lesson-schematic-sign{font-family:Ubuntu,system-ui,sans-serif}.lesson-schematic-sign{font-weight:800;text-anchor:middle}.lesson-schematic-sign--positive{fill:#d94b4b}.lesson-schematic-sign--negative{fill:#26343b}.lesson-schematic-marker{fill:#3a9e88}.lesson-moving-charge{fill:#f5b94a}.lesson-schematic-wire,.lesson-schematic-battery>line,.lesson-schematic-lamp>path,.lesson-schematic-switch>path,.lesson-schematic-switch>circle,.lesson-schematic-dc-source>line,.lesson-schematic-dc-source>circle,.lesson-schematic-resistor>line,.lesson-schematic-resistor>rect,.lesson-schematic-ground>line,.lesson-schematic-net-label>rect{stroke:#1f2a44!important;stroke-width:3!important;stroke-linecap:round!important;stroke-linejoin:round!important;vector-effect:non-scaling-stroke}.lesson-schematic-resistor>rect,.lesson-schematic-net-label>rect{fill:#fff!important}.lesson-schematic-resistor__label,.lesson-schematic-ground__label,.lesson-schematic-net-label>text{font-family:Ubuntu,system-ui,sans-serif;fill:#1f2a44;font-size:18px}.lesson-schematic-net-label>text{font-size:20px}.lesson-plain-diagram-wire{stroke-width:3!important;stroke-linecap:round!important;stroke-linejoin:round!important;vector-effect:non-scaling-stroke}.lesson-plain-diagram-wire--red{stroke:#c83f46!important}.lesson-plain-diagram-wire--black{stroke:#20282c!important}.lesson-schematic-lamp.is-powered>circle:first-of-type{fill:#fff3cf!important}.lesson-schematic-lamp.is-off>circle:first-of-type{fill:#fff!important}.lesson-chart-panel{box-sizing:border-box;min-width:0;margin:0;overflow:hidden;border:1px solid #d8e0e8;border-radius:14px;background:#f7faf8;color:#26343b;font-family:Ubuntu,system-ui,sans-serif}.lesson-chart-panel>figcaption,.lesson-chart-panel__header{box-sizing:border-box;margin:0;padding:10px 14px;border-bottom:1px solid #d8e0e8;background:#fff;color:#315f63;font-size:11px;font-weight:800;letter-spacing:.09em}.lesson-chart-panel__settings{display:flex;flex-wrap:wrap;gap:8px 18px;padding:0 14px;color:#53656b;font-size:12px}.lesson-chart-panel__summary{margin:0;padding:0 14px 14px;color:#26343b;font-size:14px;text-align:center}.lesson-chart{display:block;width:100%;max-width:100%;height:auto;color:#26343b;font-family:Ubuntu,system-ui,sans-serif}.lesson-chart text{font-family:Ubuntu,system-ui,sans-serif}.lesson-chart:focus-visible{outline:3px solid #268779;outline-offset:-3px}.lesson-chart__plot-background{stroke:#b9cbc3;stroke-width:1}.lesson-chart__trace{transition:opacity .15s ease}.lesson-chart__cursor{stroke:#8299a3;stroke-width:1;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}.lesson-chart__inspection-point{stroke:#fff;stroke-width:2;vector-effect:non-scaling-stroke}.lesson-chart__tooltip rect{fill:#fff;stroke:#a8c3b6;stroke-width:1;filter:drop-shadow(0 3px 6px rgba(31,61,66,.14))}.lesson-chart .lesson-chart__tooltip text{fill:#203c46;font-size:11px;font-weight:700;text-anchor:start}.lesson-chart__hit-area{cursor:crosshair}.resistance-learning-visual{min-height:0!important;overflow:hidden;border:1px solid #d8e0e8;border-radius:14px;background:#f7faf8;color:#26343b;font-family:Ubuntu,system-ui,sans-serif}.resistance-learning-visual__analogy,.resistance-learning-visual__graph{min-width:0;background:#f7faf8}.resistance-learning-visual.resistance-learning-visual--both header,.resistance-learning-visual.resistance-learning-visual--both figcaption{min-height:0;padding:10px 14px;border-color:#d8e0e8;background:#fff;font-family:Ubuntu,system-ui,sans-serif}.resistance-learning-visual.resistance-learning-visual--both header span,.resistance-learning-visual.resistance-learning-visual--both figcaption span{color:#315f63;font-size:11px;letter-spacing:.09em}.resistance-learning-visual.resistance-learning-visual--both header strong,.resistance-learning-visual.resistance-learning-visual--both figcaption strong{color:#26343b;font-size:12px}.resistance-learning-visual .resistance-learning-visual__analogy>svg{padding:16px}.resistance-learning-visual .resistance-learning-visual__analogy svg text{fill:#26343b;font-family:Ubuntu,system-ui,sans-serif;font-size:12px;font-weight:700}.resistance-learning-visual .resistance-learning-visual__analogy svg .resistance-learning-visual__character{fill:#26343b;font-size:15px}.resistance-learning-visual .resistance-learning-visual__analogy svg .resistance-learning-visual__title{fill:#315f63;font-size:16px}.resistance-learning-visual .resistance-learning-visual__analogy>p{padding:12px 16px;color:#53656b;font-size:14px;font-family:Ubuntu,system-ui,sans-serif}.resistance-learning-visual__graph>.lesson-chart{padding:0}.resistance-learning-visual__graph .lesson-chart__trace.resistance-learning-visual__curve{stroke:#268779;stroke-width:3}.resistance-learning-visual .resistance-learning-visual__endpoints{color:#53656b;font-family:Ubuntu,system-ui,sans-serif;font-size:12px}.resistance-learning-visual .resistance-learning-visual__endpoints span,.resistance-learning-visual .resistance-learning-visual__calculation{border-color:#d8e0e8;background:#fff}.resistance-learning-visual .resistance-learning-visual__endpoints b,.resistance-learning-visual .resistance-learning-visual__calculation,.resistance-learning-visual .resistance-learning-visual__calculation span,.resistance-learning-visual .resistance-learning-visual__calculation strong{color:#26343b;font-family:Ubuntu,system-ui,sans-serif}.resistance-learning-visual .resistance-learning-visual__endpoints i{color:#315f63;font-size:11px}.resistance-learning-visual .resistance-learning-visual__calculation span{color:#268779;font-size:12px}.resistance-learning-visual .resistance-learning-visual__calculation strong{font-size:14px}@media(max-width:640px){.lesson-chart-panel__settings,.lesson-chart-panel__summary{padding-right:10px;padding-left:10px}.lesson-chart text{font-size:18px!important}.lesson-chart__axes text,.lesson-chart .lesson-chart__tooltip text{font-size:18px!important}}:root[data-profile-reduce-motion=true] .lesson-chart__trace{transition:none}@media(prefers-reduced-motion:reduce){:root:not([data-profile-reduce-motion=false]) .lesson-chart__trace{transition:none}}.landing-page .landing-circuit{min-width:0;color:#1f2a44;font-size:14px}.landing-page .landing-circuit--hero{width:min(520px,100%);padding:12px 16px;border:1px solid #d4e5df;border-radius:16px;background:#fff;box-shadow:0 4px 12px #1f2a4412}.landing-page .landing-circuit__mini-heading{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#287e70}.landing-page .landing-circuit__drawing{display:block;width:100%;max-height:215px;overflow:visible}.landing-page .landing-circuit--hero .landing-circuit__drawing{height:170px}.landing-page .landing-circuit__drawing text{font:700 14px Ubuntu,system-ui,sans-serif;fill:#1f2a44}.landing-page .landing-circuit__flow circle{fill:#ed9b36;stroke:#fff;stroke-width:1}.landing-page .landing-circuit__controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.landing-page .landing-circuit__reading{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.landing-page .landing-circuit--full{padding:24px;border:2px solid #1f2a44;border-radius:20px;background:#fff;box-shadow:0 8px #1f2a44}.landing-page .landing-circuit__intro{margin-bottom:14px;font-size:17px;font-weight:600}.landing-page .landing-circuit__views{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin:18px 0 14px}.landing-page .landing-circuit__view{display:flex;min-width:0;min-height:330px;flex-direction:column;overflow:hidden;border:1px solid #d9dde5;border-radius:12px;background:#fdfdfe}.landing-page .landing-circuit__view>strong{padding:12px 16px;border-bottom:1px solid #d9dde5;font-size:12px;letter-spacing:.1em}.landing-page .landing-circuit__sandbox{display:flex;flex:1;min-height:285px}.landing-page .landing-circuit__sandbox .sandbox{flex:1;min-width:0;min-height:285px;grid-template-rows:minmax(0,1fr) 0}.landing-page .landing-circuit__sandbox .canvas-toolbar,.landing-page .landing-circuit__sandbox .lab-guide,.landing-page .landing-circuit__sandbox .sandbox-corner-note,.landing-page .landing-circuit__sandbox .canvas-status{display:none}.landing-page .landing-circuit__sandbox .sandbox-viewport{height:100%;min-height:285px}.landing-page .landing-circuit__sandbox .sandbox[data-viewport-locked] .sandbox-viewport,.landing-page .landing-circuit__sandbox .sandbox[data-viewport-locked] .placed-component{touch-action:pan-y}.landing-page .landing-circuit__sandbox .sandbox[data-read-only]:not([data-route-only]) .sandbox-viewport{pointer-events:none}.landing-page .landing-circuit__sandbox .sandbox[data-read-only]:not([data-route-only]) .read-only-operation-control{pointer-events:auto;touch-action:manipulation}.landing-page .landing-circuit__arrange{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px}.landing-page .landing-circuit__arrange button{min-height:36px;padding:7px 12px;border:1px solid #8ebfb1;border-radius:9px;background:#e6f6f1;cursor:pointer}.landing-page .landing-circuit__arrange button:disabled{opacity:.6;cursor:not-allowed}.landing-page .landing-circuit__schematic{align-items:center}.landing-page .landing-circuit__schematic>strong{align-self:stretch}.landing-page .landing-circuit__schematic .landing-circuit__drawing{flex:1;width:min(100%,460px);padding:16px}.landing-page .landing-lab-intro{display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:24px}.landing-page .landing-lab-intro .landing-mascot-wrap--lab{position:relative;inset:auto;display:flex;flex-direction:column;align-items:flex-start;width:280px;min-height:250px;padding-top:24px}.landing-page .landing-lab-intro .landing-mascot-in--lab{width:150px}.landing-page .landing-lab-intro .landing-probe-host{transform:scale(.5);transform-origin:top left;width:150px;height:150px}.landing-page .landing-lab-intro .landing-speech--lab{position:relative;inset:auto;order:-1;align-items:flex-start;transform:scale(.6);transform-origin:34px 100%}.landing-page .landing-lab-intro .landing-speech--lab.is-visible{transform:scale(1)}.landing-page .landing-lab-intro .landing-speech--lab>div{max-width:280px}@media(max-width:760px){.landing-page .landing-feature--circuit .landing-feature__copy.landing-reveal.is-reveal-ready{opacity:1;transform:none}.landing-page .landing-circuit__views{grid-template-columns:1fr}.landing-page .landing-lab-intro{grid-template-columns:1fr;gap:12px}.landing-page .landing-lab-intro .landing-mascot-wrap--lab{justify-self:end;min-height:225px;padding-top:0}}@media(max-width:480px){.landing-page .landing-hero__inner:has(.landing-circuit){padding-bottom:360px}.landing-page .landing-circuit--hero{position:relative;z-index:2}.landing-page .landing-circuit--hero .landing-circuit__drawing{height:170px}.landing-page .landing-circuit--full{padding:14px}}@keyframes pp-achievement-shine{0%{transform:translate(-140%) skew(-20deg)}22%{transform:translate(160%) skew(-20deg)}to{transform:translate(160%) skew(-20deg)}}@keyframes pp-achievement-glint{0%,14%{transform:rotate(45deg) scale(0);opacity:0}20%{transform:rotate(45deg) scale(1.2);opacity:1}28%,to{transform:rotate(45deg) scale(0);opacity:0}}.pp-achievement-shine{position:absolute;top:0;bottom:0;left:0;z-index:1;width:60%;pointer-events:none;background:linear-gradient(90deg,#fff0,#ffffffd9,#fff0);animation:pp-achievement-shine 4.5s ease-in-out infinite;transform:translate(-140%) skew(-20deg)}.pp-achievement-glint{position:absolute;top:16px;left:54px;z-index:1;width:10px;height:10px;border-radius:2px;background:#fff;box-shadow:0 0 8px 2px #ffffffe6;opacity:0;pointer-events:none;animation:pp-achievement-glint 4.5s ease-out infinite}[data-achievement-tier=gold],.pp-achievements article.is-gold,.pp-medal.is-gold{--achievement-card-border:#d9a520;--achievement-card-bottom:#c08a12;--achievement-card-bg:repeating-linear-gradient(135deg,#f9d55b 0 16px,#f4c63c 16px 32px);--achievement-medal-border:#b07a08;--achievement-medal-bg:linear-gradient(135deg,#ffe58a 0 38%,#fff6cc 38% 52%,#f7c936 52%);--achievement-ink:#6b4a05;--achievement-progress:#a86f05}[data-achievement-tier=silver],.pp-achievements article.is-silver,.pp-medal.is-silver{--achievement-card-border:#aeb9bf;--achievement-card-bottom:#97a3aa;--achievement-card-bg:repeating-linear-gradient(135deg,#e4e9ec 0 16px,#d5dce0 16px 32px);--achievement-medal-border:#7f8c93;--achievement-medal-bg:linear-gradient(135deg,#eef2f4 0 38%,#fff 38% 52%,#c9d2d7 52%);--achievement-ink:#3e4b53;--achievement-progress:#6b7880}[data-achievement-tier=bronze],.pp-achievements article.is-bronze,.pp-medal.is-bronze{--achievement-card-border:#c98a5a;--achievement-card-bottom:#b07345;--achievement-card-bg:repeating-linear-gradient(135deg,#f0bf95 0 16px,#e8ad7e 16px 32px);--achievement-medal-border:#9a5f33;--achievement-medal-bg:linear-gradient(135deg,#f6cfa9 0 38%,#fde6cf 38% 52%,#de9c68 52%);--achievement-ink:#5e3418;--achievement-progress:#9a5f33}.landing-page .ody{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.landing-page .ody>div{position:absolute;inset:0}.landing-page .ody__sp{position:absolute;left:0;top:0;opacity:0;will-change:transform,opacity}.landing-page .ody__amb{opacity:.4;filter:saturate(.55)}.landing-page .ody__flash{background:#fff6c8;opacity:0}.landing-page .ody__scope{visibility:hidden;background:radial-gradient(120% 95% at 60% 50%,#14233b,#0c1626 65%,#060c17);clip-path:circle(0 at 80% 55%);transform-origin:50% 50%}.landing-page .ody__grid{position:absolute;inset:0;background:linear-gradient(#5ef2c838,#5ef2c838) center / 100% 1px no-repeat,linear-gradient(90deg,#5ef2c838,#5ef2c838) center / 1px 100% no-repeat,linear-gradient(rgba(94,242,200,.08) 1px,transparent 1px) 0 0 / 10% 12.5%,linear-gradient(90deg,rgba(94,242,200,.08) 1px,transparent 1px) 0 0 / 10% 12.5%}.landing-page .ody__trace{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.landing-page .ody__trace path{fill:none;stroke:#5ef2c8;stroke-linejoin:round;stroke-linecap:round}.landing-page .ody__glow{stroke-width:14;opacity:.14}.landing-page .ody__line{stroke-width:3}.landing-page .ody__dot{fill:#fff;opacity:0}.landing-page .ody__name text{font-family:Ubuntu Mono,ui-monospace,monospace;font-weight:700;letter-spacing:.02em}.landing-page .ody__name{filter:drop-shadow(0 0 6px rgba(94,242,200,.75))}.landing-page .ody__word{fill:#5ef2c8}.landing-page .ody__ghost{fill:none;stroke-width:1.6}.landing-page .ody__ghost--a{stroke:#5ef2c8;opacity:.55}.landing-page .ody__ghost--b{stroke:#9fe7ff;opacity:.4}.landing-page .ody__scan{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.22) 0 1px,transparent 1px 3px)}.landing-page .ody__lbl{position:absolute;font:700 12px/1 Ubuntu Mono,ui-monospace,monospace;letter-spacing:.06em;color:#5ef2c8;white-space:nowrap}.landing-page .ody__lbl--tl{left:24px;top:18px}.landing-page .ody__lbl--tr{right:24px;top:18px}.landing-page .ody__lbl--bl{left:24px;bottom:16px}.landing-page .ody__lbl--br{right:24px;bottom:16px}.landing-page .landing-hero h1,.landing-page .landing-hero__copy>p,.landing-page .landing-hero .landing-eyebrow{transition:color .45s ease}.landing-page .landing-hero[data-scope=on] h1{color:#fff}.landing-page .landing-hero[data-scope=on] .landing-hero__copy>p{color:#c9d0de}.landing-page .landing-hero[data-scope=on] .landing-eyebrow{color:#5ef2c8}.landing-page .ody__probe{width:74px}.landing-page .ody__probe svg{width:100%;height:auto;display:block;overflow:visible}.landing-page .ody__npn{width:48px}.landing-page .ody__npn svg,.landing-page .ody__mini svg{width:100%;display:block}.landing-page .ody__mini{width:30px}.landing-page .ody__pt--res{width:46px;height:12px}.landing-page .ody__pt--res:before{content:"";position:absolute;left:0;right:0;top:5px;height:2px;background:#9aa2b5}.landing-page .ody__pt--res:after{content:"";position:absolute;inset:0 10px;border-radius:6px;background:linear-gradient(90deg,#d5b597 0 4px,#fc9700 4px 7px,#d5b597 7px 10px,#8f4814 10px 13px,#d5b597 13px 18px,#f1d863 18px 21px,#d5b597 21px)}.landing-page .ody__pt--led{width:18px;height:34px}.landing-page .ody__pt--led:before{content:"";position:absolute;left:0;top:0;width:18px;height:22px;border-radius:9px 9px 3px 3px;background:#ff5d6c;box-shadow:inset -4px 0 #0000001f}.landing-page .ody__pt--led:after{content:"";position:absolute;left:4px;top:22px;width:2px;height:12px;background:#9aa2b5;box-shadow:8px 0 #9aa2b5}.landing-page .ody__pt--cap{width:18px;height:30px;border-radius:6px 6px 4px 4px;background:linear-gradient(90deg,#2b3a5c 0 60%,#c9d0de 60% 78%,#2b3a5c 78%)}.landing-page .ody__pt--chip{width:34px;height:20px;border-radius:3px;background:#1f2a44}.landing-page .ody__pt--chip:before{content:"";position:absolute;inset:-5px 3px;z-index:-1;border-top:4px dashed #9aa2b5;border-bottom:4px dashed #9aa2b5}.landing-page .ody__pt--star{width:18px;height:18px;background:#f5c451;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}.landing-page .ody__pt--bolt{width:16px;height:26px;background:#f5c451;clip-path:polygon(60% 0,0 58%,42% 58%,30% 100%,100% 38%,56% 38%)}.landing-page .ody__conf{width:9px;height:14px;border-radius:2px}.landing-page .ody__puff{width:46px;height:46px;border-radius:50%;background:#c9d0de}.landing-page .ody__meter{width:112px;height:156px;padding:10px;border:2px solid #1f2a44;border-radius:16px;background:#f5c451;box-shadow:0 5px #1f2a44;display:flex;flex-direction:column;align-items:center;gap:10px}.landing-page .ody__lcd{width:100%;padding:8px 6px;border-radius:8px;background:#16233b;color:#5ef2c8;font:700 22px/1 Ubuntu Mono,monospace;text-align:right}.landing-page .ody__lcd small{font-size:11px;margin-left:2px}.landing-page .ody__lcd.is-hot{color:#ff5d6c}.landing-page .ody__dial{width:46px;height:46px;border-radius:50%;background:#1f2a44;position:relative}.landing-page .ody__dial:after{content:"";position:absolute;left:21px;top:6px;width:4px;height:16px;border-radius:2px;background:#f5c451;transform-origin:2px 17px;transform:rotate(35deg)}.landing-page .ody__jacks{display:flex;gap:22px;margin-top:auto}.landing-page .ody__jacks i{width:12px;height:12px;border-radius:50%;background:#1f2a44}.landing-page .ody__jacks i:last-child{background:#ef4444}.landing-page .ody__leads{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.landing-page .ody__leads path{fill:none;stroke-width:4;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1}.landing-page .ody__cap{width:44px;height:88px}.landing-page .ody__cap:before{content:"";position:absolute;left:0;top:0;width:44px;height:72px;box-sizing:border-box;border:2px solid #1f2a44;border-radius:10px 10px 8px 8px;background:linear-gradient(90deg,#2b3a5c 0 62%,#c9d0de 62% 78%,#2b3a5c 78%)}.landing-page .ody__cap:after{content:"";position:absolute;left:11px;right:11px;top:72px;height:16px;border-left:3px solid #9aa2b5;border-right:3px solid #9aa2b5}.landing-page .ody__cap span{position:absolute;z-index:1;left:29px;top:20px;font:700 8px/1 Ubuntu,sans-serif;color:#1f2a44;writing-mode:vertical-rl}.landing-page .ody__boom{width:220px;height:220px;display:grid;place-items:center}.landing-page .ody__boom svg{position:absolute;inset:0;width:100%;height:100%}.landing-page .ody__boom b{position:relative;font:700 40px/1 Ubuntu,sans-serif;color:#1f2a44;letter-spacing:-.02em;transform:rotate(-8deg)}.landing-page .ody__top .ody__sp{will-change:transform}.landing-page .ody__card{width:204px;display:flex;align-items:center;gap:10px;padding:9px 12px 9px 9px;border:2px solid #1f2a44;border-radius:14px;background:#fff;box-shadow:0 4px #1f2a44}.landing-page .ody__tile{flex:none;width:36px;height:36px;display:grid;place-items:center;border:2px solid #1f2a44;border-radius:10px;background:#e3e6ec;transition:background .2s ease}.landing-page .ody__check{font:700 19px/1 Ubuntu,sans-serif;color:#1f2a44;transform:scale(0) rotate(-40deg);transition:transform .4s cubic-bezier(.3,1.6,.5,1)}.landing-page .ody__card.is-done .ody__tile{background:#7ccbb8}.landing-page .ody__card.is-done .ody__check{transform:none}.landing-page .ody__card small{display:block;font:700 9px/1.2 Ubuntu,sans-serif;letter-spacing:.12em;color:#3a9e88}.landing-page .ody__card b{display:block;font:700 13px/1.25 Ubuntu,sans-serif;color:#1f2a44}.landing-page .ody__pill{display:flex;align-items:center;gap:8px;height:58px;padding:0 16px;border:2px solid #1f2a44;border-radius:14px;background:#1f2a44;box-shadow:0 4px #0f1626;color:#fff;font:700 13px/1 Ubuntu,sans-serif;letter-spacing:.08em;white-space:nowrap}.landing-page .ody__pill b{color:#5ef2c8;font-size:22px;letter-spacing:0;min-width:2.4ch}.landing-page .ody__xp{font:700 15px/1 Ubuntu,sans-serif;color:#3a9e88;white-space:nowrap}.landing-page .ody__medal{width:72px;height:72px;display:grid;place-items:center;overflow:hidden;border:4px solid var(--achievement-medal-border);border-radius:50%;background:var(--achievement-medal-bg);box-shadow:0 4px 0 var(--achievement-medal-border);color:var(--achievement-ink);font:700 22px/1 Ubuntu Mono,monospace}.landing-page .ody__medal i{font-style:normal;position:relative;z-index:2}.landing-page .ody__ach{width:204px;display:flex;align-items:center;gap:10px;overflow:hidden;padding:10px 12px 10px 10px;border:1px solid var(--achievement-card-border);border-bottom-color:var(--achievement-card-bottom);background:var(--achievement-card-bg);color:var(--achievement-ink);border-bottom-width:5px;border-radius:16px}.landing-page .ody__ach>i{flex:none;position:relative;z-index:2;width:40px;height:40px;display:grid;place-items:center;border:3px solid var(--achievement-medal-border);background:var(--achievement-medal-bg);color:var(--achievement-ink);box-shadow:0 4px 0 var(--achievement-medal-border);border-radius:50%;font:700 14px/1 Ubuntu Mono,monospace;font-style:normal}.landing-page .ody__ach>span{position:relative;z-index:2;display:flex;flex-direction:column;gap:2px;min-width:0}.landing-page .ody__ach small{font:700 9px/1.2 Ubuntu,sans-serif;letter-spacing:.1em;text-transform:uppercase}.landing-page .ody__ach b{font:700 13px/1.25 Ubuntu,sans-serif;color:#1f2d3d}.landing-page .ody__ach em{font:400 11px/1.2 Ubuntu,sans-serif;font-style:normal}.landing-page .ody__ide{display:flex;flex-direction:column;overflow:hidden;border:2px solid #1f2a44;border-radius:18px;background:#16233b;box-shadow:0 8px #1f2a44;color:#c9d0de;font:500 15px/1.6 Ubuntu Mono,ui-monospace,monospace}.landing-page .ody__ide header{flex:none;display:flex;align-items:center;gap:7px;padding:10px 14px;background:#1f2a44}.landing-page .ody__ide header>i{width:11px;height:11px;border-radius:50%;background:#ff5d6c}.landing-page .ody__ide header>i:nth-child(2){background:#f5c451}.landing-page .ody__ide header>i:nth-child(3){background:#7ccbb8}.landing-page .ody__ide header b{margin-left:8px;color:#fff;font:700 13px/1 Ubuntu,sans-serif}.landing-page .ody__ide-status{margin-left:auto;color:#7ccbb8;font:700 12px/1 Ubuntu,sans-serif}.landing-page .ody__ide-run{padding:7px 12px;border:2px solid #0f1626;border-radius:9px;background:#7ccbb8;box-shadow:0 3px #0f1626;color:#1f2a44;font:700 12px/1 Ubuntu,sans-serif;transition:transform .1s,box-shadow .1s}.landing-page .ody__ide-run.is-press{transform:translateY(3px);box-shadow:0 0 #0f1626;background:#8fd6c4}.landing-page .ody__ide-body{flex:1;min-height:0;padding:12px 0;overflow:hidden}.landing-page .ody__ide-code{margin:0;padding:0 0 0 52px;list-style:none;counter-reset:ln}.landing-page .ody__ide-code li{position:relative;min-height:1.6em;padding-right:12px;white-space:pre;counter-increment:ln;transition:background .12s}.landing-page .ody__ide-code li:before{content:counter(ln);position:absolute;left:-40px;width:26px;text-align:right;color:#3d4f72}.landing-page .ody__ide-code li.is-active{background:#5ef2c81f;box-shadow:inset 3px 0 #5ef2c8}.landing-page .ody__ide .is-c{color:#8796a0;font-style:italic}.landing-page .ody__ide .is-k{color:#ff8a96}.landing-page .ody__ide .is-f{color:#5ef2c8}.landing-page .ody__ide .is-n{color:#f5c451}.landing-page .ody__ide .is-p{color:#c9d0de}.landing-page .ody__ide footer{flex:none;display:flex;gap:12px;padding:10px 14px 14px;border-top:1px solid #22314f;background:#111c30}.landing-page .ody__ide-serial{flex:1;min-width:0;height:var(--ody-serial-height, 96px);overflow:hidden}.landing-page .ody__ide-serial small,.landing-page .ody__ide-led small{display:block;margin-bottom:4px;color:#56607a;font:700 9px/1.2 Ubuntu,sans-serif;letter-spacing:.12em}.landing-page .ody__ide-serial p{margin:0;color:#5ef2c8;font-size:13px;line-height:1.55}.landing-page .ody__ide-led{width:56px;display:flex;flex-direction:column-reverse;align-items:center;justify-content:flex-end;gap:6px}.landing-page .ody__ide-led .ody__pt--led{position:relative;transform:scale(1.5);transform-origin:50% 0;filter:grayscale(.7) brightness(.7);transition:filter .08s}.landing-page .ody__ide-led.is-on .ody__pt--led{filter:drop-shadow(0 0 10px #ff5d6c) drop-shadow(0 0 4px #ff8a96)}.landing-page .ody__ide-bar{position:absolute;left:0;right:0;bottom:0;height:4px;background:#5ef2c8;transform:scaleX(0);transform-origin:left;opacity:0}.landing-page .ody__replay{position:absolute;z-index:5;left:max(24px,calc((100% - 1200px)/2 + 24px));bottom:22px;display:none;align-items:center;gap:8px;padding:7px 12px 7px 10px;border:2px solid #d9dde5;border-radius:999px;background:#fff;color:#56607a;font:700 11px/1 Ubuntu,sans-serif;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;pointer-events:auto;transition:border-color .15s,color .15s,transform .15s}.landing-page .ody__replay:hover{border-color:#1f2a44;color:#1f2a44;transform:translateY(-1px)}.landing-page .ody__replay i{width:0;height:0;border-left:8px solid currentColor;border-top:5px solid transparent;border-bottom:5px solid transparent}@keyframes ody-fade{0%{opacity:0}to{opacity:1}}@media(max-width:700px){.landing-page .ody{display:none}}.landing-page .ody__scan:after{content:"";position:absolute;left:0;right:0;top:var(--ody-scan-y, -22%);height:22%;background:linear-gradient(transparent,rgba(94,242,200,.06),transparent)}.landing-page .ody__probe [data-k=legL],.landing-page .ody__probe [data-k=legR],.landing-page .ody__probe [data-k=armL],.landing-page .ody__probe [data-k=armR]{transform-box:fill-box;transform-origin:50% 0;transform:rotate(var(--ody-leg-angle, 0deg))}.landing-page .ody__probe [data-k=legR],.landing-page .ody__probe [data-k=armL]{transform:rotate(calc(-1 * var(--ody-leg-angle, 0deg)))}.landing-page .ody__caret{display:inline-block;width:.55em;height:1.1em;margin-left:1px;vertical-align:-.18em;background:#5ef2c8;opacity:var(--ody-caret-opacity, 1)}.landing-page .ody .pp-achievement-glint{top:12px;left:40px;z-index:3}.landing-page .ody__medal .pp-achievement-glint{top:10px;left:44px}.landing-page .ody .pp-achievement-shine,.landing-page .ody .pp-achievement-glint{animation-name:none}.landing-page .ody .is-live .pp-achievement-shine{animation-name:pp-achievement-shine}.landing-page .ody .is-live .pp-achievement-glint{animation-name:pp-achievement-glint}.landing-page .ody[data-frozen=true] *,.landing-page .ody[data-frozen=true] *:after{animation-play-state:paused!important;transition:none!important}.landing-page .ody__fiction{position:absolute;right:24px;bottom:18px;z-index:4;padding:4px 8px;border-radius:6px;background:#ffffffe0;color:#56607a;font:500 11px/1.2 Ubuntu,sans-serif;visibility:hidden}.landing-page .ody[data-state=playing] .ody__fiction{visibility:visible}.landing-page .ody[data-frozen=true] .ody__sp{will-change:auto}.landing-page .ody__replay[data-idle=true]:not([hidden]){display:flex}.landing-page .ody__replay:focus-visible{outline:3px solid #3a9e88;outline-offset:4px}@media(max-width:700px){.landing-page .ody__replay{display:none!important}}.landing-page{--landing-ink:#1f2a44;--landing-deep:#0f1626;--landing-teal:#7ccbb8;--landing-teal-hover:#8fd6c4;--landing-teal-text:#3a9e88;--landing-muted:#56607a;--landing-faint:#9aa2b5;--landing-bg:#f4f5f8;--landing-surface:#fff;--landing-hairline:#e3e6ec;--landing-control:#d9dde5;min-height:100vh;overflow-x:hidden;background:var(--landing-bg);color:var(--landing-ink);font-family:Ubuntu,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.landing-page *,.landing-page *:before,.landing-page *:after{box-sizing:border-box}.landing-page[data-landing-page] main{background:var(--landing-bg)}.landing-page button,.landing-page a{font-family:inherit}.landing-page button{color:inherit}.landing-page .landing-button{font-size:17px;font-weight:700}.landing-page .landing-small-button{font-size:14px;font-weight:700}.landing-page .landing-button--dark{color:#fff}.landing-container{width:min(1200px,100%);margin:0 auto;padding-inline:24px}.landing-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--landing-hairline);background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.landing-header__inner{width:min(1200px,100%);min-height:64px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;gap:32px}.landing-logo{display:flex;align-items:center;gap:10px;color:var(--landing-ink);text-decoration:none;font-size:20px;font-weight:700}.landing-page .landing-logo strong{font-weight:700}.landing-logo__mark{position:relative;width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:var(--landing-teal);box-shadow:inset 0 -3px #5aae9a}.landing-logo__mark:before{content:"";position:absolute;width:24px;height:18px;border-radius:4px;background:var(--landing-ink)}.landing-logo__mark i{position:absolute;z-index:1;top:16px;width:4px;height:4px;margin:0;border-radius:50%;background:#fff}.landing-logo__mark i:first-of-type{left:12px}.landing-logo__mark i:last-of-type{left:22px}.landing-nav{display:flex;flex:1;flex-wrap:wrap;gap:24px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.landing-nav a{color:var(--landing-muted);text-decoration:none}.landing-nav a:hover{color:var(--landing-teal-text)}.landing-header__actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:10px}.landing-preview-button[aria-pressed=true]{border-color:var(--landing-teal-text);background:#e7f4ef}@media(max-width:950px){.landing-header__actions:has(.landing-preview-button) .landing-signed-in-name{display:none}}.landing-small-button,.landing-button{color:var(--landing-ink);text-decoration:none;text-align:center;border:2px solid var(--landing-ink);border-radius:12px;font-weight:700;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease,border-color .12s ease}.landing-small-button{padding:10px 18px;font-size:14px;box-shadow:0 3px 0 var(--landing-control);text-decoration:none}.landing-small-button--light,.landing-button--light{border-color:var(--landing-control);background:#fff}.landing-small-button--teal,.landing-button--teal{background:var(--landing-teal)}.landing-small-button:hover{border-color:var(--landing-ink);box-shadow:0 3px 0 var(--landing-ink)}.landing-small-button--teal:hover,.landing-button--teal:hover{background:var(--landing-teal-hover)}.landing-session-note{width:min(1200px,100%);margin:0 auto;padding:12px 24px 0;display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;color:var(--landing-muted);font-size:13px}.landing-session-note button{padding:4px 8px;border:1px solid var(--landing-control);border-radius:8px;background:#fff;color:var(--landing-ink);font-size:13px;font-weight:700;cursor:pointer}.landing-session-note button:hover{border-color:var(--landing-ink)}.landing-hero{position:relative;min-height:clamp(560px,86vh,860px);display:flex;align-items:center;overflow:hidden}.landing-hero__inner{position:relative;z-index:2;padding-top:80px;padding-bottom:max(80px,calc(380px - 30vw))}.landing-hero__copy{max-width:590px;display:flex;flex-direction:column;gap:22px}.landing-eyebrow{color:var(--landing-teal-text);font-size:12px;font-weight:700;letter-spacing:.14em}.landing-page h1,.landing-page h2,.landing-page h3,.landing-page p{margin:0;color:var(--landing-ink)}.landing-page .landing-card--navy h3{color:#fff}.landing-page h1{max-width:670px;font-size:clamp(40px,6vw,72px);line-height:1.02;letter-spacing:-.03em;font-weight:700;text-transform:none;text-wrap:balance}.landing-page h2{font-size:clamp(30px,4vw,42px);line-height:1.1;letter-spacing:-.02em;text-wrap:balance}.landing-hero__copy>p{max-width:520px;color:var(--landing-muted);font-size:19px;line-height:1.55;text-wrap:pretty}.landing-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}.landing-button{padding:16px 28px;font-size:17px;box-shadow:0 5px 0 var(--landing-ink)}.landing-button:hover{transform:translateY(-2px);box-shadow:0 7px 0 var(--landing-ink)}.landing-button:active{transform:translateY(3px);box-shadow:0 2px 0 var(--landing-ink)}.landing-button--dark{background:var(--landing-ink);color:#fff;box-shadow:0 5px 0 var(--landing-deep)}.landing-button--dark:hover{background:#2b3a5c;box-shadow:0 7px 0 var(--landing-deep)}.landing-button--dark:active{box-shadow:0 2px 0 var(--landing-deep)}.landing-mascot-wrap{position:absolute;pointer-events:none}.landing-mascot-in{position:relative;cursor:pointer;pointer-events:auto;transform-origin:50% 100%;outline:none}.landing-mascot-in:focus-visible{outline:3px solid var(--landing-teal-text);outline-offset:6px;border-radius:20px}.landing-mascot-wrap--hero{right:0;bottom:-6%;z-index:1;transform-origin:100% 100%;transition:transform .5s cubic-bezier(.3,1.5,.5,1)}.landing-mascot-wrap--hero.is-hovered{transform:translate(-5%) rotate(3deg)}.landing-mascot-wrap--hero .landing-mascot-in{width:clamp(240px,42vw,620px);transform:translate(120%)}.landing-mascot-wrap--hero probe-mascot,.landing-mascot-wrap--lab probe-mascot{display:block}.landing-probe-host{display:block;line-height:0}.landing-speech{position:absolute;z-index:3;display:flex;flex-direction:column;pointer-events:none;opacity:0;transform:scale(.6);transition:opacity .3s ease,transform .35s cubic-bezier(.3,1.6,.5,1);transform-origin:50% 100%}.landing-speech.is-visible{opacity:1;transform:scale(1)}.landing-speech>div{position:relative;z-index:1;width:max-content;max-width:min(300px,70vw);min-height:52px;padding:14px 18px;border:2px solid var(--landing-ink);border-radius:16px;background:#fff;box-shadow:0 4px 0 var(--landing-ink);font-size:16px;line-height:1.45}.landing-speech>i{width:18px;height:18px;margin:-11px auto 0;position:relative;z-index:2;background:#fff;border-right:2px solid var(--landing-ink);border-bottom:2px solid var(--landing-ink);box-shadow:3px 3px 0 var(--landing-ink);transform:rotate(45deg)}.landing-speech--hero{left:41%;bottom:98%;align-items:center;transform:translate(-50%) scale(.6)}.landing-speech--hero.is-visible{transform:translate(-50%) scale(1)}.landing-section{border-top:1px solid var(--landing-hairline)}.landing-how{background:#fff;border-bottom:1px solid var(--landing-hairline)}.landing-how .landing-container{padding-top:80px;padding-bottom:80px;display:flex;flex-direction:column;gap:40px}.landing-how h2{max-width:640px}.landing-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:20px}.landing-card{min-height:220px;display:flex;flex-direction:column;gap:10px;padding:28px;border:2px solid var(--landing-ink);border-radius:18px;background:#fff;box-shadow:0 5px 0 var(--landing-ink)}.landing-card>span{color:var(--landing-teal-text);font-size:12px;font-weight:700;letter-spacing:.12em}.landing-card h3{font-size:22px}.landing-card p{color:var(--landing-muted);font-size:16px;line-height:1.5}.landing-card--teal{background:var(--landing-teal)}.landing-card--teal>span,.landing-card--teal p{color:var(--landing-ink)}.landing-card--navy{background:var(--landing-ink);color:#fff;box-shadow:0 5px 0 var(--landing-deep)}.landing-card--navy>span{color:var(--landing-teal)}.landing-card--navy p{color:#c9d0de}.landing-feature .landing-container{display:flex;flex-direction:column;gap:32px;padding-top:96px;padding-bottom:48px}.landing-feature__copy{max-width:620px;display:flex;flex-direction:column;gap:12px}.landing-feature__copy p{color:var(--landing-muted);font-size:18px;line-height:1.55}.landing-screenshot{overflow:hidden;border:2px solid var(--landing-ink);border-radius:20px;background:#fff;box-shadow:0 8px 0 var(--landing-ink)}.landing-screenshot>div{aspect-ratio:1919/1075;overflow:hidden}.landing-screenshot img{width:100%;display:block}.landing-lab-stage{position:relative;overflow:hidden}.landing-lab-stage .landing-feature{position:relative;z-index:1}.landing-mascot-wrap--lab{left:0;top:38%;z-index:3}.landing-mascot-in--lab{width:300px;transform:translate(-130%)}.landing-mascot-in--lab probe-mascot{display:block}.landing-speech--lab{left:calc(40% - 34px);bottom:96%;transform-origin:34px 100%;align-items:flex-start}.landing-speech--lab>div{max-width:min(280px,60vw);padding:12px 16px;font-size:15px}.landing-speech--lab>i{margin-left:25px;margin-right:0}.landing-cta-wrap{padding:0 24px 96px}.landing-cta{width:min(1200px,100%);margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:32px;padding:56px 40px;border:2px solid var(--landing-ink);border-radius:24px;background:var(--landing-teal);box-shadow:0 8px 0 var(--landing-ink)}.landing-cta>div{max-width:560px;display:flex;flex-direction:column;gap:10px}.landing-cta p{font-size:18px;line-height:1.5}.landing-footer{border-top:1px solid var(--landing-hairline);background:#fff}.landing-footer .landing-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-top:28px;padding-bottom:28px;color:var(--landing-muted);font-size:14px}.landing-footer strong{color:var(--landing-ink)}.landing-footer nav{display:flex;gap:20px}.landing-footer button{padding:0;border:0;background:transparent;color:var(--landing-muted);cursor:pointer}.landing-footer button:hover{color:var(--landing-teal-text)}.landing-reveal.is-reveal-ready{opacity:0;transform:translateY(28px)}.landing-reveal.is-revealed{opacity:1;transform:none;transition:opacity .7s ease,transform .8s cubic-bezier(.2,.9,.25,1)}.standalone-auth-main{width:min(1080px,100%);margin:0 auto;padding:clamp(56px,9vw,110px) 24px;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,460px);align-items:start;gap:clamp(40px,8vw,100px)}.standalone-auth-story{padding-top:40px;display:flex;flex-direction:column;gap:20px}.standalone-auth-story h1{font-size:clamp(42px,6vw,68px)}.standalone-auth-story p{max-width:480px;color:var(--landing-muted);font-size:19px;line-height:1.55}.standalone-auth-back{margin-left:auto;color:var(--landing-muted);font-size:14px;font-weight:700;text-decoration:none}.standalone-auth-back:hover{color:var(--landing-teal-text)}.standalone-auth-card{display:flex;flex-direction:column;gap:16px;padding:28px;border:2px solid var(--landing-ink);border-radius:22px;background:#fff;box-shadow:0 8px 0 var(--landing-ink)}.standalone-auth-card h2{margin:0;font-size:28px}.standalone-auth-card>p{color:var(--landing-muted)}.standalone-auth-card form{display:flex;flex-direction:column;gap:13px}.standalone-auth-card label:not(.landing-check){display:flex;flex-direction:column;gap:6px;color:var(--landing-ink);font-size:14px;font-weight:700}.standalone-auth-card input:not([type=checkbox]),.standalone-auth-card select{width:100%;padding:13px 14px;border:2px solid var(--landing-control);border-radius:11px;outline:0;background:#f9fafb;color:var(--landing-ink);font-family:inherit;font-size:16px;font-weight:400}.standalone-auth-card input:not([type=checkbox]):focus,.standalone-auth-card select:focus{border-color:var(--landing-teal);background:#fff;box-shadow:0 0 0 3px #7ccbb833}.standalone-auth-password{display:flex;gap:8px}.standalone-auth-password input{min-width:0;flex:1}.standalone-auth-password button{padding:0 10px;border:0;background:transparent;color:var(--landing-teal-text);font-weight:700;cursor:pointer}.standalone-auth-tabs{display:flex;gap:6px;padding:4px;border-radius:12px;background:var(--landing-bg)}.standalone-auth-tabs a{flex:1;padding:10px;border-radius:9px;color:var(--landing-muted);font-size:13px;font-weight:700;letter-spacing:.06em;text-align:center;text-decoration:none}.standalone-auth-tabs a.is-active{background:#fff;box-shadow:0 1px 3px #1f2a441a;color:var(--landing-ink)}.standalone-auth-details{display:flex;flex-direction:column;gap:12px;padding-top:2px}.standalone-auth-goals{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px;border:1px solid var(--landing-control);border-radius:11px}.standalone-auth-goals legend{grid-column:1/-1;padding:0 4px;color:var(--landing-ink);font-size:14px;font-weight:700}.standalone-auth-forgot{align-self:flex-end;padding:0;border:0;background:transparent;color:var(--landing-teal-text);font-size:14px;cursor:pointer}.standalone-auth-submit{width:100%;margin-top:4px}.landing-signed-in-name{align-self:center;max-width:180px;overflow:hidden;color:var(--landing-muted);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.landing-auth-overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:#1f2a4473}.landing-legal-dialog{position:relative;width:100%;max-width:480px;max-height:calc(100vh - 40px);overflow:auto;padding:28px;display:flex;flex-direction:column;gap:18px;border:2px solid var(--landing-ink);border-radius:22px;background:#fff;box-shadow:0 8px 0 var(--landing-ink)}.landing-legal-dialog p{color:var(--landing-muted);line-height:1.55}.landing-auth-close{position:absolute;top:14px;right:14px;width:36px;height:36px;border:2px solid var(--landing-hairline);border-radius:10px;background:#fff;color:var(--landing-muted);font-size:18px;cursor:pointer}.landing-auth-close:hover{border-color:var(--landing-ink);color:var(--landing-ink)}.landing-auth-tabs{display:flex;gap:6px;margin-right:44px;padding:4px;border-radius:12px;background:var(--landing-bg)}.landing-auth-tabs button{flex:1;padding:10px;border:0;border-radius:9px;background:transparent;font-size:13px;font-weight:700;letter-spacing:.06em;cursor:pointer}.landing-auth-tabs button.is-active{background:#fff;box-shadow:0 1px 3px #1f2a441a}.landing-auth-details{display:flex;flex-direction:column;gap:12px;padding-top:2px}.landing-check{flex-direction:row!important;align-items:flex-start;font-size:13px!important;font-weight:400!important;line-height:1.4}.landing-check input{width:auto;margin-top:2px;accent-color:var(--landing-teal-text)}.standalone-auth-card .landing-check a,.standalone-auth-card>small a{color:var(--landing-teal-text);font-weight:700;text-decoration:underline;text-underline-offset:3px}.standalone-auth-card .landing-check a:focus-visible,.standalone-auth-card>small a:focus-visible{outline:2px solid var(--landing-teal-text);outline-offset:2px}.landing-forgot{align-self:flex-end;padding:0;border:0;background:transparent;color:var(--landing-teal-text);font-size:14px;cursor:pointer}.landing-auth-submit{width:100%;margin-top:4px}.landing-auth-submit:disabled{cursor:wait;opacity:.65}.landing-auth-error{padding:10px 14px;border-radius:10px;background:#fff0f0;color:#a03d4b;font-size:14px;line-height:1.4}.standalone-auth-notice{padding:10px 14px;border-radius:10px;background:#eaf7f1;color:#185a48;font-size:14px;line-height:1.4}.standalone-auth-card a.standalone-auth-forgot{align-self:flex-end;text-decoration:underline;text-underline-offset:3px}.landing-auth-divider{display:flex;align-items:center;gap:12px;color:var(--landing-faint);font-size:12px;font-weight:700;letter-spacing:.1em}.landing-auth-divider span{flex:1;height:1px;background:var(--landing-hairline)}.landing-provider-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.landing-provider-grid a{padding:13px;border:2px solid var(--landing-control);border-radius:12px;background:#fff;color:var(--landing-ink);box-shadow:0 3px 0 var(--landing-control);font-size:15px;font-weight:700;text-align:center;text-decoration:none}.landing-provider-grid a:hover{border-color:var(--landing-ink)}@media(min-width:601px)and (max-width:1024px){.landing-hero__copy{max-width:500px}.landing-speech--hero{left:calc(100% - 240px);bottom:50%;width:240px;transform:scale(.6)}.landing-speech--hero.is-visible{transform:scale(1)}.landing-speech--hero>div{max-width:240px}}@media(max-width:760px){.standalone-auth-main{grid-template-columns:1fr;padding-top:48px}.standalone-auth-story{padding-top:0}.landing-header__inner{min-height:70px;flex-wrap:wrap;gap:12px 20px;padding-top:10px;padding-bottom:10px}.landing-nav{order:3;flex-basis:100%;justify-content:center;gap:20px}.landing-header__actions{margin-left:auto}.landing-small-button{padding:8px 12px;font-size:12px}.landing-hero{min-height:760px;align-items:flex-start}.landing-hero__inner{padding-top:64px;padding-bottom:430px}.landing-hero__copy>p{font-size:18px}.landing-mascot-wrap--hero{right:-6%;bottom:-3%}.landing-mascot-wrap--hero .landing-mascot-in{width:clamp(240px,42vw,620px)}.landing-cta-wrap{padding-bottom:72px}.landing-cta{padding:40px 24px}}@media(max-width:480px){.standalone-auth-main{padding:36px 18px 56px}.standalone-auth-card{padding:20px}.landing-container,.landing-header__inner{padding-inline:18px}.landing-header__actions .landing-small-button--light:not(.landing-profile-link){display:none}.landing-nav{justify-content:flex-start;overflow:auto;font-size:11px}.landing-hero__inner{padding-bottom:330px}.landing-mascot-wrap--hero .landing-mascot-in{width:240px}.landing-speech--hero{left:20%}.landing-speech--hero.is-visible{transform:translate(-50%) scale(1)}.landing-actions{flex-direction:column;align-items:stretch}.landing-button{width:100%}.landing-how .landing-container{padding-top:64px;padding-bottom:64px}.landing-feature .landing-container{padding-top:72px;padding-bottom:36px}.landing-lab-stage .landing-feature .landing-container{padding-top:56px}.landing-mascot-wrap--lab{top:62%}.landing-cta-wrap{padding-inline:18px}.landing-footer .landing-container{align-items:flex-start;flex-direction:column}}.landing-page[data-motion-reduced=true] .landing-reveal.is-reveal-ready{opacity:1;transform:none}.landing-page[data-motion-reduced=true] .landing-mascot-wrap--hero .landing-mascot-in{transform:translate(8%) rotate(-10deg)}.landing-page[data-motion-reduced=true] .landing-mascot-in--lab{transform:translate(-30%) rotate(12deg)}.landing-page[data-motion-reduced=true] .landing-speech{transition:none}.landing-page .landing-mascot-wrap--hero [data-k=eyes]{transform-box:fill-box;transform-origin:center;animation:ody-blink 5s ease-in-out infinite}@keyframes ody-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}.landing-page .landing-lab-intro{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:32px;margin-bottom:-41px;position:relative;z-index:2}.landing-page .landing-lab-intro .landing-feature__copy{padding-bottom:64px}.landing-page .landing-lab-intro .landing-mascot-wrap--lab{width:auto;min-height:0;padding:0 24px 0 0;flex-direction:row;align-items:center;gap:6px}.landing-page .landing-lab-intro .landing-mascot-in--lab{width:132px;transform:none;transform-origin:50% 100%}.landing-page .landing-lab-intro .landing-mascot-wrap--lab[data-enter=pending] .landing-mascot-in--lab{opacity:0}.landing-page .landing-lab-intro .landing-mascot-in--lab [data-k=armR]{transform-box:fill-box;transform-origin:10% 10%}.landing-page .landing-lab-intro .landing-probe-host{width:132px;height:145px;transform:scale(.44);animation:lab-bob 2.4s ease-in-out infinite}.landing-page .landing-lab-intro .landing-speech--lab{order:-1;flex-direction:row;align-items:center;transform-origin:100% 50%;margin-bottom:46px}.landing-page .landing-lab-intro .landing-speech--lab>div{max-width:230px;min-height:0}.landing-page .landing-lab-intro .landing-speech--lab>i{margin:0 0 0 -11px;box-shadow:none;transform:rotate(-45deg)}.landing-page .landing-lab-intro .landing-mascot-in--lab [data-k=eyes]{transform-box:fill-box;transform-origin:center;animation:ody-blink 4.2s ease-in-out infinite}@keyframes lab-bob{0%,to{translate:0 0}50%{translate:0 -3px}}@media(max-width:760px){.landing-page .landing-lab-intro{grid-template-columns:minmax(0,1fr);gap:8px}.landing-page .landing-lab-intro .landing-feature__copy{padding-bottom:0;min-width:0}.landing-page .landing-lab-intro .landing-mascot-wrap--lab{justify-self:end;max-width:100%;padding-right:0;min-width:0}.landing-page .landing-lab-intro .landing-mascot-in--lab{flex:0 0 132px}.landing-page .landing-lab-intro .landing-speech--lab{max-width:calc(100% - 138px);min-width:0}.landing-page .landing-lab-intro .landing-speech--lab>div{min-width:0;max-width:100%}}.landing-page .landing-card{transition:transform .18s ease,box-shadow .18s ease}.landing-page .landing-card:hover{transform:translateY(-3px);box-shadow:0 8px 0 var(--landing-ink)}.landing-page .landing-card--navy:hover{box-shadow:0 8px 0 var(--landing-deep)}.landing-page[data-motion-reduced=true] .landing-lab-intro .landing-probe-host,.landing-page[data-motion-reduced=true] [data-k=eyes]{animation:none!important}.landing-page[data-motion-reduced=true] .landing-lab-intro .landing-mascot-in--lab{transform:none}.landing-page[data-motion-reduced=true] .landing-card{transition:none}.landing-page[data-motion-reduced=true] .landing-card:hover{transform:none}.email-verification-reminder{position:relative;z-index:20;display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 24px;background:#fff8df;color:#25313d;border-bottom:1px solid #dccf9c;font-size:14px}.email-verification-reminder>div:first-child{flex:1 1 350px}.email-verification-reminder p{margin:5px 0 0;max-width:950px}.email-verification-reminder__actions{display:flex;flex-wrap:wrap;gap:8px}.email-verification-reminder button{cursor:pointer;padding:8px 12px;border:1px solid #928667;border-radius:8px;background:#fff;color:inherit;font:inherit}.email-verification-reminder button:disabled{cursor:wait;opacity:.6}.email-verification-reminder button:focus-visible{outline:3px solid #187e79;outline-offset:2px}.email-verification-reminder>p{flex-basis:100%}:root{--npn-primary: #12b5a0;--npn-primary-edge: #0c8c7b;--npn-primary-hover: #19c7b0;--npn-primary-soft: #dcf6f1;--npn-primary-ink: #0a6b5e;--npn-blue: #1cb0f6;--npn-blue-edge: #1489c2;--npn-blue-soft: #ddf4ff;--npn-blue-ink: #1171a1;--npn-success: #58c322;--npn-success-edge: #44a114;--npn-success-soft: #d7ffb8;--npn-success-ink: #3c8f12;--npn-danger: #ff4b4b;--npn-danger-edge: #d63a3a;--npn-danger-soft: #ffdfe0;--npn-danger-ink: #d02b2b;--npn-warning: #ff9600;--npn-warning-edge: #d97e00;--npn-warning-soft: #fff0d6;--npn-gold: #ffc800;--npn-gold-edge: #e0a800;--npn-gold-soft: #fff6cc;--npn-purple: #a560f0;--npn-purple-edge: #8343cc;--npn-purple-soft: #f1e3ff;--npn-pink: #ff5fb0;--npn-bg: #ffffff;--npn-surface: #f6f8f9;--npn-surface-2: #eef2f4;--npn-line: #e3e8eb;--npn-line-strong: #cfd7dc;--npn-ink: #23313a;--npn-ink-2: #4b5a63;--npn-muted: #7b8a93;--npn-disabled: #b9c3c9;--npn-on-solid: #ffffff;--npn-net-power: #ff4b4b;--npn-net-ground: #23313a;--npn-net-signal: #1cb0f6;--npn-net-current: #ffc800;--npn-copper: #e08a3c;--npn-font: "Nunito", "Varela Round", ui-rounded, system-ui, -apple-system, "Segoe UI", sans-serif;--npn-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--npn-text-xs: 12px;--npn-text-sm: 14px;--npn-text-md: 16px;--npn-text-lg: 19px;--npn-text-xl: 24px;--npn-text-2xl: 32px;--npn-text-3xl: clamp(34px, 5vw, 48px);--npn-radius-sm: 10px;--npn-radius: 14px;--npn-radius-lg: 18px;--npn-radius-pill: 999px;--npn-border: 2px;--npn-lip: 4px;--npn-space-1: 4px;--npn-space-2: 8px;--npn-space-3: 12px;--npn-space-4: 16px;--npn-space-5: 20px;--npn-space-6: 24px;--npn-space-8: 32px;--npn-space-10: 40px;--npn-sidebar: 248px;--npn-sidebar-compact: 88px;--npn-rail: 368px;--npn-column: 600px;--npn-tabbar: 64px;--npn-ease-out: cubic-bezier(.2, .8, .2, 1);--npn-ease-spring: cubic-bezier(.34, 1.56, .64, 1);--npn-ease-in-out: cubic-bezier(.65, 0, .35, 1);--npn-dur-press: 80ms;--npn-dur-fast: .16s;--npn-dur: .26s;--npn-dur-slow: .42s;--npn-shadow-pop: 0 10px 30px rgba(35, 49, 58, .14)}.npn-dark,:root[data-npn-theme=dark]{--npn-bg: #131f24;--npn-surface: #1a2a31;--npn-surface-2: #22343c;--npn-line: #2e434d;--npn-line-strong: #3d5560;--npn-ink: #eef4f6;--npn-ink-2: #c3d1d7;--npn-muted: #8ba0a9;--npn-disabled: #4b5f68;--npn-primary-soft: #11403a;--npn-blue-soft: #133a4f;--npn-success-soft: #203d13;--npn-danger-soft: #4a1f22;--npn-warning-soft: #4a3210;--npn-gold-soft: #463b0d;--npn-purple-soft: #35214d;--npn-net-ground: #eef4f6;--npn-shadow-pop: 0 10px 30px rgba(0, 0, 0, .45)}:root{color:#d6dccd;background:#0b0e0c;font-family:var(--npn-font);font-synthesis:none;--ink: #d6dccd;--muted: #778071;--dim: #50584e;--phosphor: #b8ca9d;--phosphor-dim: #859773;--line: #343b34;--line-bright: #56624f;--panel: #111512;--panel-deep: #0b0f0c;--screen: #0a120b}*{box-sizing:border-box}html{background:#0b0e0c}body{min-width:320px;min-height:100vh;margin:0;background:#0b0e0c}button,input,select,textarea,a{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:1px solid var(--phosphor);outline-offset:2px}::selection{color:#0b0e0c;background:var(--phosphor)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0b0e0c}::-webkit-scrollbar-thumb{border:2px solid #0b0e0c;background:#4e5949}.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}.app-shell{min-height:100vh;height:100vh;display:grid;grid-template-rows:54px 82px minmax(0,1fr);overflow:hidden;background:#0b0e0c}.topbar{display:grid;grid-template-columns:1fr minmax(300px,520px) 1fr;align-items:center;padding:0 18px;border-bottom:1px solid var(--line);background:#0d100e}.brand{width:max-content;display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-size:12px;letter-spacing:.03em;text-transform:uppercase}.brand strong{color:var(--phosphor);font-weight:500}.brand-mark{width:29px;height:29px;display:grid;place-items:center;border:1px solid var(--phosphor-dim);color:var(--phosphor);font-size:9px;box-shadow:inset 0 0 0 3px #151b15}.lesson-progress{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;color:var(--muted);font-size:9px;letter-spacing:.1em;text-transform:uppercase}.lesson-progress strong{color:var(--ink);font-size:9px;font-weight:500}.progress-track{height:5px;padding:1px;border:1px solid var(--line)}.progress-track span{display:block;width:37.5%;height:100%;background:var(--phosphor)}.system-clock{justify-self:end;display:grid;grid-template-columns:auto auto;gap:12px;align-items:center;color:var(--dim);font-size:8px;letter-spacing:.1em}.system-clock strong{padding:5px 7px;border:1px solid var(--line-bright);color:var(--phosphor);font-size:8px;font-weight:500}.lesson-strip{display:grid;grid-template-columns:42px minmax(260px,.8fr) 1.2fr auto;align-items:center;gap:18px;padding:10px 18px;border-bottom:1px solid var(--line);background:#0b0e0c}.lesson-index{align-self:stretch;display:grid;place-items:center;border-right:1px solid var(--line);color:var(--phosphor);font-size:18px}.eyebrow{color:var(--phosphor-dim);font-size:8px;letter-spacing:.11em;text-transform:uppercase}h1{margin:4px 0 0;color:var(--ink);font-size:clamp(17px,1.7vw,24px);font-weight:500;letter-spacing:-.04em;text-transform:uppercase}.lesson-strip p{max-width:550px;margin:0;color:var(--muted);font-size:9px;line-height:1.5;letter-spacing:.04em}.run-button{min-width:116px;height:36px;border:1px solid var(--phosphor);border-radius:0;background:var(--phosphor);color:#0b0e0c;font-size:9px;font-weight:700;letter-spacing:.08em;cursor:pointer}.run-button:hover{box-shadow:inset 0 0 0 2px #0b0e0c}.run-button.is-running{background:transparent;color:var(--phosphor)}.run-icon{margin-right:8px;font-size:8px}.workspace{min-height:0;display:grid;grid-template-columns:238px minmax(430px,1fr) minmax(360px,410px);gap:8px;padding:8px;overflow:hidden;transition:grid-template-columns .18s ease}.workspace.parts-collapsed{grid-template-columns:42px minmax(430px,1fr) minmax(360px,410px)}.panel{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:0;background:var(--panel)}.panel-heading{height:42px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:0 10px;border-bottom:1px solid var(--line);color:var(--ink);font-size:9px;letter-spacing:.08em}.panel-heading small{color:var(--dim);font-size:8px;letter-spacing:0}.panel-heading button,.canvas-toolbar button{border:0;border-left:1px solid var(--line);border-radius:0;background:transparent;color:var(--muted);cursor:pointer}.panel-heading button{width:27px;height:25px}.panel-heading button:hover,.canvas-toolbar button:hover{color:var(--phosphor);background:#182018}.palette{display:grid;grid-template-rows:42px auto minmax(0,1fr)}.palette.collapsed{grid-template-rows:42px minmax(0,1fr)}.palette.collapsed .panel-heading{grid-template-columns:1fr;gap:0;padding:0;text-align:center}.palette.collapsed .panel-heading>span{display:none}.palette.collapsed .panel-heading button{width:100%;border-left:0}.parts-rail-button{min-height:0;border:0;border-radius:0;border-top:1px solid var(--line);background:#101411;color:var(--phosphor-dim);font-size:8px;letter-spacing:.16em;writing-mode:vertical-rl;cursor:pointer}.parts-rail-button:hover{color:var(--phosphor);background:#151b15}.palette-filters{display:grid;grid-template-columns:1fr 92px;gap:5px;padding:7px;border-bottom:1px solid var(--line)}.palette-filters input,.palette-filters select{width:100%;height:29px;min-width:0;border:1px solid var(--line);border-radius:0;outline:0;background:#0c100d;color:var(--ink);font-size:8px}.palette-filters input{padding:0 8px}.palette-filters input::placeholder{color:var(--dim)}.palette-filters select{padding:0 5px;text-transform:uppercase}.palette-filters input:focus,.palette-filters select:focus{border-color:var(--phosphor-dim)}.parts-list{min-height:0;padding:5px;overflow-y:auto;scrollbar-color:#4e5949 #0b0e0c;scrollbar-width:thin}.part{width:100%;min-height:59px;display:grid;grid-template-columns:58px 1fr;grid-template-rows:1fr 1fr;gap:0 8px;align-items:center;padding:4px;margin:0 0 3px;border:1px solid transparent;border-radius:0;text-align:left;background:transparent;cursor:grab}.part:hover{border-color:var(--line-bright);background:#171c17}.part>span:nth-child(2){align-self:end;overflow:hidden;color:var(--ink);font-size:9px;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase}.part small{align-self:start;overflow:hidden;color:var(--dim);font-size:7px;text-overflow:ellipsis;white-space:nowrap}.wokwi-preview{position:relative;grid-row:1 / 3;width:56px;height:51px;display:block;overflow:hidden;border:1px solid #2b332c;background-color:#0c100d;background-image:radial-gradient(#313931 .6px,transparent .7px);background-size:8px 8px;pointer-events:none}.preview-hardware{position:absolute;display:block;line-height:0;transform-origin:top left;transition:opacity .12s ease}.preview-hardware>*{vertical-align:top}.empty-palette{margin:24px 8px;color:var(--dim);font-size:9px;text-align:center}.canvas{position:relative;background:#0b0f0c}.sandbox{display:grid;grid-template-rows:42px minmax(0,1fr) 28px}.canvas-toolbar{position:relative;z-index:10;display:grid;grid-template-columns:auto minmax(100px,1fr) auto;align-items:center;gap:8px;padding:0 7px;border-bottom:1px solid var(--line);background:#0e120f;color:var(--muted);font-size:8px}.tool-group,.zoom-controls{display:flex;align-items:center}.canvas-toolbar button{width:31px;height:27px;border-left:0;border-right:1px solid var(--line);font-size:13px}.canvas-toolbar button>.ui-icon{width:16px;height:16px}.canvas-toolbar button.active{color:var(--phosphor);background:#1a2119;box-shadow:inset 0 -1px var(--phosphor)}.canvas-toolbar button:disabled{opacity:.25;cursor:default}.sandbox-hint{overflow:hidden;color:var(--dim);font-size:8px;text-align:center;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase}.zoom-controls .zoom-readout{width:48px;color:var(--ink);font-size:8px}.sandbox-viewport{position:relative;width:100%;min-width:0;min-height:0;overflow:hidden;touch-action:none;background-color:#0b0f0c;background-image:radial-gradient(#343d35 .7px,transparent .8px);cursor:default;-webkit-user-select:none;user-select:none}.sandbox-viewport:before{content:"";position:absolute;z-index:20;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(190,211,169,.018) 3px,rgba(190,211,169,.018) 4px)}.sandbox-viewport.tool-pan{cursor:grab}.sandbox-viewport.tool-pan.is-panning{cursor:grabbing}.sandbox-viewport.tool-wire{cursor:crosshair}.sandbox-world{position:absolute;top:0;left:0;width:4000px;height:3000px;transform-origin:0 0}.sandbox-viewport.is-panning .sandbox-world{will-change:transform}.editor-wires{position:absolute;z-index:1;top:0;left:0;overflow:visible;pointer-events:none}.circuit-wire{fill:none;stroke-width:4;stroke-linecap:square;pointer-events:stroke;cursor:pointer;vector-effect:non-scaling-stroke;filter:drop-shadow(0 1px 1px #000)}.circuit-wire:hover,.circuit-wire.selected{stroke-width:7;filter:drop-shadow(0 0 4px currentColor)}.wire-draft{fill:none;stroke:var(--muted);stroke-width:2;stroke-dasharray:6 4;stroke-linecap:square;vector-effect:non-scaling-stroke}.wire-draft.snapped{stroke:var(--phosphor);stroke-dasharray:none}.placed-component{position:absolute;z-index:2;border:0;border-radius:0;outline:1px solid transparent;cursor:grab;filter:none;contain:layout style;touch-action:none}.placed-component.breadboard-host{z-index:1}.placed-component.mounted{z-index:6}.placed-component.selected{outline-color:var(--phosphor);background:#b8ca9d0a;box-shadow:0 0 0 3px #b8ca9d14}.placed-component:active{cursor:grabbing}.placed-hardware{position:absolute;top:0;left:0;display:block;line-height:0;transform-origin:top left;pointer-events:none}.placed-hardware>*{vertical-align:top}.read-only-operation-control{position:absolute;z-index:12;inset:0;width:100%;height:100%;padding:0;border:0;border-radius:4px;outline:0;background:transparent;cursor:pointer;pointer-events:auto;touch-action:manipulation}.read-only-operation-control:hover{box-shadow:0 0 0 3px #147d9238}.read-only-operation-control:focus-visible{box-shadow:0 0 0 3px #fff,0 0 0 6px #147d92}.placed-label{position:absolute;z-index:4;top:-18px;left:0;padding:2px 4px;border:1px solid var(--line);border-radius:0;background:#0b0f0c;color:var(--muted);font-size:7px;white-space:nowrap}.placed-component.selected .placed-label{border-color:var(--phosphor-dim);color:var(--phosphor)}.component-drag-surface{position:absolute;z-index:3;top:50%;left:50%;width:max(100%,32px);height:max(100%,32px);transform:translate(-50%,-50%)}.component-momentary-control{position:absolute;z-index:4;top:50%;left:50%;width:24px;height:24px;padding:0;transform:translate(-50%,-50%);border:0;border-radius:50%;outline:0;background:transparent;cursor:pointer;pointer-events:none;touch-action:none}.placed-component[data-physical-controls-interactive=true] .component-momentary-control{pointer-events:auto}.component-momentary-control:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px #2563eb}.ntc-temperature-stimulus{position:absolute;z-index:8;top:8px;left:8px;display:grid;grid-template-columns:18px 1fr auto;align-items:center;width:116px;min-height:25px;box-sizing:border-box;padding:3px 5px;gap:3px;border:1px solid #97b4cd;border-radius:3px;background:#05111eeb;color:#e4f3ff;box-shadow:0 1px 4px #000000a6;font:700 7px/1.1 ui-monospace,SFMono-Regular,Menlo,monospace;cursor:ew-resize;pointer-events:none;touch-action:none}.placed-component[data-physical-controls-interactive=true] .ntc-temperature-stimulus{pointer-events:auto}.ntc-temperature-stimulus.cold{border-color:#75c9ff;background:#052339f0}.ntc-temperature-stimulus.hot{border-color:#ff9d59;background:#411504f0}.ntc-temperature-stimulus>span{display:grid;place-items:center;font-size:12px;line-height:1;text-align:center}.ntc-temperature-stimulus>span .ui-icon{width:13px;height:13px}.ntc-temperature-stimulus input{width:54px;min-width:0;margin:0;accent-color:#f28b3c;cursor:ew-resize}.ntc-temperature-stimulus output{min-width:34px;text-align:right}.ntc-temperature-stimulus small{grid-column:2 / 4;color:#a9bed0;font-size:6px;text-align:right}.ntc-temperature-stimulus:has(input:disabled){cursor:default;opacity:.68}.joystick-momentary-control{display:none}.placed-component[data-component-id="input.analog-joystick"][data-physical-controls-interactive=true] .placed-hardware{z-index:4;pointer-events:auto;touch-action:none;cursor:default}.placed-component[data-component-id="input.analog-joystick"] .placed-hardware>wokwi-analog-joystick{pointer-events:none}.placed-component[data-component-id="input.analog-joystick"] .placed-hardware[data-joystick-target=switch]{cursor:pointer}.placed-component[data-component-id="input.analog-joystick"] .placed-hardware[data-joystick-target=axis]{cursor:grab}.placed-component[data-component-id="input.analog-joystick"] .placed-hardware[data-joystick-target=axis]:active{cursor:grabbing}.joystick-switch-feedback{position:absolute;z-index:5;top:10.6mm;left:10.6mm;display:grid;width:6mm;height:6mm;box-sizing:border-box;place-items:center;border:.28mm solid rgba(255,255,255,.58);border-radius:50%;background:#d6dad338;color:#ffffffe0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.15mm;font-weight:800;line-height:1;letter-spacing:-.08mm;text-shadow:0 .2mm .35mm rgba(0,0,0,.9);pointer-events:none;transform:translateY(0) scale(1);transform-origin:center;transition:transform 70ms ease-out,background 70ms linear,border-color 70ms linear,color 70ms linear,box-shadow 70ms linear}.joystick-switch-feedback>span{transform:translate(-.18mm,.2mm)}.joystick-switch-feedback:after{content:"";position:absolute;inset:-.5mm;border:.35mm solid rgba(211,255,151,0);border-radius:50%;pointer-events:none}.placed-hardware[data-joystick-pressed=true] .joystick-switch-feedback{border-color:#edffd5;background:#9bd448;color:#132006;box-shadow:inset 0 .45mm .75mm #23380894,0 0 1.8mm #b9ff5ef2;text-shadow:none;transform:translateY(.38mm) scale(.86)}.placed-hardware[data-joystick-pressed=true] .joystick-switch-feedback:after{animation:joystick-switch-signal .6s ease-out}@keyframes joystick-switch-signal{0%{border-color:#d3ff97f2;opacity:1;transform:scale(.78)}to{border-color:#d3ff9700;opacity:0;transform:scale(1.65)}}.joystick-momentary-control:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px #2563eb}.placed-component[data-component-id="input.analog-joystick"] .component-drag-surface{pointer-events:none}.placed-component[data-component-id="input.dip-switch-8"][data-physical-controls-interactive=true] .placed-hardware{z-index:4;pointer-events:auto;touch-action:none;cursor:pointer}.placed-component[data-component-id="input.dip-switch-8"][data-physical-controls-interactive=true] .placed-hardware>wokwi-dip-switch-8{pointer-events:auto}.placed-component[data-component-id="input.dip-switch-8"] .component-drag-surface{pointer-events:none}.placed-component[data-component-id="generic.potentiometer"][data-physical-controls-interactive=true] .placed-hardware{z-index:4;pointer-events:auto;touch-action:none;cursor:grab}.placed-component[data-component-id="generic.potentiometer"][data-physical-controls-interactive=true] .placed-hardware>wokwi-potentiometer{pointer-events:auto}.placed-component[data-component-id="generic.potentiometer"] .component-drag-surface{pointer-events:none}.placed-component[data-component-id="generic.potentiometer.slide"][data-physical-controls-interactive=true] .placed-hardware{z-index:4;width:55mm;height:29mm;pointer-events:auto;touch-action:none;cursor:ew-resize}.placed-component[data-component-id="generic.potentiometer.slide"][data-physical-controls-interactive=true] .placed-hardware>wokwi-slide-potentiometer{pointer-events:none}.placed-component[data-component-id="generic.potentiometer.slide"][data-physical-controls-interactive=true] .component-drag-surface{pointer-events:none}.placed-component[data-component-id="generic.switch.slide"][data-physical-controls-interactive=true]{z-index:11}.placed-component[data-component-id="generic.switch.slide"][data-physical-controls-interactive=true] .placed-hardware{z-index:4;pointer-events:auto;touch-action:none;cursor:pointer}.placed-component[data-component-id="generic.switch.slide"][data-physical-controls-interactive=true] .placed-hardware>wokwi-slide-switch{pointer-events:auto}.placed-component[data-component-id="generic.switch.slide"][data-physical-controls-interactive=true] .component-drag-surface{pointer-events:none}.tilt-switch-control{position:absolute;z-index:4;inset:0;display:block;width:100%;height:100%;padding:0;border:0;background:transparent;color:#f4fbdf;font:700 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;pointer-events:none;touch-action:none}.tilt-switch-control:disabled{opacity:1}.placed-component[data-component-id="generic.switch.tilt"][data-physical-controls-interactive=true] .tilt-switch-control{pointer-events:auto;cursor:pointer}.placed-component[data-component-id="generic.switch.tilt"][data-physical-controls-interactive=true] .component-drag-surface{pointer-events:none}.tilt-switch-orientation{position:absolute;top:17%;left:28%;display:grid;width:22px;height:22px;place-items:center;border:1px solid rgba(244,251,223,.84);border-radius:50%;background:#0a100bd1;box-shadow:0 1px 3px #000000a6;font-size:16px;transform:rotate(-45deg);transform-origin:center;transition:transform .12s ease,background .12s ease}.tilt-switch-orientation .ui-icon{width:15px;height:15px}.tilt-switch-state-label{position:absolute;left:8%;bottom:9%;padding:2px 3px;border:1px solid rgba(244,251,223,.65);background:#0a100bdb;letter-spacing:.04em}.tilt-switch-control[data-tilt-state=tilted-closed] .tilt-switch-orientation{background:#a4cd59;color:#152006;transform:rotate(45deg)}.tilt-switch-control[data-tilt-state=tilted-closed] .tilt-switch-state-label{border-color:#d7ff91;background:#375116;color:#efffda}.tilt-switch-control:focus-visible{outline:2px solid #d7ff91;outline-offset:2px}.placed-component[data-component-id="sensor.photoresistor"][data-physical-controls-interactive=true]{z-index:11}.placed-component[data-component-id="sensor.photoresistor"][data-physical-controls-interactive=true] .placed-hardware{z-index:4;pointer-events:auto;touch-action:none}.placed-component[data-component-id="sensor.photoresistor"][data-physical-controls-interactive=true] .placed-hardware>wokwi-photoresistor-sensor{pointer-events:none}.placed-component[data-component-id="sensor.photoresistor"][data-physical-controls-interactive=true] .component-drag-surface{pointer-events:none}.photoresistor-direct-controls{position:absolute;inset:0;display:block;width:45.95mm;height:16.267mm;pointer-events:none}.photoresistor-direct{position:absolute;z-index:5;display:block;width:8.5mm;height:8.5mm;border-radius:50%;pointer-events:none}.photoresistor-direct-controls[data-running=true] .photoresistor-direct{pointer-events:auto}.photoresistor-direct-threshold{left:16.55mm;top:0}.photoresistor-direct-lux{--lux-fill: 180deg;--lux-opacity: .79;--lux-core-alpha: .79;--lux-ring-alpha: .6;--lux-ray-alpha: .67;--lux-glow-alpha: .62;--lux-glow: 3.1mm;z-index:8;left:26.95mm;top:2.45mm;width:11mm;height:11mm}.photoresistor-direct input{position:absolute;z-index:5;inset:0;width:100%;height:100%;margin:0;appearance:none;opacity:.001;cursor:ew-resize;touch-action:none}.photoresistor-direct-lux input{cursor:grab}.photoresistor-direct-lux input:active{cursor:grabbing}.photoresistor-direct input:focus-visible{opacity:.16;outline:.5mm solid #ffd21a;border-radius:50%}.photoresistor-trimmer-line{position:absolute;z-index:2;top:1.75mm;left:3.92mm;width:.65mm;height:5mm;border-radius:.4mm;background:#eef8ffe0;box-shadow:0 0 .45mm #000000e6;transform-origin:center;pointer-events:none}.photoresistor-light-halo{position:absolute;z-index:4;inset:0;display:grid;place-items:center;border:.38mm solid #ffd21a;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(255,252,183,var(--lux-core-alpha)) 0 31%,rgba(255,211,24,var(--lux-ring-alpha)) 32% 48%,transparent 49%),conic-gradient(from -90deg,#ffd000 0 var(--lux-fill),rgba(255,230,102,.2) var(--lux-fill) 360deg);color:#8a4b00;font-size:6.1mm;line-height:1;opacity:var(--lux-opacity);box-shadow:0 0 var(--lux-glow) rgba(255,196,0,var(--lux-glow-alpha)),inset 0 0 1.2mm #ffffdcf2;pointer-events:none}.photoresistor-light-halo:before{position:absolute;inset:-1.25mm;border:.42mm dashed rgba(255,190,0,var(--lux-ray-alpha));border-radius:50%;content:"";transform:rotate(var(--lux-fill))}.photoresistor-light-halo>span{position:relative;z-index:1;display:block;color:#fff3a1;filter:drop-shadow(0 0 .45mm #ff9d00);transform:rotate(var(--lux-fill))}.photoresistor-light-halo .ui-icon{width:6.1mm;height:6.1mm}.photoresistor-direct output{position:absolute;z-index:4;left:50%;bottom:-2.3mm;min-width:8mm;padding:.25mm .45mm;transform:translate(-50%);border:.2mm solid rgba(216,239,181,.75);border-radius:.6mm;background:#070c08eb;color:#e7f8ce;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.35mm;line-height:1.2;text-align:center;white-space:nowrap;pointer-events:none}.photoresistor-direct-controls[data-running=false] .photoresistor-direct output,.photoresistor-direct-controls[data-running=false] .photoresistor-light-halo,.photoresistor-direct-controls[data-running=false] .photoresistor-trimmer-line{display:none}.pin-target{position:absolute;z-index:20;width:20px;height:20px;margin:-10px 0 0 -10px;padding:0;border:0;border-radius:0;background:transparent;color:var(--phosphor);cursor:crosshair;box-shadow:none;opacity:.3;transform:scale(var(--pin-counter-scale, 1));transform-origin:center}.pin-target:after{content:"";position:absolute;inset:0;box-sizing:border-box;width:6px;height:6px;margin:auto;border:1px solid currentColor;background:#111611;pointer-events:none;transform:scale(var(--pin-visual-scale, 1));transform-origin:center}.tool-wire .pin-target,.placed-component.selected~.pin-target{opacity:.55}.pin-target:hover,.pin-target.snap-target{z-index:21;color:#d9e9bd;opacity:1;box-shadow:0 0 0 4px #b8ca9d17}.pin-target:hover:after,.pin-target.snap-target:after{width:8px;height:8px;background:var(--phosphor);box-shadow:0 0 6px #b8ca9db3}.pin-target.connected{color:var(--phosphor-dim);opacity:.72}.pin-target span{position:absolute;bottom:17px;left:50%;display:none;padding:3px 5px;border:1px solid var(--line-bright);border-radius:0;background:#0b0f0c;color:var(--ink);font-size:7px;white-space:nowrap;pointer-events:none;transform:translate(-50%)}.pin-target:hover span,.pin-target.snap-target span{display:block}.pin-target.breadboard-pin{width:12px;height:12px;margin:-6px 0 0 -6px;opacity:.08}.pin-target.breadboard-pin{z-index:4}.tool-select:not(.placing-probe) .pin-target.breadboard-pin{pointer-events:none}.remote-cursor{position:absolute;z-index:70;width:1px;height:1px;pointer-events:none;transform-origin:0 0;color:var(--presence-color)}.remote-cursor i{position:absolute;font-size:22px;font-style:normal;line-height:1;text-shadow:0 1px 2px #fff;transform:translate(-3px,-4px)}.remote-cursor span{position:absolute;top:18px;left:12px;width:max-content;max-width:180px;padding:4px 7px;border-radius:7px;background:var(--presence-color);color:#fff;font:800 9px/1.2 Inter,sans-serif;box-shadow:0 2px 6px #17233a29}.remote-selection{position:absolute;z-index:18;border:2px solid var(--presence-color);border-radius:8px;pointer-events:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--presence-color) 16%,transparent)}.remote-selection>span{position:absolute;top:-18px;left:-2px;padding:2px 5px;border-radius:5px 5px 5px 0;background:var(--presence-color);color:#fff;font:800 8px Inter,sans-serif}.sandbox-corner-note{position:absolute;z-index:21;top:11px;left:12px;color:var(--dim);font-size:7px;letter-spacing:.08em;text-transform:uppercase;pointer-events:none}.snap-toast{position:absolute;z-index:22;bottom:12px;left:50%;padding:7px 10px;border:1px solid var(--phosphor-dim);border-radius:0;background:#111811;color:var(--muted);font-size:8px;transform:translate(-50%);pointer-events:none}.snap-toast strong{margin-left:5px;color:var(--phosphor);font-size:8px;font-weight:500}.canvas-status{z-index:3;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-top:1px solid var(--line);background:#0d110e;color:var(--dim);font-size:7px;text-transform:uppercase}.status-dot{display:inline-block;width:5px;height:5px;margin-right:6px;background:var(--dim)}.status-dot.live{background:var(--phosphor);box-shadow:0 0 5px var(--phosphor)}.right-dock{min-width:0;min-height:0;display:flex;flex-direction:column;gap:7px;padding:7px;overflow-y:auto;border:1px solid var(--line);background:#0c0f0d;scrollbar-color:#4e5949 #0b0e0c;scrollbar-width:thin}.code-panel,.instrument-rack,.terminal-window,.backend-status{flex:0 0 auto;border:1px solid var(--line);border-radius:0;background:var(--panel)}.code-panel{overflow:hidden}.code-header{min-height:41px;display:grid;grid-template-columns:minmax(94px,.65fr) minmax(150px,1fr) auto;align-items:center;gap:7px;padding:5px 6px 5px 9px;border-bottom:1px solid var(--line);background:#141914}.code-header>div{display:flex;align-items:center;gap:6px}.code-header strong{font-size:8px;font-weight:500;letter-spacing:.09em;text-transform:uppercase}.code-header small{display:none;color:var(--dim);font-size:7px;text-transform:uppercase}.code-status{width:5px;height:5px;background:var(--phosphor);box-shadow:0 0 5px #b8ca9db3}.firmware-build-error{padding:10px 12px;border:2px solid #dc2626;border-left-width:6px;background:#2a0c0c;color:#fecaca}.firmware-build-error strong{display:block;margin-bottom:6px;color:#f87171;font-size:11px;text-transform:uppercase}.firmware-build-error pre{max-height:150px;margin:0;overflow:auto;color:#fee2e2;white-space:pre-wrap;overflow-wrap:anywhere;font:9px/1.55 JetBrains Mono,monospace}.firmware-build-error span{display:block;margin-top:7px;color:#fca5a5;font-size:8px;font-weight:700;text-transform:uppercase}.code-header label{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:5px;color:var(--dim);font-size:7px;text-transform:uppercase}.code-header select,.code-header button{height:25px;min-width:0;border:1px solid var(--line);border-radius:0;background:#0c100d;color:var(--muted);font-size:7px}.code-header select{width:100%}.code-header button{padding:0 6px;cursor:pointer;text-transform:uppercase}.code-header button:hover{color:var(--phosphor);border-color:var(--phosphor-dim)}.code-editor-shell{position:relative;height:214px;display:grid;grid-template-columns:31px 1fr;grid-template-rows:1fr 22px;background:#090d0a}.line-numbers{padding:9px 6px 9px 0;overflow:hidden;border-right:1px solid #262c27;color:#444c44;font-size:9px;line-height:1.55;text-align:right;-webkit-user-select:none;user-select:none}.line-numbers span{display:block}.code-editor-shell textarea{width:100%;height:100%;resize:none;padding:9px 10px;border:0;outline:0;background:#090d0a;color:#c2ccb7;caret-color:var(--phosphor);font-size:9px;line-height:1.55;tab-size:2}.code-editor-shell footer{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;padding:0 7px;border-top:1px solid #262c27;color:var(--dim);font-size:6px;text-transform:uppercase}.instrument-rack{overflow:hidden}.rack-title{height:37px;display:flex;align-items:center;justify-content:space-between;padding:0 9px;border-bottom:1px solid var(--line);background:#141914;color:var(--ink);font-size:8px;letter-spacing:.08em}.rack-title small{color:var(--dim);font-size:7px}.rack-divider{height:29px;display:flex;align-items:center;padding:0 9px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--phosphor-dim);font-size:7px;letter-spacing:.08em}.dmm{margin:0;padding:10px;border:0;border-radius:0;background:#101411;box-shadow:none}.instrument-brand{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:7px;color:var(--ink)}.instrument-brand strong{font-size:9px}.instrument-brand span{color:var(--dim);font-size:6px}.dmm-screen{position:relative;height:72px;padding:16px 10px 6px;border:1px solid var(--line-bright);border-radius:0;background:#111b11;color:var(--phosphor);box-shadow:inset 0 0 18px #b8ca9d0a;text-align:right}.dmm-screen:after,.scope-screen:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0,transparent 2px,rgba(184,202,157,.025) 2px,rgba(184,202,157,.025) 3px)}.dmm-screen small{position:absolute;top:5px;left:7px;font-size:6px;font-weight:500;text-transform:uppercase}.dmm-screen strong{font-size:29px;line-height:1;font-weight:400;letter-spacing:-.08em}.dmm-screen span{margin-left:4px;font-size:8px}.dmm-screen i{position:absolute;right:6px;bottom:3px;font-size:5px;font-style:normal;text-transform:uppercase}.dmm-mode-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;margin:8px 0}.dmm-mode-grid button{height:26px;border:1px solid var(--line);border-radius:0;background:#0d110e;color:var(--muted);font-size:7px;cursor:pointer}.dmm-mode-grid button:hover,.dmm-mode-grid button.active{border-color:var(--phosphor-dim);color:var(--phosphor);background:#171e16}.meter-probes{display:grid;gap:4px}.meter-probe{display:grid;grid-template-columns:10px 29px 1fr;align-items:center;gap:4px;color:var(--muted);font-size:7px}.meter-probe i{width:8px;height:8px;border:1px solid var(--phosphor-dim);border-radius:0;background:var(--phosphor-dim)}.meter-probe.black i{background:#252b25;border-color:var(--dim)}.meter-probe select,.meter-probe button{min-width:0;height:23px;border:1px solid var(--line);border-radius:0;background:#0c100d;color:var(--muted);font-size:7px}.meter-message{min-height:12px;margin:6px 0 0;color:var(--dim);font-size:6px;line-height:1.4}.scope{padding:9px}.scope-header{display:flex;align-items:center;gap:7px;margin-bottom:6px;color:var(--muted);font-size:7px}.scope-header strong{color:var(--ink);font-size:8px;font-weight:500}.scope-header i{margin-left:auto;color:var(--phosphor);font-style:normal}.scope-view-tabs{display:flex}.scope-view-tabs button{flex:1;height:24px;border:1px solid var(--line);border-radius:0;background:#0d110e;color:var(--dim);font-size:7px;cursor:pointer}.scope-view-tabs button+button{border-left:0}.scope-view-tabs button.active{color:var(--phosphor);background:#171e16;border-color:var(--phosphor-dim)}.scope-screen{position:relative;overflow:hidden;border:1px solid var(--line-bright);border-radius:0;background:var(--screen);box-shadow:inset 0 0 24px #b8ca9d0a}.scope-screen svg{display:block;width:100%;height:164px}.scope-grid line{stroke:#28372a;stroke-width:.7}.scope-trace{fill:none;stroke-width:1.6;stroke-linejoin:round;vector-effect:non-scaling-stroke}.scope-trace.ch1{stroke:#c8d9aa;filter:drop-shadow(0 0 2px rgba(200,217,170,.55))}.scope-trace.ch2{stroke:#7f9872;opacity:.72}.trigger-line{stroke:#687b5e;stroke-width:.7;stroke-dasharray:3 3}.spectrum-bar{fill:var(--phosphor);opacity:.75}.scope-readout{position:absolute;z-index:1;right:4px;bottom:3px;left:4px;display:flex;justify-content:space-between;color:var(--phosphor-dim);font-size:6px}.scope-controls{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:6px}.scope-controls label{display:grid;grid-template-columns:38px 1fr;align-items:center;color:var(--dim);font-size:7px}.scope-controls label:nth-child(1) span,.scope-controls label:nth-child(2) span{color:var(--phosphor-dim)}.scope-controls .scope-trigger-toggle{grid-template-columns:18px 38px minmax(0,1fr);gap:4px}.scope-controls .scope-trigger-toggle input[type=checkbox]{width:18px;min-width:18px;height:18px;margin:0;padding:0;border:1px solid #94a3b8;border-radius:3px;appearance:none;background:#fff;cursor:pointer}.scope-controls .scope-trigger-toggle input[type=checkbox]:checked{border-color:#fff;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5 6.4 12 13 4.5' fill='none' stroke='%230f172a' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px 14px no-repeat;box-shadow:none}.scope-controls .scope-trigger-toggle input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.scope-controls select,.scope-controls input,.scope-controls button{min-width:0;width:100%;height:23px;border:1px solid var(--line);border-radius:0;background:#0c100d;color:var(--muted);font-size:7px}.analysis-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px;margin-top:6px}.analysis-grid span{display:flex;justify-content:space-between;padding:4px 5px;border:1px solid var(--line);color:var(--dim);font-size:6px}.analysis-grid strong{color:var(--ink);font-weight:400}.terminal-title{height:27px;display:flex;align-items:center;justify-content:space-between;padding:0 8px;border-bottom:1px solid var(--line);color:var(--phosphor-dim);font-size:7px;letter-spacing:.08em}.terminal-title i{color:var(--phosphor);font-size:6px;font-style:normal}.terminal-window p{margin:0;padding:9px;color:var(--muted);font-size:7px;line-height:1.5}.terminal-window p b{color:var(--phosphor);font-weight:400}.backend-status{padding:10px}.backend-status strong,.backend-status code,.backend-status small{display:block}.backend-status strong{margin:5px 0;color:var(--ink);font-size:9px;font-weight:500;text-transform:uppercase}.backend-status p{margin:0 0 6px;color:var(--dim);font-size:7px}.backend-status code{padding:6px;border:1px solid var(--line);background:#090d0a;color:var(--phosphor);font-size:7px}.backend-status small{margin-top:7px;color:var(--muted);font-size:6px;line-height:1.45}@media(max-width:1180px){.workspace{grid-template-columns:205px minmax(400px,1fr) 350px}.workspace.parts-collapsed{grid-template-columns:42px minmax(400px,1fr) 350px}.lesson-strip{grid-template-columns:42px 1fr auto}.lesson-strip>p{display:none}.palette-filters{grid-template-columns:1fr}}@media(max-width:940px){.app-shell{height:auto;min-height:100vh;overflow:visible}.topbar{grid-template-columns:1fr auto}.lesson-progress{display:none}.workspace,.workspace.parts-collapsed{min-height:calc(100vh - 136px);grid-template-columns:42px minmax(0,1fr);overflow:visible}.workspace:not(.parts-collapsed){grid-template-columns:220px minmax(0,1fr)}.sandbox{min-height:620px}.right-dock{grid-column:1 / -1;max-height:none;overflow:visible}}@media(max-width:680px){.app-shell{grid-template-rows:48px 76px auto}.topbar{padding:0 10px}.system-clock span{display:none}.lesson-strip{grid-template-columns:32px 1fr 42px;gap:9px;padding:8px 10px}.lesson-index{font-size:14px}.eyebrow{display:block;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}h1{font-size:15px}.run-button{width:42px;min-width:42px;height:38px;padding:0;font-size:0}.run-icon{margin:0;font-size:9px}.workspace,.workspace.parts-collapsed,.workspace:not(.parts-collapsed){display:flex;flex-direction:column;min-height:0;padding:5px;overflow:visible}.palette{min-height:310px;height:310px;max-height:310px;flex:0 0 310px}.palette.collapsed{min-height:42px;height:42px;max-height:42px;flex-basis:42px;display:block}.palette.collapsed .panel-heading{display:block;border-bottom:0}.parts-rail-button{display:none}.sandbox{min-height:570px}.right-dock{padding:5px}.sandbox-hint{display:none}.canvas-toolbar{grid-template-columns:auto 1fr auto;gap:2px;padding:0 3px}.canvas-toolbar button{width:34px}.pin-target{width:30px;height:30px;margin:-15px 0 0 -15px}.pin-target.breadboard-pin{width:14px;height:14px;margin:-7px 0 0 -7px}.code-header{grid-template-columns:1fr auto}.code-header label{grid-column:1 / -1;grid-row:2}.code-editor-shell{height:230px}.scope-screen svg{height:150px}}:root{color:#26343b;background:#e8eef1;font-family:var(--npn-font);--ink: #26343b;--muted: #637781;--dim: #8a9aa2;--phosphor: #147d92;--phosphor-dim: #3c93a5;--line: #ced9de;--line-bright: #aebfc7;--panel: #ffffff;--panel-deep: #f4f7f8;--screen: #12292d}html,body{background:#e8eef1}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#147d92}::selection{color:#fff;background:#147d92}::-webkit-scrollbar-track{background:#edf2f4}::-webkit-scrollbar-thumb{border-color:#edf2f4;background:#aabac1;border-radius:8px}.app-shell{background:#e8eef1}.topbar{border-color:#106a7b;background:#147d92;box-shadow:0 2px 7px #2239422e}.brand,.brand strong{color:#fff}.brand-mark{border-color:#ffffffa6;color:#fff;box-shadow:inset 0 0 0 3px #ffffff14}.lesson-progress{color:#ffffffbf}.lesson-progress strong{color:#fff}.progress-track{border-color:#ffffff80}.progress-track span{background:#fff}.system-clock{color:#ffffffad}.system-clock strong{border-color:#ffffff7a;color:#fff}.lesson-strip{border-color:#d3dde1;background:#fff;box-shadow:0 1px 4px #2a414a14}.lesson-index{border-color:#d3dde1;color:#147d92}.eyebrow{color:#147d92;font-weight:700}.run-button{border-color:#2f9d63;border-radius:4px;background:#36a96c;color:#fff;box-shadow:0 2px 4px #277c4e33}.run-button:hover{background:#2f985f;box-shadow:0 2px 5px #277c4e4d}.run-button.is-running{border-color:#cb4a43;background:#e4574f;color:#fff}.workspace{background:#e5ecef}.panel,.right-dock{border-color:#c9d5da;border-radius:5px;background:#fff;box-shadow:0 2px 7px #2a414a1f}.panel-heading{border-color:#d6e0e4;color:#34464e;background:#f8fafb}.panel-heading button,.canvas-toolbar button{border-color:#d4dfe3;color:#60747d}.panel-heading button:hover,.canvas-toolbar button:hover{color:#147d92;background:#e9f4f6}.parts-rail-button{border-color:#d6e0e4;background:#f8fafb;color:#147d92}.parts-rail-button:hover{color:#0f687a;background:#e8f3f5}.palette-filters{border-color:#d6e0e4;background:#fff}.palette-filters input,.palette-filters select{border-color:#c9d5da;border-radius:4px;background:#fff;color:#34464e}.palette-filters input::placeholder{color:#96a5ac}.palette-filters input:focus,.palette-filters select:focus{border-color:#147d92;box-shadow:0 0 0 2px #147d921f}.parts-list{background:#f4f7f8;scrollbar-color:#aabac1 #edf2f4}.part{border-radius:4px;background:#fff;box-shadow:0 1px 2px #2a414a14}.part:hover{border-color:#55a9b9;background:#edf8fa;box-shadow:0 2px 5px #2a697524}.part>span:nth-child(2){color:#32454d}.part small{color:#87979e}.wokwi-preview{border-color:#d6e0e4;border-radius:3px;background-color:#edf3f5;background-image:radial-gradient(#b8c9d0 .7px,transparent .8px)}.canvas{background:#edf4f6}.canvas-toolbar{border-color:#d2dde1;background:#fff;color:#637781}.canvas-toolbar button.active{color:#147d92;background:#e8f4f6;box-shadow:inset 0 -2px #147d92}.zoom-controls .zoom-readout{color:#34464e}.sandbox-viewport{background-color:#edf4f6;background-image:linear-gradient(#dce7eb 1px,transparent 1px),linear-gradient(90deg,#dce7eb 1px,transparent 1px),radial-gradient(#9fb4bd 1px,transparent 1px);background-size:90px 90px,90px 90px,18px 18px}.sandbox-viewport:before{display:none}.circuit-wire{stroke-width:4;stroke-linecap:round;pointer-events:none;filter:drop-shadow(0 1px 1px rgba(41,55,61,.2))}.wire-casing{fill:none;stroke:#fff;stroke-width:7;stroke-linecap:round;pointer-events:none;vector-effect:non-scaling-stroke;filter:drop-shadow(0 1px 1px rgba(42,59,67,.25))}.wire-hit-target{fill:none;stroke:transparent;stroke-width:16;stroke-linecap:round;pointer-events:stroke;cursor:pointer;vector-effect:non-scaling-stroke}.wire-group:hover .wire-casing,.wire-group.selected .wire-casing{stroke:#26343b;stroke-width:9}.wire-group:hover .circuit-wire,.wire-group.selected .circuit-wire{stroke-width:5;filter:drop-shadow(0 1px 2px rgba(38,52,59,.35))}.wire-group.selected .circuit-wire{stroke-dasharray:10 3}.wire-draft{stroke:#60747d}.wire-draft.snapped{stroke:#147d92}.placed-component{filter:none}.placed-component.selected{outline-color:#147d92;background:#147d920d;box-shadow:0 0 0 3px #147d9221}.placed-label{border-color:#c8d5da;border-radius:3px;background:#fffffff2;color:#637781;box-shadow:0 1px 2px #2a414a1f}.placed-component.selected .placed-label{border-color:#147d92;color:#147d92}.pin-target{color:#e26f35}.pin-target:after{background:#fff}.pin-target:hover,.pin-target.snap-target{color:#147d92;box-shadow:0 0 0 5px #147d921f}.pin-target:hover:after,.pin-target.snap-target:after{background:#147d92;box-shadow:0 0 5px #147d9273}.pin-target.connected{color:#e26f35}.pin-target span{border-color:#aebfc7;border-radius:3px;background:#fff;color:#34464e;box-shadow:0 2px 5px #2a414a29}.sandbox-corner-note{color:#7c8e96}.snap-toast{border-color:#58a8b7;border-radius:4px;background:#fff;color:#52666f;box-shadow:0 3px 9px #2a414a2e}.snap-toast strong{color:#147d92}.canvas-status{border-color:#d2dde1;background:#fff;color:#73858d}.status-dot{border-radius:50%;background:#98a8ae}.status-dot.live{background:#36a96c;box-shadow:0 0 5px #36a96c}.right-dock{background:#edf2f4;scrollbar-color:#aabac1 #edf2f4}.code-panel,.instrument-rack,.terminal-window,.backend-status{border-color:#c9d5da;border-radius:4px;background:#fff}.code-header,.rack-title{border-color:#d2dde1;background:#f6f9fa}.code-header strong,.rack-title{color:#34464e}.code-status{border-radius:50%;background:#36a96c;box-shadow:0 0 4px #36a96c80}.code-status.running{animation:code-running-pulse 1s steps(2,end) infinite}@keyframes code-running-pulse{50%{opacity:.35}}.code-header select,.code-header button,.meter-probe select,.meter-probe button,.scope-controls select,.scope-controls input,.scope-controls button{border-color:#c6d3d8;border-radius:3px;background:#fff;color:#52666f}.code-header button:hover{color:#147d92;border-color:#147d92;background:#edf8fa}.code-editor-shell,.code-editor-shell textarea{background:#26343b;color:#e9f3f5}.line-numbers{border-color:#3f5159;color:#83959c}.code-editor-shell footer{border-color:#3f5159;color:#a8b7bc}.rack-divider{border-color:#d2dde1;color:#147d92;background:#f6f9fa}.dmm{background:#fff}.instrument-brand{color:#34464e}.dmm-screen{border-color:#8da49a;border-radius:3px;background:#cfdfc4;color:#26382c;box-shadow:inset 0 0 12px #384e3d24}.dmm-screen:after{display:none}.dmm-mode-grid button{border-color:#c6d3d8;border-radius:3px;background:#f5f8f9;color:#52666f}.dmm-mode-grid button:hover,.dmm-mode-grid button.active{border-color:#147d92;color:#147d92;background:#eaf5f7}.meter-probe i{border-radius:50%;border-color:#e4574f;background:#e4574f}.meter-probe.black i{border-color:#39474d;background:#39474d}.scope{background:#fff}.scope-header strong{color:#34464e}.scope-header i{color:#2f9d63}.scope-view-tabs button{border-color:#c6d3d8;background:#f5f8f9;color:#71848c}.scope-view-tabs button.active{border-color:#147d92;color:#147d92;background:#eaf5f7}.scope-screen{border:5px solid #34464e;border-radius:4px;background:#11272b;box-shadow:inset 0 0 24px #2ac1a612}.scope-grid line{stroke:#285158}.scope-trace.ch1{stroke:#f2d24b;filter:drop-shadow(0 0 2px rgba(242,210,75,.65))}.scope-trace.ch2{stroke:#52b6d8;opacity:.85}.trigger-line{stroke:#e26f66}.spectrum-bar{fill:#54c29a}.scope-readout{color:#9ddbc8}.analysis-grid span{border-color:#d2dde1;color:#71848c}.analysis-grid strong{color:#34464e}.terminal-title{border-color:#d2dde1;color:#147d92;background:#f6f9fa}.terminal-title i{color:#36a96c}.terminal-window p{color:#52666f}.terminal-window p b{color:#147d92}.backend-status strong{color:#34464e}.backend-status code{border-color:#d2dde1;border-radius:3px;background:#f3f7f8;color:#147d92}.editor-wires{z-index:5}.circuit-wire{stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;filter:none}.wire-casing{stroke:#fffffff0;stroke-width:4.2;stroke-linecap:round;stroke-linejoin:round;filter:none}.wire-hit-target{stroke-width:11}.wire-group:hover .wire-casing{stroke:#8ac6d1;stroke-width:5}.wire-group.selected .wire-casing{stroke:#147d92;stroke-width:5.6}.wire-group:hover .circuit-wire,.wire-group.selected .circuit-wire{stroke-width:2.5;filter:none}.wire-group.selected .circuit-wire{stroke-dasharray:none}.wire-group.electrical-fault .wire-casing{stroke:#fecaca;stroke-width:7;animation:wire-fault-pulse .8s ease-in-out infinite}.wire-group.electrical-fault .circuit-wire{stroke:#dc2626!important;stroke-width:3.4}@keyframes wire-fault-pulse{0%,to{opacity:.65}50%{opacity:1}}.wire-breakpoint,.wire-endpoint{fill:#fff;stroke:var(--wire-color);vector-effect:non-scaling-stroke;pointer-events:none}.wire-breakpoint{stroke-width:1.4;opacity:0}.wire-endpoint{stroke-width:2}.breakpoint-hit{fill:transparent;stroke:transparent;pointer-events:none;cursor:move}.breakpoint-control:hover .wire-breakpoint{fill:#9a4ca0;stroke:#9a4ca0;opacity:1}.wire-group.selected .wire-breakpoint{fill:var(--wire-color);opacity:1}.wire-group.selected .breakpoint-hit{pointer-events:all}.wire-group .breakpoint-control:hover .wire-breakpoint{fill:#9a4ca0;stroke:#9a4ca0}.wire-group:hover .wire-endpoint,.wire-group.selected .wire-endpoint{r:4px}.wire-end-label{opacity:0;pointer-events:none;transition:opacity .1s ease}.wire-end-label rect{fill:#fff;stroke:var(--wire-color);stroke-width:1;vector-effect:non-scaling-stroke}.wire-end-label text{fill:#26343b;font:600 8px Inter,Segoe UI,Arial,sans-serif}.wire-group:hover .wire-end-label,.wire-group.selected .wire-end-label{opacity:1}.wire-group:not(.selected) .wire-breakpoint{opacity:0!important}.wire-draft{stroke:#2faa58;stroke-width:3;stroke-dasharray:10 7;animation:wire-draft-flow .65s linear infinite}.wire-draft.snapped{stroke:#239447}.wire-draft-breakpoint{fill:#2faa58;stroke:#fff;stroke-width:2;vector-effect:non-scaling-stroke;pointer-events:none}.wire-connect-spark{pointer-events:none;animation:wire-spark-pulse .75s ease-in-out infinite}.wire-connect-spark circle{fill:#fff7db;stroke:#f4b85f;stroke-width:2;vector-effect:non-scaling-stroke}.wire-connect-spark line{stroke:#f4b85f;stroke-width:3;stroke-linecap:round;vector-effect:non-scaling-stroke;animation:wire-spark-rays .75s ease-in-out infinite}@keyframes wire-draft-flow{to{stroke-dashoffset:-17}}@keyframes wire-spark-pulse{50%{opacity:.5}}@keyframes wire-spark-rays{50%{stroke-width:1.5;opacity:.45}}.wire-color-control{min-width:150px;justify-self:center;display:grid;grid-template-columns:auto 30px auto;align-items:center;gap:8px;color:#4d626b;font-size:9px;font-weight:600;text-transform:uppercase}.wire-color-control span{max-width:110px;overflow:hidden;color:#147d92;text-overflow:ellipsis;white-space:nowrap}.wire-color-control small{color:#7d8f97;font-size:8px;font-weight:500}.wire-color-control input{width:30px;height:24px;padding:2px;border:1px solid #b9cbd2;border-radius:3px;background:#fff;cursor:pointer}.canvas-probe-label{position:absolute;z-index:10;width:1px;height:1px;display:block;margin:0;padding:0;overflow:visible;color:var(--probe-color, #147d92);filter:drop-shadow(0 2px 2px color-mix(in srgb,var(--probe-color, #147d92) 22%,transparent));pointer-events:none;transform:scale(var(--probe-counter-scale, 1));transform-origin:0 0}.canvas-probe-label.expanded{width:1px;height:1px}.canvas-probe-svg{position:absolute;left:-4.47px;top:-56.3px;width:68px;height:61px;overflow:visible;pointer-events:none}.probe-details-trigger{position:absolute;z-index:2;left:7px;top:-53px;width:26px;height:46px;margin:0;padding:0;border:0;border-radius:12px;outline-offset:2px;background:transparent;cursor:pointer;pointer-events:auto}.probe-tip-contact{fill:#9ca3af}.probe-tip-core{fill:#102a83}.probe-cable{fill:none;stroke:currentColor;stroke-width:11;stroke-linecap:round}.probe-handle{fill:currentColor;stroke:none}.probe-handle-highlight{fill:#fff;stroke:none}.probe-details{position:absolute;z-index:1;left:48px;top:-18px;min-width:105px;max-width:180px;display:grid;gap:2px;padding:7px 9px;border:1px solid currentColor;border-radius:7px;background:var(--probe-tint, rgba(255, 255, 255, .98));box-shadow:0 3px 9px #0f172a24;text-align:left;pointer-events:auto}.probe-details strong{color:var(--probe-color, #147d92);font-size:10px}.probe-details span{overflow:hidden;color:#475569;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.probe-details-group{min-width:160px;gap:0;padding:0;overflow:hidden;border-color:#cbd5e1;background:#fff}.probe-detail-row{--detail-color: #147d92;--detail-tint: #ecfeff;display:grid;gap:2px;padding:8px 10px;overflow:visible!important;border-left:3px solid var(--detail-color);background:linear-gradient(105deg,var(--detail-tint),#fff 88%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--detail-color) 18%,transparent)}.probe-detail-row.probe-red{--detail-color: #dc2626;--detail-tint: #fff1f2}.probe-detail-row.probe-black,.probe-detail-row.probe-ground{--detail-color: #111827;--detail-tint: #f3f4f6}.probe-detail-row.probe-ch1{--detail-color: #ca8a04;--detail-tint: #fefce8}.probe-detail-row.probe-ch2{--detail-color: #0891b2;--detail-tint: #ecfeff}.probe-detail-row+.probe-detail-row{border-top:1px solid color-mix(in srgb,var(--detail-color) 28%,#cbd5e1)}.probe-detail-row>strong{color:var(--detail-color)}.probe-detail-row>span{max-width:190px;color:color-mix(in srgb,var(--detail-color) 72%,#334155)}.probe-placement-toast{position:absolute;z-index:30;bottom:14px;left:50%;padding:9px 13px;border:1px solid #147d92;border-radius:4px;background:#fff;color:#34464e;box-shadow:0 4px 12px #2a414a33;font-size:10px;transform:translate(-50%);pointer-events:none}.sandbox-viewport.placing-probe,.sandbox-viewport.placing-probe *{cursor:none!important}.sandbox-viewport.placing-probe .pin-target{color:#147d92;opacity:.85}.probe-cursor-preview{position:absolute;z-index:80;left:0;top:0;width:1px;height:1px;opacity:0;color:var(--probe-color, #147d92);filter:drop-shadow(0 2px 2px color-mix(in srgb,var(--probe-color, #147d92) 24%,transparent));pointer-events:none;will-change:transform}.probe-cursor-preview svg{position:absolute;left:-2.76px;top:-35.07px;width:42px;height:38px;overflow:visible}.right-dock{gap:10px;padding:9px}.rack-tabs{flex:0 0 40px;display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:4px;border:1px solid #c9d5da;border-radius:5px;background:#dfe8eb}.rack-tabs button{min-width:0;border:1px solid transparent;border-radius:3px;background:transparent;color:#657a83;font:700 9px/1 Inter,Segoe UI,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.rack-tabs button:hover{color:#147d92;background:#ffffff8c}.rack-tabs button.active{border-color:#b8c9cf;background:#fff;color:#147d92;box-shadow:0 1px 3px #2a414a21}.dock-tab-content{min-width:0;min-height:0;display:flex;flex:1 1 auto;flex-direction:column;gap:10px;overflow-y:auto}.dock-tab-content.tab-firmware{overflow:hidden}.tab-firmware .code-panel.expanded{min-height:0;display:flex;flex:1 1 auto;flex-direction:column}.tab-firmware .code-panel.expanded .code-editor-shell{min-height:240px;height:auto;flex:1 1 auto}.code-panel,.instrument-window{flex:0 0 auto;overflow:hidden;border:1px solid #c9d5da;border-radius:5px;background:#fff;box-shadow:0 1px 4px #2a414a1a}.dock-banner{flex-basis:38px;padding:0 11px;font-size:10px}.code-header{min-height:52px;grid-template-columns:minmax(115px,.65fr) minmax(180px,1fr) auto;gap:9px;padding:7px 8px 7px 11px}.code-header strong{font-size:11px}.code-header small{display:block;font-size:8px}.code-header label{gap:7px;font-size:9px}.code-header select,.code-header button{height:32px;padding:0 8px;font-size:9px}.code-header .code-format-button{min-width:92px;border:1px solid #67b7c7;border-radius:5px;background:#ecfeff;color:#0e7490;font-weight:800;cursor:pointer}.code-status{width:7px;height:7px}.code-editor-shell{height:268px;grid-template-columns:40px 1fr;grid-template-rows:1fr 29px;background:#f7fafb}.line-numbers{padding:12px 9px 12px 0;border-color:#d7e1e5;background:#edf3f5;color:#83949b;font-size:12px;line-height:1.6}.line-numbers span.error{margin-right:-9px;padding-right:9px;background:#fee2e2;color:#b91c1c;font-weight:800}.code-editor-viewport{position:relative;min-width:0;min-height:0;overflow:hidden;background:#f7fafb}.code-editor-viewport textarea,.code-highlight{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:12px 14px;overflow:auto;border:0;font:12px/1.6 JetBrains Mono,SFMono-Regular,Consolas,monospace;tab-size:2;white-space:pre;word-wrap:normal}.code-highlight{pointer-events:none;background:#f7fafb;color:#273940;scrollbar-width:none}.code-highlight::-webkit-scrollbar{display:none}.code-highlight code{font:inherit}.code-editor-viewport textarea{z-index:1;resize:none;outline:0;background:transparent;color:transparent;caret-color:#147d92;-webkit-text-fill-color:transparent}.code-editor-viewport textarea::selection{background:#147d9233}.syntax-comment{color:#7b8d93;font-style:italic}.syntax-string{color:#39824d}.syntax-preprocessor{color:#8356a3}.syntax-keyword{color:#d35400;font-weight:600}.syntax-constant{color:#069;font-weight:600}.syntax-number{color:#8d4f9e}.syntax-function{color:#00979c}.code-editor-shell footer{padding:0 10px;border-color:#d7e1e5;background:#edf3f5;color:#6c8089;font-size:8px}.rack-title{height:46px;padding:0 12px;font-size:11px;font-weight:700;text-transform:uppercase}.rack-title small{font-size:8px;font-weight:500}.dmm{padding:13px}.instrument-brand{gap:8px;margin-bottom:10px}.instrument-brand>span{margin-right:auto}.instrument-brand strong{font-size:11px}.instrument-brand span{font-size:8px}.instrument-power{position:relative;width:58px;min-width:58px;height:26px;margin-left:auto;padding:0;border:1px solid #94a3b8;border-radius:999px;background:#e2e8f0;color:#475569;cursor:pointer}.instrument-power i{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#94a3b8;box-shadow:0 1px 2px #0f172a33;transition:transform .15s ease,background .15s ease}.instrument-power span,.instrument-brand .instrument-power span{position:absolute;top:0;right:7px;height:24px;display:flex;align-items:center;margin:0;color:inherit;font-size:7px;font-weight:800}.instrument-power.on{border-color:#22c55e;background:#dcfce7;color:#15803d}.instrument-power.on i{background:#22c55e;transform:translate(33px)}.instrument-power.on span,.instrument-brand .instrument-power.on span{right:auto;left:7px}.instrument-title{gap:10px}.instrument-title .instrument-power{margin-left:auto}.instrument-off .dmm-screen,.instrument-off .scope-screen{background:#e5e7eb}.instrument-off .scope-screen>svg,.instrument-off .scope-readout{opacity:.12}.instrument-screen-off{position:absolute;z-index:3;inset:0;display:grid;place-items:center;color:#64748b;font:800 24px/1 Inter,sans-serif;letter-spacing:.18em}.dmm-screen{height:88px;padding:20px 13px 8px}.dmm-screen small{top:7px;left:9px;font-size:8px}.dmm-screen strong{font-size:37px}.dmm-screen span{font-size:10px}.dmm-screen i{right:8px;bottom:5px;font-size:7px}.dmm-mode-grid{gap:5px;margin:11px 0}.dmm-mode-grid button{height:33px;font-size:9px}.meter-probes{gap:7px}.meter-probe{grid-template-columns:29px 38px 1fr;gap:6px;font-size:9px}.meter-probe.red{--probe-color: #dc2626}.meter-probe.black{--probe-color: #111827}.meter-probe.disabled{opacity:.48}.meter-probe select,.meter-probe button{height:30px;padding:0 8px;overflow:hidden;font-size:9px;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.meter-probe button:disabled,.scope-probe-control button:disabled{cursor:not-allowed}.meter-probe>.instrument-probe-icon{width:29px;height:26px;overflow:visible;color:var(--probe-color);filter:drop-shadow(0 1px 1px color-mix(in srgb,var(--probe-color) 20%,transparent))}.meter-message{min-height:15px;margin-top:8px;font-size:8px}.scope{padding:13px}.scope-header{gap:9px;margin-bottom:9px;font-size:9px}.scope-header .instrument-power{margin-left:0}.scope-header strong{font-size:11px}.scope-header i.live{color:#2f9d63;animation:code-running-pulse 1s steps(2,end) infinite}.scope-header i.live:before{content:"";display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:currentColor;vertical-align:middle}.lab-guide.lesson-lab-guide{right:58px;bottom:32px;gap:16px}.lab-guide__companion-wrap{display:grid;justify-items:center;pointer-events:none}.lesson-lab-guide .lab-guide__companion-wrap{width:224px;min-height:145px}.lesson-lab-guide .selected-companion__art-frame{width:224px;height:116px;overflow:visible}.lesson-lab-guide .avatar-artwork--tile{width:112px;height:112px}.lesson-lab-guide .lab-guide__enable-motion{z-index:1;min-height:34px;padding:0 11px;border:1px solid #5ccdb8;border-radius:10px;background:#fff;color:#1e2a44;font-family:inherit;font-size:11px;font-weight:700;cursor:pointer;pointer-events:auto}.lesson-lab-guide .lab-guide__enable-motion:focus-visible{outline:3px solid #5ccdb8;outline-offset:2px}.lesson-lab-guide .guide-message{margin-bottom:39px}@media(max-width:760px){.lab-guide.lesson-lab-guide{right:10px;bottom:30px;gap:7px}.lesson-lab-guide .lab-guide__companion-wrap{width:152px;min-height:116px}.lesson-lab-guide .selected-companion__art-frame{width:152px;height:90px}.lesson-lab-guide .avatar-artwork--tile{width:86px;height:86px}.lesson-lab-guide .guide-message{max-width:min(210px,calc(100vw - 175px));margin-bottom:30px}}.scope-view-tabs button{height:32px;font-size:9px}.scope-screen{border:1px solid #b9ccd2;border-radius:3px;background:#f5fafb;box-shadow:none}.scope-screen:after{display:none}.scope-screen svg{height:205px}.scope-grid line{stroke:#d0e1e5}.scope-trace.ch1{stroke:#eab308;filter:none}.scope-trace.ch2{stroke:#06b6d4;opacity:.95}.trigger-line{stroke:#d45b54}.logic-trace{fill:none;stroke-width:2.2;stroke-linejoin:round;vector-effect:non-scaling-stroke}.logic-trace.ch1{stroke:#eab308}.logic-trace.ch2{stroke:#06b6d4}.logic-channel-label{font:700 8px Inter,sans-serif}.logic-channel-label.ch1{fill:#a16207}.logic-channel-label.ch2{fill:#0e7490}.logic-empty{fill:#94a3b8;font:600 7px Inter,sans-serif;letter-spacing:.06em}.logic-state{font:800 8px JetBrains Mono,monospace}.logic-state.state-x{fill:#dc2626}.logic-state.state-z{fill:#7c3aed}.spectrum-bar{fill:#2da779}.scope-readout{bottom:5px;color:#526c76;font-size:8px}.scope-controls{gap:7px;margin-top:9px}.scope-controls label{grid-template-columns:82px 1fr;font-size:9px}.scope-probe-control{--probe-color: #147d92}.scope-probe-control.ch1{--probe-color: #eab308}.scope-probe-control.ch2{--probe-color: #06b6d4}.scope-probe-control.ground{--probe-color: #111827}.scope-probe-control>span{display:flex;align-items:center;gap:4px;color:var(--probe-color)!important;font-weight:700}.scope-probe-control input[type=checkbox]{width:18px;height:18px;flex:0 0 18px;margin:0 2px 0 0;accent-color:var(--probe-color);cursor:pointer}.scope-probe-control.disabled{opacity:.48}.scope-probe-control.disabled button{border-style:dashed}.scope-probe-control .instrument-probe-icon{width:29px;height:26px;flex:0 0 29px;overflow:visible;filter:drop-shadow(0 1px 1px color-mix(in srgb,var(--probe-color) 20%,transparent))}.scope-reference-error{margin:7px 0 0;padding:7px 8px;border:1px solid #f59e0b;border-radius:4px;background:#fffbeb;color:#92400e;font-size:8px;line-height:1.4}.scope-controls select,.scope-controls input,.scope-controls button{height:31px;font-size:9px}.scope-controls button{padding:0 8px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.scope-controls input[type=range]{padding:0 5px;accent-color:#147d92}.analysis-grid{gap:5px;margin-top:8px}.analysis-grid span{padding:7px;font-size:8px}.canvas-probe-label,.probe-cursor-preview{--probe-color: #147d92;--probe-tint: rgba(240, 253, 250, .97)}.canvas-probe-label.probe-red,.probe-cursor-preview.probe-red{--probe-color: #dc2626;--probe-tint: rgba(255, 241, 242, .97)}.canvas-probe-label.probe-black,.canvas-probe-label.probe-ground,.probe-cursor-preview.probe-black,.probe-cursor-preview.probe-ground{--probe-color: #111827;--probe-tint: rgba(243, 244, 246, .98)}.canvas-probe-label.probe-ch1,.probe-cursor-preview.probe-ch1{--probe-color: #eab308;--probe-tint: rgba(254, 252, 232, .98)}.canvas-probe-label.probe-ch2,.probe-cursor-preview.probe-ch2{--probe-color: #06b6d4;--probe-tint: rgba(236, 254, 255, .98)}@media(min-width:1181px){.workspace{grid-template-columns:238px minmax(430px,1fr) minmax(430px,470px)}.workspace.parts-collapsed{grid-template-columns:42px minmax(430px,1fr) minmax(430px,470px)}}@media(min-width:941px)and (max-width:1180px){.workspace{grid-template-columns:205px minmax(390px,1fr) 410px}.workspace.parts-collapsed{grid-template-columns:42px minmax(390px,1fr) 410px}}@media(max-width:680px){.code-header{grid-template-columns:1fr auto}.code-header label{grid-column:1 / -1;grid-row:2}.tab-firmware .code-panel.expanded .code-editor-shell{min-height:420px}.scope-screen svg{height:180px}}:root{color:#0f1c33;background:#f8fafc;font-family:var(--npn-font);--ink: #0f1c33;--muted: #64748b;--dim: #94a3b8;--phosphor: #2563eb;--phosphor-dim: #60a5fa;--line: #e3e9f2;--line-bright: #cbd5e1;--panel: #fff;--panel-deep: #f8fafc}html,body{background:#f8fafc}body{color:#0f1c33}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.app-shell{height:100vh;min-height:680px;grid-template-rows:64px minmax(0,1fr);overflow:hidden;background:#fff}.topbar{z-index:50;display:flex;grid-template-columns:none;gap:38px;padding:0 24px;border-bottom:1px solid #e3e9f2;background:#fff;box-shadow:0 1px 3px #0f1c3308}.brand{gap:11px;color:#0f1c33;font-size:16px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.brand strong{color:inherit}.cf-mascot{position:relative;width:64px;height:65px;display:inline-block;flex:0 0 64px;animation:mascot-float 3.2s ease-in-out infinite;filter:drop-shadow(0 9px 7px rgba(37,99,235,.24))}.cf-mascot-head{position:absolute;z-index:2;left:9px;top:9px;width:46px;height:42px;border:2px solid #1746a2;border-radius:11px;background:linear-gradient(155deg,#78b4ff,#397ee7 45%,#2563eb);box-shadow:inset 0 -7px #0f37913d,inset 0 2px #ffffff4d}.cf-mascot-screen{position:absolute;left:7px;top:9px;width:28px;height:18px;display:flex;align-items:center;justify-content:center;gap:6px;border:3px solid #102a56;border-radius:5px;background:#163c6c;box-shadow:inset 0 -3px #04122a66}.cf-mascot-screen i{width:5px;height:6px;border-radius:1px;background:#a8f0ff;box-shadow:0 0 6px #67e8f9;animation:mascot-blink 4.6s steps(1) infinite}.cf-mascot-mouth{position:absolute;left:18px;bottom:6px;width:7px;height:2px;border-radius:2px;background:#a8f0ff;opacity:.8}.cf-mascot-ear{position:absolute;z-index:1;top:22px;width:10px;height:16px;border:2px solid #1746a2;border-radius:4px;background:#5595ee}.cf-mascot-ear.left{left:1px}.cf-mascot-ear.right{right:1px}.cf-mascot-foot{position:absolute;z-index:1;bottom:5px;width:13px;height:9px;border-radius:3px;background:#1d4ed8;box-shadow:inset 0 -3px #0f379147}.cf-mascot-foot.left{left:13px}.cf-mascot-foot.right{right:13px}.cf-mascot-antenna{position:absolute;z-index:3;right:8px;top:2px;width:6px;height:6px;background:#67e8f9;box-shadow:0 0 7px #67e8f9;animation:mascot-spark 2.1s ease-out infinite}.cf-mascot-antenna:after{content:"";position:absolute;left:2px;top:5px;width:2px;height:6px;background:#1746a2}.cf-mascot.compact{width:38px;height:38px;flex-basis:38px;animation:none;filter:none}.cf-mascot.compact .cf-mascot-head{left:5px;top:5px;width:28px;height:28px;border-width:1.5px;border-radius:8px;box-shadow:inset 0 -5px #0f37913d,inset 0 1px #ffffff4d}.cf-mascot.compact .cf-mascot-screen{left:4px;top:6px;width:17px;height:12px;gap:3px;border-width:2px;border-radius:3px}.cf-mascot.compact .cf-mascot-screen i{width:3px;height:4px}.cf-mascot.compact .cf-mascot-mouth{left:10px;bottom:4px;width:5px;height:1px}.cf-mascot.compact .cf-mascot-ear{top:13px;width:6px;height:10px;border-width:1.5px}.cf-mascot.compact .cf-mascot-ear.left{left:0}.cf-mascot.compact .cf-mascot-ear.right{right:0}.cf-mascot.compact .cf-mascot-foot{display:none}.cf-mascot.compact .cf-mascot-antenna{right:3px;top:2px;width:4px;height:4px}.cf-mascot.compact .cf-mascot-antenna:after{left:1px;top:3px;width:1px;height:4px}@keyframes mascot-float{50%{transform:translateY(-5px)}}@keyframes mascot-blink{0%,92%,to{transform:scaleY(1)}94%,98%{transform:scaleY(.12)}}@keyframes mascot-spark{0%{opacity:0;transform:translateY(4px) scale(.6)}40%{opacity:1}to{opacity:0;transform:translateY(-8px) scale(1)}}.primary-nav{align-self:stretch;display:flex;gap:4px}.primary-nav a{display:flex;align-items:center;padding:0 16px;border-bottom:2.5px solid transparent;color:#64748b;font-size:12px;font-weight:700;letter-spacing:.06em;text-decoration:none;text-transform:uppercase}.primary-nav a:hover,.primary-nav a.active{border-bottom-color:#2563eb;color:#2563eb}.probe-nav .probe-nav__right{display:flex;align-items:center;gap:10px;margin-left:auto}.probe-nav__preview{padding:8px 10px;border:1px solid #88afa6;border-radius:9px;background:#ecfaf5;color:#1f5449;font:700 11px system-ui,sans-serif;cursor:pointer;white-space:nowrap}.probe-nav__preview.is-active{border-color:#1f2a44;background:#1f2a44;color:#fff}.probe-nav__preview:focus-visible{outline:3px solid #f0b83c;outline-offset:2px}.account-actions{margin-left:auto;display:flex;align-items:center;gap:7px}.account-actions button{width:34px;height:34px;border:0;border-radius:9px;background:transparent;color:#475569;font-size:17px;cursor:pointer}.account-actions button:hover{background:#f1f5f9;color:#2563eb}.avatar{width:32px;height:32px;display:grid;place-items:center;margin-left:4px;border-radius:50%;background:#2563eb;color:#fff;font-size:13px;font-weight:700}.workspace,.workspace.parts-collapsed{min-height:0;grid-template-columns:240px minmax(440px,1fr) minmax(390px,30vw);gap:0;padding:0;overflow:hidden;background:#fff;transition:grid-template-columns .18s ease}.workspace.parts-collapsed{grid-template-columns:44px minmax(440px,1fr) minmax(390px,30vw)}.panel,.right-dock{border:0;border-radius:0;box-shadow:none}.palette{grid-template-rows:69px 46px auto minmax(0,1fr);border-right:1px solid #e3e9f2}.palette.collapsed{grid-template-rows:46px minmax(0,1fr)}.project-picker{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:5px;align-items:center;padding:12px 10px;border-bottom:1px solid #e3e9f2}.project-picker label{min-width:0}.project-picker select,.project-picker button,.project-picker>a{height:40px;border:1px solid #dfe6ef;border-radius:9px;background:#fff;color:#0f1c33;font-size:10px;font-weight:600}.project-picker select{width:100%;min-width:0;padding:0 7px}.project-picker button{padding:0 9px;color:#2563eb;cursor:pointer}.project-picker>a{width:30px;display:grid;place-items:center;color:#64748b;letter-spacing:1px;text-decoration:none}.project-picker select:hover,.project-picker button:hover,.project-picker>a:hover{border-color:#93c5fd;background:#f8fbff}.panel-heading{height:46px;padding:0 16px;border-color:#e9eef5;background:#fff;color:#334155;font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.panel-heading small{color:#94a3b8;font-size:9px;font-weight:600}.panel-heading button{width:24px;border:0;border-radius:6px;color:#64748b;font-size:17px}.panel-heading button:hover{background:#f1f5f9;color:#2563eb}.palette-filters{grid-template-columns:1fr;gap:7px;padding:0 16px 12px;border-color:#e9eef5}.palette-filters input,.palette-filters select{height:37px;padding:0 11px;border-color:#dfe6ef;border-radius:9px;color:#475569;font-size:11px}.palette-filters select{height:30px;background:#f8fafc;font-size:9px;font-weight:700;letter-spacing:.04em}.parts-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:8px;padding:12px 16px 18px;background:#fff}.part{position:relative;min-height:86px;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;padding:7px 3px 6px;margin:0;border:1px solid #e8edf5;border-radius:9px;background:#fff;box-shadow:none;text-align:center}.part:hover{border-color:#93c5fd;background:#f8fbff;box-shadow:none}.part:disabled{border-color:#e5e7eb;background:#f8fafc;opacity:.52;cursor:not-allowed;filter:grayscale(1)}.part:disabled:hover{border-color:#e5e7eb;background:#f8fafc}.part-disabled-badge{position:absolute;top:5px;right:5px;padding:2px 4px;border-radius:4px;background:#e2e8f0;color:#64748b;font:700 7px/1 Inter,sans-serif;text-transform:uppercase}.part-review-badge{position:absolute;z-index:2;top:5px;left:5px;width:17px;height:17px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;color:#fff;font: 800 10px/1 Inter,sans-serif}.part-review-badge .ui-icon{width:11px;height:11px;stroke-width:2.4}.part-review-badge.pending{background:#f97316;box-shadow:0 1px 4px #f9731673}.part-review-badge.verified{background:#16a34a;box-shadow:0 1px 4px #16a34a6b}.part>span:nth-child(2){align-self:center;width:100%;color:#475569;font-size:8px;font-weight:600;line-height:1.2;text-align:center;text-transform:none}.part small{display:none}.wokwi-preview{flex:0 0 51px;border:0;border-radius:7px;background-color:transparent;background-image:none}.empty-palette{grid-column:1 / -1}.parts-rail-button{border:0;border-top:1px solid #e3e9f2;background:#fff;color:#2563eb;font-size:9px;font-weight:700;text-transform:uppercase}.sandbox{grid-template-rows:70px minmax(0,1fr) 27px;border-right:1px solid #e3e9f2}.canvas-toolbar{z-index:31;grid-template-columns:auto minmax(250px,1fr) auto;gap:12px;padding:0 18px;border-color:#e3e9f2;background:#fff}.tool-group{gap:9px}.canvas-toolbar .tool-group button,.canvas-toolbar .zoom-controls button{width:40px;height:40px;border:1px solid #e3e9f2;border-radius:9px;background:#fff;color:#475569;font-size:15px;box-shadow:0 1px 2px #0f1c3308}.canvas-toolbar .tool-group button:hover,.canvas-toolbar .zoom-controls button:hover{border-color:#93c5fd;background:#f8fbff;color:#2563eb}.canvas-toolbar .tool-group button.active{border-color:#2563eb;background:#eff6ff;color:#2563eb;box-shadow:none}.canvas-toolbar .net-flag-select{width:40px;min-width:40px;max-width:40px;height:40px;padding:0 4px;border:1px solid #e3e9f2;border-radius:9px;appearance:none;background:#fff;color:#475569;font-size:9px;font-weight:700;text-align:center;cursor:pointer}.canvas-toolbar .net-flag-select:hover{border-color:#93c5fd;background:#f8fbff;color:#2563eb}.canvas-toolbar button:disabled{opacity:.35}.simulation-controls{justify-self:center;display:flex;gap:10px}.simulation-controls button{display:inline-flex;align-items:center;justify-content:center;gap:6px}.canvas-toolbar .simulation-controls button{width:auto;min-width:96px;height:40px;padding:0 15px;border:1px solid #e3e9f2;border-radius:9px;background:#fff;color:#475569;font-size:12px;font-weight:600;cursor:pointer}.canvas-toolbar .simulation-controls .run-control{border-color:#bbf7d0;background:#effaf4;color:#15803d}.canvas-toolbar .simulation-controls .run-control.active{background:#dcfce7;box-shadow:inset 0 0 0 1px #86efac}.canvas-toolbar .simulation-controls .pause-control{border-color:#fdba74;background:#fff7ed;color:#c2410c}.canvas-toolbar .simulation-controls .pause-control:not(:disabled){background:#ffedd5;box-shadow:inset 0 0 0 1px #fb923c}.zoom-controls{gap:0}.canvas-toolbar .zoom-controls button{width:34px;border-radius:0}.canvas-toolbar .zoom-controls button:first-child{border-radius:9px 0 0 9px}.canvas-toolbar .zoom-controls button:last-child{border-radius:0 9px 9px 0}.canvas-toolbar .zoom-controls .zoom-readout{width:48px;border-right:0;border-left:0;color:#475569;font-size:9px}.sandbox-viewport{background-color:#fdfdfe;background-image:radial-gradient(#dbe4ef 1px,transparent 1px);background-size:18px 18px!important}.canvas-status{border-color:#e3e9f2;background:#fff;color:#8493a7;font-size:7px}.status-dot.live{background:#22c55e}.lab-guide{position:absolute;z-index:25;right:38px;bottom:38px;display:flex;align-items:flex-end;gap:11px;pointer-events:none}.guide-message{position:relative;max-width:270px;display:grid;gap:6px;padding:11px 13px;border:1px solid #dfe6ef;border-radius:11px;background:#fffffff5;color:#334155;box-shadow:0 4px 12px #0f1c3314;font-size:11px;line-height:1.45}.guide-message:after{content:"";position:absolute;right:-7px;bottom:12px;width:12px;height:12px;border-top:1px solid #dfe6ef;border-right:1px solid #dfe6ef;background:inherit;transform:rotate(45deg)}.lab-guide.without-companion .guide-message:after{display:none}.guide-message small{color:#64748b;font:8px JetBrains Mono,monospace}.guide-message button{z-index:1;justify-self:start;padding:5px 8px;border:1px solid currentColor;border-radius:6px;background:#fff;color:inherit;font-size:8px;font-weight:800;cursor:pointer;pointer-events:auto}.lab-guide.tone-warning .guide-message{border-color:#f59e0b;background:#fffbeb;color:#92400e;box-shadow:0 5px 16px #92400e29}.lab-guide.tone-error .guide-message,.lab-guide.tone-destructive .guide-message{border-color:#dc2626;background:#fff1f2;color:#991b1b;box-shadow:0 5px 18px #991b1b33}.lab-guide.tone-destructive .guide-message{border-width:2px}.lab-guide.tone-success .guide-message{border-color:#86efac;color:#166534}.cf-mascot.tone-warning{filter:drop-shadow(0 9px 7px rgba(217,119,6,.28))}.cf-mascot.tone-warning .cf-mascot-head{border-color:#92400e;background:linear-gradient(155deg,#fcd34d,#f59e0b 55%,#d97706)}.cf-mascot.tone-warning .cf-mascot-ear{border-color:#92400e;background:#f59e0b}.cf-mascot.tone-warning .cf-mascot-foot{background:#d97706}.cf-mascot.tone-error,.cf-mascot.tone-destructive{filter:drop-shadow(0 9px 7px rgba(220,38,38,.3))}.cf-mascot.tone-error .cf-mascot-head,.cf-mascot.tone-destructive .cf-mascot-head{border-color:#7f1d1d;background:linear-gradient(155deg,#fca5a5,#ef4444 52%,#b91c1c)}.cf-mascot.tone-error .cf-mascot-ear,.cf-mascot.tone-destructive .cf-mascot-ear{border-color:#7f1d1d;background:#ef4444}.cf-mascot.tone-error .cf-mascot-foot,.cf-mascot.tone-destructive .cf-mascot-foot{background:#b91c1c}.cf-mascot.tone-success .cf-mascot-head{border-color:#166534;background:linear-gradient(155deg,#86efac,#22c55e 52%,#15803d)}.cf-mascot.tone-success .cf-mascot-ear{border-color:#166534;background:#22c55e}.cf-mascot.tone-success .cf-mascot-foot{background:#15803d}.right-dock{gap:0;padding:0;overflow:hidden;border-left:1px solid #e3e9f2;background:#fff}.rack-tabs{flex:0 0 64px;grid-template-columns:repeat(3,1fr);gap:0;padding:0 14px;border:0;border-bottom:1px solid #e3e9f2;border-radius:0;background:#fff}.rack-tabs button{border:0;border-bottom:2.5px solid transparent;border-radius:0;color:#64748b;font-size:10px;letter-spacing:.055em;white-space:nowrap}.rack-tabs button:hover{color:#2563eb;background:transparent}.rack-tabs button.active{border:0;border-bottom:2.5px solid #2563eb;border-radius:0;background:#fff;color:#2563eb;box-shadow:none}.dock-tab-content{gap:0;padding:0;background:#fff}.dock-tab-content.tab-code{overflow:hidden}.tab-code .code-panel.expanded{min-height:260px;display:flex;flex:1 1 auto;flex-direction:column;border:0;border-radius:0;box-shadow:none}.tab-code .code-panel.expanded .code-editor-shell{min-height:210px;height:auto;flex:1 1 auto}.code-header{min-height:52px;padding:7px 14px;border-color:#eef2f8;background:#fff}.code-header strong{color:#0f1c33}.firmware-build-error{border-color:#ef4444;background:#fff1f2;color:#991b1b}.firmware-build-error strong{color:#b91c1c}.firmware-build-error pre{color:#7f1d1d}.firmware-build-error span{color:#dc2626}.code-header select,.code-header button{border-color:#dfe6ef;border-radius:7px}.code-editor-shell,.code-editor-viewport,.code-highlight,.line-numbers{background:#fff}.line-numbers{border-color:#eef2f8;color:#a6b2c3}.code-editor-shell footer{border-color:#e3e9f2;background:#f8fafc}.serial-monitor{flex:0 0 auto;border-top:1px solid #e3e9f2;background:#fbfdff}.serial-monitor>header{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 14px}.serial-monitor>header button{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:#334155;font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;cursor:pointer}.serial-header-tools{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:5px}.serial-header-tools>button{padding:4px 6px;border:1px solid #dbe4ee!important;border-radius:5px;color:#64748b!important;font-size:7px!important;letter-spacing:.03em!important}.serial-header-tools>button.active{border-color:#93c5fd!important;background:#eff6ff!important;color:#1d4ed8!important}.serial-header-tools>span{display:flex;align-items:center;gap:7px;color:#94a3b8;font:500 8px JetBrains Mono,monospace;white-space:nowrap}.serial-monitor>header i{width:6px;height:6px;border-radius:50%;background:#cbd5e1}.serial-monitor>header i.live{background:#22c55e;box-shadow:0 0 5px #22c55e}.serial-body{padding:0 14px 14px}.serial-protocol-warning{margin:0 0 8px;padding:7px 9px;border:1px solid #facc15;border-radius:7px;background:#fefce8;color:#854d0e;font-size:11px;line-height:1.35}.serial-resize-handle{height:12px;display:grid;place-items:center;cursor:ns-resize;touch-action:none}.serial-resize-handle span{width:42px;height:3px;border-radius:3px;background:#cbd5e1}.serial-resize-handle:hover span,.serial-resize-handle:focus span{background:#60a5fa}.serial-output{height:105px;display:block;overflow:auto;margin:0;padding:10px 12px;border:1px solid #e8edf5;border-radius:8px;background:#fff;color:#15803d;white-space:pre-wrap;overflow-wrap:anywhere;font:10px/1.55 JetBrains Mono,monospace}.serial-empty{color:#94a3b8}.serial-actions{display:grid;grid-template-columns:auto 1fr 36px;gap:7px;margin-top:8px}.serial-actions input,.serial-actions button{height:34px;border:1px solid #e3e9f2;border-radius:8px;background:#fff;color:#64748b;font-size:10px}.serial-actions input{min-width:0;padding:0 10px}.serial-actions button{padding:0 10px;color:#2563eb;cursor:pointer}.tab-tools{gap:14px;padding:14px}.instrument-window{border-color:#e3e9f2;border-radius:12px;box-shadow:none}.instrument-window.scope-window{width:100%;border:0;border-radius:0;background:#fff}.instrument-window.scope-window .scope-screen{width:100%}.instrument-window.scope-window .scope-screen svg{height:220px}.rack-title{height:46px;border-color:#eef2f8;background:#fff;color:#0f1c33;font-size:11px;text-transform:none}.rack-title small{color:#16a34a;font-size:8px;font-weight:700;text-transform:uppercase}.safety-panel{flex:0 0 auto;overflow:hidden;background:#fff}.safety-panel.has-critical{border-color:#fecaca;box-shadow:0 0 0 1px #dc262614}.safety-panel.has-critical .rack-title small{color:#dc2626}.safety-empty{display:grid;gap:4px;padding:13px 14px;color:#64748b;font-size:9px;line-height:1.45}.safety-empty strong{color:#15803d;font-size:10px}.safety-fault-list{max-height:260px;overflow:auto;padding:8px}.safety-fault{margin-bottom:7px;padding:10px;border:1px solid #fed7aa;border-left:4px solid #f59e0b;border-radius:8px;background:#fffbeb}.safety-fault.severity-error,.safety-fault.severity-destructive{border-color:#fecaca;border-left-color:#dc2626;background:#fef2f2}.safety-fault.severity-destructive{box-shadow:inset 0 0 0 1px #7f1d1d14}.safety-fault header{display:flex;justify-content:space-between;gap:8px;color:#7c2d12;font-size:10px}.safety-fault.severity-error header,.safety-fault.severity-destructive header{color:#991b1b}.safety-fault header span{font:700 7px JetBrains Mono,monospace;text-transform:uppercase}.safety-fault p{margin:5px 0;color:#475569;font-size:9px;line-height:1.45}.safety-fault code{display:block;color:#b45309;font-size:8px}.safety-fault dl{display:grid;grid-template-columns:1fr auto;gap:2px 8px;margin:7px 0;color:#64748b;font-size:8px}.safety-fault dl dt,.safety-fault dl dd{margin:0}.safety-fault dl dd{color:#dc2626;font-family:JetBrains Mono,monospace;font-weight:700}.safety-fault>small{display:block;margin-top:7px;color:#64748b;font-size:8px;line-height:1.4}.safety-focus{margin-top:8px;padding:5px 8px;border:1px solid #fca5a5;border-radius:6px;background:#fff;color:#b91c1c;font-size:8px;font-weight:800;cursor:pointer}.safety-focus:hover{border-color:#dc2626;background:#fff7f7}.placed-component.electrical-fault{outline:2px solid #f59e0b;outline-offset:4px;filter:none}.placed-component.electrical-fault.fault-error{outline-color:#dc2626}.placed-component.electrical-fault.fault-destructive{outline-color:#7f1d1d;outline-width:3px}.electrical-fault-badge{position:absolute;z-index:8;top:-13px;right:-13px;display:grid;place-items:center;width:22px;height:22px;border:2px solid #fff;border-radius:50%;background:#dc2626;color:#fff;font-size:12px;box-shadow:0 2px 8px #7f1d1d59;pointer-events:none}.electrical-fault-badge .ui-icon{width:13px;height:13px}.placed-component.fault-destructive .electrical-fault-badge{background:#7f1d1d;box-shadow:0 2px 10px #450a0a80}.scope-screen{border-color:#dbe4ee;background:#fff}.scope-grid line{stroke:#e2e8f0}.scope-readout{color:#64748b}.dmm-screen{border-color:#dbe4ee;background:#fff;color:#047857;box-shadow:inset 0 0 0 1px #f1f5f9}.dmm-screen small,.dmm-screen i{color:#0f766e}.component-info{min-height:100%;padding:20px;overflow-y:auto;background:#fff}.info-component-heading{display:flex;align-items:center;gap:13px}.info-component-heading .wokwi-preview{border:1px solid #e8edf5}.component-info h2{margin:0;color:#0f1c33;font-size:17px}.component-info p{margin:4px 0 0;color:#64748b;font-size:11px;line-height:1.55}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.info-value{min-width:0;padding:11px 12px;border:1px solid #e8edf5;border-radius:10px;background:#fff}.info-value span{display:block;color:#94a3b8;font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.info-value strong{display:block;margin-top:5px;overflow:hidden;color:#2563eb;font:700 12px JetBrains Mono,monospace;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}.info-section{margin-top:16px;padding:13px 14px;border:1px solid #e8edf5;border-radius:11px}.info-section h3{margin:0 0 9px;color:#334155;font-size:10px;letter-spacing:.06em;text-transform:uppercase}.component-config{display:grid;gap:10px;margin-bottom:10px;padding:10px;border:1px solid #dbe4ee;border-radius:9px;background:#f8fafc}.component-config:empty{display:none}.component-config>:last-child,.component-config .component-range:last-child,.component-config .component-action:last-child{margin-bottom:0}.component-config small{color:#64748b;font-size:8px;line-height:1.45}.component-config .info-value{background:#fff}.tilt-info-state,.joystick-interaction,.switch-interaction{display:grid;gap:9px}.tilt-info-state{grid-template-columns:repeat(3,minmax(0,1fr))}.tilt-info-state .component-action,.tilt-info-state>small{grid-column:1 / -1}.switch-choice-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.switch-choice-row button{min-height:34px;padding:7px 8px;border:1px solid #dbe3ed;border-radius:7px;background:#fff;color:#64748b;font-size:9px;font-weight:700;cursor:pointer}.switch-choice-row button.active{border-color:#60a5fa;background:#dbeafe;color:#1d4ed8}.transistor-operating-point{display:grid;gap:10px}.transistor-chart-toggle{width:100%;padding:9px 12px;border:1px solid #93c5fd;border-radius:8px;background:#eff6ff;color:#1d4ed8;font-weight:750;cursor:pointer}.transistor-region{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:8px 10px;border-radius:8px;background:#f8fafc;font-size:11px}.transistor-region span{color:#64748b}.transistor-region strong{text-align:right}.transistor-region.region-cutoff strong{color:#475569}.transistor-region.region-active strong{color:#15803d}.transistor-region.region-saturation strong{color:#c2410c}.transistor-characteristic-chart{width:100%;min-height:185px;border:1px solid #dbe4ef;border-radius:10px;background:#fff;overflow:visible}.transistor-characteristic-chart text{fill:#475569;font:9px/1 JetBrains Mono,monospace}.transistor-characteristic-chart line{stroke:#64748b;stroke-width:1}.transistor-zone-saturation{fill:#ffedd5}.transistor-zone-active{fill:#dcfce7}.transistor-zone-cutoff{fill:#e2e8f0;opacity:.82}.transistor-characteristic-chart .transistor-axis{fill:none;stroke:#334155;stroke-width:1.5}.transistor-characteristic-chart .zone-label{font-size:8px;font-weight:800;opacity:.72}.transistor-output-curve{fill:none;stroke:#2563eb;stroke-width:2.25;stroke-linejoin:round}.transistor-q-point line{stroke:#0f172a;stroke-dasharray:3 3;opacity:.6}.transistor-q-point circle{fill:#15803d;stroke:#fff;stroke-width:2}.transistor-q-point.region-saturation circle{fill:#ea580c}.transistor-q-point.region-cutoff circle{fill:#64748b}.transistor-q-point text{fill:#0f172a;font-size:11px;font-weight:900}.transistor-reading-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.transistor-reading-grid .info-value{min-width:0}.transistor-graph-help{margin:0;color:#64748b;font-size:11px;line-height:1.45}.component-range{display:grid;gap:8px;margin-bottom:11px}.component-range span{display:flex;justify-content:space-between;color:#64748b;font-size:9px}.component-range strong{color:#2563eb}.component-range input{width:100%;accent-color:#2563eb}.resistor-interaction{display:grid;gap:7px;margin-bottom:12px;padding:10px;border:1px solid #dbe4ee;border-radius:8px;background:#f8fafc}.resistor-interaction>label{color:#475569;font-size:9px;font-weight:800}.resistor-value-input{display:grid;grid-template-columns:1fr auto;align-items:center;overflow:hidden;border:1px solid #94a3b8;border-radius:6px;background:#fff}.resistor-value-input:focus-within{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1f}.resistor-value-input input{min-width:0;height:34px;padding:0 9px;border:0;outline:0;background:transparent;color:#0f172a;font:700 12px JetBrains Mono,monospace}.resistor-value-input select{align-self:stretch;min-width:66px;padding:0 8px;border:0;border-left:1px solid #cbd5e1;outline:0;background:#f8fafc;color:#334155;font:800 10px JetBrains Mono,monospace}.resistor-interaction>small{color:#64748b;font:8px JetBrains Mono,monospace}.resistor-power-select{height:34px;padding:0 9px;border:1px solid #94a3b8;border-radius:6px;background:#fff;color:#334155;font:800 10px JetBrains Mono,monospace}.resistor-band-code{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;height:18px;padding:3px 16px;border:1px solid #d6b98d;border-radius:8px;background:#d5b597}.resistor-band-code i{min-width:7px;border:1px solid rgba(15,23,42,.18);border-radius:2px}.led-interaction{display:grid;gap:9px;margin-bottom:12px;padding:10px;border:1px solid #dbe4ee;border-radius:8px;background:#f8fafc}.led-interaction>label{display:grid;grid-template-columns:1fr minmax(90px,130px);align-items:center;gap:8px;color:#475569;font-size:9px;font-weight:800}.led-interaction select,.led-voltage-input{height:32px;border:1px solid #94a3b8;border-radius:6px;background:#fff;color:#0f172a}.led-interaction select{padding:0 8px}.led-voltage-input{display:grid;grid-template-columns:1fr auto;align-items:center;overflow:hidden}.led-voltage-input input{min-width:0;height:30px;padding:0 7px;border:0;outline:0;font:700 10px JetBrains Mono,monospace}.led-voltage-input b{padding-right:8px;color:#64748b}.led-interaction>small{color:#64748b;font-size:8px;line-height:1.4}.capacitor-interaction{display:grid;gap:9px;margin-bottom:12px;padding:10px;border:1px solid #dbe4ee;border-radius:8px;background:#f8fafc}.capacitor-interaction>label{display:grid;grid-template-columns:1fr minmax(110px,145px);align-items:center;gap:8px;color:#475569;font-size:9px;font-weight:800}.capacitor-value-input{height:32px;display:grid;grid-template-columns:1fr auto;align-items:center;overflow:hidden;border:1px solid #94a3b8;border-radius:6px;background:#fff}.capacitor-value-input input{min-width:0;height:30px;padding:0 7px;border:0;outline:0;font:700 10px JetBrains Mono,monospace}.capacitor-value-input select{align-self:stretch;min-width:55px;padding:0 6px;border:0;border-left:1px solid #cbd5e1;background:#f8fafc;color:#334155;font:800 9px JetBrains Mono,monospace}.capacitor-interaction>small{color:#64748b;font-size:8px;line-height:1.4}.component-action{width:100%;height:38px;margin-bottom:10px;border:1px solid #93c5fd;border-radius:8px;background:#eff6ff;color:#1d4ed8;font-size:10px;font-weight:800;cursor:pointer}.component-action.active{background:#2563eb;color:#fff}.component-toggle{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px}.component-toggle>small{grid-column:1 / -1}.component-toggle button,.dip-interaction button{border:1px solid #dbe3ed;border-radius:7px;background:#fff;color:#64748b;font-size:9px;font-weight:700;cursor:pointer}.component-toggle button{height:34px}.component-toggle button.active,.dip-interaction button.active{border-color:#60a5fa;background:#dbeafe;color:#1d4ed8}.dip-interaction{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:10px}.dip-interaction button{min-width:0;height:43px;display:grid;place-content:center;gap:2px}.dip-interaction button span{font-size:7px}.info-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 0;border-top:1px solid #f1f5f9;color:#64748b;font-size:10px}.info-row code{overflow:hidden;color:#0f1c33;font:600 10px JetBrains Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.info-source{margin-top:16px;color:#94a3b8;font-size:9px}.empty-info{display:grid;place-content:center;justify-items:center;padding:42px;text-align:center}.empty-info .info-cursor{width:50px;height:50px;display:grid;place-items:center;margin-bottom:13px;border:1px solid #bfdbfe;border-radius:13px;background:#eff6ff;color:#2563eb;font-size:21px}.empty-info p{max-width:280px}@media(max-width:1180px){.workspace,.workspace.parts-collapsed{grid-template-columns:205px minmax(400px,1fr) 390px}.workspace.parts-collapsed{grid-template-columns:44px minmax(400px,1fr) 390px}.parts-list{grid-template-columns:repeat(2,minmax(0,1fr))}.canvas-toolbar{grid-template-columns:auto minmax(0,1fr);gap:6px;padding:0 10px}.canvas-toolbar .tool-group{gap:4px}.canvas-toolbar .tool-group button{width:34px;height:34px}.canvas-toolbar .net-flag-select{width:34px;min-width:34px;max-width:34px;height:34px}.canvas-toolbar .simulation-controls{justify-self:end;gap:4px}.canvas-toolbar .simulation-controls button{min-width:0;padding:0 7px}.canvas-toolbar .zoom-controls{display:none}}@media(max-width:1020px){.app-shell{height:auto;min-height:100vh;overflow:visible}.workspace,.workspace.parts-collapsed{min-height:calc(100vh - 64px);grid-template-columns:44px minmax(0,1fr);overflow:visible}.workspace:not(.parts-collapsed){grid-template-columns:220px minmax(0,1fr)}.sandbox{min-height:650px}.right-dock{grid-column:1 / -1;min-height:650px;border-top:1px solid #e3e9f2;border-left:0}.parts-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.app-shell{grid-template-rows:56px auto}.topbar{height:56px;gap:12px;padding:0 13px}.brand{font-size:13px}.brand .cf-mascot.compact{transform:scale(.88);transform-origin:left center;margin-right:-4px}.primary-nav,.account-actions button:first-child{display:none}.workspace,.workspace.parts-collapsed,.workspace:not(.parts-collapsed){display:flex;min-height:0;flex-direction:column;padding:0;overflow:visible}.palette{min-height:340px;height:340px;max-height:340px;flex-basis:340px;border-right:0;border-bottom:1px solid #e3e9f2}.palette.collapsed{min-height:46px;height:46px;max-height:46px;flex-basis:46px}.sandbox{min-height:590px;border-right:0}.canvas-toolbar{grid-template-columns:auto 1fr;height:auto;padding:7px}.canvas-toolbar .tool-group{gap:4px}.canvas-toolbar .tool-group button{width:34px;height:34px}.canvas-toolbar .net-flag-select{width:34px;min-width:34px;max-width:34px;height:34px}.simulation-controls{justify-self:end;gap:5px}.canvas-toolbar .simulation-controls button{min-width:39px;height:34px;padding:0 9px}.simulation-controls button span,.zoom-controls{display:none}.wire-color-control{justify-self:end}.lab-guide{right:18px;bottom:35px}.guide-message{display:none}.lab-guide.has-issue .guide-message{display:grid;max-width:min(260px,calc(100vw - 110px))}.right-dock{min-height:680px}.rack-tabs{padding:0 7px}.rack-tabs button{font-size:8px}.tab-tools{padding:8px}.code-header{grid-template-columns:1fr auto}.code-header label{grid-column:1 / -1;grid-row:2}}.product-page{min-height:100vh;overflow-x:hidden;background:#fff;color:#0f1c33}.product-page>.topbar{position:sticky;top:0;height:64px}.hero-kicker{color:#2563eb;font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.primary-action,.secondary-action{min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:0 20px;border-radius:11px;font-size:13px;font-weight:700;text-decoration:none}.primary-action{gap:18px;background:#2563eb;color:#fff;box-shadow:0 8px 20px #2563eb33}.primary-action:hover{color:#fff;background:#1d4ed8}.secondary-action{border:1px solid #e3e9f2;color:#334155;background:#fff}.secondary-action:hover{border-color:#93c5fd;color:#2563eb}.landing-page main{background:radial-gradient(circle at 85% 8%,#eff6ff 0,transparent 28%),#fff}.hero-section{max-width:1420px;min-height:670px;display:grid;grid-template-columns:minmax(390px,.9fr) minmax(560px,1.1fr);gap:60px;align-items:center;margin:0 auto;padding:62px 54px 54px}.hero-copy h1{max-width:670px;margin:15px 0 0;color:#0b1730;font-size:clamp(42px,4.5vw,68px);font-weight:800;line-height:1.04;letter-spacing:-.045em;text-transform:none}.hero-copy>p{max-width:590px;margin:24px 0 0;color:#52647d;font-size:17px;line-height:1.7}.hero-actions{display:flex;gap:12px;margin-top:31px}.hero-proof{display:flex;flex-wrap:wrap;gap:18px;margin-top:28px;color:#64748b;font-size:11px;font-weight:600}.hero-proof span{display:inline-flex;align-items:center;gap:7px}.hero-proof .ui-icon{color:#22c55e;font-size:13px;stroke-width:2.3}.hero-visual{position:relative;height:500px;overflow:hidden;border:1px solid #e3e9f2;border-radius:28px;background:#fbfdff;box-shadow:0 25px 70px #1f417d1f}.hero-grid{position:absolute;inset:0;background-image:radial-gradient(#cbdaf0 1px,transparent 1px);background-size:20px 20px;opacity:.7}.hero-visual>svg{position:absolute;inset:0;width:100%;height:100%}.hero-visual>svg path{fill:none;stroke:#ef4444;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.hero-visual>svg path+path{stroke:#1e293b}.hero-board{position:absolute;z-index:2;left:12%;top:36%;width:245px;height:145px;border:5px solid #174f8a;border-radius:12px;background:linear-gradient(145deg,#2572b7,#0f548f);color:#dbeafe;box-shadow:0 12px 24px #0f417040}.hero-board:before,.hero-board:after{content:"";position:absolute;right:19px;left:19px;height:14px;border-radius:3px;background:repeating-linear-gradient(90deg,#0f172a 0 7px,transparent 7px 14px)}.hero-board:before{top:10px}.hero-board:after{bottom:10px}.hero-board span{position:absolute;left:27px;top:52px;display:grid;place-items:center;width:42px;height:35px;border-radius:5px;background:#0d3158;font-size:10px;font-weight:800}.hero-board b{position:absolute;top:63px;left:88px;font-size:11px;letter-spacing:.09em}.hero-board i{position:absolute;right:-19px;top:48px;width:28px;height:42px;border-radius:4px;background:#aab6c3}.hero-led{position:absolute;z-index:3;right:15%;top:34%;width:30px;height:45px;border-radius:15px 15px 4px 4px;background:linear-gradient(155deg,#86efac,#16a34a);box-shadow:0 0 28px #22c55e99}.hero-led:before,.hero-led:after{content:"";position:absolute;top:43px;width:3px;height:80px;background:#94a3b8}.hero-led:before{left:8px}.hero-led:after{right:8px;height:45px}.hero-led i{position:absolute;left:-3px;top:78px;width:36px;height:13px;border:1px solid #b89254;border-radius:3px;background:repeating-linear-gradient(90deg,#d6bc85 0 8px,#a66144 8px 11px)}.hero-scope{position:absolute;z-index:4;right:7%;bottom:11%;width:220px;padding:12px;border:1px solid #dbe5f1;border-radius:13px;background:#fffffff5;box-shadow:0 10px 24px #0f1c331a}.hero-scope span{color:#64748b;font-size:8px;font-weight:800;letter-spacing:.08em}.hero-scope svg{display:block;width:100%;height:58px;margin-top:5px;border-radius:6px;background:#0f172a}.hero-scope polyline{fill:none;stroke:#4ade80;stroke-width:2}.hero-bot{position:absolute;z-index:5;top:12%;right:8%;display:flex;align-items:center;gap:8px}.hero-bot-message{max-width:135px;padding:9px 11px;border:1px solid #e3e9f2;border-radius:10px;background:#fff;color:#334155;font-size:10px;line-height:1.4}.learning-pillars{max-width:1312px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0 auto;padding:0 54px 72px}.learning-pillars article{position:relative;padding:25px 26px;overflow:hidden;border:1px solid #e3e9f2;border-radius:17px;background:#fff}.learning-pillars article>span{position:absolute;right:18px;top:8px;color:#eff4fb;font-size:56px;font-weight:800}.learning-pillars h2{position:relative;margin:0;font-size:16px}.learning-pillars p{position:relative;margin:9px 0 0;color:#64748b;font-size:12px;line-height:1.6}.auth-page main{min-height:calc(100vh - 64px);display:grid;grid-template-columns:1.05fr .95fr;background:#f7faff}.auth-story{position:relative;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:70px max(50px,8vw);background:linear-gradient(145deg,#0f2c65,#174b9c 58%,#2563eb);color:#fff}.auth-story:after{content:"";position:absolute;right:-140px;bottom:-210px;width:520px;height:520px;border:1px solid rgba(255,255,255,.18);border-radius:50%;box-shadow:0 0 0 70px #ffffff09,0 0 0 140px #ffffff06}.auth-story .hero-kicker{color:#93c5fd}.auth-story h1{position:relative;z-index:1;max-width:620px;margin:16px 0 0;color:#fff;font-size:clamp(38px,4.2vw,62px);font-weight:800;line-height:1.08;letter-spacing:-.04em;text-transform:none}.auth-story p{position:relative;z-index:1;max-width:510px;margin:24px 0 0;color:#dbeafe;font-size:16px;line-height:1.7}.auth-circuit{position:relative;z-index:1;width:400px;height:155px;margin-top:55px;border:1px solid rgba(255,255,255,.2);border-radius:18px;background-image:radial-gradient(rgba(255,255,255,.22) 1px,transparent 1px);background-size:17px 17px}.auth-circuit:before{content:"";position:absolute;left:55px;top:76px;width:290px;height:2px;background:#60a5fa;box-shadow:0 0 12px #60a5fa}.auth-circuit i{position:absolute;z-index:2;top:67px;width:20px;height:20px;border:3px solid #bfdbfe;border-radius:50%;background:#2563eb}.auth-circuit i:nth-child(1){left:45px}.auth-circuit i:nth-child(2){left:190px}.auth-circuit i:nth-child(3){right:45px}.auth-card{width:min(430px,calc(100% - 48px));align-self:center;justify-self:center;padding:38px 42px;border:1px solid #e3e9f2;border-radius:20px;background:#fff;box-shadow:0 18px 50px #1f417d1a}.auth-logo{display:none;align-items:center;gap:10px;color:#0f1c33;text-decoration:none;text-transform:uppercase}.auth-logo img{width:38px;height:38px;border-radius:10px}.auth-card h2{margin:0;font-size:29px;letter-spacing:-.03em}.auth-card>p{margin:8px 0 27px;color:#64748b;font-size:13px}.auth-card form{display:grid;gap:17px}.auth-card label{position:relative;color:#334155;font-size:11px;font-weight:700}.auth-card label a{position:absolute;right:0;color:#2563eb;font-size:10px;text-decoration:none}.auth-card input{width:100%;height:44px;margin-top:8px;padding:0 13px;border:1px solid #dbe3ed;border-radius:9px;color:#0f1c33;font-size:12px}.auth-password-field{position:relative;display:block}.auth-password-field input{padding-right:62px}.auth-password-toggle{position:absolute;right:6px;bottom:6px;width:50px;height:32px!important;margin:0!important;border:1px solid #bfdbfe!important;border-radius:7px!important;background:#eff6ff!important;color:#1d4ed8!important;font-size:10px!important;font-weight:800!important}.auth-password-toggle:hover{border-color:#60a5fa!important;background:#dbeafe!important}.auth-card form>button[type=submit]{height:46px;margin-top:4px;border:0;border-radius:10px;background:#2563eb;color:#fff;font-size:13px;font-weight:700;cursor:pointer}.auth-divider{position:relative;margin:23px 0;border-top:1px solid #e8edf5;text-align:center}.auth-divider span{position:relative;top:-9px;padding:0 10px;background:#fff;color:#94a3b8;font-size:9px;text-transform:uppercase}.provider-button{width:100%;height:43px;display:grid;place-items:center;border:1px solid #dbe3ed;border-radius:9px;background:#fff;color:#334155;font-size:12px;font-weight:600;text-decoration:none;cursor:pointer}.provider-button:hover{border-color:#93c5fd;background:#f8fbff}.provider-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.auth-card>small{display:block;margin-top:24px;color:#64748b;font-size:10px;line-height:1.5;text-align:center}.auth-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:25px;padding:4px;border-radius:10px;background:#f1f5f9}.auth-mode-tabs button{height:34px;border:0;border-radius:7px;background:transparent;color:#64748b;font-size:11px;font-weight:700;cursor:pointer}.auth-mode-tabs button.active{background:#fff;color:#2563eb;box-shadow:0 1px 4px #0f1c331f}.auth-error{margin:-12px 0 18px;padding:10px 12px;border:1px solid #fecaca;border-radius:8px;background:#fef2f2;color:#b91c1c;font-size:11px;line-height:1.45}.auth-page:has(.signup-card) main{min-height:calc(100vh - 64px);grid-template-columns:minmax(420px,.85fr) minmax(650px,1.15fr);align-items:stretch}.auth-page:has(.signup-card) .auth-story{position:sticky;top:64px;height:calc(100vh - 64px);padding-right:clamp(42px,6vw,100px);padding-left:clamp(42px,6vw,100px)}.auth-page:has(.signup-card) .auth-story h1{font-size:clamp(36px,3.6vw,56px)}.signup-card{width:min(680px,calc(100% - 48px));margin:30px auto;padding:34px 38px}.signup-questionnaire{min-width:0;display:grid;grid-template-columns:1fr 1fr;gap:16px 18px;padding:20px;border:1px solid #dbe4f0;border-radius:14px;background:#fbfdff}.signup-questionnaire legend{padding:0 7px;color:#2563eb;font-size:11px;font-weight:800}.signup-questionnaire select{width:100%;height:44px;margin-top:8px;padding:0 12px;border:1px solid #dbe3ed;border-radius:9px;background:#fff;color:#0f1c33;font-size:12px}.signup-questionnaire .check-row,.goal-options{grid-column:1 / -1}.auth-card .check-row{display:flex;align-items:flex-start;gap:8px;font-weight:600;line-height:1.4}.auth-card .check-row input{width:16px;height:16px;flex:0 0 16px;margin:0;accent-color:#2563eb}.goal-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.goal-options strong{grid-column:1 / -1;margin-bottom:2px;color:#334155;font-size:11px}.goal-options .check-row{grid-column:auto;align-items:center;min-height:36px;padding:8px 9px;border:1px solid #dbe4f0;border-radius:9px;background:#fff}.goal-options .check-row:hover{border-color:#93c5fd;background:#f6faff}.auth-card button:disabled{opacity:.6;cursor:wait}.auth-primary-link{width:100%;height:45px;display:grid;place-items:center;margin-top:16px;border-radius:9px;font-size:12px;font-weight:700;text-decoration:none;background:#2563eb;color:#fff}.auth-secondary-link{display:block;margin-top:12px;color:#2563eb;font-size:12px;font-weight:700;text-align:center;text-decoration:none}.auth-loading{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:18px;background:#f8fafc;color:#334155}.header-signin{margin-left:auto;padding:10px 17px;border-radius:9px;background:#2563eb;color:#fff;font-size:12px;font-weight:700;text-decoration:none}.header-spacer{margin-left:auto}.error-page main{min-height:calc(100vh - 64px);display:grid;place-content:center;justify-items:center;padding:30px;background:#f8fafc;text-align:center}.error-page main>span{margin-top:18px;color:#2563eb;font-size:13px;font-weight:800;letter-spacing:.15em}.error-page h1{margin:10px 0;font-size:38px;text-transform:none}.error-page p{margin:0 0 24px;color:#64748b}.error-page main>a{padding:12px 18px;border-radius:9px;background:#2563eb;color:#fff;font-size:12px;font-weight:700;text-decoration:none}.projects-page main{min-height:calc(100vh - 64px);padding:48px 42px 70px;background:radial-gradient(circle at 88% 5%,#eff6ff 0,transparent 24%),#f8fafc}.projects-heading{max-width:1260px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin:0 auto 30px}.projects-heading h1{margin:9px 0 0;color:#0f1c33;font-size:38px;font-weight:800;letter-spacing:-.035em;text-transform:none}.projects-heading p{margin:7px 0 0;color:#64748b;font-size:13px}.projects-heading>button,.projects-empty button{height:45px;padding:0 18px;border:0;border-radius:10px;background:#2563eb;color:#fff;box-shadow:0 7px 18px #2563eb2e;font-size:12px;font-weight:700;cursor:pointer}.projects-layout{max-width:1260px;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start;margin:0 auto}.project-library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.project-card{min-width:0;min-height:166px;display:grid;grid-template-columns:142px minmax(0,1fr);grid-template-rows:1fr auto;gap:0 16px;padding:12px;overflow:hidden;border:1px solid #e3e9f2;border-radius:15px;background:#fff;color:#0f1c33;box-shadow:0 4px 14px #1f417d0d;text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}.project-card:hover{border-color:#93c5fd;box-shadow:0 8px 22px #1f417d1a;transform:translateY(-1px)}.project-card.selected{border-color:#2563eb;box-shadow:0 0 0 2px #dbeafe,0 8px 22px #1f417d1a}.project-thumbnail{position:relative;grid-row:1 / 3;min-height:140px;display:flex;align-items:center;justify-content:center;gap:3px;overflow:hidden;border:1px solid #e8edf5;border-radius:11px;background-color:#fbfdff;background-image:radial-gradient(#d5e1ef 1px,transparent 1px);background-size:14px 14px}.project-thumbnail .wokwi-preview{flex:0 0 44px;width:44px;transform:scale(.78)}.project-card-copy{min-width:0;align-self:center;display:flex;flex-direction:column}.project-card-copy strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.project-card-copy small{margin-top:8px;color:#64748b;font-size:9px}.project-card-copy time{margin-top:6px;color:#94a3b8;font-size:8px}.project-card-footer{align-self:end;display:flex;align-items:center;justify-content:space-between;gap:8px}.project-card-footer b{display:inline-flex;align-items:center;gap:6px;color:#2563eb;font-size:9px;font-weight:800}.project-card-footer i{padding:5px 8px;border-radius:6px;background:#f1f5f9;color:#64748b;font-size:8px;font-style:normal;font-weight:700;text-transform:uppercase}.project-card.selected .project-card-footer i{background:#eff6ff;color:#2563eb}.project-open-hint{margin:9px 0 0;color:#94a3b8;font-size:9px;text-align:center}.project-details{position:sticky;top:88px;padding:22px;border:1px solid #e3e9f2;border-radius:16px;background:#fff;box-shadow:0 8px 24px #1f417d12}.details-label{color:#2563eb;font-size:9px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.project-details>label{display:block;margin-top:19px;color:#475569;font-size:9px;font-weight:700;text-transform:uppercase}.project-details>label input{width:100%;height:43px;margin-top:7px;padding:0 11px;border:1px solid #dbe3ed;border-radius:9px;color:#0f1c33;font-size:12px;font-weight:600;text-transform:none}.project-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:17px}.project-stats span{min-width:0;padding:10px 4px;border:1px solid #e8edf5;border-radius:9px;color:#94a3b8;font-size:7px;text-align:center;text-transform:uppercase}.project-stats strong{display:block;margin-bottom:4px;color:#2563eb;font:700 15px JetBrains Mono,monospace}.project-metadata{display:grid;gap:7px;margin:17px 0;padding:12px 0;border-top:1px solid #eef2f8;border-bottom:1px solid #eef2f8}.project-metadata span{display:flex;justify-content:space-between;color:#94a3b8;font-size:8px}.project-metadata b{color:#64748b;font-weight:600}.project-details>button{width:100%;height:40px;margin-top:7px;border:1px solid #dbe3ed;border-radius:9px;background:#fff;color:#475569;font-size:10px;font-weight:700;cursor:pointer}.project-details .open-project-button{height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px;margin-top:0;border-color:#2563eb;background:#2563eb;color:#fff}.project-details .rename-project-button:hover{border-color:#93c5fd;color:#2563eb}.project-details .delete-project-button{border-color:#fee2e2;color:#dc2626}.project-details .delete-project-button:hover{background:#fef2f2}.projects-empty{max-width:560px;display:grid;justify-items:center;margin:80px auto 0;padding:45px;border:1px dashed #cbd5e1;border-radius:20px;background:#ffffffbf;text-align:center}.projects-empty h2{margin:14px 0 0;font-size:20px}.projects-empty button{display:inline-flex;align-items:center;justify-content:center;gap:7px}.projects-empty p{max-width:390px;margin:9px 0 21px;color:#64748b;font-size:11px;line-height:1.6}.map-page main{position:relative;min-height:calc(100vh - 64px);padding:27px 32px 34px;background:radial-gradient(circle at 82% 10%,#f2f7ff 0,transparent 22%),#fff}.map-heading{max-width:1420px;display:grid;grid-template-columns:44px 1fr auto;gap:30px;align-items:start;margin:0 auto}.map-heading>a{width:42px;height:42px;display:grid;place-items:center;border:1px solid #e3e9f2;border-radius:11px;color:#64748b;font-size:24px;text-decoration:none}.map-heading h1{margin:0;color:#0f1c33;font-size:28px;font-weight:800;letter-spacing:-.02em;text-transform:uppercase}.map-heading p{margin:5px 0 13px;color:#64748b;font-size:13px}.map-heading>div>span{display:inline-flex;margin-right:8px;padding:7px 12px;border:1px solid #e3e9f2;border-radius:9px;color:#475569;font-size:10px;font-weight:600;text-transform:uppercase}.map-guide{display:flex;align-items:flex-start;gap:13px}.map-guide>div:first-child{max-width:210px;padding:11px 13px;border:1px solid #e3e9f2;border-radius:11px;background:#fff;color:#334155;box-shadow:0 3px 10px #0f1c330f;font-size:11px;line-height:1.45}.learning-path{position:relative;max-width:1240px;min-height:700px;margin:8px auto 0}.learning-path>svg{position:absolute;inset:0;width:100%;height:100%}.learning-path>svg path{fill:none;stroke:#f0f4fa;stroke-width:32;stroke-linecap:round}.learning-path>svg path:after{stroke:#bfdbfe}.path-start{position:absolute;left:1.5%;top:8%;display:grid;justify-items:center;gap:7px;color:#16a34a;font-size:10px;font-weight:800;text-transform:uppercase}.path-start i{width:3px;height:55px;background:#7c5134;transform:rotate(-4deg)}.path-start i:before{content:"";position:absolute;width:37px;height:24px;border-radius:2px 18px 18px 2px;background:#22c55e}.module-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);column-gap:80px;row-gap:61px;padding:35px 80px 0 135px}.learning-module{position:relative;min-width:0;display:grid;justify-items:center;color:#0f1c33;text-decoration:none}.module-visual{width:100px;height:100px;display:grid;place-items:center;border:1px solid #dfe6ef;border-radius:50%;background:#ffffffeb;box-shadow:0 8px 20px #1f417d14}.learning-module.completed .module-visual{border-color:#22c55e;box-shadow:0 0 0 1px #dcfce7,0 8px 20px #1f417d14}.learning-module.current .module-visual{border:3px solid #2563eb;box-shadow:0 0 0 7px #eff6ff}.module-visual .wokwi-preview{transform:scale(1.25)}.module-number{position:absolute;z-index:2;left:calc(50% - 59px);top:-6px;width:29px;height:29px;display:grid;place-items:center;border:1px solid #cbd5e1;border-radius:50%;background:#fff;color:#0f1c33;font-size:12px;font-weight:700}.learning-module.completed .module-number{border-color:#22c55e;color:#15803d}.learning-module.current .module-number{border-color:#2563eb;color:#2563eb}.learning-module>strong{margin-top:10px;font-size:12px}.learning-module>small{margin-top:4px;color:#64748b;font-size:10px}.learning-module.current>small{color:#2563eb;font-weight:700}.learning-module>i{position:absolute;right:calc(50% - 60px);top:75px;width:24px;height:24px;display:grid;place-items:center;border:1px solid #e3e9f2;border-radius:50%;background:#fff;color:#94a3b8;font-size:10px;font-style:normal}.learning-module.completed>i{border-color:#22c55e;background:#22c55e;color:#fff}.learning-module.current>i{border-color:#2563eb;background:#2563eb;color:#fff}.path-progress{max-width:560px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin:-5px auto 0;padding:13px 18px;border:1px solid #e3e9f2;border-radius:12px;background:#fff;box-shadow:0 8px 20px #1f417d14}.path-progress>span{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#a78bfa;color:#fff}.path-progress p{margin:0;color:#475569;font-size:10px}.path-progress strong{font-size:10px}.path-progress i{grid-column:2 / 4;height:5px;overflow:hidden;border-radius:3px;background:#edf1f6}.path-progress b{display:block;width:42%;height:100%;background:#a78bfa}.lesson-page main{min-height:calc(100vh - 64px);display:grid;grid-template-columns:264px minmax(0,1fr)}.lesson-rail{padding:28px 20px;border-right:1px solid #e3e9f2;background:#fbfdff}.lesson-rail>a{color:#2563eb;font-size:11px;font-weight:700;text-decoration:none}.lesson-rail h2{margin:28px 8px 18px;font-size:11px}.lesson-rail>div{position:relative;height:74px;display:grid;grid-template-columns:42px 1fr auto;gap:9px;align-items:center;padding:0 9px;border-radius:10px;color:#64748b}.lesson-rail>div:before{content:"";position:absolute;left:29px;top:-19px;height:26px;border-left:2px dashed #d6e0ee}.lesson-rail>div:first-of-type:before{display:none}.lesson-rail>div.active{border:1px solid #bfdbfe;background:#eff6ff;color:#2563eb}.lesson-rail>div>span{width:38px;height:38px;display:grid;place-items:center;border:1px solid #dbe3ed;border-radius:50%;background:#fff;font-size:11px}.lesson-rail>div.complete>span{border-color:#86efac;color:#15803d}.lesson-rail>div strong{font-size:10px}.lesson-rail>div i{font-size:9px;font-style:normal}.lesson-rail>section{margin-top:28px;padding:16px;border:1px solid #e3e9f2;border-radius:12px;background:#fff}.lesson-rail>section strong{font-size:9px;text-transform:uppercase}.lesson-rail>section div{height:6px;margin:13px 0 9px;overflow:hidden;border-radius:3px;background:#e9eef5}.lesson-rail>section i{display:block;width:50%;height:100%;background:#2563eb}.lesson-rail>section span{color:#64748b;font-size:9px}.lesson-content{min-width:0;padding:28px 36px 32px;background:#fff}.lesson-content>header{display:grid;grid-template-columns:64px 1fr auto;gap:16px;align-items:center;max-width:1220px;margin:0 auto 26px}.lesson-part-icon{width:60px;height:60px;display:grid;place-items:center}.lesson-content>header>div:nth-child(2){display:grid;grid-template-columns:auto 1fr;gap:4px 17px;align-items:baseline}.lesson-content>header span{font-size:18px;font-weight:800}.lesson-content>header h1{margin:0;color:#0f1c33;font-size:23px;font-weight:800;letter-spacing:-.02em;text-transform:none}.lesson-content>header p{grid-column:1 / -1;margin:0;color:#64748b;font-size:12px}.lesson-content>header>strong{padding:10px 14px;border:1px solid #bfdbfe;border-radius:10px;color:#2563eb;font-size:11px}.concept-row{max-width:1220px;display:grid;grid-template-columns:1.05fr 1fr 1fr .9fr;gap:14px;margin:0 auto}.concept-row>article,.lesson-mentor{min-height:205px;padding:17px;border:1px solid #e3e9f2;border-radius:14px}.lesson-mentor{display:flex;align-items:center;gap:14px}.lesson-mentor .cf-mascot{flex:0 0 64px}.lesson-mentor p{margin:0;color:#334155;font-size:11px;line-height:1.55}.analogy-card h3,.key-idea h3{margin:0;font-size:11px;text-align:center}.analogy-card p{margin:12px 0 0;color:#475569;font-size:9px;line-height:1.7}.analogy-card p b{color:#2563eb}.analogy-card p strong{color:#16a34a}.analogy-card p em{color:#ea580c;font-style:normal;font-weight:700}.tap-visual{position:relative;width:86px;height:93px;margin:8px auto 0}.tap-visual i{position:absolute;left:26px;top:10px;width:55px;height:22px;border:5px solid #94a3b8;border-radius:15px 14px 4px 4px}.tap-visual span{position:absolute;right:3px;top:26px;width:16px;height:64px;border-radius:0 0 9px 9px;background:linear-gradient(90deg,#60a5fa,#bfdbfe,#3b82f6);opacity:.8}.transistor-symbol{position:relative;width:100px;height:108px;margin:9px auto 0}.transistor-symbol i{position:absolute;width:4px;background:#111827;transform-origin:bottom}.transistor-symbol i:nth-child(1){left:48px;top:28px;height:60px}.transistor-symbol i:nth-child(2){left:48px;top:28px;height:40px;transform:rotate(45deg)}.transistor-symbol i:nth-child(3){left:48px;top:55px;height:40px;transform:rotate(-45deg)}.transistor-symbol span,.transistor-symbol b,.transistor-symbol em{position:absolute;font-size:16px;font-style:normal}.transistor-symbol span{left:7px;top:48px;color:#2563eb}.transistor-symbol b{right:4px;top:4px;color:#16a34a}.transistor-symbol em{right:4px;bottom:0;color:#ea580c;font-weight:700}.key-idea{border-color:#fde68a!important;background:#fffbeb}.key-idea>span{width:28px;height:28px;display:grid;place-items:center;margin:0 auto 10px;border-radius:50%;background:#fbbf24;color:#fff;font-weight:800}.key-idea h3{color:#92400e}.key-idea p{color:#78350f;font-size:11px;line-height:1.65}.transistor-demo{position:relative;max-width:1220px;min-height:400px;margin:14px auto 0;padding:16px;border:1px solid #e3e9f2;border-radius:15px}.transistor-demo h2{margin:0 0 12px;font-size:12px}.demo-readings{position:absolute;z-index:2;left:15px;top:48px;width:180px;display:grid;gap:9px}.demo-readings>label,.demo-readings>div{padding:12px;border:1px solid #e3e9f2;border-radius:11px;background:#fff;color:#334155;font-size:9px}.demo-readings input{width:100%;margin:11px 0 4px;accent-color:#2563eb}.demo-readings label>span{display:flex;justify-content:space-between;color:#64748b;font-size:8px}.demo-readings label b{color:#2563eb}.demo-readings>div>span{display:block}.demo-readings>div>strong{display:block;margin-top:8px;padding:7px;border-radius:16px;background:#94a3b8;color:#fff;text-align:center}.demo-readings>div>strong.on{background:#22c55e}.demo-readings>div>b{display:block;margin-top:7px;color:#16a34a;font-size:17px}.demo-readings>div>small{color:#64748b;font-size:8px}.demo-circuit{position:relative;height:310px;margin-left:200px}.demo-circuit>svg{position:absolute;inset:0;width:100%;height:100%}.demo-circuit path{fill:none;stroke:#475569;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;opacity:calc(.45 + var(--current) * .55)}.demo-circuit .base-current{stroke:#2563eb;stroke-dasharray:10 8}.battery{position:absolute;z-index:2;left:4%;top:31%;width:58px;height:105px;display:grid;place-items:center;border-radius:8px;background:#475569;color:#fff;font-size:16px;font-weight:800;box-shadow:inset 0 -10px #0f172a4d}.battery i{position:absolute;right:8px;top:6px;font-style:normal}.demo-resistor{position:absolute;z-index:2;left:38%;top:18%;width:70px;height:18px;border-radius:4px;background:repeating-linear-gradient(90deg,#d6bc85 0 14px,#dc2626 14px 18px,#d6bc85 18px 25px,#7c3aed 25px 29px)}.demo-transistor{position:absolute;z-index:2;left:53%;top:44%;transform:scale(1.35)}.demo-lamp{position:absolute;z-index:2;right:8%;top:28%;width:56px;height:68px;border:4px solid #64748b;border-radius:50% 50% 35% 35%;background:#e2e8f0}.demo-lamp.lit{background:#fde047;box-shadow:0 0 calc(8px + 40px * var(--current)) #fbbf24}.demo-lamp i{position:absolute;left:18px;bottom:-24px;width:15px;height:28px;border-radius:3px;background:#64748b}.flow-label{position:absolute;right:4%;bottom:7%;color:#16a34a;font-size:9px;font-weight:700}.demo-controls{height:45px;display:grid;grid-template-columns:35px auto 1fr auto;gap:12px;align-items:center;margin:3px 8% 0 20%;padding:0 10px;border:1px solid #e3e9f2;border-radius:10px}.demo-controls button{height:30px;border:0;border-radius:8px;background:#2563eb;color:#fff;font-size:10px;cursor:pointer}.demo-controls button:last-child{padding:0 12px;background:#fff;color:#334155}.demo-controls span{color:#475569;font-size:9px}.demo-controls input{width:100%;accent-color:#2563eb}.lesson-next{max-width:1220px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:14px auto 0;padding:15px 18px;border:1px solid #bfdbfe;border-radius:13px;background:#f8fbff}.lesson-next div{display:grid;gap:4px}.lesson-next strong{color:#2563eb;font-size:11px}.lesson-next span{color:#475569;font-size:9px}.lesson-next a{padding:11px 16px;border-radius:9px;background:#2563eb;color:#fff;font-size:10px;font-weight:700;text-decoration:none}@media(max-width:1050px){.hero-section{grid-template-columns:1fr;padding-top:50px}.hero-copy{max-width:720px}.hero-visual{height:520px}.auth-page main{grid-template-columns:1fr;padding:50px 0}.auth-story{display:none}.auth-logo{display:flex;margin-bottom:27px}.module-grid{column-gap:30px;padding-right:45px;padding-left:100px}.concept-row{grid-template-columns:1fr 1fr}.concept-row>article,.lesson-mentor{min-height:180px}.projects-layout{grid-template-columns:1fr 300px}.project-library{grid-template-columns:1fr}}@media(max-width:760px){.product-page>.topbar{height:56px}.hero-section{min-height:0;gap:40px;padding:45px 20px 35px}.hero-copy h1{font-size:42px}.hero-copy>p{font-size:14px}.hero-actions{align-items:stretch;flex-direction:column}.hero-visual{height:390px;border-radius:20px}.hero-board{left:7%;width:190px;height:115px;transform:scale(.85);transform-origin:left center}.hero-led{right:12%}.hero-scope{right:5%;bottom:6%;width:180px}.hero-bot{right:4%}.hero-bot-message{display:none}.learning-pillars{grid-template-columns:1fr;padding:0 20px 45px}.auth-page main{min-height:calc(100vh - 56px);padding:25px 0}.auth-card{padding:30px 24px}.signup-card{width:calc(100% - 20px);margin:10px auto}.signup-questionnaire{grid-template-columns:1fr;padding:14px}.signup-questionnaire .check-row,.goal-options{grid-column:1}.goal-options{grid-template-columns:1fr 1fr}.goal-options .check-row{grid-column:auto}.provider-grid{grid-template-columns:1fr}.projects-page main{min-height:calc(100vh - 56px);padding:30px 15px 45px}.projects-heading{align-items:stretch;flex-direction:column;gap:18px}.projects-heading h1{font-size:31px}.projects-heading>button{width:100%}.projects-layout,.project-library{grid-template-columns:1fr}.project-card{grid-template-columns:112px minmax(0,1fr)}.project-thumbnail{min-height:118px}.project-details{position:static}.map-page main{padding:20px 14px 30px}.map-heading{grid-template-columns:40px 1fr;gap:13px}.map-heading h1{font-size:21px}.map-guide{display:none}.learning-path{min-height:0}.learning-path>svg,.path-start{display:none}.module-grid{grid-template-columns:repeat(2,1fr);gap:35px 24px;padding:35px 15px}.module-visual{width:92px;height:92px}.path-progress{margin-top:15px}.lesson-page main{display:block}.lesson-rail{display:none}.lesson-content{padding:21px 14px}.lesson-content>header{grid-template-columns:52px 1fr}.lesson-content>header>strong{display:none}.lesson-content>header h1{font-size:18px}.concept-row{grid-template-columns:1fr}.concept-row>article,.lesson-mentor{min-height:0}.transistor-demo{min-height:720px}.demo-readings{position:static;width:auto;grid-template-columns:1fr}.demo-circuit{height:300px;margin:15px 0 0;transform:scale(.9)}.demo-controls{grid-template-columns:35px 1fr auto;margin:0}.demo-controls span{display:none}.lesson-next{align-items:stretch;flex-direction:column}.lesson-next a{text-align:center}}:root{--volt-ink: #17233a;--volt-muted: #68738a;--volt-paper: #fffdf8;--volt-cloud: #f4f1ec;--volt-line: #dedbd4;--volt-purple: #7657f6;--volt-purple-dark: #5335d3;--volt-orange: #f0753d;--volt-teal: #159b83;--volt-green: #20a873;--volt-red: #d94b61;--volt-yellow: #efbc39;color:var(--volt-ink);background:var(--volt-paper);font-family:var(--npn-font)}html,body{background:var(--volt-paper)}body{color:var(--volt-ink)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid rgba(118,87,246,.35);outline-offset:2px}::selection{color:#fff;background:var(--volt-purple)}.app-shell{background:var(--volt-cloud)}.topbar{gap:clamp(18px,3vw,42px);min-height:64px;padding:0 clamp(14px,2.2vw,30px);border-color:var(--volt-line);background:#fffdf8f7;box-shadow:0 2px #17233a0a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.learning-app>.probe-nav{position:sticky;z-index:100;top:0}.brand{gap:10px;color:var(--volt-ink);font-size:17px;font-weight:900;letter-spacing:-.025em;text-transform:none}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:12px;background:linear-gradient(145deg,#8c72ff,var(--volt-purple-dark));color:#fff;box-shadow:0 3px #3f25ac,inset 0 1px #ffffff59;font-size:15px;font-weight:950;transform:rotate(-3deg)}.primary-nav{align-self:center;height:44px;gap:4px}.primary-nav a{height:40px;padding:0 14px;border:0;border-radius:12px;color:var(--volt-muted);font-size:11px;font-weight:850;letter-spacing:.035em;text-transform:uppercase;transition:color .16s ease,background .16s ease,transform .16s ease}.primary-nav a:hover{border:0;background:#f0ecff;color:var(--volt-purple-dark);transform:translateY(-1px)}.primary-nav a.active{border:0;background:#e9e2ff;color:var(--volt-purple-dark);box-shadow:inset 0 -3px #c5b6ff}.account-actions{margin-left:auto}.avatar{position:relative;width:42px;height:42px;display:grid;overflow:hidden;place-items:center;margin-left:0;border:2px solid #d7cdfd;border-radius:15px;background:#f3efff;color:var(--volt-purple-dark);box-shadow:0 3px #d7cdfd;transition:transform .16s ease,box-shadow .16s ease}.avatar:hover,.avatar.active{transform:translateY(-1px);box-shadow:0 4px #bba9fa}.avatar .avatar-artwork{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.45);transform-origin:center}.header-signin{margin-left:auto;padding:10px 17px;border:1px solid #cec3fa;border-radius:12px;background:#f3efff;color:var(--volt-purple-dark);font-size:12px;font-weight:850;text-decoration:none;box-shadow:0 3px #ddd5fa}.app-shell .workspace,.app-shell .workspace.parts-collapsed{background:var(--volt-cloud)}.app-shell .palette,.app-shell .right-dock{border-color:var(--volt-line);background:var(--volt-paper)}.app-shell .palette{border-right-width:1px}.app-shell .project-picker{border-color:var(--volt-line);background:#faf7ff}.app-shell .project-picker select,.app-shell .project-picker button,.app-shell .project-picker>a{border-color:#d9d2e9;border-radius:11px;background:#fff;color:var(--volt-ink);box-shadow:0 2px #e6e0ed}.app-shell .project-picker .project-save-button{border-color:#c9bdfb;background:var(--volt-purple);color:#fff;box-shadow:0 2px 0 var(--volt-purple-dark)}.app-shell .project-picker select:hover,.app-shell .project-picker button:hover,.app-shell .project-picker>a:hover{border-color:#bcaefa;background:#f3efff;color:var(--volt-purple-dark)}.app-shell .panel-heading{border-color:var(--volt-line);background:var(--volt-paper);color:var(--volt-ink)}.app-shell .panel-heading small{color:var(--volt-muted)}.app-shell .panel-heading button:hover{background:#eee9ff;color:var(--volt-purple-dark)}.app-shell .palette-filters{border-color:var(--volt-line);background:var(--volt-paper)}.app-shell .palette-filters input,.app-shell .palette-filters select{border-color:#d9d5ce;background:#fff;color:var(--volt-ink)}.app-shell .palette-filters input:focus,.app-shell .palette-filters select:focus{border-color:var(--volt-purple);box-shadow:0 0 0 3px #7657f61f}.app-shell .parts-list{background:var(--volt-cloud)}.app-shell .part{border-color:#e3ded5;border-radius:12px;background:var(--volt-paper);box-shadow:0 3px #dfdad2}.app-shell .part:hover{border-color:#b9aafa;background:#f6f2ff;box-shadow:0 3px #cfc4fb;transform:translateY(-1px)}.app-shell .part-review-badge.pending{background:#f97316}.app-shell .part-review-badge.verified{background:#16a34a}.app-shell .parts-rail-button{border-color:var(--volt-line);background:var(--volt-paper);color:var(--volt-purple-dark)}.app-shell .sandbox{border-color:var(--volt-line)}.app-shell .canvas-toolbar{border-color:var(--volt-line);background:var(--volt-paper)}.app-shell .canvas-toolbar .tool-group button,.app-shell .canvas-toolbar .zoom-controls button,.app-shell .canvas-toolbar .net-flag-select,.app-shell .canvas-toolbar .simulation-controls button{border-color:#ddd8d0;border-radius:11px;box-shadow:0 2px #ded9d2}.app-shell .canvas-toolbar .tool-group button:hover,.app-shell .canvas-toolbar .zoom-controls button:hover{border-color:#b9aafa;background:#f1edff;color:var(--volt-purple-dark)}.app-shell .canvas-toolbar .tool-group button.active{border-color:var(--volt-purple);background:#eae4ff;color:var(--volt-purple-dark)}.app-shell .canvas-toolbar .simulation-controls .run-control{border-color:#b6e4d5;background:#eaf9f4;color:#087763;box-shadow:0 3px #b6e4d5}.app-shell .canvas-toolbar .simulation-controls .run-control.active{background:var(--volt-teal);color:#fff;box-shadow:0 3px #087763}.app-shell .canvas-toolbar .simulation-controls .pause-control{border-color:#f6c3a9;background:#fff3ec;color:#c2410c;box-shadow:0 3px #f6c3a9}.app-shell .sandbox-viewport{background-color:#fcfbf7;background-image:radial-gradient(#d8d2c8 1px,transparent 1px)}.app-shell .canvas-status{border-color:var(--volt-line);background:var(--volt-paper);color:var(--volt-muted)}.app-shell .right-dock{border-left-width:1px}.app-shell .rack-tabs{border-color:var(--volt-line);background:var(--volt-paper)}.app-shell .rack-tabs button{color:var(--volt-muted)}.app-shell .rack-tabs button:hover{color:var(--volt-purple-dark)}.app-shell .rack-tabs button.active{border-bottom-color:var(--volt-purple);background:#f6f2ff;color:var(--volt-purple-dark)}.app-shell .dock-tab-content,.app-shell .code-header,.app-shell .rack-title,.app-shell .component-info{background:var(--volt-paper)}.app-shell .instrument-window{border-color:var(--volt-line)}.app-shell .info-value,.app-shell .info-section{border-color:#e4dfd7;border-radius:12px;background:#fff}.app-shell .info-value strong,.app-shell .component-range strong{color:var(--volt-purple-dark)}.app-shell .lab-guide .guide-message{--guide-bubble-bg: #f2f6fa;--guide-bubble-border: #bfcedd;border-color:var(--guide-bubble-border);border-radius:14px;background:var(--guide-bubble-bg);color:#253950;box-shadow:0 5px #1e2a441c}.app-shell .lab-guide.tone-hint .guide-message{--guide-bubble-bg: #fff1bd;--guide-bubble-border: #dba93a;color:#613c00;box-shadow:0 5px #a36b122e}.app-shell .lab-guide.tone-warning .guide-message{--guide-bubble-bg: #ffead0;--guide-bubble-border: #e8a04c;color:#773b0b;box-shadow:0 5px #ae5f1b2b}.app-shell .lab-guide.tone-error .guide-message{--guide-bubble-bg: #ffe1e5;--guide-bubble-border: #e17d8a;color:#802633;box-shadow:0 5px #9e30462b}.app-shell .lab-guide.tone-destructive .guide-message{--guide-bubble-bg: #ffcdd3;--guide-bubble-border: #c84351;color:#701e2b;box-shadow:0 5px #9c20323b}.app-shell .lab-guide.tone-success .guide-message{--guide-bubble-bg: #d9f5e7;--guide-bubble-border: #69bb95;color:#20583e;box-shadow:0 5px #1e714e29}.app-shell .lab-guide .guide-message:after{border-color:var(--guide-bubble-border);background:var(--guide-bubble-bg)}.product-page{background:var(--volt-paper);color:var(--volt-ink)}.projects-page main{min-height:calc(100vh - 64px);padding:clamp(34px,5vw,70px) clamp(18px,4vw,54px) 80px;background:radial-gradient(circle at 8% 14%,rgba(240,117,61,.12) 0 6%,transparent 17%),radial-gradient(circle at 92% 6%,rgba(118,87,246,.13) 0 8%,transparent 23%),linear-gradient(180deg,#fffdf8,#f7f2ec)}.projects-heading{max-width:1180px;align-items:center;margin-bottom:34px}.projects-heading h1{margin-top:8px;color:var(--volt-ink);font-size:clamp(38px,5vw,58px);font-weight:950;letter-spacing:-.055em}.projects-heading p{max-width:610px;margin-top:9px;color:var(--volt-muted);font-size:14px;line-height:1.55}.hero-kicker{color:var(--volt-orange);font-weight:900}.projects-heading>button,.projects-empty button{min-height:48px;height:auto;padding:0 20px;border:1px solid var(--volt-purple-dark);border-radius:14px;background:var(--volt-purple);color:#fff;box-shadow:0 5px 0 var(--volt-purple-dark);font-size:12px;font-weight:900;transition:transform .15s ease,box-shadow .15s ease}.projects-heading>button:hover,.projects-empty button:hover{transform:translateY(-2px);box-shadow:0 7px 0 var(--volt-purple-dark)}.projects-heading>button:active,.projects-empty button:active{transform:translateY(3px);box-shadow:0 2px 0 var(--volt-purple-dark)}.projects-layout{max-width:1180px;grid-template-columns:minmax(0,1fr) 330px;gap:26px}.project-library{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.project-card{min-height:300px;grid-template-columns:minmax(0,1fr);grid-template-rows:170px auto auto;gap:12px;padding:13px;border:1px solid #dfd8cf;border-bottom:5px solid #d8d0c6;border-radius:20px;background:var(--volt-paper);color:var(--volt-ink);box-shadow:0 8px 20px #46352312}.project-card:nth-child(3n+1){border-bottom-color:#b6a7fb}.project-card:nth-child(3n+2){border-bottom-color:#f4a078}.project-card:nth-child(3n){border-bottom-color:#80cfbf}.project-card:hover{border-color:#bcaefa;border-bottom-color:var(--volt-purple);box-shadow:0 12px 24px #5335d31f;transform:translateY(-3px) rotate(-.25deg)}.project-card.selected{border-color:var(--volt-purple);border-bottom-color:var(--volt-purple-dark);background:#fbf9ff;box-shadow:0 0 0 3px #e9e2ff,0 12px 24px #5335d31f}.project-thumbnail{grid-row:auto;min-height:0;border-color:#ddd7cf;border-radius:15px;background-color:#f7f3ed;background-image:radial-gradient(#cbc2b7 1px,transparent 1px);background-size:15px 15px}.project-thumbnail:after{position:absolute;right:10px;bottom:9px;padding:4px 7px;border-radius:999px;background:#fffdf8e6;color:var(--volt-muted);content:"WORKBENCH";font-size:7px;font-weight:900;letter-spacing:.08em}.project-card-copy{align-self:start;padding:0 4px}.project-card-copy strong{font-size:16px;font-weight:900}.project-card-copy small{margin-top:6px;color:var(--volt-muted);font-size:10px}.project-card-copy time{margin-top:5px;color:#8f8a82;font-size:9px}.project-card-footer{padding:0 4px 2px}.project-card-footer b{color:var(--volt-purple-dark);font-size:10px}.project-card-footer i{padding:6px 9px;border-radius:999px;background:#f0ece6;color:var(--volt-muted);font-size:8px}.project-card.selected .project-card-footer i{background:#e8e1ff;color:var(--volt-purple-dark)}.project-details{top:86px;padding:24px;border:1px solid #d8cff9;border-bottom:6px solid #b9a9f6;border-radius:20px;background:var(--volt-paper);box-shadow:0 12px 25px #5335d31a}.project-details-icon{float:right;width:39px;height:39px;display:grid;place-items:center;border-radius:13px;background:#fff0e8;color:var(--volt-orange);font-size:19px;transform:rotate(4deg)}.project-details-icon .ui-icon{width:21px;height:21px}.details-label{color:var(--volt-purple-dark)}.project-details>h2{max-width:220px;margin:9px 0 0;overflow:hidden;color:var(--volt-ink);font-size:21px;text-overflow:ellipsis;white-space:nowrap}.project-details-intro{margin:5px 0 0;color:var(--volt-muted);font-size:11px}.project-details>label{color:var(--volt-muted)}.project-details>label input{border-color:#d9d2c8;border-radius:11px;background:#fff;color:var(--volt-ink)}.project-details>label input:focus{border-color:var(--volt-purple);box-shadow:0 0 0 3px #7657f61f;outline:0}.project-stats{gap:8px}.project-stats span{border-color:#ded8cf;border-radius:11px;background:#faf7f2;color:var(--volt-muted)}.project-stats strong{color:var(--volt-purple-dark)}.project-metadata{border-color:#e5dfd7}.project-metadata span{color:#8b867f}.project-metadata b{color:var(--volt-muted)}.project-details>button{border-color:#d9d2c8;border-radius:11px;background:#fff;color:var(--volt-muted)}.project-details .open-project-button{border-color:var(--volt-purple-dark);background:var(--volt-purple);color:#fff;box-shadow:0 4px 0 var(--volt-purple-dark)}.project-details .rename-project-button:hover{border-color:#b9a9f6;background:#f4f0ff;color:var(--volt-purple-dark)}.project-details .delete-project-button{border-color:#f2cad1;color:var(--volt-red)}.project-details .delete-project-button:hover{background:#fff1f3}.project-open-hint{color:#8b867f;line-height:1.45}.projects-empty{max-width:680px;margin-top:35px;padding:42px clamp(22px,6vw,60px) 48px;border:2px dashed #cbbefb;border-radius:28px;background:#fffdf8e0;box-shadow:0 12px 30px #5335d312}.projects-empty-kicker{margin-top:4px;color:var(--volt-orange);font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.projects-empty h2{margin-top:8px;color:var(--volt-ink);font-size:25px}.projects-empty p{max-width:460px;color:var(--volt-muted);font-size:13px}.projects-empty .avatar-artwork--preview{margin:-20px 0 -12px;transform:scale(.78)}.avatars-page{--avatar-ink: var(--volt-ink);--avatar-muted: var(--volt-muted);--avatar-panel: var(--volt-paper);--avatar-wash: var(--volt-cloud);--avatar-line: var(--volt-line);--avatar-focus: var(--volt-purple-dark)}.avatars-page .avatar-gallery-page{min-height:calc(100vh - 64px);background:var(--volt-paper)}.avatars-page .avatar-gallery__eyebrow,.avatars-page .avatar-gallery__selected-label{color:var(--volt-orange)}.avatars-page .avatar-gallery__preview-panel{border-color:#d8cff9;border-bottom:5px solid #b9a9f6;border-radius:22px;background:#faf7ff}.avatars-page .avatar-gallery__moods button{border-radius:11px;background:var(--volt-paper)}.avatars-page .avatar-gallery__moods button:hover,.avatars-page .avatar-gallery__moods button.is-active{border-color:var(--volt-purple);background:#eae4ff;color:var(--volt-purple-dark)}.avatars-page .avatar-card{border-color:#dfd8cf;border-bottom:4px solid #d8d0c6;border-radius:19px;background:var(--volt-paper)}.avatars-page .avatar-card.is-selected{border-color:var(--volt-purple);border-bottom-color:var(--volt-purple-dark)}.avatars-page .avatar-card__art .avatar-artwork--tile{transform:scale(.68);transform-origin:center}@media(max-width:1050px){.projects-layout{grid-template-columns:1fr}.project-details{position:static}.project-library{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.app-shell{grid-template-rows:104px auto}.topbar,.product-page>.topbar{height:104px;display:grid;grid-template-columns:1fr auto;grid-template-rows:56px 48px;gap:0;padding:0 13px}.brand{grid-column:1;grid-row:1;font-size:15px}.probe-nav .probe-nav__right{grid-column:2;grid-row:1}.probe-nav__preview{padding:7px;font-size:10px}.brand-mark{width:31px;height:31px;border-radius:10px}.account-actions,.header-signin,.header-spacer{grid-column:2;grid-row:1}.primary-nav{width:auto;height:48px;display:flex;grid-column:1 / -1;grid-row:2;gap:3px;margin:0 -13px;padding:4px 10px;overflow-x:auto;border-top:1px solid #e8e2da;scrollbar-width:none}.primary-nav::-webkit-scrollbar{display:none}.primary-nav a{min-width:max-content;height:38px;padding:0 11px;font-size:10px}.avatar{width:38px;height:38px;border-radius:13px}.workspace,.workspace.parts-collapsed,.workspace:not(.parts-collapsed){width:100%;max-width:100vw;min-width:0;min-height:0}.app-shell .palette,.app-shell .sandbox,.app-shell .right-dock{width:100%;max-width:100vw;min-width:0}.app-shell .canvas-toolbar{width:100%;min-width:0;overflow-x:auto}.projects-page main{min-height:calc(100vh - 104px);padding:28px 14px 48px}.projects-heading{gap:20px}.projects-heading h1{font-size:39px}.projects-heading p{font-size:13px}.project-library{grid-template-columns:1fr}.project-card{min-height:280px;grid-template-rows:150px auto auto}.project-details{padding:20px}.avatars-page .avatar-gallery-page{min-height:calc(100vh - 104px)}}@media(prefers-reduced-motion:reduce){:root:not([data-profile-reduce-motion=false]) .topbar *,:root:not([data-profile-reduce-motion=false]) .projects-page *,:root:not([data-profile-reduce-motion=false]) .app-shell .part{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.lesson-lab-task-panel{z-index:40;display:grid;grid-template-columns:minmax(150px,.55fr) minmax(300px,1.45fr) minmax(220px,.85fr) auto;align-items:center;gap:14px;padding:10px clamp(12px,2vw,24px);border-bottom:1px solid #d8cff9;background:linear-gradient(100deg,#f5f0ff,#fffdf8 55%,#eefaf6);color:var(--volt-ink);box-shadow:0 4px 16px #5335d312}.lesson-lab-task-panel.is-correct{border-bottom-color:#9ed9c9;background:linear-gradient(100deg,#eefaf6,#fffdf8)}.lesson-lab-task-panel__identity{min-width:0;display:grid;gap:3px}.lesson-lab-task-panel__identity span{color:var(--volt-purple-dark);font-size:9px;font-weight:950;letter-spacing:.09em}.lesson-lab-task-panel__identity small{overflow:hidden;color:var(--volt-muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.lesson-lab-task-panel__brief{min-width:0;display:grid;gap:2px}.lesson-lab-task-panel__brief strong{font-size:12px;line-height:1.25}.lesson-lab-task-panel__brief p{margin:0;color:var(--volt-muted);font-size:9px;line-height:1.35}.lesson-lab-task-panel__brief .lesson-lab-task-panel__hint{margin-top:4px;padding:5px 7px;border-radius:8px;background:#fff4d9;color:#78520b}.lesson-lab-task-panel__evidence{min-width:0;display:grid;gap:5px}.lesson-lab-task-panel__result{min-width:0;display:grid;gap:2px;padding:7px 9px;border:1px solid #efc4cc;border-radius:11px;background:#fff2f4;color:#972f42}.lesson-lab-task-panel__result.is-correct{border-color:#a9ddcf;background:#edf9f5;color:#087763}.lesson-lab-task-panel__result b{font-size:10px}.lesson-lab-task-panel__result span,.lesson-lab-task-panel__result small{font-size:8px;line-height:1.3}.lesson-task-ammeter-status{min-width:0;display:grid;gap:2px;padding:7px 9px;border:1px solid #bfd3e8;border-radius:11px;background:#eef6ff;color:#315987}.lesson-task-ammeter-status.status-parallel-misuse,.lesson-task-ammeter-status.status-wrong-gap,.lesson-task-ammeter-status.status-overload{border-color:#efc4cc;background:#fff2f4;color:#972f42}.lesson-task-ammeter-status b,.lesson-task-ammeter-status span{font-size:8px;line-height:1.3}.lesson-task-ammeter-status strong{font-size:11px}.lesson-lab-task-panel__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.lesson-lab-task-panel__actions>button,.task-abandon-confirm button{min-height:34px;padding:0 10px;border:1px solid #d7d0c7;border-radius:10px;background:#fff;color:var(--volt-muted);font-size:8px;font-weight:900;cursor:pointer}.lesson-lab-task-panel__actions .task-check-button{border-color:var(--volt-purple-dark);background:var(--volt-purple);color:#fff;box-shadow:0 3px 0 var(--volt-purple-dark)}.lesson-lab-task-panel__actions .task-return-button{border-color:#9ed9c9;color:#087763}.lesson-lab-task-panel__actions .task-abandon-button,.task-abandon-confirm button:first-of-type{border-color:#f0c5cc;color:var(--volt-red)}.task-abandon-confirm{display:flex;align-items:center;gap:5px;font-size:8px}.lesson-task-palette-badge{min-height:58px;display:grid;align-content:center;gap:3px;padding:8px 10px;border-bottom:1px solid var(--volt-line);background:#f3efff;color:var(--volt-purple-dark)}.lesson-task-palette-badge b{font-size:14px;line-height:1.4}.lesson-task-palette-badge span{color:var(--volt-muted);font-size:12px;line-height:1.5}.lesson-task-unavailable main{max-width:720px;display:grid;justify-items:center;gap:12px;margin:8vh auto;padding:30px;text-align:center}.lesson-task-unavailable h1{color:var(--volt-ink);text-transform:none}.lesson-task-unavailable p{color:var(--volt-muted);line-height:1.6}.lesson-task-unavailable main>div{display:flex;gap:10px}.lesson-task-unavailable main a{padding:11px 14px;border:1px solid #d8cff9;border-radius:11px;color:var(--volt-purple-dark);text-decoration:none}@media(max-width:1050px){.lesson-lab-task-panel{grid-template-columns:minmax(150px,.5fr) 1.5fr auto}.lesson-lab-task-panel__evidence{grid-column:2}.lesson-lab-task-panel__actions{grid-column:3;grid-row:1 / span 2}}@media(max-width:700px){.app-shell.lesson-task-mode{height:auto;min-height:100vh;grid-template-rows:104px auto auto;overflow:visible}.lesson-lab-task-panel{position:relative;grid-template-columns:1fr;gap:8px;padding:12px}.lesson-lab-task-panel__evidence,.lesson-lab-task-panel__actions{grid-column:1;grid-row:auto}.lesson-lab-task-panel__actions{justify-content:flex-start}.lesson-lab-task-panel__actions>button{flex:1 1 auto}.task-abandon-confirm{width:100%;flex-wrap:wrap}}:root{--wavy-primary: #5ccdb8;--wavy-primary-hover: #72d7c5;--wavy-primary-soft: #e5f8f4;--wavy-primary-line: #9fdfd3;--wavy-navy: #1e2a44;--wavy-navy-soft: #2a3856;--wavy-yellow: #f7cb55;--wavy-paper: #fbfdfc;--wavy-cloud: #edf5f3;--wavy-line: #d5e2df;--wavy-muted: #60706f;--volt-ink: var(--wavy-navy);--volt-muted: var(--wavy-muted);--volt-paper: var(--wavy-paper);--volt-cloud: var(--wavy-cloud);--volt-line: var(--wavy-line);--volt-purple: var(--wavy-primary);--volt-purple-dark: var(--wavy-navy);--volt-orange: #31796f;--volt-teal: var(--wavy-primary)}html,body{background:var(--wavy-paper)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid var(--wavy-navy);outline-offset:3px}::selection{color:var(--wavy-navy);background:var(--wavy-primary)}.topbar{border-color:var(--wavy-line);background:#fbfdfcf7}.brand-mark{display:block;object-fit:contain;border:0;background:transparent;box-shadow:none;transform:none}.primary-nav a:hover{background:var(--wavy-primary-soft);color:var(--wavy-navy)}.primary-nav a.active{background:var(--wavy-primary-soft);color:var(--wavy-navy);box-shadow:inset 0 -3px var(--wavy-primary)}.avatar,.header-signin{border-color:var(--wavy-primary-line);background:var(--wavy-primary-soft);color:var(--wavy-navy);box-shadow:0 3px 0 var(--wavy-primary-line)}.avatar:hover,.avatar.active{box-shadow:0 4px 0 var(--wavy-primary)}.header-signin:hover{background:var(--wavy-primary);color:var(--wavy-navy)}.hero-kicker{color:#31796f}.primary-action,.auth-card form>button[type=submit],.auth-primary-link,.error-page main>a{background:var(--wavy-primary);color:var(--wavy-navy);box-shadow:0 5px #3d9f90}.primary-action:hover,.auth-card form>button[type=submit]:hover,.auth-primary-link:hover,.error-page main>a:hover{background:var(--wavy-primary-hover);color:var(--wavy-navy)}.secondary-action:hover,.auth-card label a{border-color:var(--wavy-primary);color:#286c63}.landing-page main{background:radial-gradient(circle at 85% 8%,rgba(92,205,184,.18) 0,transparent 28%),var(--wavy-paper)}.hero-visual{border-color:var(--wavy-line);background:#f6fbfa;box-shadow:0 25px 70px #1e2a441f}.hero-grid{background-image:radial-gradient(#b8d8d2 1px,transparent 1px)}.hero-scope svg{background:var(--wavy-navy)}.auth-page main{background:var(--wavy-cloud)}.auth-story{background:var(--wavy-navy)}.auth-story .hero-kicker{color:var(--wavy-primary)}.auth-story p{color:#cfdbeb}.auth-circuit:before{background:var(--wavy-primary);box-shadow:0 0 12px var(--wavy-primary)}.auth-circuit i{border-color:#b9eee4;background:var(--wavy-primary)}.auth-card{border-color:var(--wavy-line);box-shadow:0 18px 50px #1e2a441f}.auth-password-toggle{border-color:var(--wavy-primary-line)!important;background:var(--wavy-primary-soft)!important;color:var(--wavy-navy)!important}.auth-mode-tabs button.active{color:#286c63}.auth-card .check-row input{accent-color:var(--wavy-primary)}.provider-button:hover{border-color:var(--wavy-primary);background:var(--wavy-primary-soft)}.app-shell .project-picker{background:#f3faf8}.app-shell .project-picker .project-save-button{border-color:#3d9f90;background:var(--wavy-primary);color:var(--wavy-navy);box-shadow:0 2px #3d9f90}.app-shell .project-picker select:hover,.app-shell .project-picker button:hover,.app-shell .project-picker>a:hover,.app-shell .panel-heading button:hover,.app-shell .canvas-toolbar .tool-group button:hover,.app-shell .canvas-toolbar .zoom-controls button:hover,.app-shell .rack-tabs button.active{border-color:var(--wavy-primary-line);background:var(--wavy-primary-soft);color:var(--wavy-navy)}.app-shell .project-picker .project-save-button:hover{border-color:#3d9f90;background:var(--wavy-primary-hover);color:var(--wavy-navy)}.app-shell .palette-filters input:focus,.app-shell .palette-filters select:focus,.project-details>label input:focus{border-color:var(--wavy-primary);box-shadow:0 0 0 3px #5ccdb83d}.app-shell .part:hover{border-color:var(--wavy-primary-line);background:#f0faf7;box-shadow:0 3px #b9e6dd}.app-shell .parts-rail-button,.app-shell .rack-tabs button:hover,.app-shell .info-value strong,.app-shell .component-range strong{color:var(--wavy-navy)}.app-shell .canvas-toolbar .tool-group button.active{border-color:var(--wavy-primary);background:var(--wavy-primary-soft);color:var(--wavy-navy)}.app-shell .canvas-toolbar .simulation-controls .run-control.active{border-color:#3d9f90;background:var(--wavy-primary);color:var(--wavy-navy);box-shadow:0 3px #3d9f90}.component-action.active{border-color:var(--wavy-primary);background:var(--wavy-primary);color:var(--wavy-navy)}.switch-choice-row button.active,.component-toggle button.active,.dip-interaction button.active,.serial-header-tools>button.active{border-color:var(--wavy-primary)!important;background:var(--wavy-primary-soft)!important;color:var(--wavy-navy)!important}.component-range input{accent-color:var(--wavy-primary)}.app-shell .code-editor-shell,.app-shell .code-editor-viewport,.app-shell .code-highlight,.app-shell .line-numbers,.app-shell .code-editor-shell footer{background:var(--wavy-navy)}.app-shell .code-highlight{color:#edf5ff}.app-shell .line-numbers{border-color:#41506c;color:#9fb0c8}.app-shell .line-numbers span.error{background:#642f3b;color:#ffd5dc}.app-shell .code-editor-shell footer{border-color:#41506c;color:#b8c5d8}.app-shell .code-editor-viewport textarea{caret-color:var(--wavy-primary)}.app-shell .code-editor-viewport textarea::selection{background:#5ccdb847}.app-shell .syntax-comment{color:#aebbd0}.app-shell .syntax-string{color:#a7ebb8}.app-shell .syntax-preprocessor{color:#d9b8ff}.app-shell .syntax-keyword{color:#ffb38a}.app-shell .syntax-constant{color:#86dff0}.app-shell .syntax-number{color:#f1b9ff}.app-shell .syntax-function{color:var(--wavy-primary)}.app-shell .scope-screen{border-color:#40506c;background:var(--wavy-navy);box-shadow:inset 0 0 24px #5ccdb812}.app-shell .scope-grid line{stroke:#43526d}.app-shell .scope-readout{color:#afe8de}.app-shell .logic-channel-label.ch1{fill:#f7d96f}.app-shell .logic-channel-label.ch2{fill:#72dff2}.app-shell .logic-empty{fill:#aebbd0}.app-shell .instrument-off .scope-screen{background:#e5e7eb;box-shadow:none}.projects-page main{background:radial-gradient(circle at 8% 14%,rgba(247,203,85,.14) 0 6%,transparent 17%),radial-gradient(circle at 92% 6%,rgba(92,205,184,.2) 0 8%,transparent 23%),linear-gradient(180deg,var(--wavy-paper),var(--wavy-cloud))}.projects-heading>button,.projects-heading-actions>button,.projects-empty button,.project-details .open-project-button{min-height:48px;padding:0 20px;border:1px solid var(--wavy-navy);border-radius:14px;background:var(--wavy-primary);color:var(--wavy-navy);box-shadow:0 5px #3d9f90;font-weight:900;cursor:pointer}.projects-heading>button:hover,.projects-heading-actions>button:hover,.projects-empty button:hover{background:var(--wavy-primary-hover);box-shadow:0 7px #3d9f90}.projects-heading>button:active,.projects-heading-actions>button:active,.projects-empty button:active{box-shadow:0 2px #3d9f90}.project-card:nth-child(3n+1),.project-card:nth-child(3n+2),.project-card:nth-child(3n){border-bottom-color:var(--wavy-primary-line)}.project-card:hover,.project-card.selected{border-color:var(--wavy-primary);border-bottom-color:var(--wavy-navy);box-shadow:0 12px 24px #1e2a441f}.project-card.selected{background:#f1faf8;box-shadow:0 0 0 3px #d8f2ed,0 12px 24px #1e2a441f}.project-card.selected .project-card-footer i{background:var(--wavy-primary-soft);color:var(--wavy-navy)}.project-details{border-color:var(--wavy-primary-line);border-bottom-color:var(--wavy-primary);box-shadow:0 12px 25px #1e2a441a}.project-details-icon{background:var(--wavy-primary-soft);color:var(--wavy-navy)}.projects-empty{border-color:var(--wavy-primary-line);box-shadow:0 12px 30px #1e2a4412}.projects-empty-kicker{color:#31796f}.avatars-page{--avatar-ink: var(--wavy-navy);--avatar-muted: var(--wavy-muted);--avatar-panel: var(--wavy-paper);--avatar-wash: var(--wavy-cloud);--avatar-line: var(--wavy-line);--avatar-focus: var(--wavy-primary)}.avatars-page .avatar-gallery-page{background:var(--wavy-cloud)}.avatars-page .avatar-gallery__eyebrow,.avatars-page .avatar-gallery__selected-label{color:#286c63}.avatars-page .avatar-gallery__preview-panel{border-color:#40506c;border-bottom-color:#111a2c;background:var(--wavy-navy);color:#f7fbff}.avatars-page .avatar-gallery__preview-panel .avatar-gallery__selected-label,.avatars-page .avatar-gallery__preview-copy strong{color:var(--wavy-primary)}.avatars-page .avatar-gallery__preview-copy p,.avatars-page .avatar-gallery__moods>span{color:#c5d1e2}.avatars-page .avatar-gallery__moods{border-color:#40506c}.avatars-page .avatar-gallery__moods button{border-color:#5a6a86;background:transparent;color:#eef5ff}.avatars-page .avatar-gallery__moods button:hover,.avatars-page .avatar-gallery__moods button.is-active{border-color:var(--wavy-primary);background:var(--wavy-primary);color:var(--wavy-navy)}.avatars-page .avatar-card{border-color:var(--wavy-line);border-bottom-color:var(--wavy-primary-line)}.avatars-page .avatar-card.is-selected{border-color:var(--wavy-primary);border-bottom-color:var(--wavy-navy)}.avatars-page .avatar-card.is-selected .avatar-card__check{border-color:var(--wavy-primary);background:var(--wavy-primary);color:var(--wavy-navy)}.lesson-lab-task-panel{border-bottom-color:var(--wavy-primary-line);background:linear-gradient(100deg,var(--wavy-primary-soft),var(--wavy-paper) 55%,#eefaf6);box-shadow:0 4px 16px #1e2a4414}.lesson-lab-task-panel__actions .task-check-button{border-color:var(--wavy-navy);background:var(--wavy-primary);color:var(--wavy-navy);box-shadow:0 3px #3d9f90}.lesson-task-palette-badge{background:var(--wavy-primary-soft);color:var(--wavy-navy)}.lesson-task-unavailable main a{border-color:var(--wavy-primary-line);color:var(--wavy-navy)}@media(max-width:700px){.primary-action,.secondary-action{width:100%}.projects-heading-actions{max-width:100%;flex-wrap:wrap;justify-content:flex-end}.projects-heading-actions>button{min-width:min(100%,190px)}}@media(prefers-reduced-motion:reduce){:root:not([data-profile-reduce-motion=false]) *,:root:not([data-profile-reduce-motion=false]) *:before,:root:not([data-profile-reduce-motion=false]) *:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.app-shell.lesson-task-mode{grid-template-rows:64px auto minmax(0,1fr)}.lesson-lab-task-panel{position:relative;z-index:40;display:block;min-width:0;padding:0;overflow:hidden;border-bottom:1px solid var(--wavy-primary-line);background:var(--wavy-paper);color:var(--wavy-navy);box-shadow:0 4px 16px #1e2a4414}.lesson-lab-task-panel.is-correct{border-bottom-color:#9ed9c9;background:var(--wavy-paper)}.lesson-lab-task-panel__bar{min-height:68px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px clamp(14px,2vw,28px);background:linear-gradient(100deg,var(--wavy-primary-soft),var(--wavy-paper) 58%,#eefaf6)}.lesson-lab-task-panel.is-correct .lesson-lab-task-panel__bar{background:linear-gradient(100deg,#e7f8f3,var(--wavy-paper))}.lesson-lab-task-panel__toggle{min-width:72px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;border:1px solid var(--wavy-primary-line);border-radius:12px;background:#fff;color:var(--wavy-navy);font-size:13px;cursor:pointer;box-shadow:0 2px #b9e6dd}.lesson-lab-task-panel__toggle>span{font-size:15px}.lesson-lab-task-panel__summary{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 12px}.lesson-lab-task-panel__summary>span{grid-column:1;overflow:hidden;color:#286c63;font-size:12px;font-weight:900;letter-spacing:.07em;text-overflow:ellipsis;white-space:nowrap}.lesson-lab-task-panel__summary>strong{grid-column:1;overflow:hidden;font-size:15px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.lesson-lab-task-panel.is-expanded .lesson-lab-task-panel__summary>strong{display:none}.lesson-lab-task-panel__summary>small{grid-column:2;grid-row:1 / span 2;min-width:max-content;padding:6px 9px;border:1px solid #c9d7d3;border-radius:999px;background:#fff;color:var(--wavy-muted);font-size:12px;font-weight:800}.lesson-lab-task-panel.has-feedback:not(.is-correct) .lesson-lab-task-panel__summary>small{border-color:#efc4cc;background:#fff2f4;color:#972f42}.lesson-lab-task-panel.is-correct .lesson-lab-task-panel__summary>small{border-color:#9ed9c9;background:#edf9f5;color:#087763}.lesson-lab-task-panel__primary-actions{display:flex;align-items:center;gap:9px}.lesson-lab-task-panel__primary-actions button,.lesson-lab-task-panel__actions>button,.lesson-lab-task-panel .task-abandon-confirm button{min-height:44px;padding:0 16px;border:1px solid #d7d0c7;border-radius:12px;background:#fff;color:var(--wavy-navy);font-size:13px;font-weight:850;cursor:pointer}.lesson-lab-task-panel .task-check-button{border-color:var(--wavy-navy);background:var(--wavy-primary);color:var(--wavy-navy);box-shadow:0 3px #3d9f90}.lesson-lab-task-panel .task-return-button{border-color:#9ed9c9;background:#f4fbf8;color:#087763}.lesson-lab-task-panel__details{max-height:min(36vh,340px);padding:22px clamp(18px,4vw,52px) 18px;overflow-y:auto;overscroll-behavior:contain;border-top:1px solid var(--wavy-line);background:var(--wavy-paper)}.lesson-lab-task-panel__details[hidden]{display:none}.lesson-lab-task-panel__content{width:min(1180px,100%);display:grid;grid-template-columns:150px minmax(0,1.55fr) minmax(280px,.85fr);align-items:start;gap:clamp(20px,3vw,42px);margin:0 auto}.lesson-lab-task-panel__content.companion-hidden{grid-template-columns:minmax(0,1.55fr) minmax(280px,.85fr)}.lesson-lab-task-panel__companion{min-width:0;display:grid;justify-items:center;gap:7px;padding:0 11px 9px 0;border-right:1px solid var(--wavy-line)}.lesson-lab-task-panel__companion .avatar-artwork{width:138px;height:108px}.lesson-lab-task-panel__companion button{min-height:44px;padding:0 12px;border:1px solid var(--wavy-primary-line);border-radius:11px;background:#fff;color:var(--wavy-navy);font-size:12px;font-weight:800;cursor:pointer}.lesson-lab-task-panel__companion.is-hidden{padding:0;border-right:0}.lesson-lab-task-panel__brief{min-width:0;display:block}.lesson-lab-task-panel__exercise-id{display:block;margin-bottom:7px;color:var(--wavy-muted);font-size:12px;font-weight:750;letter-spacing:.04em}.lesson-lab-task-panel__brief h2{margin:0;color:var(--wavy-navy);font-size:clamp(18px,1.7vw,23px);line-height:1.35;letter-spacing:-.015em}.lesson-lab-task-panel__brief>p{max-width:760px;margin:10px 0 0;color:var(--wavy-muted);font-size:14px;line-height:1.6}.lesson-lab-task-panel__brief .lesson-lab-task-panel__hint{margin-top:14px;padding:12px 14px;border:1px solid #efd28b;border-radius:12px;background:#fff7df;color:#6d4a09;font-size:14px}.lesson-lab-task-panel .lesson-lab-task-panel__evidence{min-width:0;display:grid;grid-column:auto;gap:10px}.lesson-lab-task-panel__result,.lesson-task-ammeter-status{min-width:0;display:grid;gap:7px;padding:14px 16px;border-radius:14px}.lesson-lab-task-panel__result b,.lesson-task-ammeter-status b{font-size:15px;line-height:1.3}.lesson-lab-task-panel__result span,.lesson-task-ammeter-status span{font-size:14px;line-height:1.5}.lesson-lab-task-panel__result ul{display:grid;gap:5px;margin:2px 0 0;padding-left:18px}.lesson-lab-task-panel__result li{font-size:12px;line-height:1.45}.lesson-task-ammeter-status strong{font-size:16px}.lesson-lab-task-panel__actions{width:min(1180px,100%);display:flex;grid-column:auto;grid-row:auto;flex-wrap:wrap;justify-content:flex-start;gap:9px;margin:18px auto 0;padding-top:14px;border-top:1px solid var(--wavy-line)}.lesson-lab-task-panel__actions>button:disabled{opacity:.55;cursor:not-allowed}.lesson-lab-task-panel__actions .task-abandon-button,.lesson-lab-task-panel .task-abandon-confirm button:first-of-type{border-color:#f0c5cc;color:var(--volt-red)}.lesson-lab-task-panel .task-abandon-confirm{display:flex;align-items:center;flex-wrap:wrap;gap:9px;color:var(--wavy-navy);font-size:13px}@media(max-width:820px){.lesson-lab-task-panel__bar{grid-template-columns:auto minmax(0,1fr);gap:9px 12px}.lesson-lab-task-panel__primary-actions{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.lesson-lab-task-panel__content,.lesson-lab-task-panel__content.companion-hidden{grid-template-columns:1fr;gap:18px}.lesson-lab-task-panel__companion{width:100%;grid-template-columns:auto minmax(0,1fr);align-items:center;justify-items:start;padding:0 0 14px;border-right:0;border-bottom:1px solid var(--wavy-line)}.lesson-lab-task-panel__companion.is-hidden{border-bottom:0}.lesson-lab-task-panel__details{max-height:min(46vh,410px)}}@media(max-width:700px){.app-shell.lesson-task-mode{height:auto;min-height:100vh;grid-template-rows:104px auto auto;overflow:visible}.lesson-lab-task-panel{position:relative;padding:0}.lesson-lab-task-panel__bar{min-height:0;padding:10px 12px 12px}.lesson-lab-task-panel__toggle{min-width:48px;padding:0 10px}.lesson-lab-task-panel__toggle b{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.lesson-lab-task-panel__summary{grid-template-columns:minmax(0,1fr) auto}.lesson-lab-task-panel__summary>span{font-size:11px}.lesson-lab-task-panel__summary>strong{display:-webkit-box;overflow:hidden;font-size:14px;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.lesson-lab-task-panel__summary>small{padding:5px 8px;font-size:11px}.lesson-lab-task-panel__details{max-height:min(48vh,420px);padding:18px 16px 16px}.lesson-lab-task-panel__brief h2{font-size:19px}.lesson-lab-task-panel__brief>p,.lesson-lab-task-panel__brief .lesson-lab-task-panel__hint,.lesson-lab-task-panel__result span,.lesson-task-ammeter-status span{font-size:14px}.lesson-lab-task-panel__actions{width:100%}.lesson-lab-task-panel__actions>button{flex:1 1 140px}.lesson-lab-task-panel .task-abandon-confirm{width:100%}}.lesson-lab-task-panel.is-compact .lesson-lab-task-panel__bar{min-height:84px}.lesson-lab-task-panel__label{display:grid;place-items:center;min-height:44px;padding:0 14px;border:1px solid var(--wavy-primary-line);border-radius:12px;background:#fff;color:var(--wavy-navy);font-size:13px}.lesson-lab-task-panel.is-compact .lesson-lab-task-panel__summary>strong{display:-webkit-box;overflow:hidden;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.lesson-lab-task-panel.is-compact .lesson-lab-task-panel__primary-actions{flex-wrap:wrap;justify-content:flex-end}.lesson-lab-task-panel.is-compact .task-abandon-button{border-color:#f0c5cc;color:var(--volt-red)}.lesson-lab-task-panel.is-compact .task-hint-button{border-color:#eacb7a;background:#fff8e6}.lesson-lab-task-panel.is-compact .task-hint-button:disabled{opacity:.55;cursor:not-allowed}.lesson-lab-guide .guide-message{max-width:min(370px,42vw);padding:13px 16px;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.lesson-lab-guide .guide-message.has-lesson-feedback{max-height:none;overflow:visible;pointer-events:auto}@media(max-width:820px){.lesson-lab-task-panel.is-compact .lesson-lab-task-panel__bar{grid-template-columns:auto minmax(0,1fr)}.lesson-lab-task-panel.is-compact .lesson-lab-task-panel__primary-actions{grid-column:1 / -1}}.projects-page main{min-height:calc(100vh - 64px);padding:clamp(40px,5vw,70px) clamp(20px,4vw,54px) 80px;background:radial-gradient(circle at 8% 14%,rgba(247,203,85,.14) 0 6%,transparent 17%),radial-gradient(circle at 92% 6%,rgba(92,205,184,.2) 0 8%,transparent 23%),linear-gradient(120deg,#fbf8ef,#f6f8f5 40%,#e9f4f1);background-attachment:fixed}.projects-heading{max-width:1640px;align-items:flex-end;margin-bottom:32px}.projects-heading h1{color:var(--wavy-navy);font-size:clamp(42px,5vw,60px);letter-spacing:-.04em}.projects-heading p{color:#56627a;font-size:18px}.hero-kicker{color:#2f7f73;letter-spacing:.14em}.projects-heading-actions{display:flex;align-items:center;gap:12px}.projects-page .projects-heading-actions>a{display:inline-flex;min-width:150px;justify-content:center;height:52px;align-items:center;padding:0 22px;border:1.5px solid #cfe3dd;border-radius:12px;background:#fff;color:var(--wavy-navy);font-size:16px;text-decoration:none}.projects-heading-actions>a:hover{border-color:#2f7f73;color:#1f5c53}.projects-heading-actions>button,.projects-empty button,.project-details .open-project-button{min-height:52px;height:52px;padding:0 26px;border:2px solid #2f7f73;border-radius:12px;background:#7fcbbb;color:#12332d;box-shadow:0 4px #2f7f73;font-size:17px;font-weight:700}.projects-heading-actions>button:hover,.projects-empty button:hover,.project-details .open-project-button:hover{background:#91d4c6;box-shadow:0 6px #2f7f73}.projects-heading-actions>button:active,.projects-empty button:active,.project-details .open-project-button:active{box-shadow:0 2px #2f7f73}.projects-page .cloud-projects-section{position:relative;width:100%;max-width:1640px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px 24px;margin:0 auto 38px;padding:20px 24px;border:1.5px solid #cfe7e1;border-radius:18px;background:#ffffffb3}.cloud-projects-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:#e3f3ef;color:#2f7f73;font-size:25px}.projects-page .cloud-projects-copy{min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:6px;margin-top:0}.cloud-projects-copy>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px}.cloud-projects-copy h2{margin:0;color:var(--wavy-navy);font-size:20px}.cloud-projects-copy span{color:#6b7a8a;font-size:12px;font-weight:700;letter-spacing:.12em}.projects-page .cloud-projects-copy p{margin:0;color:#56627a;font-size:15px;line-height:1.45}.cloud-projects-section>button{height:48px;padding:0 20px;border:2px solid #2f7f73;border-radius:12px;background:#fff;color:#1f5c53;font:inherit;font-size:15px;cursor:pointer}.cloud-projects-section>button:hover{background:#eaf6f2}.cloud-project-error{grid-column:2 / -1;margin:0;color:#a33b4e;font-size:13px}.cloud-project-list{grid-column:1 / -1;display:grid;gap:8px}.cloud-project-list>button{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:18px;padding:11px 14px;border:1px solid #cfe7e1;border-radius:12px;background:#fff;color:var(--wavy-navy);text-align:left;cursor:pointer}.cloud-project-list>button:hover{border-color:#2f7f73}.cloud-project-list strong,.cloud-project-list small{display:block}.cloud-project-list small,.cloud-project-list time{color:#6b7a8a;font-size:12px}.cloud-project-list b{color:#1f5c53;font-size:13px}.projects-builds{max-width:1640px;margin:0 auto}.projects-builds-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:16px}.projects-builds-heading h2{margin:0;color:var(--wavy-navy);font-size:24px}.projects-builds-heading span{color:#6b7a8a;font-size:15px}.projects-layout{max-width:none;display:block}.project-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.project-card{min-width:0;min-height:330px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:190px auto auto;gap:14px;padding:12px;border:2px solid #e3ebe8;border-bottom:5px solid #cfe7e1;border-radius:18px;background:#fff;color:var(--wavy-navy);box-shadow:0 5px #cfe7e1;text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}.project-card:nth-child(3n+1){border-bottom-color:#9fd6ca}.project-card:nth-child(3n+2){border-bottom-color:#cfe7e1}.project-card:nth-child(3n){border-bottom-color:#b9ded5}.project-card:hover{border-color:#7fcbbb;border-bottom-color:#2f7f73;box-shadow:0 9px #cfe7e1,0 14px 25px #1e2a441a;transform:translateY(-2px)}.project-card.selected{border-color:#5ccdb8;border-bottom-color:var(--wavy-navy);background:#f1faf8;box-shadow:0 0 0 3px #d8f2ed,0 6px 0 var(--wavy-navy)}.project-thumbnail,.project-modal-preview{position:relative;display:flex;align-items:center;justify-content:center;gap:18px;overflow:hidden;border:1px solid #ece6d8;border-radius:12px;background-color:#f7f3ea;background-image:radial-gradient(#ddd5c4 1.3px,transparent 1.3px);background-size:18px 18px}.project-thumbnail{grid-row:auto;min-height:0}.project-thumbnail .wokwi-preview{flex:0 0 62px;width:62px;height:68px;border:0;background:transparent;transform:scale(.9)}.project-thumbnail:after,.project-thumbnail-label{position:absolute;right:10px;bottom:10px;z-index:2;padding:4px 10px;border-radius:99px;background:#ffffffe6;color:#6b7a8a;content:"WORKBENCH";font-size:11px;font-weight:700;letter-spacing:.08em}.project-card-copy{min-width:0;align-self:start;display:flex;flex-direction:column;gap:6px;padding:0 6px}.project-card-copy strong{overflow:hidden;font-size:19px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.project-card-copy small{color:#6b7a8a;font-size:14px}.project-card-copy time{color:#8b9699;font-size:12px}.project-card-footer{align-self:end;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 6px 4px;border-top:1px solid #eef0ee}.project-card-footer b{display:inline-flex;align-items:center;gap:6px;color:#1f5c53;font-size:15px}.project-card-footer .ui-icon{width:16px;height:16px}.project-card-footer i{padding:5px 10px;border-radius:99px;background:#f1f4f3;color:#6b7a8a;font-size:11px;font-style:normal;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.project-card.selected .project-card-footer i{background:#e3f3ef;color:#1f5c53}.project-details-modal{position:fixed;z-index:100;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:#1f2a4461;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.project-details{position:relative;top:auto;width:min(1080px,100%);max-height:calc(100vh - 48px);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-auto-rows:auto;gap:20px 32px;overflow:auto;padding:28px;border:2px solid #cfe7e1;border-bottom:6px solid #9fd6ca;border-radius:20px;background:#fff;box-shadow:0 24px 60px #1f2a4440}.project-details-header{grid-column:2;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.project-details-header h2{max-width:360px;margin:6px 0 0;overflow:hidden;color:var(--wavy-navy);font-size:24px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.project-details-header .project-details-intro{margin:5px 0 0;color:#6b7a8a;font-size:15px}.project-details-close{flex:none;width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:12px;background:#f1f4f3;color:#3a4447;cursor:pointer}.project-details-close:hover{background:#e3ebe8}.project-details-close .ui-icon{width:22px;height:22px}.project-details .project-modal-preview{grid-column:1;grid-row:1 / span 6;min-height:420px}.project-modal-preview .wokwi-preview{flex:0 0 78px;width:78px;height:90px;border:0;background:transparent;transform:scale(1.15)}.project-modal-preview .project-thumbnail-label{right:12px;bottom:12px;content:none}.project-details>label{grid-column:2;margin:0;color:#56627a;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.project-details>label input{width:100%;height:50px;margin-top:8px;padding:0 14px;border:1.5px solid #d4ddd9;border-radius:12px;background:#fff;color:#1f2a3a;font:inherit;font-size:16px;text-transform:none}.project-details>label input:focus{border-color:#2f7f73;box-shadow:0 0 0 3px #5ccdb829;outline:0}.project-stats{grid-column:2;gap:10px;margin:0}.project-stats span{padding:14px 8px;border:1px solid #d4ddd9;border-radius:12px;background:#f5f8f7;color:#6b7a8a;font-size:13px}.project-stats strong{margin-bottom:4px;color:var(--wavy-navy);font-size:28px}.project-metadata{grid-column:2;margin:0;padding:12px 0;border-color:#e5efec}.project-metadata span{color:#6b7a8a;font-size:14px}.project-metadata b{color:var(--wavy-navy)}.project-details .open-project-button{grid-column:2;width:100%}.project-open-hint{grid-column:2;margin:-10px 0 0;color:#8b9699;font-size:12px;text-align:center}.project-details-actions{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:10px}.project-details-actions button{width:100%;height:48px;margin:0;border:1.5px solid #d4ddd9;border-radius:12px;background:#fff;color:#1f2a3a;font:inherit;font-size:15px;cursor:pointer}.project-details-actions .rename-project-button:hover{border-color:#2f7f73}.project-details-actions .delete-project-button{border-color:#f0c7cc;color:#c0364a}.project-details-actions .delete-project-button:hover{background:#fdf1f2}@media(max-width:1050px){.project-library{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.projects-page main{min-height:calc(100vh - 104px);padding:30px 15px 48px}.projects-heading{align-items:stretch;flex-direction:column;gap:20px}.projects-heading h1{font-size:44px}.projects-heading p{font-size:16px}.projects-heading-actions{flex-wrap:wrap}.projects-heading-actions>a,.projects-heading-actions>button{flex:1 1 180px;justify-content:center}.projects-page .cloud-projects-section{grid-template-columns:auto minmax(0,1fr);padding:18px}.cloud-projects-section>button{grid-column:1 / -1;width:100%}.cloud-project-error{grid-column:1 / -1}.projects-builds-heading{align-items:flex-start;flex-direction:column;gap:6px}.project-library{grid-template-columns:1fr}.project-details-modal{align-items:flex-start;padding:12px;overflow-y:auto}.project-details{grid-template-columns:1fr;max-height:calc(100vh - 24px);padding:20px;gap:16px}.project-details-header,.project-details .project-modal-preview,.project-details>label,.project-stats,.project-metadata,.project-details .open-project-button,.project-open-hint,.project-details-actions{grid-column:1}.project-details .project-modal-preview{grid-row:auto;min-height:230px}}.lesson-task-mode .rack-tabs.rack-tabs-1{grid-template-columns:1fr}.lesson-task-mode .rack-tabs.rack-tabs-2{grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:1021px){.lesson-task-mode .workspace.task-palette-hidden{grid-template-columns:minmax(440px,1fr) minmax(390px,30vw)}.lesson-task-mode .workspace.task-rack-hidden{grid-template-columns:240px minmax(440px,1fr)}.lesson-task-mode .workspace.parts-collapsed.task-rack-hidden{grid-template-columns:44px minmax(440px,1fr)}.lesson-task-mode .workspace.task-palette-hidden.task-rack-hidden{grid-template-columns:minmax(0,1fr)}}@media(min-width:681px)and (max-width:1020px){.lesson-task-mode .workspace.task-palette-hidden{grid-template-columns:minmax(0,1fr)}.lesson-task-mode .workspace.task-palette-hidden .right-dock{grid-column:1}.lesson-task-mode .workspace.task-rack-hidden{grid-template-columns:220px minmax(0,1fr)}.lesson-task-mode .workspace.parts-collapsed.task-rack-hidden{grid-template-columns:44px minmax(0,1fr)}.lesson-task-mode .workspace.task-palette-hidden.task-rack-hidden{grid-template-columns:minmax(0,1fr)}}.learning-sync-status{position:fixed;z-index:10000;right:18px;bottom:18px;max-width:min(420px,calc(100vw - 36px));padding:12px 14px;border:1px solid #d7cfb7;border-radius:12px;background:#fffdf7;color:#26332f;box-shadow:0 12px 34px #28302a2e;font:600 13px/1.35 system-ui,sans-serif}.learning-sync-status.is-saved{pointer-events:none}.learning-sync-status button{margin-left:8px;padding:7px 10px;border:1px solid #7067c7;border-radius:8px;background:#766ee2;color:#fff;font:inherit;cursor:pointer}.learning-sync-status.is-error{border-color:#d98b73}@media(max-width:620px){body:has(.lesson-player) .learning-sync-status{top:69px;bottom:auto;pointer-events:none}body:has(.lesson-player) .learning-sync-status button{pointer-events:auto}}.collaboration-panel{position:fixed;z-index:220;top:76px;right:16px;width:min(390px,calc(100vw - 24px));max-height:calc(100vh - 92px);overflow:auto;padding:18px;border:1px solid var(--volt-line);border-radius:22px;background:#fffdf8;color:var(--volt-ink);box-shadow:0 18px 60px #17233a2e}.collaboration-panel>header{display:flex;align-items:start;justify-content:space-between}.collaboration-panel>header span,.friends-panel header span{color:var(--volt-orange);font-size:9px;font-weight:900;letter-spacing:.12em}.collaboration-panel h2,.friends-panel h2{margin:2px 0;font-size:23px}.collaboration-panel>header button{width:34px;height:34px;border:0;border-radius:10px;background:#f0ecff;color:var(--volt-purple-dark);font-size:22px;cursor:pointer}.collaboration-status{display:flex;align-items:center;gap:7px;margin:13px 0;padding:9px 11px;border-radius:11px;background:#fff3df;color:#7d4b19;font-size:10px;font-weight:800}.collaboration-status i{width:8px;height:8px;border-radius:50%;background:#e5a62e}.collaboration-status.state-connected{background:#e8f7f1;color:#087050}.collaboration-status.state-connected i{background:#20a873}.collaboration-panel section{padding:14px 0;border-top:1px solid var(--volt-line)}.collaboration-panel h3{margin:0 0 9px;font-size:12px}.presence-list{display:flex;flex-wrap:wrap;gap:7px}.presence-list>span{display:flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid var(--volt-line);border-radius:999px;font-size:10px;font-weight:800}.presence-list i{width:9px;height:9px;border-radius:50%}.presence-list small{color:var(--volt-muted);font-size:8px}.invite-controls,.friends-panel>div{display:flex;gap:7px}.invite-controls select,.invite-result input,.friends-panel input{min-width:0;flex:1;border:1px solid var(--volt-line);border-radius:10px;background:#fff;padding:9px}.invite-controls button,.invite-result button,.shared-run-controls button,.friends-panel button{border:0;border-radius:10px;background:var(--volt-purple);color:#fff;padding:9px 11px;font-size:9px;font-weight:900;cursor:pointer}.invite-result{display:grid;gap:9px;margin-top:10px;padding:11px;border-radius:13px;background:#f4f1ff}.invite-result label{display:grid;gap:4px;font-size:9px;font-weight:900}.invite-result label>span{display:flex;gap:5px}.invite-result strong{flex:1;padding:8px;border:1px dashed #b8a9f6;border-radius:9px;font:900 16px monospace;letter-spacing:.1em}.outstanding-invites{display:grid;gap:7px;margin-top:10px}.outstanding-invites h4{margin:0;font-size:10px}.outstanding-invites article{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;border:1px solid var(--volt-line);border-radius:10px;background:#fff}.outstanding-invites span{display:grid;font-size:9px}.outstanding-invites small{color:var(--volt-muted);font-size:8px}.outstanding-invites button{border:0;background:transparent;color:var(--volt-red);font-size:8px;font-weight:800;cursor:pointer}.member-list{display:grid;gap:7px}.member-list article{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;border:1px solid var(--volt-line);border-radius:11px}.member-list article>div{display:flex;align-items:center;gap:7px}.member-list i{width:8px;height:8px;border-radius:50%;background:#c7c9ce}.member-list i.online{background:#20a873}.member-list span{display:flex;gap:5px}.member-list article>div span{display:grid;font-size:10px;font-weight:800}.member-list small{color:var(--volt-muted);font-size:8px}.member-list b{text-transform:capitalize;font-size:9px}.member-list select{border:1px solid var(--volt-line);border-radius:7px;background:#fff;font-size:9px}.member-list button{border:0;background:transparent;color:var(--volt-red);font-size:8px;cursor:pointer}.shared-run-controls p{color:var(--volt-muted);font-size:10px;line-height:1.5}.shared-run-controls .transfer-control{display:block;margin-top:6px;background:#ece7ff;color:var(--volt-purple-dark)}.collaboration-error{color:var(--volt-red);font-size:10px;font-weight:800}.collaboration-button{min-height:38px;padding:0 13px;border:1px solid #c9bcfa;border-radius:11px;background:#f0ecff;color:var(--volt-purple-dark);font-size:9px;font-weight:900;cursor:pointer}.collaboration-button.online:before{content:"";display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:var(--volt-green)}.shared-project-picker{display:flex;align-items:center;gap:7px}.shared-project-picker>span{min-width:0;flex:1;display:grid}.shared-project-picker b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.shared-project-picker small{color:var(--volt-muted);font-size:8px;text-transform:capitalize}.collaboration-notice{position:fixed;z-index:210;top:72px;left:50%;display:flex;align-items:center;gap:10px;padding:9px 13px;border:1px solid #d6ccfb;border-radius:11px;background:#f4f1ff;color:var(--volt-purple-dark);box-shadow:0 5px 18px #17233a1f;font-size:10px;font-weight:800;transform:translate(-50%)}.collaboration-notice button{border:0;background:transparent;color:inherit;cursor:pointer}.friends-panel{margin-top:26px;padding:22px;border:1px solid var(--volt-line);border-radius:22px;background:#fff}.friends-panel header{display:flex;justify-content:space-between}.friends-panel code{align-self:center;padding:7px 10px;border-radius:9px;background:#f0ecff;color:var(--volt-purple-dark)}.friends-panel>p{color:var(--volt-muted);font-size:11px}.friends-panel article{display:flex;align-items:center;gap:8px;padding:8px 0;border-top:1px solid var(--volt-line)}.friends-panel article>span{flex:1;display:grid;font-size:11px;font-weight:800}.friends-panel article small{color:var(--volt-muted);font-size:8px}.projects-heading-actions{display:flex;align-items:center;gap:8px}.projects-heading-actions>button{display:inline-flex;align-items:center;justify-content:center;gap:7px}.projects-heading-actions>a{padding:10px 12px;border:1px solid #d7cdfd;border-radius:11px;color:var(--volt-purple-dark);font-size:9px;font-weight:900;text-decoration:none}.cloud-projects-section{margin:0 0 28px;padding:20px;border:1px solid #d9d0fb;border-radius:22px;background:linear-gradient(120deg,#faf8ff,#fffdf8)}.cloud-projects-section>header{display:flex;align-items:center;justify-content:space-between;gap:20px}.cloud-projects-section>header span{color:var(--volt-purple-dark);font-size:9px;font-weight:900;letter-spacing:.12em}.cloud-projects-section h2{margin:3px 0;font-size:20px}.cloud-projects-section p{margin:4px 0;color:var(--volt-muted);font-size:10px}.cloud-projects-section>header button{padding:10px 13px;border:0;border-radius:11px;background:var(--volt-purple);color:#fff;font-size:9px;font-weight:900;cursor:pointer}.cloud-projects-section>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:9px;margin-top:13px}.cloud-projects-section>div>button{min-width:0;display:grid;gap:5px;padding:12px;border:1px solid var(--volt-line);border-radius:14px;background:#fff;color:inherit;text-align:left;cursor:pointer}.cloud-projects-section button span{display:grid}.cloud-projects-section button small{color:var(--volt-muted);font-size:8px;text-transform:capitalize}.cloud-projects-section button time{color:var(--volt-muted);font-size:8px}.cloud-projects-section button>b{display:inline-flex;align-items:center;gap:6px;color:var(--volt-purple-dark);font-size:9px}.cloud-project-error{color:var(--volt-red)!important;font-weight:800}.join-page main{width:min(620px,calc(100% - 28px));margin:70px auto;padding:30px;border:1px solid var(--volt-line);border-radius:24px;background:#fff;box-shadow:0 12px 36px #17233a14}.join-page h1{margin:7px 0}.join-page p{color:var(--volt-muted)}.join-page form{display:flex;gap:8px;margin-top:18px}.join-page input{flex:1;padding:11px;border:1px solid var(--volt-line);border-radius:11px;text-transform:uppercase}.join-page button{padding:11px 16px;border:0;border-radius:11px;background:var(--volt-purple);color:#fff;font-weight:900;cursor:pointer}@media(max-width:680px){.collaboration-panel{top:68px;right:6px;width:calc(100vw - 12px);max-height:calc(100vh - 74px)}.join-page form{flex-direction:column}}.collaboration-panel{border-color:var(--wavy-primary-line, #9fdfd3);background:var(--wavy-paper, #fbfdfc);color:var(--wavy-navy, #1e2a44);box-shadow:0 18px 60px #1e2a4433}.collaboration-panel>header{margin:-18px -18px 0;padding:18px;border-radius:21px 21px 0 0;background:#1e2a44;color:#f7fbff}.collaboration-panel>header span,.friends-panel header span{color:#5ccdb8}.collaboration-panel>header button{background:#5ccdb8;color:#1e2a44}.collaboration-panel section{border-color:var(--wavy-line, #d5e2df)}.invite-controls select,.invite-result input,.friends-panel input,.member-list select{border-color:var(--wavy-line, #d5e2df);color:#1e2a44}.invite-controls button,.invite-result button,.shared-run-controls button,.friends-panel button,.cloud-projects-section>header button,.join-page button{background:#5ccdb8;color:#1e2a44;box-shadow:0 3px #3d9f90}.invite-controls button:hover,.invite-result button:hover,.shared-run-controls button:hover,.friends-panel button:hover,.cloud-projects-section>header button:hover,.join-page button:hover{background:#72d7c5}.invite-result,.collaboration-notice{border-color:var(--wavy-primary-line, #9fdfd3);background:var(--wavy-primary-soft, #e5f8f4);color:#1e2a44}.invite-result strong{border-color:#5ccdb8}.shared-run-controls .transfer-control,.collaboration-button,.friends-panel code{border-color:var(--wavy-primary-line, #9fdfd3);background:var(--wavy-primary-soft, #e5f8f4);color:#1e2a44}.collaboration-button:hover{border-color:#5ccdb8;background:#d9f4ef}.friends-panel{border-color:var(--wavy-line, #d5e2df);background:var(--wavy-paper, #fbfdfc)}.projects-heading-actions>a{border-color:var(--wavy-primary-line, #9fdfd3);color:#1e2a44}.projects-heading-actions>a:hover{background:var(--wavy-primary-soft, #e5f8f4)}.cloud-projects-section{border-color:var(--wavy-primary-line, #9fdfd3);background:linear-gradient(120deg,#eaf9f6,var(--wavy-paper, #fbfdfc))}.cloud-projects-section>header span,.cloud-projects-section button>b{color:#286c63}.cloud-projects-section>div>button:hover{border-color:#5ccdb8;background:#f0faf7}.join-page main{border-color:var(--wavy-primary-line, #9fdfd3);box-shadow:0 12px 36px #1e2a441a}.collaboration-panel button:focus-visible,.collaboration-panel select:focus-visible,.collaboration-panel input:focus-visible,.friends-panel button:focus-visible,.friends-panel input:focus-visible,.cloud-projects-section button:focus-visible,.join-page button:focus-visible,.join-page input:focus-visible{outline:3px solid #1e2a44;outline-offset:3px}.collaboration-panel>header button:focus-visible{outline-color:#5ccdb8}@media(prefers-reduced-motion:reduce){:root:not([data-profile-reduce-motion=false]) .collaboration-panel *,:root:not([data-profile-reduce-motion=false]) .collaboration-notice *,:root:not([data-profile-reduce-motion=false]) .friends-panel *,:root:not([data-profile-reduce-motion=false]) .cloud-projects-section *{transition:none!important}}:root{--probe-dropdown-ink: var(--npn-ink);--probe-dropdown-muted: var(--npn-muted);--probe-dropdown-surface: var(--npn-bg);--probe-dropdown-hover: var(--npn-surface);--probe-dropdown-selected: var(--npn-blue-soft);--probe-dropdown-selected-ink: var(--npn-blue-ink);--probe-dropdown-line: var(--npn-line-strong);--probe-dropdown-accent: var(--npn-blue);--probe-dropdown-focus: color-mix(in srgb, var(--npn-blue), white 35%);--probe-dropdown-shadow: 0 var(--npn-lip) 0 var(--npn-line), 0 14px 34px rgb(35 49 58 / 16%)}:root:root select{appearance:auto;border-color:var(--probe-dropdown-line);border-radius:12px;background-color:var(--probe-dropdown-surface);color:var(--probe-dropdown-ink);color-scheme:light;font-family:var(--npn-font);font-weight:700;cursor:pointer;transition:border-color .12s ease,background-color .12s ease,box-shadow .12s ease}:root:root select:hover:not(:disabled){border-color:var(--probe-dropdown-focus);background-color:var(--npn-surface)}:root:root select:focus-visible{border-color:var(--probe-dropdown-accent);outline:3px solid color-mix(in srgb,var(--npn-blue),transparent 55%);outline-offset:2px}:root:root select:required:invalid{color:var(--probe-dropdown-muted)}:root:root select:disabled,:root:root select[aria-busy=true]{border-color:var(--npn-line);background-color:var(--npn-surface-2);color:var(--npn-disabled);cursor:not-allowed;opacity:.72}@supports (appearance: base-select){select,::picker(select){appearance:base-select}:root:root select{appearance:base-select;align-items:center;gap:.45em;padding-inline-end:.55em}:root:root select::picker-icon{width:.75em;height:.75em;flex:0 0 .75em;margin-inline-start:auto;background:currentColor;content:"";clip-path:polygon(12% 30%,50% 68%,88% 30%,100% 42%,50% 92%,0 42%);opacity:.72;transition:transform .14s ease,opacity .14s ease}:root:root select:open{border-color:var(--probe-dropdown-accent);background-color:var(--probe-dropdown-surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--npn-blue),transparent 75%)}:root:root select:open::picker-icon{opacity:1;transform:rotate(180deg)}::picker(select){max-height:min(360px,62vh);max-width:calc(100vw - 16px);padding:6px;font-size:14px;overflow:auto;border:2px solid var(--npn-line);border-radius:16px;background:var(--probe-dropdown-surface);color:var(--probe-dropdown-ink);box-shadow:var(--probe-dropdown-shadow);scrollbar-color:var(--npn-line-strong) var(--npn-surface);scrollbar-width:thin}:root:root option,:root:root optgroup{font-family:var(--npn-font)}:root:root option{min-height:36px;align-items:center;gap:10px;margin:1px 0;padding:8px 10px;border:0;border-radius:10px;background:var(--probe-dropdown-surface);color:var(--probe-dropdown-ink);font-size:14px;font-weight:700;line-height:1.25;cursor:pointer}:root:root option:hover,:root:root option:focus{background:var(--probe-dropdown-hover);color:var(--probe-dropdown-ink);outline:2px solid var(--probe-dropdown-focus);outline-offset:-2px}:root:root option:checked{background:var(--probe-dropdown-selected);color:var(--probe-dropdown-selected-ink);font-weight:800}:root:root option::checkmark{order:2;margin-inline-start:auto;color:var(--probe-dropdown-accent);font-weight:900}:root:root option:disabled{background:var(--probe-dropdown-surface);color:var(--npn-disabled);cursor:not-allowed}:root:root option:disabled::checkmark{visibility:hidden}:root:root optgroup{padding:7px 9px 4px;color:var(--probe-dropdown-muted);font-weight:800}:root:root .net-flag-select{gap:2px;padding-inline:3px}:root:root .resistor-value-input select,:root:root .capacitor-value-input select{padding-inline:6px}}:root[data-profile-reduce-motion=true] select,:root[data-profile-reduce-motion=true] select::picker-icon{transition:none}@media(prefers-reduced-motion:reduce){:root:not([data-profile-reduce-motion=false]) select,:root:not([data-profile-reduce-motion=false]) select::picker-icon{transition:none}}@media(forced-colors:active){:root:root select,:root:root select:disabled,::picker(select),:root:root option{border-color:ButtonText;background:Field;color:FieldText;box-shadow:none;forced-color-adjust:auto}:root:root option:checked{background:Highlight;color:HighlightText}}:root{--wavy-primary: var(--npn-primary);--wavy-primary-hover: var(--npn-primary-hover);--wavy-primary-soft: var(--npn-primary-soft);--wavy-primary-line: color-mix(in srgb, var(--npn-primary), white 45%);--wavy-navy: var(--npn-ink);--wavy-navy-soft: var(--npn-ink-2);--wavy-yellow: var(--npn-gold);--wavy-paper: var(--npn-bg);--wavy-cloud: var(--npn-surface);--wavy-line: var(--npn-line);--wavy-muted: var(--npn-muted)}:root .learning-app,:root .probe-profile-root,:root .product-page{--learn-ink: var(--npn-ink);--learn-muted: var(--npn-muted);--learn-paper: var(--npn-bg);--learn-cloud: var(--npn-surface);--learn-line: var(--npn-line);--learn-purple: var(--npn-primary);--learn-purple-dark: var(--npn-primary-edge);--learn-orange: var(--npn-warning);--learn-teal: var(--npn-primary);--learn-green: var(--npn-success);--learn-red: var(--npn-danger);--learn-yellow: var(--npn-gold);--volt-purple: var(--npn-primary);--volt-purple-dark: var(--npn-primary-edge);color:var(--npn-ink);background:var(--npn-bg);font-family:var(--npn-font);font-weight:600;-webkit-font-smoothing:antialiased}:root .learning-app h1,:root .learning-app h2,:root .learning-app h3,:root .probe-profile-root h1,:root .probe-profile-root h2,:root .probe-profile-root h3{font-family:var(--npn-font);font-weight:800;letter-spacing:-.01em;text-transform:none}.npn-btn{--btn-bg: var(--npn-primary);--btn-edge: var(--npn-primary-edge);--btn-ink: var(--npn-on-solid);position:relative;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 22px;border:0;border-radius:var(--npn-radius);background:var(--btn-bg);color:var(--btn-ink);box-shadow:0 var(--npn-lip) 0 var(--btn-edge);font:800 15px/1 var(--npn-font);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:transform var(--npn-dur-press) linear,box-shadow var(--npn-dur-press) linear,filter var(--npn-dur-fast) ease;-webkit-tap-highlight-color:transparent}.npn-btn:hover{filter:brightness(1.06)}.npn-btn:active{transform:translateY(var(--npn-lip));box-shadow:0 0 0 var(--btn-edge)}.npn-btn:disabled,.npn-btn[aria-disabled=true]{--btn-bg: var(--npn-surface-2);--btn-edge: var(--npn-line-strong);--btn-ink: var(--npn-disabled);cursor:default;filter:none;transform:none}.npn-btn--secondary{--btn-bg: var(--npn-bg);--btn-edge: var(--npn-line-strong);--btn-ink: var(--npn-blue);border:var(--npn-border) solid var(--npn-line-strong)}.npn-btn--blue{--btn-bg: var(--npn-blue);--btn-edge: var(--npn-blue-edge)}.npn-btn--success{--btn-bg: var(--npn-success);--btn-edge: var(--npn-success-edge)}.npn-btn--danger{--btn-bg: var(--npn-danger);--btn-edge: var(--npn-danger-edge)}.npn-btn--ghost{--btn-bg: transparent;--btn-edge: transparent;--btn-ink: var(--npn-blue)}.npn-btn--block{width:100%}:root .probe-nav{font-family:var(--npn-font);background:var(--npn-bg);border-color:var(--npn-line);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}:root .probe-nav .brand{gap:10px;color:var(--npn-primary);font:900 26px/1 var(--npn-font);letter-spacing:-.02em;text-transform:none}:root .probe-nav .brand-mark{width:40px;height:40px}.npn-nav-glyph{width:32px;height:32px;flex:0 0 32px;display:block}:root .probe-nav .primary-nav a{height:auto;min-height:52px;display:flex;align-items:center;gap:18px;padding:8px 16px;border:var(--npn-border) solid transparent;border-radius:var(--npn-radius);background:transparent;color:var(--npn-ink-2);box-shadow:none;font:800 15px/1 var(--npn-font);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;transform:none;transition:background var(--npn-dur-fast) ease}:root .probe-nav .primary-nav a:hover{background:var(--npn-surface);color:var(--npn-ink);transform:none;box-shadow:none}:root .probe-nav .primary-nav a.active{border-color:color-mix(in srgb,var(--npn-blue),white 40%);background:var(--npn-blue-soft);color:var(--npn-blue-ink);box-shadow:none}:root .probe-nav .primary-nav a:active .npn-nav-glyph{transform:scale(.9)}:root .probe-nav .npn-nav-glyph{transition:transform var(--npn-dur-fast) var(--npn-ease-spring)}:root .probe-nav .primary-nav a:hover .npn-nav-glyph{transform:scale(1.08) rotate(-4deg)}@media(min-width:768px){:root :is(.learning-app,.probe-profile-root,.product-page)>.probe-nav{position:fixed;z-index:200;inset:0 auto 0 0;width:var(--npn-sidebar-compact);height:100vh;min-height:0;display:flex;flex-direction:column;align-items:stretch;gap:16px;padding:24px 12px;border:0;border-right:var(--npn-border) solid var(--npn-line);overflow-y:auto}:root :is(.learning-app,.probe-profile-root,.product-page)>.probe-nav .brand{justify-content:center;padding:4px 0 12px}:root :is(.learning-app,.probe-profile-root,.product-page)>.probe-nav .brand>span{display:none}:root :is(.learning-app,.probe-profile-root,.product-page)>.probe-nav .primary-nav{height:auto;display:flex;flex-direction:column;align-self:stretch;gap:6px;overflow:visible}:root :is(.learning-app,.probe-profile-root,.product-page)>.probe-nav .primary-nav a{justify-content:center;padding:8px}:root :is(.learning-app,.probe-profile-root,.product-page)>.probe-nav .npn-nav-label{display:none}:root :is(.learning-app,.probe-profile-root,.product-page)>.probe-nav .probe-nav__right,:root :is(.learning-app,.probe-profile-root,.product-page)>.probe-nav .header-signin{margin:auto 0 0}:root :is(.learning-app,.probe-profile-root,.product-page)>.probe-nav .probe-nav__right{flex-direction:column;align-items:stretch}:root :is(.learning-app,.probe-profile-root,.product-page):has(>.probe-nav){padding-left:var(--npn-sidebar-compact)}}@media(min-width:1160px){:root :is(.learning-app,.probe-profile-root,.product-page)>.probe-nav{width:var(--npn-sidebar);padding:28px 16px}:root :is(.learning-app,.probe-profile-root,.product-page)>.probe-nav .brand{justify-content:flex-start;padding:4px 16px 20px}:root :is(.learning-app,.probe-profile-root,.product-page)>.probe-nav .brand>span{display:inline}:root :is(.learning-app,.probe-profile-root,.product-page)>.probe-nav .primary-nav a{justify-content:flex-start;padding:8px 16px}:root :is(.learning-app,.probe-profile-root,.product-page)>.probe-nav .npn-nav-label{display:inline}:root :is(.learning-app,.probe-profile-root,.product-page):has(>.probe-nav){padding-left:var(--npn-sidebar)}}@media(max-width:767.98px){:root :is(.learning-app,.probe-profile-root,.product-page)>.probe-nav{position:fixed;z-index:200;inset:auto 0 0;height:calc(var(--npn-tabbar) + env(safe-area-inset-bottom,0px));min-height:0;display:flex;align-items:stretch;gap:0;padding:0 4px env(safe-area-inset-bottom,0px);border:0;border-top:var(--npn-border) solid var(--npn-line)}:root :is(.learning-app,.probe-profile-root,.product-page)>.probe-nav .brand,:root :is(.learning-app,.probe-profile-root,.product-page)>.probe-nav .header-spacer{display:none}:root :is(.learning-app,.probe-profile-root,.product-page)>.probe-nav .primary-nav{flex:1;height:100%;display:flex;justify-content:space-around;gap:0;padding:0;overflow:visible}:root :is(.learning-app,.probe-profile-root,.product-page)>.probe-nav .primary-nav a{flex:1;min-width:0;min-height:0;height:auto;justify-content:center;margin:6px 2px;padding:0}:root :is(.learning-app,.probe-profile-root,.product-page)>.probe-nav .npn-nav-label{display:none}:root :is(.learning-app,.probe-profile-root,.product-page)>.probe-nav .probe-nav__right,:root :is(.learning-app,.probe-profile-root,.product-page)>.probe-nav .header-signin{position:fixed;top:10px;right:12px;margin:0}:root :is(.learning-app,.probe-profile-root,.product-page):has(>.probe-nav){padding-bottom:calc(var(--npn-tabbar) + env(safe-area-inset-bottom,0px) + 16px)}}:root .learning-path-page .path-layout{max-width:calc(var(--npn-column) + var(--npn-rail) + 96px);display:grid;grid-template-columns:minmax(0,var(--npn-column)) var(--npn-rail);grid-template-areas:"path stats" "path rail";grid-template-rows:auto 1fr;align-items:start;justify-content:center;gap:20px 32px;margin:0 auto;padding:24px 24px 120px}:root .learning-path-page .journey{grid-area:path;min-width:0}:root .learning-path-page .path-rail{position:static;top:auto}:root .learning-path-page .path-rail--left{grid-area:stats;position:sticky;top:24px;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:8px 4px;padding:0}:root .learning-path-page .path-rail--right{grid-area:rail;position:sticky;top:96px;display:grid;gap:16px}@media(max-width:1100px){:root .learning-path-page .path-layout{grid-template-columns:minmax(0,var(--npn-column));grid-template-areas:"stats" "path" "rail";grid-template-rows:none;gap:16px;padding:0 16px 96px}:root .learning-path-page .path-rail--left{top:0;margin:0 -16px;padding:10px 16px;justify-content:space-between;background:var(--npn-bg);border-bottom:var(--npn-border) solid var(--npn-line)}:root .learning-path-page .path-rail--right{position:static}}:root .learning-path-page .path-rail--left>.npn-stat{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:0;border-radius:var(--npn-radius-sm);background:transparent;cursor:default;transition:background var(--npn-dur-fast) ease}:root .learning-path-page .path-rail--left>.npn-stat:hover{background:var(--npn-surface)}:root .learning-path-page .path-rail--left>.npn-stat>span{width:26px;height:26px;flex:0 0 26px;display:grid;place-items:center}:root .learning-path-page .path-rail--left>.npn-stat>span .ui-icon{width:26px;height:26px;stroke-width:2.4}:root .learning-path-page .path-rail--left>.npn-stat div{display:flex;align-items:baseline;gap:4px}:root .learning-path-page .path-rail--left>.npn-stat b{font:800 16px/1 var(--npn-font)}:root .learning-path-page .path-rail--left>.npn-stat small{display:none}:root .learning-path-page .npn-stat--streak{color:var(--npn-warning)}:root .learning-path-page .npn-stat--xp{color:var(--npn-gold-edge)}:root .learning-path-page .npn-stat--path{color:var(--npn-blue)}:root .learning-path-page .path-rail--left>.learning-economy{display:inline-flex;align-items:center;gap:6px;margin:0;padding:6px 10px;border:0;border-radius:var(--npn-radius-sm);background:transparent;color:var(--npn-danger);font:800 14px/1.2 var(--npn-font);box-shadow:none}:root .learning-path-page .path-rail--left>.learning-economy .learning-economy__header{display:inline-flex;align-items:center;gap:6px}:root .learning-path-page .path-rail--left>.learning-economy .learning-economy__header>strong,:root .learning-path-page .path-rail--left>.learning-economy small{display:none}:root .learning-path-page .path-rail--left>.learning-economy .learning-economy__balance{display:inline-flex;align-items:center;gap:6px}:root .learning-path-page .path-rail--left>.learning-economy .ui-icon{width:24px;height:24px}:root .learning-path-page .path-rail--left>.learning-progress-reset{order:9;padding:6px 10px;border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius-sm);background:var(--npn-bg);color:var(--npn-muted);font:700 12px/1 var(--npn-font)}:root .learning-path-page .path-rail--right .quest-cards,:root .learning-path-page .path-rail--right>*{border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius-lg);background:var(--npn-bg);box-shadow:none}:root .learning-path-page .path-unit{--unit: var(--npn-unit, var(--npn-primary)) !important}:root .learning-path-page .path-unit{margin-bottom:40px}:root .learning-path-page .unit-banner{position:sticky;z-index:4;top:16px;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;margin:0 0 8px;padding:16px 16px 16px 20px;border:0;border-radius:var(--npn-radius-lg);background:var(--unit, var(--npn-primary));color:#fff;box-shadow:0 var(--npn-lip) 0 color-mix(in srgb,var(--unit, var(--npn-primary)),black 22%)}@media(max-width:1100px){:root .learning-path-page .unit-banner{top:64px}}:root .learning-path-page .unit-banner__icon{display:none}:root .learning-path-page .unit-banner>div:nth-child(2)>span{opacity:.85;font:800 13px/1.2 var(--npn-font);letter-spacing:.06em}:root .learning-path-page .unit-banner h2{margin:4px 0 0;color:#fff;font:800 20px/1.2 var(--npn-font)}:root .learning-path-page .unit-banner p{display:none}:root .learning-path-page .unit-banner__actions{display:flex;align-items:center;gap:8px}:root .learning-path-page .unit-banner__actions .unit-mastery-badge{display:none}:root .learning-path-page .unit-banner__actions>div{display:flex;gap:8px}:root .learning-path-page .unit-banner__actions a,:root .learning-path-page .unit-banner__actions>div>span{min-height:44px;display:inline-flex;align-items:center;gap:8px;padding:0 14px;border:var(--npn-border) solid rgba(0,0,0,.16);border-radius:var(--npn-radius);background:transparent;color:#fff;box-shadow:0 3px #00000029;font:800 13px/1 var(--npn-font);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;transition:transform var(--npn-dur-press) linear,box-shadow var(--npn-dur-press) linear,background var(--npn-dur-fast) ease}:root .learning-path-page .unit-banner__actions a:hover{background:#ffffff1f}:root .learning-path-page .unit-banner__actions a:active{transform:translateY(3px);box-shadow:0 0 #00000029}:root .learning-path-page .winding-path{--path-amp: 46px;--pitch: 124px;min-height:0;display:grid;justify-items:center;gap:0;padding:48px 0 24px;overflow:visible}:root .learning-path-page .winding-path>svg{display:none}:root .learning-path-page .path-step{--offset: calc(var(--swing, 0) * var(--path-amp));position:relative;height:var(--pitch);min-height:0;width:100%;display:flex;justify-content:center;align-items:flex-start;padding:0;transform:translate(var(--offset))}:root .learning-path-page .path-step.is-current:first-of-type{margin-top:64px}:root .learning-path-page .path-step>a{position:relative;z-index:2;width:auto;min-width:0;flex:none;display:block;padding:0;border:0;border-radius:50%;background:none;box-shadow:none;text-decoration:none}:root .learning-path-page .path-node{--node: var(--npn-surface-2);--node-edge: var(--npn-line-strong);--node-ink: var(--npn-disabled);position:relative;width:84px;height:76px;flex:none;display:grid;place-items:center;border:0;border-radius:50%;background:var(--node);color:var(--node-ink);box-shadow:0 8px 0 var(--node-edge);transform:translateY(0);transition:transform var(--npn-dur-press) linear,box-shadow var(--npn-dur-press) linear,filter var(--npn-dur-fast) ease}:root .learning-path-page .path-node i{display:grid;place-items:center;font-size:38px;transform:none}:root .learning-path-page .path-node .npn-glyph{width:40px;height:40px;overflow:visible}:root .learning-path-page .path-node .ui-icon{width:30px;height:30px;stroke-width:3}:root .learning-path-page .path-step>a:not([aria-disabled=true]):hover .path-node{filter:brightness(1.05)}:root .learning-path-page .path-step>a:not([aria-disabled=true]):active .path-node{transform:translateY(8px);box-shadow:0 0 0 var(--node-edge)}:root .learning-path-page .path-step.is-complete .path-node{--node: var(--unit, var(--npn-primary));--node-edge: color-mix(in srgb, var(--unit, var(--npn-primary)), black 24%);--node-ink: #fff}:root .learning-path-page .path-step.is-available .path-node{--node: var(--npn-bg);--node-edge: var(--npn-line-strong);--node-ink: var(--unit, var(--npn-primary));outline:var(--npn-border) solid var(--npn-line-strong);outline-offset:-2px}:root .learning-path-page .path-step.is-current .path-node{--node: var(--unit, var(--npn-primary));--node-edge: color-mix(in srgb, var(--unit, var(--npn-primary)), black 24%);--node-ink: #fff;outline:0}:root .learning-path-page .path-step.is-current>a:not(.next-action):before{position:absolute;z-index:-1;inset:-11px -11px -19px;border:7px solid var(--npn-surface-2);border-radius:50%;content:"";background:conic-gradient(var(--unit, var(--npn-primary)) var(--step-progress, 0%),transparent 0) border-box;-webkit-mask:linear-gradient(#000 0 0) padding-box exclude,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) padding-box exclude,linear-gradient(#000 0 0)}:root .learning-path-page .path-step.is-locked{color:inherit;filter:none}:root .learning-path-page .path-step.is-locked .path-node{--node: var(--npn-surface-2);--node-edge: var(--npn-line-strong);--node-ink: var(--npn-disabled)}:root .learning-path-page .path-node__copy{position:absolute;z-index:6;left:calc(100% + 18px);top:50%;width:max-content;max-width:min(240px,44vw);display:grid;gap:2px;padding:10px 14px;border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius);background:var(--npn-bg);color:var(--npn-ink);box-shadow:var(--npn-shadow-pop);text-align:left;opacity:0;pointer-events:none;transform:translate(-6px,-50%) scale(.96);transform-origin:left center;transition:opacity var(--npn-dur-fast) ease,transform var(--npn-dur-fast) var(--npn-ease-out)}:root .learning-path-page .path-step>a:is(:hover,:focus-visible) .path-node__copy{opacity:1;transform:translateY(-50%) scale(1)}:root .learning-path-page .path-step[data-side=left] .path-node__copy{left:auto;right:calc(100% + 18px);transform:translate(6px,-50%) scale(.96);transform-origin:right center}:root .learning-path-page .path-step[data-side=left]>a:is(:hover,:focus-visible) .path-node__copy{transform:translateY(-50%) scale(1)}:root .learning-path-page .path-node__copy:before{position:absolute;top:50%;left:-8px;width:12px;height:12px;border:solid var(--npn-line);border-width:0 0 var(--npn-border) var(--npn-border);content:"";background:var(--npn-bg);transform:translateY(-50%) rotate(45deg)}:root .learning-path-page .path-step[data-side=left] .path-node__copy:before{left:auto;right:-8px;transform:translateY(-50%) rotate(-135deg)}:root .learning-path-page .path-step.is-current>a:is(:hover,:focus-visible) .path-node__copy{opacity:0}:root .learning-path-page .path-node__copy small{color:var(--npn-muted);font:800 11px/1.2 var(--npn-font);letter-spacing:.08em;text-transform:uppercase}:root .learning-path-page .path-node__copy strong{font:800 15px/1.25 var(--npn-font)}:root .learning-path-page .path-node__copy em{color:var(--npn-muted);font:700 12px/1.3 var(--npn-font);font-style:normal}:root .learning-path-page .path-node__tier{position:absolute;right:-6px;bottom:-6px;display:grid;place-items:center;min-width:26px;height:22px;padding:0 5px;border:2px solid #fff;border-radius:8px;background:var(--npn-gold);color:var(--npn-ink);font:900 10px/1 var(--npn-font)}:root .learning-path-page .path-step .next-action.current-flag{position:absolute;z-index:7;left:50%;bottom:calc(100% + 12px);top:auto;width:max-content;max-width:220px;display:grid;justify-items:center;gap:1px;padding:10px 16px;border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius);background:var(--npn-bg);color:var(--unit, var(--npn-primary))!important;box-shadow:none;text-align:center;text-decoration:none;transform:translate(-50%);animation:npn-bob 1.6s var(--npn-ease-in-out) infinite}:root .learning-path-page .path-step .next-action.current-flag:after{position:absolute;left:calc(50% - 8px);bottom:-9px;width:14px;height:14px;border:solid var(--npn-line);border-width:0 var(--npn-border) var(--npn-border) 0;background:var(--npn-bg);content:"";transform:rotate(45deg)}:root .learning-path-page .path-step .next-action.current-flag small{opacity:1;font:900 15px/1.1 var(--npn-font);letter-spacing:.08em}:root .learning-path-page .path-step .next-action.current-flag strong{margin:0;color:var(--npn-ink);font:800 13px/1.25 var(--npn-font)}:root .learning-path-page .path-step .next-action.current-flag span{display:block;color:var(--npn-muted);font:700 11px/1.2 var(--npn-font)}:root .learning-path-page .path-step .next-action.current-flag:hover{transform:translate(-50%);box-shadow:none}:root .learning-path-page .path-companion{position:absolute;z-index:1;top:38px;left:calc(50% + 80px);width:110px;pointer-events:none;transform:translateY(-58%)}:root .learning-path-page .path-step[data-side=left] .path-companion{left:auto;right:calc(50% + 80px)}@media(max-width:520px){:root .learning-path-page .path-companion{display:none}}:root .learning-path-page .review-mode-banner,:root .learning-path-page .lesson-review-banner{margin:0 0 16px;padding:12px 16px;border:var(--npn-border) solid color-mix(in srgb,var(--npn-blue),white 50%);border-radius:var(--npn-radius);background:var(--npn-blue-soft);color:var(--npn-blue-ink)}:root .learning-path-page .journey__welcome{display:block;margin:0 0 16px}:root .learning-path-page .journey__welcome h1{margin:0 0 4px;font-size:22px}:root .learning-path-page .journey__welcome p{margin:0;color:var(--npn-muted);font-size:14px}@keyframes npn-bob{0%,to{translate:0 0}50%{translate:0 -6px}}@keyframes npn-pop-in{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}@keyframes npn-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes npn-shake{0%,to{translate:0 0}20%{translate:-8px 0}40%{translate:7px 0}60%{translate:-5px 0}80%{translate:3px 0}}@keyframes npn-shine{0%{background-position:-120% 0}to{background-position:220% 0}}@media(prefers-reduced-motion:reduce){:root:not([data-profile-reduce-motion=false]) .learning-path-page .next-action.current-flag{animation:none}}:root[data-profile-reduce-motion=true] .learning-path-page .next-action.current-flag{animation:none}:root .learning-path-page .path-unit .path-step.is-current .path-node{box-shadow:0 8px 0 var(--node-edge);animation:npn-node-pulse 2.4s var(--npn-ease-in-out) infinite}@keyframes npn-node-pulse{0%,to{box-shadow:0 8px 0 var(--node-edge),0 0 color-mix(in srgb,var(--unit),transparent 55%)}50%{box-shadow:0 8px 0 var(--node-edge),0 0 0 12px color-mix(in srgb,var(--unit),transparent 100%)}}:root[data-profile-reduce-motion=true] .learning-path-page .path-step.is-current .path-node{animation:none}@media(prefers-reduced-motion:reduce){:root:not([data-profile-reduce-motion=false]) .learning-path-page .path-step.is-current .path-node{animation:none}}:root .learning-path-page .path-unit .path-node{border:0;background:var(--node);color:var(--node-ink)}:root .learning-path-page .path-unit .path-step:not(.is-current) .path-node{box-shadow:0 8px 0 var(--node-edge)}:root .learning-path-page .path-unit .path-step>a:not([aria-disabled=true]):active .path-node{transform:translateY(8px);box-shadow:0 0 0 var(--node-edge);animation:none}@media(max-width:600px){:root .learning-path-page .unit-banner{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:14px 14px 14px 16px}:root .learning-path-page .unit-banner__actions a,:root .learning-path-page .unit-banner__actions>div>span{min-height:40px;padding:0 12px;font-size:0;gap:0}:root .learning-path-page .unit-banner__actions a .ui-icon{width:22px;height:22px;font-size:22px}:root .learning-path-page .path-rail--left{gap:4px 0;flex-wrap:nowrap}:root .learning-path-page .path-rail--left>.npn-stat,:root .learning-path-page .path-rail--left>.learning-economy{padding:6px}:root .learning-path-page .path-rail--left>.npn-stat b,:root .learning-path-page .path-rail--left>.learning-economy{font-size:15px}:root .learning-path-page .path-rail--left>.npn-stat--path{display:none}}:root .lesson-player{--check-bar: 112px;background:var(--npn-bg)}:root .lesson-player .lesson-topbar{width:100%;max-width:1080px;min-height:72px;display:grid;grid-template-columns:44px minmax(0,1fr) auto auto;align-items:center;gap:16px;margin:0 auto;padding:16px 24px 8px;border:0;background:transparent;box-shadow:none}:root .lesson-player .lesson-topbar>button:first-child{width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:var(--npn-radius-sm);background:transparent;color:var(--npn-disabled);transition:color var(--npn-dur-fast) ease,background var(--npn-dur-fast) ease}:root .lesson-player .lesson-topbar>button:first-child:hover{color:var(--npn-muted);background:var(--npn-surface)}:root .lesson-player .lesson-topbar>button:first-child .ui-icon{width:26px;height:26px;stroke-width:3}:root .lesson-player .lesson-progressbar{position:relative;height:16px;overflow:visible;border-radius:var(--npn-radius-pill);background:var(--npn-surface-2);box-shadow:none}:root .lesson-player .lesson-progressbar i{position:relative;min-width:16px;height:100%;display:block;border-radius:inherit;background:var(--npn-primary);box-shadow:none;transition:width var(--npn-dur-slow) var(--npn-ease-spring)}:root .lesson-player .lesson-progressbar i:after{position:absolute;top:3px;left:8px;right:8px;height:4px;border-radius:4px;background:#ffffff52;content:""}:root .lesson-player .npn-combo{position:absolute;left:12px;top:-18px;color:var(--npn-warning);font:900 12px/1 var(--npn-font);letter-spacing:.08em;white-space:nowrap;animation:npn-pop-in var(--npn-dur) var(--npn-ease-spring) both}:root .lesson-player .lesson-xp{display:inline-flex;align-items:center;gap:6px;color:var(--npn-gold-edge);font:800 16px/1 var(--npn-font)}:root .lesson-player .lesson-xp .ui-icon{width:24px;height:24px;font-size:24px}:root .lesson-player .hint-button{height:40px;display:inline-flex;align-items:center;gap:6px;padding:0 14px;border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius);background:var(--npn-bg);color:var(--npn-blue);box-shadow:0 3px 0 var(--npn-line);font:800 13px/1 var(--npn-font);letter-spacing:.06em;text-transform:uppercase}:root .lesson-player .hint-button:active:not(:disabled){transform:translateY(3px);box-shadow:none}:root .lesson-player .hint-button:disabled{color:var(--npn-disabled);box-shadow:0 3px 0 var(--npn-line)}:root .lesson-player .hint-button>span{display:inline-grid}:root .lesson-player .lesson-stage{grid-template-columns:minmax(0,1000px);padding:16px 24px calc(var(--check-bar) + 32px);background:transparent}:root .lesson-player .lesson-stage>.learning-economy{justify-self:end;display:inline-flex;align-items:center;gap:6px;width:auto;margin:0 0 8px;padding:4px 10px;border:0;border-radius:var(--npn-radius-sm);background:transparent;color:var(--npn-danger);box-shadow:none;font:800 14px/1.2 var(--npn-font)}:root .lesson-player .lesson-stage>.learning-economy .learning-economy__header{display:inline-flex;align-items:center;gap:6px}:root .lesson-player .lesson-stage>.learning-economy .learning-economy__header>strong,:root .lesson-player .lesson-stage>.learning-economy small{display:none}:root .lesson-player .lesson-stage>.learning-economy .learning-economy__balance{display:inline-flex;align-items:center;gap:6px}:root .lesson-player .lesson-stage>.learning-economy .ui-icon{width:22px;height:22px}:root .lesson-player .lesson-context{color:var(--npn-muted);font:800 12px/1.3 var(--npn-font);letter-spacing:.06em;text-transform:uppercase}:root .lesson-player .lesson-context button{border:0;background:transparent;color:var(--npn-blue);font:800 12px/1 var(--npn-font);cursor:pointer}:root .lesson-player .exercise-prompt__type{color:var(--npn-purple);font:900 13px/1.2 var(--npn-font);letter-spacing:.08em}:root .lesson-player .exercise-prompt h1{margin:6px 0 8px;color:var(--npn-ink);font:800 clamp(24px,3vw,32px)/1.2 var(--npn-font);letter-spacing:-.01em}:root .lesson-player .exercise-prompt p{color:var(--npn-ink-2);font:600 16px/1.5 var(--npn-font)}:root .learning-app .learn-option{min-height:64px;padding:12px 16px;border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius);background:var(--npn-bg);color:var(--npn-ink);box-shadow:0 var(--npn-lip) 0 var(--npn-line);font-family:var(--npn-font);transition:transform var(--npn-dur-press) linear,box-shadow var(--npn-dur-press) linear,background var(--npn-dur-fast) ease,border-color var(--npn-dur-fast) ease;-webkit-tap-highlight-color:transparent}:root .learning-app .learn-option:hover:not(:disabled){border-color:var(--npn-line-strong);background:var(--npn-surface)}:root .learning-app .learn-option:active:not(:disabled){transform:translateY(var(--npn-lip));box-shadow:0 0 0 var(--npn-line)}:root .learning-app .learn-option.is-selected{border-color:color-mix(in srgb,var(--npn-blue),white 30%);background:var(--npn-blue-soft);color:var(--npn-blue-ink);box-shadow:0 var(--npn-lip) 0 color-mix(in srgb,var(--npn-blue),white 30%)}:root .learning-app .learn-option>span{border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius-sm);background:var(--npn-bg);color:var(--npn-muted);font:800 14px/1 var(--npn-font)}:root .learning-app .learn-option.is-selected>span{border-color:color-mix(in srgb,var(--npn-blue),white 30%);background:var(--npn-bg);color:var(--npn-blue)}:root .learning-app .learn-option b{font:700 16px/1.35 var(--npn-font)}:root .learning-app .learn-option small{color:var(--npn-muted);font:600 13px/1.35 var(--npn-font)}:root .learning-app .learn-button{min-height:50px;padding:0 24px;border:0;border-radius:var(--npn-radius);font:800 15px/1 var(--npn-font);letter-spacing:.06em;text-transform:uppercase;transition:transform var(--npn-dur-press) linear,box-shadow var(--npn-dur-press) linear,filter var(--npn-dur-fast) ease}:root .learning-app .learn-button .ui-icon{display:none}:root .learning-app .learn-button--primary{background:var(--npn-primary);color:#fff;box-shadow:0 var(--npn-lip) 0 var(--npn-primary-edge)}:root .learning-app .learn-button--primary:hover:not(:disabled){filter:brightness(1.06)}:root .learning-app .learn-button--quiet{border:var(--npn-border) solid var(--npn-line-strong);background:var(--npn-bg);color:var(--npn-muted);box-shadow:0 var(--npn-lip) 0 var(--npn-line-strong)}:root .learning-app .learn-button:active:not(:disabled){transform:translateY(var(--npn-lip));box-shadow:none}:root .learning-app .learn-button:disabled{opacity:1;background:var(--npn-surface-2);color:var(--npn-disabled);box-shadow:0 var(--npn-lip) 0 var(--npn-line-strong);border-color:transparent}:root .lesson-player:not(.explanation-player):after{position:fixed;z-index:60;left:0;right:0;bottom:0;height:var(--check-bar);border-top:var(--npn-border) solid var(--npn-line);background:var(--npn-bg);content:"";pointer-events:none}:root .lesson-player .exercise-submit{position:fixed;z-index:61;right:max(24px,calc(50vw - 500px));bottom:calc((var(--check-bar) - 50px) / 2);min-width:160px;margin:0}:root .lesson-player:has(.answer-feedback) .exercise-submit{visibility:hidden}:root .lesson-player .explanation-navigation{min-height:var(--check-bar);grid-template-columns:auto minmax(0,1fr) auto;gap:16px;padding:0 max(24px,calc(50vw - 500px));border-top:var(--npn-border) solid var(--npn-line);background:var(--npn-bg);box-shadow:none}:root .lesson-player .explanation-navigation>div{text-align:center}:root .lesson-player .explanation-navigation>div span{color:var(--npn-ink);font:800 14px/1 var(--npn-font)}:root .lesson-player .explanation-navigation>div small{display:block;margin-top:4px;color:var(--npn-muted);font:600 13px/1.3 var(--npn-font)}:root .lesson-player .explanation-navigation .learn-button{min-width:150px}:root .lesson-player .answer-feedback{position:fixed;z-index:120;left:0;right:0;bottom:0;min-height:140px;grid-template-columns:auto minmax(0,1fr) auto;gap:16px 20px;padding:24px max(24px,calc(50vw - 500px));border:0;animation:npn-slide-up var(--npn-dur) var(--npn-ease-out) both}:root .lesson-player .answer-feedback.is-correct{background:var(--npn-success-soft);color:var(--npn-success-ink)}:root .lesson-player .answer-feedback.is-wrong{background:var(--npn-danger-soft);color:var(--npn-danger-ink)}:root .lesson-player .answer-feedback__mascot{width:72px;height:72px;border-radius:50%;background:#ffffffb3}:root .lesson-player .answer-feedback span{display:inline-flex;align-items:center;gap:10px;font:900 24px/1.1 var(--npn-font);letter-spacing:0}:root .lesson-player .npn-feedback-icon{width:32px;height:32px;display:inline-grid;place-items:center;border-radius:50%;background:currentColor;animation:npn-pop-in var(--npn-dur) var(--npn-ease-spring) both}:root .lesson-player .npn-feedback-icon .ui-icon{width:20px;height:20px;color:#fff;stroke-width:4}:root .lesson-player .answer-feedback h2{margin:6px 0 2px;color:inherit;font:800 16px/1.3 var(--npn-font)}:root .lesson-player .answer-feedback p{margin:0;color:inherit;font:600 15px/1.45 var(--npn-font);opacity:.92}:root .lesson-player .answer-feedback small{color:inherit;font:600 13px/1.3 var(--npn-font);opacity:.8}:root .lesson-player .answer-feedback .learn-button--feedback{min-width:160px;border:0;color:#fff}:root .lesson-player .answer-feedback.is-correct .learn-button--feedback{background:var(--npn-success);box-shadow:0 var(--npn-lip) 0 var(--npn-success-edge)}:root .lesson-player .answer-feedback.is-wrong .learn-button--feedback{background:var(--npn-danger);box-shadow:0 var(--npn-lip) 0 var(--npn-danger-edge)}:root .lesson-player .lesson-stage.has-error .learn-option.is-selected{animation:npn-shake .4s var(--npn-ease-out);border-color:color-mix(in srgb,var(--npn-danger),white 30%);background:var(--npn-danger-soft);color:var(--npn-danger-ink);box-shadow:0 var(--npn-lip) 0 color-mix(in srgb,var(--npn-danger),white 30%)}:root .lesson-player .lesson-stage.has-correct .learn-option.is-selected{border-color:color-mix(in srgb,var(--npn-success),white 20%);background:var(--npn-success-soft);color:var(--npn-success-ink);box-shadow:0 var(--npn-lip) 0 color-mix(in srgb,var(--npn-success),white 20%)}:root .lesson-player .lesson-mascot .lesson-coach-companion .selected-companion__message{border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius);background:var(--npn-bg);color:var(--npn-ink);box-shadow:none;font:700 15px/1.4 var(--npn-font)}@media(max-width:760px){:root .lesson-player{--check-bar: 96px}:root .lesson-player .lesson-topbar{grid-template-columns:36px minmax(0,1fr) auto;gap:12px;padding:12px 16px 4px}:root .lesson-player .lesson-topbar .lesson-xp{display:none}:root .lesson-player .lesson-stage{padding:8px 16px calc(var(--check-bar) + 24px)}:root .lesson-player .learn-options{grid-template-columns:1fr}:root .lesson-player .exercise-submit{left:16px;right:16px;bottom:calc((var(--check-bar) - 50px) / 2);width:auto}:root .lesson-player .explanation-navigation{padding:0 16px;gap:8px}:root .lesson-player .explanation-navigation .learn-button{min-width:0;padding:0 16px}:root .lesson-player .explanation-navigation>div small{display:none}:root .lesson-player .answer-feedback{grid-template-columns:minmax(0,1fr);padding:20px 16px}:root .lesson-player .answer-feedback__mascot{display:none}:root .lesson-player .answer-feedback .learn-button--feedback{width:100%}}@media(prefers-reduced-motion:reduce){:root:not([data-profile-reduce-motion=false]) .lesson-player :is(.answer-feedback,.npn-feedback-icon,.npn-combo,.learn-option){animation:none}}:root[data-profile-reduce-motion=true] .lesson-player :is(.answer-feedback,.npn-feedback-icon,.npn-combo,.learn-option){animation:none}:root .completion-screen{min-height:100vh;background:var(--npn-bg)}:root .completion-screen main{width:min(640px,calc(100% - 32px));padding:48px 0 140px}:root .completion-screen .completion-rays{top:24px;width:320px;height:320px;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--npn-gold),transparent 75%) 0 8deg,transparent 8deg 22deg);animation:npn-spin 18s linear infinite;-webkit-mask:radial-gradient(circle,#000 35%,transparent 70%);mask:radial-gradient(circle,#000 35%,transparent 70%)}:root .completion-screen .selected-companion,:root .completion-screen .pico-mascot{animation:npn-pop-in var(--npn-dur-slow) var(--npn-ease-spring) both}:root .completion-screen .completion-kicker{margin-top:28px;color:var(--npn-gold-edge);font:900 clamp(26px,4vw,34px)/1.1 var(--npn-font);letter-spacing:0;animation:npn-pop-in var(--npn-dur) var(--npn-ease-spring) .1s both}:root .completion-screen h1{margin:6px 0 28px;color:var(--npn-ink-2);font:700 18px/1.3 var(--npn-font);letter-spacing:0}:root .completion-screen .completion-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%;max-width:520px}:root .completion-screen .completion-stats .npn-tile{--tile: var(--npn-gold);min-width:0;display:grid;overflow:hidden;padding:0;border:var(--npn-border) solid var(--tile);border-radius:var(--npn-radius);background:var(--tile);color:var(--npn-ink);animation:npn-pop-in var(--npn-dur) var(--npn-ease-spring) both}:root .completion-screen .npn-tile--xp{--tile: var(--npn-gold);animation-delay:.2s!important}:root .completion-screen .npn-tile--tasks{--tile: var(--npn-blue);animation-delay:.4s!important}:root .completion-screen .npn-tile--attempts{--tile: var(--npn-success);animation-delay:.6s!important}:root .completion-screen .npn-tile small{padding:6px 4px 4px;color:#fff;font:900 12px/1 var(--npn-font);letter-spacing:.08em;text-transform:uppercase}:root .completion-screen .npn-tile b{margin:0 3px 3px;padding:14px 4px;border-radius:calc(var(--npn-radius) - 4px);background:var(--npn-bg);color:var(--tile);font:900 24px/1 var(--npn-font);font-variant-numeric:tabular-nums}:root .completion-screen main>p{margin:24px 0 0;color:var(--npn-muted);font:600 15px/1.4 var(--npn-font)}:root .completion-screen main>.learn-button--primary{position:fixed;z-index:10;right:max(24px,calc(50vw - 500px));bottom:31px;min-width:200px}:root .completion-screen:after{position:fixed;left:0;right:0;bottom:0;height:112px;border-top:var(--npn-border) solid var(--npn-line);background:var(--npn-bg);content:""}@media(max-width:760px){:root .completion-screen main>.learn-button--primary{left:16px;right:16px;bottom:23px}:root .completion-screen:after{height:96px}}@keyframes npn-spin{to{rotate:360deg}}:root[data-profile-reduce-motion=true] .completion-screen :is(.completion-rays,.npn-tile,.completion-kicker,.selected-companion,.pico-mascot){animation:none}@media(prefers-reduced-motion:reduce){:root:not([data-profile-reduce-motion=false]) .completion-screen :is(.completion-rays,.npn-tile,.completion-kicker,.selected-companion,.pico-mascot){animation:none}}:root .learning-sync-status{position:fixed;z-index:300;inset:12px auto auto 50%;max-width:min(520px,calc(100vw - 32px));display:flex;align-items:center;gap:10px;padding:8px 14px;border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius-pill);background:var(--npn-bg);color:var(--npn-ink-2);box-shadow:var(--npn-shadow-pop);font:700 13px/1.3 var(--npn-font);transform:translate(-50%);animation:npn-pop-in var(--npn-dur) var(--npn-ease-spring) both}:root .learning-sync-status.is-saved{color:var(--npn-success-ink)}:root .learning-sync-status.is-error{border-color:color-mix(in srgb,var(--npn-danger),white 50%);color:var(--npn-danger-ink);border-radius:var(--npn-radius)}:root .learning-sync-status button{padding:6px 12px;border:0;border-radius:var(--npn-radius-sm);background:var(--npn-danger);color:#fff;box-shadow:0 3px 0 var(--npn-danger-edge);font:800 12px/1 var(--npn-font);letter-spacing:.06em;text-transform:uppercase;cursor:pointer}:root .learning-path-page .npn-stat-glyph{width:28px;height:28px}:root .learning-path-page .path-unit .path-node{overflow:visible;--glyph-shade: color-mix(in srgb, var(--node-edge), black 8%)}:root .learning-path-page .path-unit .path-node:after{position:absolute;inset:7px 11px auto auto;width:30px;height:12px;border-radius:99px;content:"";background:#ffffff47;transform:rotate(-38deg);pointer-events:none}:root .learning-path-page .path-unit .path-step:is(.is-locked,.is-available) .path-node:after{background:#ffffffb3}:root .learning-path-page .path-unit .path-step.is-locked .path-node{--glyph-shade: color-mix(in srgb, var(--npn-disabled), white 35%)}:root .learning-path-page .path-unit .path-step.is-available .path-node{--glyph-shade: color-mix(in srgb, var(--unit, var(--npn-primary)), white 45%)}:root .learning-path-page .npn-trail{position:absolute;z-index:0;top:46px;left:calc(50% - var(--path-amp));width:calc(var(--path-amp) * 2);height:var(--pitch);overflow:visible;pointer-events:none}:root .learning-path-page .npn-trail path{fill:none;stroke:var(--npn-line);stroke-width:10px;stroke-linecap:round;stroke-dasharray:2px 16px}:root .learning-path-page .npn-trail.is-lit path,:root .learning-path-page .npn-trail.is-flow path{stroke:color-mix(in srgb,var(--unit, var(--npn-primary)),white 55%);stroke-dasharray:none}:root .learning-path-page .npn-trail.is-flow path{stroke:var(--unit, var(--npn-primary));stroke-dasharray:2px 14px;stroke-width:9px;animation:npn-trail-flow .9s linear infinite}:root .learning-path-page .path-step>a{z-index:2}@keyframes npn-trail-flow{to{stroke-dashoffset:-16px}}:root .learning-path-page .npn-path-side{position:absolute;z-index:1;top:38px;left:calc(50% + 74px);transform:translateY(-50%);pointer-events:auto}:root .learning-path-page .path-step[data-side=left] .npn-path-side{left:auto;right:calc(50% + 74px)}:root .learning-path-page .npn-critter{display:block;width:64px;height:76px}:root .learning-path-page .npn-critter svg{width:100%;height:100%;overflow:visible}:root .learning-path-page .npn-critter__body{transform-box:fill-box;transform-origin:50% 100%;animation:npn-critter-hop 3.2s var(--npn-ease-in-out) infinite}:root .learning-path-page .npn-critter__shadow{transform-box:fill-box;transform-origin:center;animation:npn-critter-shadow 3.2s var(--npn-ease-in-out) infinite}:root .learning-path-page .npn-critter__eye{transform-box:fill-box;transform-origin:center;animation:npn-blink 4.6s steps(1) infinite}:root .learning-path-page .npn-critter--led .npn-critter__glow{animation:npn-led-glow 2.4s ease-in-out infinite}:root .learning-path-page .npn-critter--battery .npn-critter__body{animation-delay:-.8s}:root .learning-path-page .npn-critter--resistor .npn-critter__body{animation-name:npn-critter-wiggle}:root .learning-path-page .npn-critter--capacitor .npn-critter__body{animation-delay:-1.6s}@keyframes npn-critter-hop{0%,60%,to{transform:translateY(0) scale(1)}68%{transform:translateY(0) scale(1.06,.92)}78%{transform:translateY(-9px) scale(.96,1.05)}88%{transform:translateY(0) scale(1.04,.95)}}@keyframes npn-critter-shadow{0%,70%,to{transform:scale(1);opacity:1}78%{transform:scale(.7);opacity:.6}}@keyframes npn-critter-wiggle{0%,55%,to{transform:rotate(0)}62%{transform:rotate(-8deg)}70%{transform:rotate(7deg)}78%{transform:rotate(-4deg)}86%{transform:rotate(0)}}@keyframes npn-blink{0%,92%,to{transform:scaleY(1)}94%{transform:scaleY(.1)}}@keyframes npn-led-glow{0%,to{fill:#ff5f6d;filter:none}50%{fill:#ff7a86;filter:drop-shadow(0 0 6px rgba(255,95,109,.75))}}:root .learning-path-page .npn-path-feature{position:relative;display:grid;justify-items:center;width:132px;cursor:default}:root .learning-path-page .npn-path-feature__art{width:108px;height:108px;animation:npn-bob 3.6s var(--npn-ease-in-out) infinite}:root .learning-path-page .npn-path-feature__liquid{animation:npn-liquid 2.8s ease-in-out infinite}:root .learning-path-page .npn-path-feature__bubble{transform-box:fill-box;transform-origin:center;animation:npn-bubble 2.4s ease-in infinite}:root .learning-path-page .npn-path-feature__bubble--2{animation-delay:-.9s}:root .learning-path-page .npn-path-feature__bubble--3{animation-delay:-1.6s}:root .learning-path-page .npn-path-feature__stars{display:flex;align-items:flex-start;gap:2px;margin-top:-6px;color:var(--npn-surface-2);--glyph-shade: var(--npn-line)}:root .learning-path-page .npn-path-feature__stars .npn-glyph{width:30px;height:30px;transform:rotate(-10deg)}:root .learning-path-page .npn-path-feature__stars .npn-glyph:nth-child(2){margin-top:8px;transform:none}:root .learning-path-page .npn-path-feature__stars .npn-glyph:nth-child(3){transform:rotate(10deg)}:root .learning-path-page .npn-path-feature__label{margin-top:4px;color:var(--npn-muted);font:800 11px/1.2 var(--npn-font);letter-spacing:.08em;text-transform:uppercase;opacity:0;transition:opacity var(--npn-dur-fast) ease}:root .learning-path-page .npn-path-feature:hover .npn-path-feature__label{opacity:1}@keyframes npn-liquid{0%,to{transform:translateY(0)}50%{transform:translateY(1.5px)}}@keyframes npn-bubble{0%{transform:translateY(0) scale(.6);opacity:0}20%{opacity:1}to{transform:translateY(-34px) scale(1.1);opacity:0}}@media(max-width:520px){:root .learning-path-page .winding-path{--path-amp: 40px;--pitch: 116px}:root .learning-path-page .npn-path-side{left:calc(50% + 58px)}:root .learning-path-page .path-step[data-side=left] .npn-path-side{right:calc(50% + 58px)}:root .learning-path-page .npn-path-feature{width:104px}:root .learning-path-page .npn-path-feature__art{width:84px;height:84px}:root .learning-path-page .npn-critter{width:52px;height:62px}}:root[data-profile-reduce-motion=true] .learning-path-page :is(.npn-trail path,.npn-critter *,.npn-path-feature *){animation:none!important}@media(prefers-reduced-motion:reduce){:root:not([data-profile-reduce-motion=false]) .learning-path-page :is(.npn-trail path,.npn-critter *,.npn-path-feature *){animation:none!important}}:root .quest-cards{margin-top:0;color:var(--npn-ink);font-family:var(--npn-font)}:root .learning-path-page .path-rail--right .quest-cards{padding:20px}:root .quest-cards>h2{margin:0;font:800 22px/1.2 var(--npn-font)}:root .quest-cards--compact>h2{font-size:20px}:root .quest-cards .quest-cards__icon{display:grid;place-items:center;width:52px;height:52px;flex:none;border-radius:14px;background:var(--npn-gold);color:#fff;box-shadow:0 4px 0 var(--npn-gold-edge);--glyph-shade: var(--npn-gold-edge)}:root .quest-cards .quest-cards__icon .npn-glyph{width:30px;height:30px}:root .quest-cards .quest-cards__pill{height:22px;padding:0 9px;border-radius:var(--npn-radius-pill);background:var(--npn-gold-soft);color:var(--npn-gold-edge);font:900 10.5px/1 var(--npn-font);letter-spacing:.1em}:root .quest-cards .quest-cards__label{color:var(--npn-muted);font:800 11px/1.3 var(--npn-font);letter-spacing:.08em}:root .quest-cards .quest-cards__status-dot{width:24px;height:24px;border:var(--npn-border) solid var(--npn-line-strong);background:var(--npn-bg);color:#fff;font:900 13px/1 var(--npn-font)}:root .quest-cards .quest-cards__status-dot.is-done{border-color:var(--npn-success-edge);background:var(--npn-success)}:root .quest-cards--compact .quest-cards__daily{display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:14px;align-items:start;margin-top:16px;padding:16px;border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius);background:var(--npn-bg);box-shadow:0 4px 0 var(--npn-line);color:var(--npn-ink);transition:transform var(--npn-dur-press) linear,box-shadow var(--npn-dur-press) linear,background var(--npn-dur-fast) ease}:root .quest-cards--compact .quest-cards__daily:hover{background:var(--npn-surface)}:root .quest-cards--compact .quest-cards__daily:active{transform:translateY(4px);box-shadow:0 0 0 var(--npn-line)}:root .quest-cards--compact .quest-cards__daily>.quest-cards__icon{grid-row:1 / span 4}:root .quest-cards--compact .quest-cards__daily>:not(.quest-cards__icon){grid-column:2}:root .quest-cards--compact .quest-cards__daily .quest-cards__label{margin-top:8px}:root .quest-cards--compact .quest-cards__daily-question{margin-top:3px;font:800 15px/1.35 var(--npn-font)}:root .quest-cards--compact .quest-cards__compact-action{margin-top:10px;color:var(--npn-primary-ink);font:900 13px/1 var(--npn-font);letter-spacing:.06em;text-transform:uppercase}:root .quest-cards .quest-cards__weekly-heading{margin-top:22px}:root .quest-cards .quest-cards__weekly-heading>span{color:var(--npn-ink);font:900 13px/1 var(--npn-font);letter-spacing:.08em}:root .quest-cards .quest-cards__weekly-heading>strong{color:var(--npn-muted);font:800 14px/1 var(--npn-font)}:root .quest-cards .quest-cards__segments{position:relative;grid-template-columns:repeat(3,1fr) 34px;align-items:center;gap:3px;margin-top:10px}:root .quest-cards .quest-cards__segments i{height:16px;border-radius:3px;background:var(--npn-surface-2)}:root .quest-cards .quest-cards__segments i:first-child{border-radius:99px 3px 3px 99px}:root .quest-cards .quest-cards__segments i:nth-child(3){border-radius:3px 99px 99px 3px}:root .quest-cards .quest-cards__segments i.is-done{background:linear-gradient(var(--npn-gold) 0 0) padding-box,var(--npn-gold);box-shadow:inset 0 -4px #00000014,inset 0 4px #ffffff59}:root .quest-cards .quest-cards__chest{width:34px;height:30px;margin:-8px 0 -4px 2px}:root .quest-cards .quest-cards__chest-lid{transform-box:fill-box;transform-origin:0 100%;transition:transform var(--npn-dur) var(--npn-ease-spring)}:root .quest-cards .quest-cards__chest.is-open .quest-cards__chest-lid{transform:rotate(-24deg) translateY(-2px)}:root .quest-cards .quest-cards__weekly-list{gap:2px;margin-top:12px}:root .quest-cards .quest-cards__weekly-row{border-top:0;border-radius:12px;color:var(--npn-ink);transition:background var(--npn-dur-fast) ease}:root .quest-cards .quest-cards__weekly-row:hover{background:var(--npn-surface)}:root .quest-cards--compact .quest-cards__weekly-row{grid-template-columns:30px minmax(0,1fr);gap:12px;padding:10px 8px}:root .quest-cards .quest-cards__number{width:30px;height:30px;border:0;background:var(--npn-surface-2);color:var(--npn-muted);font:900 13px/1 var(--npn-font)}:root .quest-cards .quest-cards__number.is-done{background:var(--npn-success);color:#fff;box-shadow:0 3px 0 var(--npn-success-edge)}:root .quest-cards .quest-cards__weekly-question{font:700 14px/1.4 var(--npn-font);color:var(--npn-ink-2)}:root .quest-cards__grid>article{border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius-lg);box-shadow:0 4px 0 var(--npn-line)}:root .quest-cards__daily{background:var(--npn-bg)}:root .quest-cards__grid .quest-cards__daily-top{gap:14px}:root .quest-cards__grid .quest-cards__daily-question{font:800 21px/1.3 var(--npn-font)}:root .quest-cards .quest-cards__status{font:700 14px/1 var(--npn-font);color:var(--npn-muted)}:root .quest-cards .quest-cards__button{height:46px;padding:0 20px;border:0;border-radius:var(--npn-radius);background:var(--npn-primary);box-shadow:0 4px 0 var(--npn-primary-edge);color:#fff;font:900 14px/1 var(--npn-font);letter-spacing:.06em;text-transform:uppercase}:root .quest-cards .quest-cards__button:hover{background:var(--npn-primary-hover)}:root .quest-cards .quest-cards__button:active{transform:translateY(4px);box-shadow:0 0 0 var(--npn-primary-edge)}:root .quest-cards__grid .quest-cards__weekly-row{padding:12px 8px}:root .quest-cards .quest-cards__arrow{border:var(--npn-border) solid var(--npn-line);border-radius:12px;color:var(--npn-muted)}:root .quest-cards .quest-cards__weekly-row:hover .quest-cards__arrow{border-color:var(--npn-primary);background:var(--npn-primary-soft);color:var(--npn-primary-ink)}:root .quest-cards .quest-cards__guest{border:var(--npn-border) dashed var(--npn-line-strong);border-radius:var(--npn-radius);color:var(--npn-muted);font:700 14px/1.4 var(--npn-font)}:root .quest-cards .quest-cards__guest a{color:var(--npn-blue);font-weight:900}:root .learning-path-page .npn-path-section{width:100%;display:grid;justify-items:center}:root .learning-path-page .npn-section-divider{width:100%;display:grid;grid-template-columns:minmax(24px,1fr) minmax(0,380px) minmax(24px,1fr);align-items:center;gap:16px;margin:4px 0 40px;color:var(--npn-muted);text-align:center}:root .learning-path-page .npn-section-divider:before,:root .learning-path-page .npn-section-divider:after{height:2px;border-radius:2px;content:"";background:var(--npn-line)}:root .learning-path-page .npn-section-divider span{font:800 16px/1.35 var(--npn-font);text-wrap:balance}:root .learning-path-page .npn-unit-banner__section{display:block;margin-top:4px;opacity:.92;font:800 13px/1.3 var(--npn-font);letter-spacing:.04em;animation:npn-pop-in var(--npn-dur) var(--npn-ease-out) both}:root .learning-path-page .npn-path-chest{--offset: calc(var(--swing, 0) * var(--path-amp));position:relative;height:var(--pitch);width:100%;display:flex;justify-content:center;align-items:flex-start;transform:translate(var(--offset))}:root .learning-path-page .npn-chest{position:relative;z-index:2;display:block;width:92px;height:80px;margin-top:-2px;--chest-wood: #c9d1d8;--chest-wood-dark: #aeb8c1;--chest-lid: #d9e0e6;--chest-band: #e8edf1;--chest-band-edge: #c3ccd4}:root .learning-path-page .npn-chest svg{width:100%;height:100%;overflow:visible}:root .learning-path-page .npn-path-chest.is-ready .npn-chest{--chest-wood: #c98a3a;--chest-wood-dark: #a86c27;--chest-lid: #e0a04a;--chest-band: #ffc800;--chest-band-edge: #e5a400;animation:npn-bob 2.8s var(--npn-ease-in-out) infinite;filter:drop-shadow(0 0 14px rgba(255,200,0,.45))}:root .learning-path-page .npn-chest__lid{transform-box:fill-box;transform-origin:0 100%;transition:transform var(--npn-dur-slow) var(--npn-ease-spring)}:root .learning-path-page .npn-chest.is-open .npn-chest__lid{transform:rotate(-16deg) translate(-2px,-6px)}:root .learning-path-page .npn-path-feature{width:140px}:root .learning-path-page .npn-path-feature__art{width:116px;height:116px;overflow:visible}:root .learning-path-page .npn-path-feature__body{transform-box:fill-box;transform-origin:50% 100%;animation:npn-critter-hop 3.6s var(--npn-ease-in-out) infinite}:root .learning-path-page .npn-path-feature__spark{transform-box:fill-box;transform-origin:center;animation:npn-twinkle 2.2s ease-in-out infinite}:root .learning-path-page .npn-path-feature__spark--2{animation-delay:-1.1s}:root .learning-path-page .npn-path-feature__stars{margin-top:-4px}:root .learning-path-page .npn-path-feature__stars .npn-glyph{width:34px;height:34px}:root .learning-path-page .npn-path-feature__label{padding:4px 10px;border-radius:var(--npn-radius-pill);background:var(--npn-purple-soft);color:var(--npn-purple-edge)}@keyframes npn-twinkle{0%,to{transform:scale(.6) rotate(0);opacity:.4}50%{transform:scale(1.1) rotate(20deg);opacity:1}}:root .learning-path-page .npn-prop{display:block;width:68px;height:72px}:root .learning-path-page .npn-prop svg{width:100%;height:100%;overflow:visible;animation:npn-prop-sway 5s var(--npn-ease-in-out) infinite;transform-origin:50% 90%}:root .learning-path-page .npn-prop--switch .npn-prop__toggle{transform-box:fill-box;animation:npn-toggle 4s steps(1) infinite}@keyframes npn-prop-sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg) translateY(-2px)}}@keyframes npn-toggle{0%,49%{transform:translate(0)}50%,to{transform:translate(20px)}}:root .learning-path-page .path-companion{top:30px;left:calc(50% + 64px);width:150px}:root .learning-path-page .path-step[data-side=left] .path-companion{right:calc(50% + 64px)}:root .learning-path-page .path-companion .selected-companion,:root .learning-path-page .path-companion .selected-companion__art-frame{background:none;box-shadow:none;border:0}:root .learning-path-page .path-companion .selected-companion.is-compact .selected-companion__art-frame{width:138px;height:108px}:root .learning-path-page .path-companion .selected-companion.is-compact .avatar-artwork--compact{transform:translate(-50%,-50%) scale(.95)}:root .learning-path-page .path-companion .avatar-artwork:after{display:none}@media(max-width:520px){:root .learning-path-page .path-companion{display:block;width:104px;left:calc(50% + 50px)}:root .learning-path-page .path-step[data-side=left] .path-companion{right:calc(50% + 50px)}:root .learning-path-page .path-companion .selected-companion.is-compact .avatar-artwork--compact{transform:translate(-50%,-50%) scale(.7)}:root .learning-path-page .npn-prop{width:54px;height:58px}:root .learning-path-page .npn-path-feature{width:108px}:root .learning-path-page .npn-path-feature__art{width:100px;height:92px}:root .learning-path-page .npn-section-divider span{font-size:14px}}:root[data-profile-reduce-motion=true] .learning-path-page :is(.npn-prop *,.npn-prop svg,.npn-chest,.npn-unit-banner__section){animation:none!important}@media(prefers-reduced-motion:reduce){:root:not([data-profile-reduce-motion=false]) .learning-path-page :is(.npn-prop *,.npn-prop svg,.npn-chest,.npn-unit-banner__section){animation:none!important}}:root .learning-app.learning-path-page{overflow-x:clip;overflow-y:visible}@media(max-width:1100px){:root .learning-path-page .path-step.is-current:first-of-type{margin-top:92px}}:root .learning-path-page .path-unit .path-step.is-complete .path-node{background:repeating-linear-gradient(135deg,#fff3 0 9px,#fff0 9px 18px),var(--node)}:root .learning-path-page .path-unit .path-step.is-complete .path-node:before{position:absolute;inset:0;border-radius:50%;content:"";background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.55) 50%,transparent 62%) no-repeat;background-size:260% 100%;pointer-events:none;animation:npn-node-glint 5.5s ease-in-out infinite}:root .learning-path-page .path-unit .path-step.is-complete:nth-of-type(2n) .path-node:before{animation-delay:-2.2s}:root .learning-path-page .path-unit .path-step.is-complete:nth-of-type(3n) .path-node:before{animation-delay:-3.6s}@keyframes npn-node-glint{0%,70%{background-position:130% 0}to{background-position:-30% 0}}:root .learning-path-page .path-node .npn-glyph text{paint-order:stroke}:root[data-profile-reduce-motion=true] .learning-path-page .path-node:before{animation:none!important}@media(prefers-reduced-motion:reduce){:root:not([data-profile-reduce-motion=false]) .learning-path-page .path-node:before{animation:none!important}}:root .learning-path-page .path-step .next-action.current-flag{bottom:calc(100% + 14px);padding:7px 14px;border-bottom-width:4px}:root .learning-path-page .path-step .next-action.current-flag :is(strong,span){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}:root .learning-path-page .path-step .next-action.current-flag small{font-size:16px}:root .learning-path-page .path-step.is-current>a:is(:hover,:focus-visible) .path-node__copy{opacity:1}@media(max-width:1100px){:root .learning-path-page .path-rail--right{width:100%;min-width:0;grid-template-columns:minmax(0,1fr)}}:root .learning-path-page .npn-stat--chips{color:var(--npn-purple)}:root .learning-economy .npn-economy-glyph{width:26px;height:26px;flex:none}:root .learning-path-page .path-rail--left>.learning-economy{color:var(--npn-blue)}:root .learning-path-page .path-rail--left>.learning-economy[data-mode=hearts]{color:var(--npn-danger)}@media(max-width:520px){:root .learning-path-page .path-rail--left{justify-content:space-between;gap:0}:root .learning-path-page .path-rail--left>:is(.npn-stat,.learning-economy){gap:4px;padding:4px 3px}:root .learning-path-page .path-rail--left>.npn-stat b,:root .learning-path-page .path-rail--left>.learning-economy{font-size:14px}:root .learning-path-page .path-rail--left :is(.npn-stat-glyph,.npn-economy-glyph){width:22px;height:22px}:root .learning-path-page .path-rail--left>.npn-stat>span{width:22px;height:22px;flex-basis:22px}}:root .learning-path-page .path-rail--left>.learning-economy,:root .learning-path-page .path-rail--left>.learning-economy .learning-economy__header{width:auto;min-width:max-content;max-width:none;flex:none;overflow:visible}:root .learning-path-page .path-rail--left>.learning-economy[role=status]{container-type:normal}:root .learning-path-page .path-rail--left{flex-wrap:nowrap;justify-content:space-between;gap:0}:root .learning-path-page .path-rail--left>:is(.npn-stat,.learning-economy){padding-inline:6px}:root .learning-path-page .path-rail--left{flex-wrap:wrap;row-gap:8px}:root .learning-path-page .path-rail--left>:is(.npn-stat,.learning-economy){white-space:nowrap}:root .learning-path-page .path-rail--left>.npn-stat div{flex-wrap:nowrap}:root .learning-path-page .path-rail--left>.learning-progress-reset{order:9;flex:1 0 100%;padding:8px 12px;border-bottom-width:4px;white-space:nowrap;text-align:center}:root .learning-path-page .path-rail--left{display:grid;grid-template-columns:repeat(4,auto);justify-content:space-between;align-items:center;column-gap:4px}:root .learning-path-page .path-rail--left>.learning-progress-reset{grid-column:1 / -1}:root .learning-path-page .path-rail--left>.learning-sync-status{grid-column:1 / -1}:root .learning-path-page .path-rail--left>:is(.npn-stat,.learning-economy){padding-inline:4px}:root .learning-path-page .path-rail--left>.npn-stat b,:root .learning-path-page .path-rail--left>.learning-economy{font-size:15px}:root .learning-path-page .path-rail--left :is(.npn-stat-glyph,.npn-economy-glyph){width:24px;height:24px}:root .learning-path-page .path-rail--left>.npn-stat>span{width:24px;height:24px;flex-basis:24px}:root .learning-path-page .path-rail--left{min-width:0;max-width:var(--npn-rail)}:root .learning-path-page .path-step .next-action.current-flag{min-width:0;min-height:0;height:auto}:root .landing-page{--landing-ink: var(--npn-ink);--landing-deep: color-mix(in srgb, var(--npn-ink), black 30%);--landing-teal: var(--npn-primary);--landing-teal-hover: var(--npn-primary-hover);--landing-teal-text: var(--npn-primary-edge);--landing-muted: var(--npn-ink-2);--landing-faint: var(--npn-muted);--landing-bg: var(--npn-bg);--landing-surface: var(--npn-bg);--landing-hairline: var(--npn-line);--landing-control: var(--npn-line-strong);background:var(--npn-bg);color:var(--npn-ink);font-family:var(--npn-font);font-weight:600;-webkit-font-smoothing:antialiased}:root .standalone-auth-page{--auth-ink: var(--npn-ink);--auth-secondary: var(--npn-ink-2);--auth-muted: var(--npn-muted);--auth-teal: var(--npn-primary);--auth-teal-hover: var(--npn-primary-hover);--auth-link: var(--npn-blue-ink);--auth-border: var(--npn-line);--auth-rule: var(--npn-line);background:var(--npn-bg);font-family:var(--npn-font)}:root .landing-page :is(button,input,select,textarea){font-family:var(--npn-font)}:root .landing-page .landing-header{border-bottom:var(--npn-border) solid var(--npn-line);background:var(--npn-bg);-webkit-backdrop-filter:none;backdrop-filter:none}:root .landing-page .landing-logo{gap:10px;color:var(--npn-primary);font:900 24px/1 var(--npn-font);letter-spacing:-.02em}:root .landing-page .landing-logo strong{font-weight:900}:root .landing-page .landing-logo__mark{width:38px;height:38px;border-radius:11px;background:var(--npn-primary);box-shadow:inset 0 -4px 0 var(--npn-primary-edge);transition:transform var(--npn-dur-fast) var(--npn-ease-spring)}:root .landing-page .landing-logo__mark:before{top:8px;width:26px;height:17px;border-radius:6px;background:var(--npn-ink)}:root .landing-page .landing-logo__mark i{top:14px;width:5px;height:5px;background:#6ff5dc;box-shadow:0 0 6px #6ff5dc}:root .landing-page .landing-logo__mark i:first-of-type{left:12px}:root .landing-page .landing-logo__mark i:last-of-type{left:21px}:root .landing-page .landing-logo:hover .landing-logo__mark{transform:rotate(-6deg) scale(1.06)}:root .landing-page :is(.landing-button,.landing-small-button,.auth-backbtn){--btn-bg: var(--npn-primary);--btn-edge: var(--npn-primary-edge);--btn-ink: var(--npn-on-solid);--btn-line: transparent;position:relative;min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 24px;border:var(--npn-border) solid var(--btn-line);border-radius:var(--npn-radius);background:var(--btn-bg);color:var(--btn-ink);box-shadow:0 var(--npn-lip) 0 var(--btn-edge);font:800 15px/1.1 var(--npn-font);letter-spacing:.06em;text-align:center;text-decoration:none;text-transform:uppercase;cursor:pointer;transform:none;transition:transform var(--npn-dur-press) linear,box-shadow var(--npn-dur-press) linear,filter var(--npn-dur-fast) ease,background-color var(--npn-dur-fast) ease;-webkit-tap-highlight-color:transparent}:root .landing-page .landing-small-button{min-height:42px;padding:0 16px;font-size:13px}:root .landing-page :is(.landing-button--light,.landing-small-button--light,.auth-backbtn){--btn-bg: var(--npn-bg);--btn-edge: var(--npn-line-strong);--btn-ink: var(--npn-blue);--btn-line: var(--npn-line-strong)}:root .landing-page :is(.landing-button--dark){--btn-bg: var(--npn-bg);--btn-edge: color-mix(in srgb, var(--npn-primary-edge), black 25%);--btn-ink: var(--npn-primary-ink)}:root .landing-page :is(.landing-button,.landing-small-button,.auth-backbtn):hover:not(:disabled){background:var(--btn-bg);border-color:var(--btn-line);box-shadow:0 var(--npn-lip) 0 var(--btn-edge);filter:brightness(1.05);transform:none}:root .landing-page :is(.landing-button--light,.landing-small-button--light,.auth-backbtn):hover:not(:disabled){background:var(--npn-surface);filter:none}:root .landing-page :is(.landing-button,.landing-small-button,.auth-backbtn):active:not(:disabled){transform:translateY(var(--npn-lip));box-shadow:0 0 0 var(--btn-edge)}:root .landing-page :is(.landing-button,.landing-small-button,.auth-backbtn):focus-visible{outline:3px solid color-mix(in srgb,var(--npn-blue),transparent 40%);outline-offset:3px}:root .landing-page :is(.landing-button,.landing-small-button,.auth-backbtn):disabled{--btn-bg: var(--npn-surface-2);--btn-edge: var(--npn-line-strong);--btn-ink: var(--npn-disabled);--btn-line: transparent;opacity:1;filter:none;cursor:not-allowed}:root .landing-page .landing-preview-button[aria-pressed=true]{--btn-bg: var(--npn-blue-soft);--btn-line: color-mix(in srgb, var(--npn-blue), white 30%);--btn-edge: color-mix(in srgb, var(--npn-blue), white 30%);--btn-ink: var(--npn-blue-ink)}:root .landing-page .landing-speech>div{border:var(--npn-border) solid var(--npn-line-strong);border-radius:var(--npn-radius-lg);background:var(--npn-bg);color:var(--npn-ink);box-shadow:0 var(--npn-lip) 0 var(--npn-line-strong);font:700 16px/1.4 var(--npn-font)}:root .landing-page .landing-speech>i{background:var(--npn-bg);border-color:var(--npn-line-strong);box-shadow:3px 3px 0 var(--npn-line-strong)}:root .landing-page .landing-lab-intro .landing-speech--lab>i{box-shadow:none}:root .landing-page .landing-header__inner{min-height:72px}:root .landing-page .landing-nav{gap:8px;font:800 13px/1 var(--npn-font);letter-spacing:.08em}:root .landing-page .landing-nav a{padding:10px 12px;border-radius:var(--npn-radius-sm);color:var(--npn-muted);transition:background var(--npn-dur-fast) ease,color var(--npn-dur-fast) ease}:root .landing-page .landing-nav a:hover{background:var(--npn-surface);color:var(--npn-primary-edge)}:root .landing-page .landing-signed-in-name{color:var(--npn-ink-2);font:800 14px/1.2 var(--npn-font)}:root .landing-page .landing-session-note{color:var(--npn-ink-2);font:700 14px/1.4 var(--npn-font)}:root .landing-page .landing-session-note button{padding:6px 12px;border:var(--npn-border) solid var(--npn-line-strong);border-radius:var(--npn-radius-sm);box-shadow:0 3px 0 var(--npn-line-strong);color:var(--npn-blue);font:800 12px/1 var(--npn-font);letter-spacing:.06em;text-transform:uppercase}:root .landing-page .landing-session-note button:active{transform:translateY(3px);box-shadow:none}:root .landing-page .landing-eyebrow{display:inline-flex;align-self:flex-start;align-items:center;gap:8px;color:var(--npn-primary-edge);font:900 13px/1 var(--npn-font);letter-spacing:.14em}:root .landing-page .landing-hero .landing-eyebrow:before{width:10px;height:10px;flex:none;border-radius:50%;background:var(--npn-primary);box-shadow:0 0 0 4px var(--npn-primary-soft);content:""}:root .landing-page h1{font:900 clamp(40px,5.4vw,66px)/1.04 var(--npn-font);letter-spacing:-.025em}:root .landing-page h2{font:900 clamp(30px,3.6vw,42px)/1.1 var(--npn-font);letter-spacing:-.02em}:root .landing-page h3{font-family:var(--npn-font);font-weight:800}:root .landing-page .landing-hero__copy{gap:20px}:root .landing-page .landing-hero__copy>p{color:var(--npn-ink-2);font:600 19px/1.55 var(--npn-font)}:root .landing-page .landing-hero .landing-actions{width:min(380px,100%);flex-direction:column;align-items:stretch;gap:14px;margin-top:10px}:root .landing-page .landing-hero .landing-actions .landing-button{min-height:54px;font-size:16px}:root .landing-page .landing-hero .landing-speech>div{font-size:17px}@media(max-width:760px){:root .landing-page .landing-hero .landing-speech>div{font-size:15px}}:root .landing-page .landing-section{border-top:var(--npn-border) solid var(--npn-line)}:root .landing-page .landing-how{background:var(--npn-surface);border-bottom:0}:root .landing-page .landing-feature__copy p,:root .landing-page .landing-card p,:root .landing-page .landing-cta p{font-family:var(--npn-font);font-weight:600}:root .landing-page .landing-feature__copy p{color:var(--npn-ink-2)}:root .landing-page .landing-card{--card: var(--npn-bg);--card-line: var(--npn-line);--card-edge: var(--npn-line);gap:10px;padding:28px;border:var(--npn-border) solid var(--card-line);border-radius:20px;background:var(--card);box-shadow:0 var(--npn-lip) 0 var(--card-edge);transition:transform var(--npn-dur-fast) var(--npn-ease-out),box-shadow var(--npn-dur-fast) var(--npn-ease-out)}:root .landing-page .landing-card:hover{transform:translateY(-3px);box-shadow:0 calc(var(--npn-lip) + 3px) 0 var(--card-edge)}:root .landing-page .landing-card>span{align-self:flex-start;padding:6px 10px;border-radius:var(--npn-radius-pill);background:var(--npn-gold-soft);color:var(--npn-gold-edge);font:900 12px/1 var(--npn-font);letter-spacing:.1em}:root .landing-page .landing-card h3{margin-top:6px;font:900 24px/1.2 var(--npn-font);color:var(--npn-ink)}:root .landing-page .landing-card p{color:var(--npn-ink-2);font-size:16px;line-height:1.5}:root .landing-page .landing-card--teal{--card: var(--npn-primary);--card-line: var(--npn-primary);--card-edge: var(--npn-primary-edge)}:root .landing-page .landing-card--navy{--card: var(--npn-blue);--card-line: var(--npn-blue);--card-edge: var(--npn-blue-edge)}:root .landing-page :is(.landing-card--teal,.landing-card--navy)>span{background:#ffffff38;color:#fff}:root .landing-page :is(.landing-card--teal,.landing-card--navy) :is(h3,p){color:#fff}:root .landing-page .landing-card--navy:hover{box-shadow:0 calc(var(--npn-lip) + 3px) 0 var(--card-edge)}:root .landing-page .landing-screenshot{border:var(--npn-border) solid var(--npn-line);border-radius:22px;box-shadow:0 6px 0 var(--npn-line)}:root .landing-page .landing-circuit{color:var(--npn-ink);font-family:var(--npn-font)}:root .landing-page .landing-circuit--full{padding:24px;border:var(--npn-border) solid var(--npn-line);border-radius:22px;background:var(--npn-bg);box-shadow:0 6px 0 var(--npn-line)}:root .landing-page .landing-circuit--hero{border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius-lg);box-shadow:0 var(--npn-lip) 0 var(--npn-line)}:root .landing-page .landing-circuit__intro{color:var(--npn-ink-2);font:700 17px/1.45 var(--npn-font)}:root .landing-page .landing-circuit__mini-heading{color:var(--npn-primary-edge);font:900 12px/1 var(--npn-font);letter-spacing:.1em}:root .landing-page .landing-circuit__drawing text{font-family:var(--npn-font);font-weight:800;fill:var(--npn-ink)}:root .landing-page .landing-circuit__flow circle{fill:var(--npn-gold)}:root .landing-page .landing-circuit__view{border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius);background:var(--npn-bg)}:root .landing-page .landing-circuit__view>strong{border-bottom:var(--npn-border) solid var(--npn-line);background:var(--npn-surface);color:var(--npn-muted);font:900 12px/1 var(--npn-font);letter-spacing:.1em}:root .landing-page .landing-circuit__reading{font-family:var(--npn-font-mono)}:root .landing-page .landing-circuit__arrange button{min-height:40px;padding:0 14px;border:var(--npn-border) solid var(--npn-line-strong);border-radius:var(--npn-radius-sm);background:var(--npn-bg);color:var(--npn-blue);box-shadow:0 3px 0 var(--npn-line-strong);font:800 12px/1 var(--npn-font);letter-spacing:.06em;text-transform:uppercase}:root .landing-page .landing-circuit__arrange button:active:not(:disabled){transform:translateY(3px);box-shadow:none}:root .landing-page .landing-cta{border:0;border-radius:28px;background:var(--npn-primary);box-shadow:0 8px 0 var(--npn-primary-edge)}:root .landing-page .landing-cta :is(h2,p){color:#fff}:root .landing-page .landing-cta .landing-button{min-height:56px;padding:0 32px;font-size:16px}:root .landing-page .landing-footer{border-top:var(--npn-border) solid var(--npn-line);background:var(--npn-bg)}:root .landing-page .landing-footer .landing-container{color:var(--npn-muted);font:700 14px/1.4 var(--npn-font)}:root .landing-page .landing-footer strong{color:var(--npn-primary);font:900 20px/1 var(--npn-font);letter-spacing:-.02em}:root .landing-page .landing-footer button{color:var(--npn-muted);font:800 13px/1 var(--npn-font);letter-spacing:.06em;text-transform:uppercase}:root .landing-page .landing-footer button:hover{color:var(--npn-blue)}:root .landing-page .landing-auth-overlay{background:#23313a80}:root .landing-page .landing-legal-dialog{border:var(--npn-border) solid var(--npn-line);border-radius:22px;box-shadow:0 6px 0 var(--npn-line),var(--npn-shadow-pop);animation:npn-pop-in var(--npn-dur) var(--npn-ease-spring) both}:root .landing-page .landing-legal-dialog h2{font-size:28px}:root .landing-page .landing-legal-dialog p{color:var(--npn-ink-2)}:root .landing-page .landing-auth-close{border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius-sm);color:var(--npn-disabled);font-weight:800}:root .landing-page .landing-auth-close:hover{border-color:var(--npn-line-strong);color:var(--npn-muted)}@media(max-width:760px){:root .landing-page .landing-nav{gap:2px}:root .landing-page .landing-nav a{padding:8px 10px}}@media(max-width:480px){:root .landing-page .landing-header__actions .landing-small-button--light:not(.landing-profile-link){display:none}:root .landing-page .landing-hero__inner{padding-bottom:380px}:root .landing-page h1{font-size:40px}:root .landing-page .landing-hero .landing-actions{width:100%}:root .landing-page .landing-card{padding:22px}}:root [data-landing-page]{--lp-max: 1148px;--lp-section-y: clamp(72px, 10vw, 128px)}:root [data-landing-page] main>section:not(.landing-hero)>.landing-container,:root [data-landing-page] .landing-lab-stage .landing-container,:root [data-landing-page] .landing-footer .landing-container{width:min(var(--lp-max),100%)}:root [data-landing-page] .landing-section{border-top:0}:root [data-landing-page] .landing-hero{background:var(--npn-bg)}:root [data-landing-page] .landing-hero:before{position:absolute;left:0;right:0;bottom:0;z-index:0;height:30px;border-top:var(--npn-border) solid var(--npn-line);background:var(--npn-surface);content:"";pointer-events:none}:root [data-landing-page] .landing-hero .landing-actions .landing-button--teal{--btn-bg: var(--npn-primary)}:root [data-landing-page] .landing-topics{position:relative;z-index:1;border-bottom:var(--npn-border) solid var(--npn-line);background:var(--npn-bg)}:root [data-landing-page] .landing-topics__list{margin:0 auto;padding-block:18px;list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}:root [data-landing-page] .landing-topics__item{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 14px 0 6px;border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius-pill);box-shadow:0 3px 0 var(--npn-line);background:var(--npn-bg);color:var(--npn-ink-2);font:800 13px/1 var(--npn-font);white-space:nowrap}:root [data-landing-page] .landing-topics__icon{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--npn-primary);color:#fff}:root [data-landing-page] .landing-topics__item:nth-child(4n+2) .landing-topics__icon{background:var(--npn-blue)}:root [data-landing-page] .landing-topics__item:nth-child(4n+3) .landing-topics__icon{background:var(--npn-purple)}:root [data-landing-page] .landing-topics__item:nth-child(4n+4) .landing-topics__icon{background:var(--npn-warning)}:root [data-landing-page] .landing-topics__icon .npn-glyph{width:20px;height:20px}:root [data-landing-page] .landing-eyebrow{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;color:var(--npn-primary-edge);font:900 13px/1 var(--npn-font);letter-spacing:.14em}:root [data-landing-page] main h2{font:900 clamp(32px,4.4vw,48px)/1.08 var(--npn-font);letter-spacing:-.025em;color:var(--npn-ink)}:root [data-landing-page] .landing-feature__copy p{font:600 clamp(17px,1.6vw,20px)/1.55 var(--npn-font)}:root [data-landing-page] .landing-lab-stage{background:linear-gradient(180deg,var(--npn-blue-soft) 0,color-mix(in srgb,var(--npn-blue-soft),white 55%) 70%,var(--npn-bg) 100%)}:root [data-landing-page] .landing-lab-stage .landing-feature .landing-container{padding-top:var(--lp-section-y);padding-bottom:calc(var(--lp-section-y) * .7)}:root [data-landing-page] .landing-lab-stage .landing-eyebrow{color:var(--npn-blue-ink)}:root [data-landing-page] .landing-circuit--full{border-color:color-mix(in srgb,var(--npn-blue),white 62%);border-radius:24px;box-shadow:0 8px color-mix(in srgb,var(--npn-blue),white 62%),0 24px 48px -24px #1171a159}:root [data-landing-page] .landing-how{background:var(--npn-bg);border-bottom:0}:root [data-landing-page] .landing-how .landing-container{gap:clamp(48px,7vw,88px);padding-top:var(--lp-section-y);padding-bottom:calc(var(--lp-section-y) * .6)}:root [data-landing-page] .landing-how__head{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}:root [data-landing-page] .landing-how__head .landing-eyebrow{align-self:center}:root [data-landing-page] .landing-how h2{max-width:760px;margin-inline:auto}:root [data-landing-page] .landing-rows{display:flex;flex-direction:column;gap:clamp(64px,9vw,120px)}:root [data-landing-page] .landing-row{--row: var(--npn-primary);--row-edge: var(--npn-primary-edge);--row-soft: var(--npn-primary-soft);--row-ink: var(--npn-primary-ink);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:clamp(32px,6vw,88px)}:root [data-landing-page] .landing-row:nth-child(2n) .landing-row__copy{order:2}:root [data-landing-page] .landing-row--green{--row: var(--npn-success);--row-edge: var(--npn-success-edge);--row-soft: var(--npn-success-soft);--row-ink: var(--npn-success-ink)}:root [data-landing-page] .landing-row--gold{--row: var(--npn-warning);--row-edge: var(--npn-warning-edge);--row-soft: var(--npn-gold-soft);--row-ink: #b25f00}:root [data-landing-page] .landing-row--blue{--row: var(--npn-blue);--row-edge: var(--npn-blue-edge);--row-soft: var(--npn-blue-soft);--row-ink: var(--npn-blue-ink)}:root [data-landing-page] .landing-row__copy{display:flex;flex-direction:column;align-items:flex-start;gap:14px;max-width:460px}:root [data-landing-page] .landing-row__tag{padding:7px 12px;border-radius:var(--npn-radius-pill);background:var(--row-soft);color:var(--row-ink);font:900 12px/1 var(--npn-font);letter-spacing:.12em}:root [data-landing-page] .landing-row h3{margin:0;color:var(--row);font:900 clamp(32px,4vw,46px)/1.06 var(--npn-font);letter-spacing:-.025em}:root [data-landing-page] .landing-row p{margin:0;color:var(--npn-ink-2);font:600 clamp(17px,1.6vw,20px)/1.55 var(--npn-font)}:root [data-landing-page] .landing-row__art{position:relative;min-height:340px;display:grid;place-items:center;padding:clamp(24px,4vw,40px);border-radius:36px;background:var(--row-soft)}:root [data-landing-page] .landing-row__art:before{position:absolute;inset:14px;border:3px dashed color-mix(in srgb,var(--row),transparent 72%);border-radius:26px;content:"";pointer-events:none}:root [data-landing-page] .landing-row__art--shot{padding:clamp(20px,3vw,32px)}:root [data-landing-page] .landing-row__art--shot .landing-screenshot{position:relative;z-index:1;width:100%}:root [data-landing-page] .landing-art{position:relative;z-index:1;width:100%;max-width:420px}:root [data-landing-page] .landing-art--path{height:330px}:root [data-landing-page] .landing-art__node{--x: 0px;position:absolute;left:calc(50% - 34px + var(--x));top:calc(var(--i) * 66px);width:68px;height:60px;display:grid;place-items:center;border-radius:50%;background:var(--npn-surface-2);color:var(--npn-disabled);box-shadow:0 7px 0 var(--npn-line-strong)}:root [data-landing-page] .landing-art__node:nth-child(2){--x: -52px}:root [data-landing-page] .landing-art__node:nth-child(3){--x: -26px}:root [data-landing-page] .landing-art__node:nth-child(4){--x: 36px}:root [data-landing-page] .landing-art__node:nth-child(5){--x: 10px}:root [data-landing-page] .landing-art__node .npn-glyph{width:32px;height:32px}:root [data-landing-page] .landing-art__node.is-done{background:var(--npn-gold);color:#fff;box-shadow:0 7px 0 var(--npn-gold-edge);--glyph-shade: rgba(160, 100, 0, .3)}:root [data-landing-page] .landing-art__node.is-current{background:var(--npn-primary);color:#fff;box-shadow:0 7px 0 var(--npn-primary-edge),0 0 0 8px var(--npn-bg),0 0 0 14px color-mix(in srgb,var(--npn-primary),transparent 60%)}:root [data-landing-page] .landing-art__critter{position:absolute;display:block}:root [data-landing-page] .landing-art__critter--a{left:2%;top:40px}:root [data-landing-page] .landing-art__critter--b{right:0;bottom:20px}:root [data-landing-page] .npn-critter{display:block;width:72px;height:86px}:root [data-landing-page] .npn-critter svg,:root [data-landing-page] .npn-prop svg{width:100%;height:100%;overflow:visible}:root [data-landing-page] .npn-critter__body{transform-box:fill-box;transform-origin:50% 100%;animation:npn-critter-hop 3.2s var(--npn-ease-in-out) infinite}:root [data-landing-page] .npn-critter__shadow{transform-box:fill-box;transform-origin:center;animation:npn-critter-shadow 3.2s var(--npn-ease-in-out) infinite}:root [data-landing-page] .npn-critter__eye{transform-box:fill-box;transform-origin:center;animation:npn-blink 4.6s steps(1) infinite}:root [data-landing-page] .npn-critter--led .npn-critter__glow{animation:npn-led-glow 2.4s ease-in-out infinite}:root [data-landing-page] .npn-critter--battery .npn-critter__body{animation-delay:-.8s}:root [data-landing-page] .npn-critter--resistor .npn-critter__body{animation-name:npn-critter-wiggle}:root [data-landing-page] .npn-critter--capacitor .npn-critter__body{animation-delay:-1.6s}:root [data-landing-page] .npn-prop{display:block;width:84px;height:90px}:root [data-landing-page] .npn-prop svg{animation:npn-prop-sway 5s var(--npn-ease-in-out) infinite;transform-origin:50% 90%}:root [data-landing-page] .landing-art--feedback{display:flex;flex-direction:column;gap:16px}:root [data-landing-page] .landing-art__tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}:root [data-landing-page] .landing-art__tile{aspect-ratio:1;display:grid;place-items:center;border:var(--npn-border) solid var(--npn-line-strong);border-radius:var(--npn-radius-lg);background:var(--npn-bg);color:var(--npn-muted);box-shadow:0 5px 0 var(--npn-line-strong)}:root [data-landing-page] .landing-art__tile .npn-glyph{width:52%;height:52%}:root [data-landing-page] .landing-art__tile.is-picked{border-color:color-mix(in srgb,var(--npn-blue),white 25%);background:var(--npn-blue-soft);color:var(--npn-blue);box-shadow:0 5px color-mix(in srgb,var(--npn-blue),white 25%)}:root [data-landing-page] .landing-art__banner{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--npn-radius-lg);font:800 16px/1.3 var(--npn-font)}:root [data-landing-page] .landing-art__banner>span{flex:none;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#fff}:root [data-landing-page] .landing-art__banner .npn-glyph{width:24px;height:24px}:root [data-landing-page] .landing-art__banner.is-wrong{background:var(--npn-danger-soft);color:var(--npn-danger-ink);transform:rotate(-1.5deg)}:root [data-landing-page] .landing-art__banner.is-wrong>span{color:var(--npn-danger)}:root [data-landing-page] .landing-art__banner.is-right{background:var(--npn-success);color:#fff;box-shadow:0 5px 0 var(--npn-success-edge);transform:rotate(1deg) translate(14px)}:root [data-landing-page] .landing-art__banner.is-right>span{color:var(--npn-success)}:root [data-landing-page] .landing-art--quests{padding:22px 0}:root [data-landing-page] .landing-art__quests{display:flex;flex-direction:column;gap:0;overflow:hidden;border:var(--npn-border) solid var(--npn-line);border-radius:22px;background:var(--npn-bg);box-shadow:0 6px 0 var(--npn-line)}:root [data-landing-page] .landing-art__quest{display:flex;align-items:center;gap:14px;padding:16px 18px}:root [data-landing-page] .landing-art__quest+.landing-art__quest{border-top:var(--npn-border) solid var(--npn-line)}:root [data-landing-page] .landing-art__quest-icon{flex:none;width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:var(--npn-gold-soft);color:var(--npn-warning)}:root [data-landing-page] .landing-art__quest-icon .npn-glyph{width:30px;height:30px}:root [data-landing-page] .landing-art__quest-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}:root [data-landing-page] .landing-art__quest-body b{color:var(--npn-ink);font:800 15px/1.2 var(--npn-font)}:root [data-landing-page] .landing-art__quest-body i{position:relative;height:14px;overflow:hidden;border-radius:999px;background:var(--npn-surface-2)}:root [data-landing-page] .landing-art__quest-body i:after{position:absolute;inset:0 auto 0 0;width:var(--fill);border-radius:inherit;background:var(--npn-warning);box-shadow:inset 0 4px #ffffff4d;content:""}:root [data-landing-page] .landing-art__quest.is-done .landing-art__quest-body i:after{background:var(--npn-success)}:root [data-landing-page] .landing-art__badge{position:absolute;width:70px;height:70px;display:grid;place-items:center;border-radius:22px;background:var(--npn-bg);box-shadow:0 6px 0 var(--npn-line),var(--npn-shadow-pop);animation:npn-bob 3.4s var(--npn-ease-in-out) infinite}:root [data-landing-page] .landing-art__badge .npn-stat-glyph{width:42px;height:42px}:root [data-landing-page] .landing-art__badge--streak{right:-14px;top:-18px;transform:rotate(8deg)}:root [data-landing-page] .landing-art__badge--xp{left:-18px;bottom:-8px;transform:rotate(-8deg);animation-delay:-1.7s}:root [data-landing-page] .landing-float{position:absolute;z-index:2;display:block;pointer-events:none;animation:npn-bob 3.8s var(--npn-ease-in-out) infinite}:root [data-landing-page] .landing-float--meter{right:-10px;bottom:-26px}:root [data-landing-page] .landing-float--board{left:-18px;top:-28px;animation-delay:-1.9s}:root [data-landing-page] .landing-float--led{right:-12px;top:-40px}:root [data-landing-page] .landing-screenshot{border:var(--npn-border) solid var(--npn-line-strong);border-radius:20px;background:var(--npn-bg);box-shadow:0 8px 0 var(--npn-line-strong),0 30px 60px -30px #23313a59}:root [data-landing-page] .landing-screenshot:before{display:block;height:30px;border-bottom:var(--npn-border) solid var(--npn-line);background:var(--npn-surface) radial-gradient(circle,#ff5f6d 0 5px,transparent 5.5px) 14px 50% / 12px 12px no-repeat;content:"";box-shadow:inset 0 0 0 0 transparent}:root [data-landing-page] .landing-screenshot:after{position:absolute;top:9px;left:34px;width:32px;height:12px;background:radial-gradient(circle,var(--npn-gold) 0 5px,transparent 5.5px) 0 50% / 12px 12px no-repeat,radial-gradient(circle,var(--npn-success) 0 5px,transparent 5.5px) 18px 50% / 12px 12px no-repeat;content:""}:root [data-landing-page] .landing-screenshot{position:relative}:root [data-landing-page] .landing-feature--split{background:var(--npn-bg)}:root [data-landing-page] .landing-feature--split .landing-container{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(32px,6vw,80px);padding-top:calc(var(--lp-section-y) * .6);padding-bottom:var(--lp-section-y)}:root [data-landing-page] .landing-feature--split h2{color:var(--npn-purple)}:root [data-landing-page] .landing-feature--split .landing-eyebrow{color:var(--npn-purple-edge)}:root [data-landing-page] .landing-feature__media{position:relative;padding:clamp(18px,3vw,30px);border-radius:36px;background:var(--npn-purple-soft)}:root [data-landing-page] .landing-feature__badges{display:flex;gap:10px;margin-top:8px}:root [data-landing-page] .landing-feature__badges .npn-stat-glyph{width:44px;height:44px;padding:8px;border:var(--npn-border) solid var(--npn-line);border-radius:14px;background:var(--npn-bg);box-shadow:0 4px 0 var(--npn-line);box-sizing:content-box}:root [data-landing-page] .landing-values{background:var(--npn-surface);border-block:var(--npn-border) solid var(--npn-line)}:root [data-landing-page] .landing-values__list{margin:0 auto;padding-block:clamp(40px,6vw,64px);list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}:root [data-landing-page] .landing-values__item{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}:root [data-landing-page] .landing-values__icon{width:72px;height:72px;display:grid;place-items:center;margin-bottom:6px;border-radius:24px;background:var(--npn-bg);box-shadow:0 5px 0 var(--npn-line)}:root [data-landing-page] .landing-values__icon .npn-stat-glyph{width:42px;height:42px}:root [data-landing-page] .landing-values__item strong{color:var(--npn-ink);font:900 22px/1.2 var(--npn-font)}:root [data-landing-page] .landing-values__item>span:last-child{max-width:280px;color:var(--npn-ink-2);font:600 16px/1.45 var(--npn-font)}:root [data-landing-page] .landing-cta-wrap{padding:var(--lp-section-y) 24px;background:var(--npn-bg)}:root [data-landing-page] .landing-cta{position:relative;width:min(1100px,100%);flex-direction:column;justify-content:center;gap:28px;padding:clamp(56px,7vw,88px) clamp(24px,5vw,64px) 150px;overflow:hidden;text-align:center;border-radius:36px;background:radial-gradient(120% 90% at 50% 0%,var(--npn-primary-hover) 0,var(--npn-primary) 60%);box-shadow:0 10px 0 var(--npn-primary-edge)}:root [data-landing-page] .landing-cta>div{max-width:720px;align-items:center;gap:14px}:root [data-landing-page] .landing-cta h2{color:#fff;font-size:clamp(34px,5vw,56px)}:root [data-landing-page] .landing-cta p{color:#ffffffeb;font:700 clamp(17px,1.7vw,21px)/1.45 var(--npn-font)}:root [data-landing-page] .landing-cta .landing-button{position:relative;z-index:1;min-width:min(320px,100%);min-height:58px;font-size:17px}:root [data-landing-page] .landing-cta__crew{position:absolute;left:0;right:0;bottom:0;height:104px;display:flex;align-items:flex-end;justify-content:center;gap:clamp(16px,5vw,56px);padding-bottom:10px;background:linear-gradient(transparent 62%,#00000014 62%);pointer-events:none}:root [data-landing-page] .landing-cta__crew .npn-critter{width:64px;height:78px}:root [data-landing-page] .landing-cta__spark{position:absolute;width:46px;height:46px;color:var(--npn-gold);--glyph-shade: rgba(180, 120, 0, .35);animation:npn-twinkle 3s ease-in-out infinite}:root [data-landing-page] .landing-cta__spark .npn-glyph{width:100%;height:100%}:root [data-landing-page] .landing-cta__spark--a{left:7%;top:18%}:root [data-landing-page] .landing-cta__spark--b{right:8%;top:26%;color:#fff;--glyph-shade: rgba(0, 0, 0, .12);animation-delay:-1.5s}:root [data-landing-page] .landing-footer{background:var(--npn-surface)}:root [data-landing-page] .landing-footer .landing-container{padding-block:40px}:root [data-landing-page] .landing-footer__brand{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px}:root [data-landing-page] .landing-footer__brand .landing-logo__mark{flex:none}:root [data-landing-page] .landing-footer__tagline{flex-basis:100%;color:var(--npn-muted);font:700 14px/1.4 var(--npn-font)}:root [data-landing-page] .landing-footer nav{gap:24px}:root [data-landing-page] .landing-reveal--pop.is-reveal-ready{transform:translateY(24px) scale(.9)}:root [data-landing-page] .landing-reveal--pop.is-revealed{transform:none;transition:opacity .5s ease,transform .7s var(--npn-ease-spring)}:root [data-landing-page] .landing-topics__item.landing-reveal.is-reveal-ready{transform:translateY(12px)}:root [data-landing-page] .landing-topics__item.landing-reveal.is-revealed{transform:none;transition:opacity .4s ease,transform .5s var(--npn-ease-spring)}@media(max-width:900px){:root [data-landing-page] .landing-row,:root [data-landing-page] .landing-feature--split .landing-container{grid-template-columns:minmax(0,1fr)}:root [data-landing-page] .landing-row:nth-child(2n) .landing-row__copy{order:0}:root [data-landing-page] .landing-row__copy{max-width:620px}}@media(max-width:700px){:root [data-landing-page] .landing-topics__list{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;padding-bottom:22px}:root [data-landing-page] .landing-topics__list::-webkit-scrollbar{display:none}:root [data-landing-page] .landing-topics__item{flex:none}:root [data-landing-page] .landing-hero:before{display:none}:root [data-landing-page] .landing-values__list{grid-template-columns:minmax(0,1fr);gap:20px}:root [data-landing-page] .landing-values__item{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;column-gap:16px;row-gap:2px;text-align:left}:root [data-landing-page] .landing-values__icon{grid-row:span 2;width:64px;height:64px;margin:0;border-radius:20px}:root [data-landing-page] .landing-values__item strong{font-size:19px}:root [data-landing-page] .landing-row__art{min-height:0;border-radius:28px}:root [data-landing-page] .landing-row h3{font-size:32px}:root [data-landing-page] .landing-cta-wrap{padding-inline:16px}:root [data-landing-page] .landing-cta{border-radius:28px;padding-bottom:130px}:root [data-landing-page] .landing-cta .landing-button{width:100%}:root [data-landing-page] .landing-cta__spark{width:32px;height:32px}:root [data-landing-page] .landing-cta__spark--a{left:5%;top:5%}:root [data-landing-page] .landing-cta__spark--b{right:5%;top:8%}:root [data-landing-page] .landing-float--meter{right:-4px;bottom:-22px}:root [data-landing-page] .landing-float--board{left:-6px}:root [data-landing-page] .landing-float--led{right:-4px}:root [data-landing-page] .npn-prop{width:64px;height:68px}}@media(max-width:480px){:root [data-landing-page] .landing-art--path{height:310px;transform:scale(.92)}:root [data-landing-page] .landing-art__critter--a{left:-4%}:root [data-landing-page] .landing-art__banner{font-size:14px}:root [data-landing-page] .landing-art__banner.is-right{transform:rotate(1deg) translate(6px)}:root [data-landing-page] .landing-art__badge{width:58px;height:58px}:root [data-landing-page] .landing-art__badge--streak{right:-6px}:root [data-landing-page] .landing-art__badge--xp{left:-6px}:root [data-landing-page] .landing-cta__crew{gap:10px}:root [data-landing-page] .landing-cta__crew .npn-critter{width:54px;height:66px}}:root [data-landing-page][data-motion-reduced=true] :is(.npn-critter *,.npn-prop svg,.landing-float,.landing-art__badge,.landing-cta__spark),:root[data-profile-reduce-motion=true] [data-landing-page] :is(.npn-critter *,.npn-prop svg,.landing-float,.landing-art__badge,.landing-cta__spark){animation:none!important}:root [data-landing-page][data-motion-reduced=true] .landing-reveal.is-reveal-ready{opacity:1;transform:none;transition:none}@media(prefers-reduced-motion:reduce){:root:not([data-profile-reduce-motion=false]) [data-landing-page] :is(.npn-critter *,.npn-prop svg,.landing-float,.landing-art__badge,.landing-cta__spark){animation:none!important}}:root .standalone-auth-page .landing-header__inner{width:min(1160px,100%);height:72px}:root .standalone-auth-page .standalone-auth-back{padding:10px 12px;border-radius:var(--npn-radius-sm);color:var(--npn-muted);font:800 13px/1 var(--npn-font);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:background var(--npn-dur-fast) ease,color var(--npn-dur-fast) ease}:root .standalone-auth-page .standalone-auth-back:hover{background:var(--npn-surface);color:var(--npn-ink-2)}:root .standalone-auth-page .standalone-auth-main{max-width:520px;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:20px;padding:28px 20px 80px}:root .standalone-auth-page .standalone-auth-story{position:relative;top:auto;flex:none;max-width:none;padding:0;display:flex;flex-direction:column;align-items:center;text-align:center}:root .standalone-auth-page .standalone-auth-story .auth-pile{order:-1;width:100%;height:150px;margin:0 0 18px;border-bottom:3px solid var(--npn-line)}:root .standalone-auth-page .standalone-auth-story .auth-pile:after{position:absolute;left:0;right:0;bottom:-9px;height:6px;border-radius:0 0 50% 50%;background:radial-gradient(closest-side,rgba(35,49,58,.06),transparent);content:"";pointer-events:none}:root .standalone-auth-page .standalone-auth-story .landing-eyebrow{align-self:center}:root .standalone-auth-page .standalone-auth-story h1{max-width:440px;margin:10px 0 0;color:var(--npn-ink);font:900 clamp(28px,3vw,34px)/1.12 var(--npn-font);letter-spacing:-.02em}:root .standalone-auth-page .standalone-auth-story p{max-width:420px;min-height:0;margin:8px 0 0;color:var(--npn-ink-2);font:600 16px/1.5 var(--npn-font)}:root .standalone-auth-page .auth-story-steps{display:none}:root .standalone-auth-page .standalone-auth-panel{flex:none;width:100%}:root .standalone-auth-page .standalone-auth-card{padding:28px 28px 24px;border:var(--npn-border) solid var(--npn-line);border-radius:22px;background:var(--npn-bg);box-shadow:0 var(--npn-lip) 0 var(--npn-line);animation:npn-entry-rise var(--npn-dur-slow) var(--npn-ease-out) both}@keyframes npn-entry-rise{0%{transform:translateY(12px)}to{transform:none}}:root .standalone-auth-page .standalone-auth-tabs{height:52px;padding:4px;gap:4px;border-radius:16px;background:var(--npn-surface-2)}:root .standalone-auth-page .standalone-auth-tabs a{height:42px;border-radius:12px;color:var(--npn-muted);font:900 14px/1 var(--npn-font);letter-spacing:.08em;transition:background var(--npn-dur-fast) ease,color var(--npn-dur-fast) ease}:root .standalone-auth-page .standalone-auth-tabs a:hover:not(.is-active){color:var(--npn-ink-2)}:root .standalone-auth-page .standalone-auth-tabs a.is-active{background:var(--npn-bg);color:var(--npn-blue);box-shadow:0 3px 0 var(--npn-line-strong)}:root .standalone-auth-page :is(.standalone-auth-title,.standalone-auth-card>h2,.auth-step-heading h2){margin:24px 0 0;color:var(--npn-ink);font:900 26px/1.2 var(--npn-font);letter-spacing:-.01em}:root .standalone-auth-page .auth-step-heading{margin-top:24px;align-items:center}:root .standalone-auth-page .auth-step-heading h2{margin:0}:root .standalone-auth-page .auth-step-heading>span{color:var(--npn-muted);font:800 12px/1 var(--npn-font);letter-spacing:.08em;text-transform:uppercase}:root .standalone-auth-page :is(.standalone-auth-card>p,.standalone-auth-subtitle){margin-top:6px;color:var(--npn-ink-2);font:600 15px/1.5 var(--npn-font)}:root .standalone-auth-page .standalone-auth-subtitle.is-signup{margin-top:14px}:root .standalone-auth-page .auth-progress{height:16px;margin-top:14px;gap:0;overflow:hidden;border-radius:var(--npn-radius-pill);background:var(--npn-surface-2)}:root .standalone-auth-page .auth-progress>*{height:100%;border-radius:0;background:transparent;transition:background-color var(--npn-dur) var(--npn-ease-out)}:root .standalone-auth-page .auth-progress>:is(:first-child,.is-active,.is-complete){background:linear-gradient(to bottom,transparent 3px,rgba(255,255,255,.3) 3px 7px,transparent 7px),var(--npn-primary)}:root .standalone-auth-page .auth-progress>:is(:first-child,.is-active):not(:has(+.is-active)){border-radius:0 var(--npn-radius-pill) var(--npn-radius-pill) 0}:root .standalone-auth-page .auth-account-fields{gap:16px;margin-top:20px}:root .standalone-auth-page :is(.auth-field,.standalone-auth-details>label.auth-field,.standalone-auth-card label.auth-field){gap:8px;color:var(--npn-ink);font:800 15px/1.3 var(--npn-font)}:root .standalone-auth-page .auth-label-row{font:800 15px/1.3 var(--npn-font);align-items:baseline}:root:root .standalone-auth-page .standalone-auth-card :is(input:not([type=checkbox]),select){height:54px;padding:0 16px;border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius);background-color:var(--npn-surface);color:var(--npn-ink);box-shadow:none;font:600 17px/1.2 var(--npn-font);transition:border-color var(--npn-dur-fast) ease,background-color var(--npn-dur-fast) ease,box-shadow var(--npn-dur-fast) ease}:root:root .standalone-auth-page .standalone-auth-card select{padding-right:16px}:root:root .standalone-auth-page .standalone-auth-card input::placeholder{color:var(--npn-disabled);font-weight:600}:root:root .standalone-auth-page .standalone-auth-card :is(input:not([type=checkbox]),select):hover:not(:disabled):not(:focus){border-color:var(--npn-line-strong);background-color:var(--npn-surface)}:root:root .standalone-auth-page .standalone-auth-card :is(input:not([type=checkbox]),select):focus{outline:none;border-color:var(--npn-blue)!important;background-color:var(--npn-bg);box-shadow:0 0 0 4px color-mix(in srgb,var(--npn-blue),transparent 82%)}:root:root .standalone-auth-page .standalone-auth-card select:required:invalid{color:var(--npn-muted)}:root .standalone-auth-page .standalone-auth-password input{padding-right:76px!important}:root .standalone-auth-page .standalone-auth-password button{top:9px;right:8px;height:36px;padding:0 12px;border-radius:var(--npn-radius-sm);color:var(--npn-blue);font:900 12px/1 var(--npn-font);letter-spacing:.08em;text-transform:uppercase}:root .standalone-auth-page .standalone-auth-password button:hover{background:var(--npn-blue-soft)}:root .standalone-auth-page .auth-password-hint{color:var(--npn-muted);font:700 13px/1.4 var(--npn-font)}:root .standalone-auth-page :is(.auth-label-row a,a.standalone-auth-forgot,.standalone-auth-card a.standalone-auth-forgot){color:var(--npn-blue-ink);font:900 12px/1.2 var(--npn-font);letter-spacing:.08em;text-decoration:none;text-transform:uppercase}:root .standalone-auth-page :is(.auth-label-row a,a.standalone-auth-forgot):hover{color:var(--npn-blue)}:root .standalone-auth-page a.standalone-auth-forgot{margin:14px auto 0;align-self:center;text-align:center}:root .standalone-auth-page .standalone-auth-card .landing-button.standalone-auth-submit,:root .standalone-auth-page .standalone-auth-card .landing-button.standalone-auth-submit:hover:not(:disabled){width:100%;height:auto;min-height:54px;margin-top:24px;border:var(--npn-border) solid var(--btn-line);border-radius:var(--npn-radius);background:var(--btn-bg);color:var(--btn-ink);box-shadow:0 var(--npn-lip) 0 var(--btn-edge);font:800 16px/1.1 var(--npn-font)}:root .standalone-auth-page .standalone-auth-card .landing-button.standalone-auth-submit:active:not(:disabled){transform:translateY(var(--npn-lip));box-shadow:0 0 0 var(--btn-edge)}:root .standalone-auth-page .standalone-auth-card .landing-button.standalone-auth-submit:disabled{box-shadow:0 var(--npn-lip) 0 var(--btn-edge);opacity:1}:root .standalone-auth-page .auth-step-actions{margin-top:24px;gap:12px}:root .standalone-auth-page .auth-step-actions .landing-button.standalone-auth-submit{margin-top:0}:root .standalone-auth-page .auth-step-actions .auth-backbtn{height:auto;min-height:54px;flex:none;padding:0 20px;font-size:15px}:root .standalone-auth-page :is(.auth-divider,.landing-auth-divider){margin:22px 0 16px;color:var(--npn-muted);font:800 12px/1 var(--npn-font);letter-spacing:.1em;text-transform:uppercase}:root .standalone-auth-page :is(.auth-divider,.landing-auth-divider):before,:root .standalone-auth-page :is(.auth-divider,.landing-auth-divider):after{height:2px;border-radius:2px;background:var(--npn-line)}:root .standalone-auth-page .auth-social{margin-top:22px}:root .landing-page .social-sign-in__providers{gap:12px}:root .landing-page .social-sign-in__button,:root .landing-page .social-sign-in__button:hover:not(:disabled){height:auto;min-height:50px;padding:0 12px;gap:10px;border:var(--npn-border) solid var(--npn-line-strong);border-radius:var(--npn-radius);background:var(--npn-bg);color:var(--npn-ink-2);box-shadow:0 var(--npn-lip) 0 var(--npn-line-strong);font:800 14px/1.1 var(--npn-font);letter-spacing:.06em;text-transform:uppercase;transition:transform var(--npn-dur-press) linear,box-shadow var(--npn-dur-press) linear,background-color var(--npn-dur-fast) ease}:root .landing-page .social-sign-in__button:hover:not(:disabled){background:var(--npn-surface)}:root .landing-page .social-sign-in__button:active:not(:disabled){transform:translateY(var(--npn-lip));box-shadow:0 0 0 var(--npn-line-strong)}:root .landing-page .social-sign-in__button:focus-visible{outline:3px solid color-mix(in srgb,var(--npn-blue),transparent 40%);outline-offset:3px}:root .landing-page .social-sign-in__button svg{width:20px;height:20px;flex:0 0 20px}:root .landing-page .social-sign-in__button:disabled{background:var(--npn-bg);color:var(--npn-disabled);opacity:1;cursor:not-allowed}:root .landing-page .social-sign-in__button:disabled svg{opacity:.5;filter:grayscale(.4)}:root .landing-page .social-sign-in .social-sign-in__status{color:var(--npn-muted);font:700 13px/1.45 var(--npn-font);text-align:center}:root .standalone-auth-page :is(.landing-auth-error,.standalone-auth-notice){margin-top:16px;padding:12px 16px;border:var(--npn-border) solid transparent;border-radius:var(--npn-radius);font:700 14px/1.45 var(--npn-font)}:root .standalone-auth-page .landing-auth-error{border-color:color-mix(in srgb,var(--npn-danger),white 60%);background:var(--npn-danger-soft);color:var(--npn-danger-ink);animation:npn-shake .4s var(--npn-ease-out)}:root .standalone-auth-page .standalone-auth-notice{border-color:color-mix(in srgb,var(--npn-primary),white 60%);background:var(--npn-primary-soft);color:var(--npn-primary-ink)}:root .standalone-auth-page [role=status]:not(.social-sign-in__status):not(.standalone-auth-notice){color:var(--npn-ink-2);font:700 14px/1.45 var(--npn-font)}:root .standalone-auth-page :is(.auth-social>button,.standalone-auth-notice button){margin-top:10px;padding:8px 14px;border:var(--npn-border) solid var(--npn-line-strong);border-radius:var(--npn-radius-sm);background:var(--npn-bg);color:var(--npn-blue);box-shadow:0 3px 0 var(--npn-line-strong);font:800 12px/1 var(--npn-font);letter-spacing:.06em;text-transform:uppercase}:root .standalone-auth-page :is(.auth-social>button,.standalone-auth-notice button):hover{background:var(--npn-surface)}:root .standalone-auth-page :is(.auth-social>button,.standalone-auth-notice button):active:not(:disabled){transform:translateY(3px);box-shadow:none}:root .standalone-auth-page .standalone-auth-details{gap:20px}:root .standalone-auth-page .auth-details-row{gap:12px}:root .standalone-auth-page :is(.standalone-auth-details .landing-check,.auth-checkbox),:root .standalone-auth-page .standalone-auth-card label.auth-checkbox{gap:12px;color:var(--npn-ink-2);font:700 15px/1.4 var(--npn-font)}:root .standalone-auth-page :is(.standalone-auth-details input[type=checkbox],.auth-checkbox input){width:26px;height:26px;flex:0 0 26px;border:var(--npn-border) solid var(--npn-line-strong);border-radius:8px;background:var(--npn-bg);box-shadow:0 2px 0 var(--npn-line-strong);transition:background-color var(--npn-dur-fast) ease,border-color var(--npn-dur-fast) ease}:root .standalone-auth-page :is(.standalone-auth-details input[type=checkbox],.auth-checkbox input):checked{border-color:var(--npn-blue);background:var(--npn-blue);box-shadow:0 2px 0 var(--npn-blue-edge)}:root .standalone-auth-page :is(.standalone-auth-details input[type=checkbox],.auth-checkbox input):checked:before{color:#fff;font:900 15px/22px var(--npn-font);animation:npn-pop-in var(--npn-dur-fast) var(--npn-ease-spring) both}:root .standalone-auth-page :is(.standalone-auth-details input[type=checkbox],.auth-checkbox input):focus-visible{outline:3px solid color-mix(in srgb,var(--npn-blue),transparent 50%);outline-offset:2px}:root .standalone-auth-page .auth-checkbox a{color:var(--npn-blue-ink);font-weight:800}:root .standalone-auth-page :is(.auth-goals legend,.standalone-auth-goals legend){color:var(--npn-ink);font:800 15px/1.3 var(--npn-font)}:root .standalone-auth-page .auth-goals legend span{margin-left:6px;padding:3px 8px;border-radius:var(--npn-radius-pill);background:var(--npn-blue-soft);color:var(--npn-blue-ink);font:800 11px/1 var(--npn-font);letter-spacing:.06em;text-transform:uppercase;vertical-align:2px}:root .standalone-auth-page .auth-goal-chips{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}:root .standalone-auth-page .standalone-auth-card label.auth-goal-chip,:root .standalone-auth-page .auth-goal-chip{position:relative;height:auto;min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px 10px 14px;border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius);background:var(--npn-bg);color:var(--npn-ink);box-shadow:0 var(--npn-lip) 0 var(--npn-line);font:700 15px/1.25 var(--npn-font);cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform var(--npn-dur-press) linear,box-shadow var(--npn-dur-press) linear,background-color var(--npn-dur-fast) ease,border-color var(--npn-dur-fast) ease;-webkit-tap-highlight-color:transparent}:root .standalone-auth-page .auth-goal-chip:after{width:22px;height:22px;flex:0 0 22px;display:grid;place-items:center;border:var(--npn-border) solid var(--npn-line-strong);border-radius:7px;background:var(--npn-bg);color:#fff;content:"";font:900 13px/1 var(--npn-font)}:root .standalone-auth-page .auth-goal-chip:hover:not(:has(input:disabled)){border-color:var(--npn-line-strong);background:var(--npn-surface)}:root .standalone-auth-page .auth-goal-chip:active:not(:has(input:disabled)){transform:translateY(var(--npn-lip));box-shadow:0 0 0 var(--npn-line)}:root .standalone-auth-page .auth-goal-chip:has(input:checked),:root .standalone-auth-page .auth-goal-chip:has(input:checked):hover{border-color:color-mix(in srgb,var(--npn-blue),white 30%);background:var(--npn-blue-soft);color:var(--npn-blue-ink);box-shadow:0 var(--npn-lip) 0 color-mix(in srgb,var(--npn-blue),white 30%)}:root .standalone-auth-page .auth-goal-chip:has(input:checked):after{border-color:var(--npn-blue);background:var(--npn-blue);content:"✓";animation:npn-pop-in var(--npn-dur-fast) var(--npn-ease-spring) both}:root .standalone-auth-page .auth-goal-chip:has(input:disabled){color:var(--npn-disabled);cursor:not-allowed}:root .standalone-auth-page .auth-goal-chip:has(input:focus-visible){outline:3px solid color-mix(in srgb,var(--npn-blue),transparent 50%);outline-offset:2px}:root .standalone-auth-page .auth-consents{gap:14px;padding-top:4px;border-top:var(--npn-border) solid var(--npn-line)}:root .standalone-auth-page .auth-consents>:first-child{margin-top:16px}:root .standalone-auth-page :is(.auth-legal-footer,.standalone-auth-card>small){margin-top:22px;padding-top:16px;border-top:var(--npn-border) solid var(--npn-line);color:var(--npn-muted);font:700 13px/1.5 var(--npn-font)}:root .standalone-auth-page .auth-legal-footer a{color:var(--npn-muted);font-weight:800;text-decoration:none}:root .standalone-auth-page .auth-legal-footer a:hover{color:var(--npn-blue)}:root .standalone-auth-page .standalone-auth-card button.standalone-onboarding-signout{padding:10px 12px;border-radius:var(--npn-radius-sm);color:var(--npn-blue-ink);font:900 13px/1 var(--npn-font);letter-spacing:.08em;text-decoration:none;text-transform:uppercase}:root .standalone-auth-page .standalone-auth-card button.standalone-onboarding-signout:hover:not(:disabled){background:var(--npn-surface);color:var(--npn-blue)}@media(max-width:480px){:root .standalone-auth-page .landing-header__inner{height:64px;padding:0 16px}:root .standalone-auth-page .standalone-auth-main{gap:16px;padding:16px 16px 56px}:root .standalone-auth-page .standalone-auth-story .auth-pile{height:120px;margin-bottom:14px}:root .standalone-auth-page .standalone-auth-story h1{font-size:26px}:root .standalone-auth-page .standalone-auth-story p{font-size:15px}:root .standalone-auth-page .standalone-auth-card{padding:20px 18px;border-radius:20px}:root .standalone-auth-page .auth-details-row{grid-template-columns:1fr;gap:20px}:root .standalone-auth-page :is(.standalone-auth-title,.standalone-auth-card>h2,.auth-step-heading h2){font-size:23px}}@media(max-width:359px){:root .standalone-auth-page .auth-goal-chips{grid-template-columns:1fr}}:root .standalone-onboarding-page{--q1: 0;--q2: 0;--q3: 0;--q4: 0;--q5: 0}:root .standalone-onboarding-page:has(input[name=displayName]:valid){--q1: 1}:root .standalone-onboarding-page:has(select[name=ageBand]:valid){--q2: 1}:root .standalone-onboarding-page:has(select[name=heardFrom]:valid){--q3: 1}:root .standalone-onboarding-page:has(input[name=goals]:checked){--q4: 1}:root .standalone-onboarding-page:has(input[name=termsAccepted]:checked){--q5: 1}:root .standalone-onboarding-page .landing-header__inner{gap:24px}:root .standalone-onboarding-page .npn-entry-progress{position:relative;flex:1 1 auto;max-width:520px;height:16px;margin:0 auto;overflow:hidden;border-radius:var(--npn-radius-pill);background:var(--npn-surface-2)}:root .standalone-onboarding-page .npn-entry-progress i{position:relative;display:block;width:calc((var(--q1) + var(--q2) + var(--q3) + var(--q4) + var(--q5)) * 20%);min-width:16px;height:100%;border-radius:inherit;background:var(--npn-primary);transition:width var(--npn-dur-slow) var(--npn-ease-spring)}:root .standalone-onboarding-page .npn-entry-progress i:after{position:absolute;top:3px;left:8px;right:8px;height:4px;border-radius:4px;background:#ffffff52;content:""}:root .standalone-onboarding-page .standalone-auth-back{margin-left:0}:root .standalone-onboarding-page .standalone-auth-card form>label.auth-field{margin-top:22px}:root .standalone-onboarding-page .standalone-auth-card :is(.auth-field,.auth-goals legend){font-size:17px}:root .standalone-onboarding-page .standalone-auth-details{gap:24px;margin-top:24px}:root .standalone-onboarding-page .standalone-auth-title{margin-top:0}@media(max-width:760px){:root .standalone-onboarding-page .landing-header__inner{gap:14px}:root .standalone-onboarding-page .landing-logo strong{display:none}:root .standalone-onboarding-page .standalone-auth-main{padding-bottom:128px}:root .standalone-onboarding-page :is(.standalone-auth-main,.standalone-auth-panel){z-index:auto}:root .standalone-onboarding-page .standalone-auth-card{animation:none}:root .standalone-onboarding-page:after{position:fixed;z-index:40;left:0;right:0;bottom:0;height:calc(88px + env(safe-area-inset-bottom,0px));border-top:var(--npn-border) solid var(--npn-line);background:var(--npn-bg);content:"";pointer-events:none}:root .standalone-onboarding-page .standalone-auth-card form>.landing-button.standalone-auth-submit,:root .standalone-onboarding-page .standalone-auth-card form>.landing-button.standalone-auth-submit:hover:not(:disabled){position:fixed;z-index:41;left:16px;right:16px;bottom:calc(18px + env(safe-area-inset-bottom,0px));width:auto;margin:0}}:root .learning-app.onboarding-page{min-height:100vh;grid-template-rows:auto 1fr;background:var(--npn-bg)}:root .learning-app.onboarding-page>header{width:100%;max-width:1080px;min-height:76px;grid-template-columns:auto minmax(0,1fr) auto;gap:20px;margin:0 auto;padding:16px 24px;border:0}:root .learning-app.onboarding-page .learn-brand{display:inline-flex;align-items:center;gap:10px;color:var(--npn-primary);font:900 22px/1 var(--npn-font);letter-spacing:-.02em;text-decoration:none;text-transform:none}:root .learning-app.onboarding-page .learn-brand__mark{width:36px;height:36px}:root .learning-app.onboarding-page>header>i{position:relative;height:16px;overflow:hidden;border-radius:var(--npn-radius-pill);background:var(--npn-surface-2)}:root .learning-app.onboarding-page>header>i b{position:relative;border-radius:inherit;background:var(--npn-primary);transition:width var(--npn-dur-slow) var(--npn-ease-spring)}:root .learning-app.onboarding-page>header>i b:after{position:absolute;top:3px;left:8px;right:8px;height:4px;border-radius:4px;background:#ffffff52;content:""}:root .learning-app.onboarding-page>header>button{padding:10px 12px;border-radius:var(--npn-radius-sm);color:var(--npn-muted);font:800 14px/1 var(--npn-font);letter-spacing:.08em;text-transform:uppercase}:root .learning-app.onboarding-page>header>button:hover{background:var(--npn-surface);color:var(--npn-ink-2)}:root .learning-app.onboarding-page>main{width:min(640px,calc(100% - 32px));grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;align-content:start;align-items:start;gap:8px;padding:24px 0 144px}:root .learning-app.onboarding-page>main>aside{display:block;margin-bottom:12px}:root .learning-app.onboarding-page>main>aside .selected-companion{display:flex;flex-direction:row;align-items:center;gap:4px}:root .learning-app.onboarding-page>main>aside .selected-companion__art-frame{width:120px;height:104px;flex:0 0 120px;animation:npn-pop-in var(--npn-dur-slow) var(--npn-ease-spring) both}:root .learning-app.onboarding-page>main>aside .pico-message{position:relative;max-width:420px;padding:14px 18px;border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius-lg);background:var(--npn-bg);color:var(--npn-ink);box-shadow:none;font:700 16px/1.4 var(--npn-font);animation:npn-pop-in var(--npn-dur) var(--npn-ease-spring) .08s both}:root .learning-app.onboarding-page>main>aside .pico-message:before{top:calc(50% - 8px);left:-9px;width:14px;height:14px;border:solid var(--npn-line);border-width:0 0 var(--npn-border) var(--npn-border);background:var(--npn-bg);transform:rotate(45deg)}:root .learning-app.onboarding-page .onboarding-question>span{color:var(--npn-purple);font:900 13px/1.2 var(--npn-font);letter-spacing:.1em}:root .learning-app.onboarding-page .onboarding-question h1{margin:6px 0;color:var(--npn-ink);font:900 clamp(26px,3.4vw,32px)/1.15 var(--npn-font);letter-spacing:-.015em}:root .learning-app.onboarding-page .onboarding-question>p{margin:0 0 22px;color:var(--npn-ink-2);font:600 16px/1.5 var(--npn-font)}:root .learning-app.onboarding-page :is(.onboarding-options button,.experience-scale button,.daily-target button){border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius-lg);background:var(--npn-bg);color:var(--npn-ink);box-shadow:0 var(--npn-lip) 0 var(--npn-line);font-family:var(--npn-font);transition:transform var(--npn-dur-press) linear,box-shadow var(--npn-dur-press) linear,background-color var(--npn-dur-fast) ease,border-color var(--npn-dur-fast) ease;-webkit-tap-highlight-color:transparent}:root .learning-app.onboarding-page :is(.onboarding-options button,.experience-scale button,.daily-target button):hover:not(.active){border-color:var(--npn-line-strong);background:var(--npn-surface)}:root .learning-app.onboarding-page :is(.onboarding-options button,.experience-scale button,.daily-target button):active{transform:translateY(var(--npn-lip));box-shadow:0 0 0 var(--npn-line)}:root .learning-app.onboarding-page :is(.onboarding-options button,.experience-scale button,.daily-target button).active{border-color:color-mix(in srgb,var(--npn-blue),white 30%);background:var(--npn-blue-soft);color:var(--npn-blue-ink);box-shadow:0 var(--npn-lip) 0 color-mix(in srgb,var(--npn-blue),white 30%)}:root .learning-app.onboarding-page .onboarding-options{gap:12px}:root .learning-app.onboarding-page .onboarding-options button{min-height:96px;grid-template-columns:52px minmax(0,1fr) 26px;gap:12px;padding:14px}:root .learning-app.onboarding-page .onboarding-options button>span{width:48px;height:48px;border-radius:var(--npn-radius);background:var(--npn-primary-soft);color:var(--npn-primary-edge);font-size:24px}:root .learning-app.onboarding-page .onboarding-options button>span .ui-icon{width:26px;height:26px}:root .learning-app.onboarding-page .onboarding-options button.active>span{background:var(--npn-bg);color:var(--npn-blue)}:root .learning-app.onboarding-page .onboarding-options strong{font:800 16px/1.25 var(--npn-font)}:root .learning-app.onboarding-page .onboarding-options small{margin-top:2px;color:var(--npn-muted);font:600 13px/1.4 var(--npn-font)}:root .learning-app.onboarding-page .onboarding-options button.active small{color:color-mix(in srgb,var(--npn-blue-ink),white 20%)}:root .learning-app.onboarding-page .onboarding-options i{width:26px;height:26px;border-radius:50%;color:#fff}:root .learning-app.onboarding-page .onboarding-options button.active i{background:var(--npn-blue);animation:npn-pop-in var(--npn-dur-fast) var(--npn-ease-spring) both}:root .learning-app.onboarding-page .onboarding-options i .ui-icon{width:16px;height:16px;stroke-width:3.5}:root .learning-app.onboarding-page .experience-scale{gap:12px}:root .learning-app.onboarding-page .experience-scale button{min-height:64px;grid-template-columns:40px minmax(0,1fr);gap:14px;padding:10px 16px;text-align:left}:root .learning-app.onboarding-page .experience-scale button span{width:36px;height:36px;border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius-sm);background:var(--npn-bg);color:var(--npn-muted);font:900 14px/1 var(--npn-font)}:root .learning-app.onboarding-page .experience-scale button.active span{border-color:color-mix(in srgb,var(--npn-blue),white 30%);color:var(--npn-blue)}:root .learning-app.onboarding-page .experience-scale button strong{font:700 16px/1.3 var(--npn-font)}:root .learning-app.onboarding-page .skip-basics{margin-top:20px;padding:16px;border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius-lg);background:var(--npn-surface);color:var(--npn-ink-2);font:600 14px/1.4 var(--npn-font);cursor:pointer}:root .learning-app.onboarding-page .skip-basics b{display:block;color:var(--npn-ink);font:800 16px/1.3 var(--npn-font)}:root .learning-app.onboarding-page .skip-basics small{color:var(--npn-muted);font:600 13px/1.4 var(--npn-font)}:root .learning-app.onboarding-page input[type=checkbox]{width:24px;height:24px;flex:0 0 24px;accent-color:var(--npn-blue)}:root .learning-app.onboarding-page .daily-target{gap:12px}:root .learning-app.onboarding-page .daily-target button{min-height:96px}:root .learning-app.onboarding-page .daily-target strong{font:900 30px/1 var(--npn-font)}:root .learning-app.onboarding-page .daily-target span{display:block;margin-top:6px;color:var(--npn-muted);font:800 12px/1 var(--npn-font);letter-spacing:.06em;text-transform:uppercase}:root .learning-app.onboarding-page .daily-target button.active span{color:var(--npn-blue-ink)}:root .learning-app.onboarding-page .onboarding-question .onboarding-ready{margin-top:22px;padding:14px 16px;border:var(--npn-border) solid color-mix(in srgb,var(--npn-primary),white 55%);border-radius:var(--npn-radius-lg);background:var(--npn-primary-soft)}:root .learning-app.onboarding-page .onboarding-ready p{color:var(--npn-primary-ink);font:600 14px/1.45 var(--npn-font)}:root .learning-app.onboarding-page .onboarding-ready p b{font-weight:800}:root .learning-app.onboarding-page main>footer{position:fixed;z-index:60;left:0;right:0;bottom:0;min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 max(24px,calc(50vw - 500px)) env(safe-area-inset-bottom,0px);border-top:var(--npn-border) solid var(--npn-line);background:var(--npn-bg)}:root .learning-app.onboarding-page main>footer .learn-button{min-width:150px}:root .learning-app.onboarding-page main>footer .learn-button--primary,:root .learning-app.onboarding-page main>footer .learn-button--primary:hover:not(:disabled){background:var(--npn-primary);color:#fff;box-shadow:0 var(--npn-lip) 0 var(--npn-primary-edge)}:root .learning-app.onboarding-page main>footer .learn-button--primary:hover:not(:disabled){filter:brightness(1.06)}:root .learning-app.onboarding-page main>footer .learn-button--primary:active:not(:disabled){transform:translateY(var(--npn-lip));box-shadow:none}:root .learning-app.onboarding-page main>footer .learn-button--quiet:hover:not(:disabled){background:var(--npn-surface);color:var(--npn-ink-2)}:root .learning-app.onboarding-page main>footer .learn-button--primary{min-width:200px}@media(max-width:760px){:root .learning-app.onboarding-page>header{grid-template-columns:auto minmax(0,1fr) auto;gap:12px;padding:12px 16px}:root .learning-app.onboarding-page .learn-brand strong{display:none}:root .learning-app.onboarding-page>main{width:calc(100% - 32px);padding:8px 0 128px}:root .learning-app.onboarding-page>main>aside{display:block;margin-bottom:20px}:root .learning-app.onboarding-page>main>aside .selected-companion__art-frame{width:96px;height:96px;flex-basis:96px}:root .learning-app.onboarding-page>main>aside .pico-message{font-size:15px;padding:12px 14px}:root .learning-app.onboarding-page .onboarding-options{grid-template-columns:1fr}:root .learning-app.onboarding-page .onboarding-options button{min-height:76px}:root .learning-app.onboarding-page .daily-target{grid-template-columns:1fr 1fr}:root .learning-app.onboarding-page main>footer{min-height:96px;gap:10px;padding:0 16px env(safe-area-inset-bottom,0px)}:root .learning-app.onboarding-page main>footer .learn-button{min-width:0;padding:0 18px}:root .learning-app.onboarding-page main>footer .learn-button--primary{flex:1}}:root[data-profile-reduce-motion=true] :is(.standalone-auth-page,.onboarding-page,.landing-page) :is(.standalone-auth-card,.landing-auth-error,.auth-goal-chip,.selected-companion__art-frame,.pico-message,.onboarding-options i,.landing-legal-dialog){animation:none}:root[data-profile-reduce-motion=true] :is(.standalone-auth-page,.onboarding-page,.landing-page) :is(.npn-entry-progress i,header>i b,.landing-card,.landing-logo__mark){transition:none}:root[data-profile-reduce-motion=true] .standalone-auth-page .auth-goal-chip:after,:root[data-profile-reduce-motion=true] .standalone-auth-page input:before{animation:none}@media(prefers-reduced-motion:reduce){:root:not([data-profile-reduce-motion=false]) :is(.standalone-auth-page,.onboarding-page,.landing-page) :is(.standalone-auth-card,.landing-auth-error,.auth-goal-chip,.selected-companion__art-frame,.pico-message,.onboarding-options i,.landing-legal-dialog){animation:none}:root:not([data-profile-reduce-motion=false]) .standalone-auth-page :is(.auth-goal-chip,input):after,:root:not([data-profile-reduce-motion=false]) .standalone-auth-page input:before{animation:none}:root:not([data-profile-reduce-motion=false]) :is(.standalone-auth-page,.onboarding-page,.landing-page) :is(.npn-entry-progress i,header>i b,.landing-card,.landing-logo__mark){transition:none}}:root{--npn-card-border: var(--npn-border) solid var(--npn-line);--npn-card-lip: 0 var(--npn-lip) 0 var(--npn-line);--npn-kicker: 800 12px/1.2 var(--npn-font)}:root .practice-hero>div>span,:root .guidebook-page main>header>span,:root .pp-avatar-card>header span,:root .pp-identity-card>header span,:root .pp-friend-code>div:first-child>span,:root .pp-friends>div:first-child>span,:root .pp-account-card>span,:root .pp-billing-card>span,:root .pp-preferences>section>span,:root .pp-avatar-studio>header span,:root .pp-delete-dialog>header span,:root .pp-guest-card>span,:root .admin-panel>header small,:root .social-studio__heading small,:root .join-page .hero-kicker{color:var(--npn-primary-ink);font:var(--npn-kicker);letter-spacing:.1em;text-transform:uppercase}:root .practice-page main,:root .guidebook-page main{width:min(960px,calc(100% - 48px));margin:0 auto;padding:32px 0 120px;font-family:var(--npn-font)}:root .practice-hero{position:relative;margin-bottom:32px;display:grid;grid-template-columns:132px minmax(0,1fr) auto;align-items:center;gap:24px;overflow:hidden;padding:24px 28px;border:0;border-radius:20px;background:linear-gradient(135deg,var(--npn-purple) 0%,#8f4fe0 100%);color:#fff;box-shadow:0 6px 0 var(--npn-purple-edge)}:root .practice-hero:before,:root .practice-hero:after{position:absolute;z-index:0;border-radius:50%;background:#ffffff1a;content:"";pointer-events:none}:root .practice-hero:before{right:-40px;top:-60px;width:220px;height:220px}:root .practice-hero:after{right:180px;bottom:-70px;width:140px;height:140px;background:#ffffff12}:root .practice-hero>*{position:relative;z-index:1}:root .practice-hero>div>span{color:var(--npn-gold);letter-spacing:.12em}:root .practice-hero h1{margin:6px 0;color:#fff;font:900 34px/1.1 var(--npn-font);letter-spacing:-.01em;text-transform:none}:root .practice-hero p{margin:0;color:#ffffffe6;font:700 15px/1.45 var(--npn-font);opacity:1}:root .practice-hero .selected-companion__message{border:var(--npn-border) solid rgba(255,255,255,.35);border-radius:var(--npn-radius);background:#fff;color:var(--npn-ink);box-shadow:none;font:700 12px/1.35 var(--npn-font)}:root .practice-hero>a{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 22px;border:0;border-radius:var(--npn-radius);background:#fff;color:var(--npn-purple-edge);box-shadow:0 var(--npn-lip) 0 #0000002e;font:900 15px/1 var(--npn-font);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:transform var(--npn-dur-press) linear,box-shadow var(--npn-dur-press) linear,filter var(--npn-dur-fast) ease}:root .practice-hero>a:hover{filter:brightness(.97)}:root .practice-hero>a:active{transform:translateY(var(--npn-lip));box-shadow:0 0 #0000002e}:root .practice-hero>a b{display:inline-grid;place-items:center}:root .practice-hero>a .ui-icon{width:18px;height:18px;stroke-width:3}:root .practice-page main>.learning-economy{display:grid;gap:4px;margin:20px 0 0;padding:14px 18px;border:var(--npn-card-border);border-radius:var(--npn-radius-lg);background:var(--npn-bg);box-shadow:var(--npn-card-lip);color:var(--npn-ink-2);font:700 14px/1.4 var(--npn-font)}:root .practice-page main>.learning-economy .learning-economy__header{display:flex;align-items:center;justify-content:space-between;gap:12px}:root .practice-page main>.learning-economy .learning-economy__header strong{color:var(--npn-ink);font:800 16px/1.2 var(--npn-font)}:root .practice-page main>.learning-economy .learning-economy__balance{display:inline-flex;align-items:center;gap:6px;color:var(--npn-blue-ink);font:800 15px/1 var(--npn-font)}:root .practice-page main>.learning-economy .learning-economy__balance .ui-icon{width:26px;height:26px}:root .practice-page main>.learning-economy small{color:var(--npn-muted);font:600 13px/1.45 var(--npn-font)}:root .practice-page :is(.learning-check-error,.learning-progress-error),:root .practice-page main>aside[role=alert]{margin:16px 0 0;padding:12px 16px;border:var(--npn-border) solid color-mix(in srgb,var(--npn-danger),white 55%);border-radius:var(--npn-radius);background:var(--npn-danger-soft);color:var(--npn-danger-ink);font:700 14px/1.4 var(--npn-font)}:root .practice-stack{margin-top:36px}:root .practice-stack>header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}:root .practice-stack h2{margin:0;color:var(--npn-ink);font:800 24px/1.2 var(--npn-font)}:root .practice-stack>header span{padding:5px 10px;border-radius:var(--npn-radius-pill);background:var(--npn-warning-soft);color:var(--npn-warning-edge);font:800 12px/1 var(--npn-font);letter-spacing:.06em;text-transform:uppercase}:root .practice-stack>p{margin:0;padding:28px 24px 28px 92px;border:var(--npn-border) dashed var(--npn-line-strong);border-radius:var(--npn-radius-lg);background:var(--npn-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Ccircle cx='24' cy='24' r='22' fill='%23ff9600'/%3E%3Cpath d='M15 18a10 10 0 0 1 17-3l2-3v9h-9l3-3a6 6 0 0 0-9 2Zm18 12a10 10 0 0 1-17 3l-2 3v-9h9l-3 3a6 6 0 0 0 9-2Z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 24px center / 48px;color:var(--npn-ink-2);font:700 15px/1.5 var(--npn-font)}:root .practice-stack>a{position:relative;min-height:88px;display:grid;grid-template-columns:56px minmax(0,1fr) 40px;align-items:center;gap:16px;margin-bottom:12px;padding:14px 18px;border:var(--npn-card-border);border-radius:var(--npn-radius-lg);background:var(--npn-bg);box-shadow:var(--npn-card-lip);color:var(--npn-ink);text-decoration:none;transform:none;transition:transform var(--npn-dur-press) linear,box-shadow var(--npn-dur-press) linear,background var(--npn-dur-fast) ease,border-color var(--npn-dur-fast) ease}:root .practice-stack>a:hover{border-color:var(--npn-line-strong);background:var(--npn-surface);transform:none}:root .practice-stack>a:active{transform:translateY(var(--npn-lip));box-shadow:0 0 0 var(--npn-line)}:root .practice-stack .practice-index{width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:var(--npn-warning);color:#fff;box-shadow:0 4px 0 var(--npn-warning-edge);font:900 18px/1 var(--npn-font)}:root .practice-stack>a:nth-of-type(4n+2) .practice-index{background:var(--npn-blue);box-shadow:0 4px 0 var(--npn-blue-edge)}:root .practice-stack>a:nth-of-type(4n+3) .practice-index{background:var(--npn-purple);box-shadow:0 4px 0 var(--npn-purple-edge)}:root .practice-stack>a:nth-of-type(4n+4) .practice-index{background:var(--npn-primary);box-shadow:0 4px 0 var(--npn-primary-edge)}:root .practice-stack>a>div{display:grid;gap:2px;min-width:0}:root .practice-stack small{color:var(--npn-warning-edge);font:800 12px/1.2 var(--npn-font);letter-spacing:.08em;text-transform:uppercase}:root .practice-stack strong{color:var(--npn-ink);font:800 17px/1.3 var(--npn-font)}:root .practice-stack>a p{margin:0;overflow:hidden;color:var(--npn-muted);font:600 14px/1.4 var(--npn-font);text-overflow:ellipsis;white-space:nowrap}:root .practice-stack>a>b{width:40px;height:40px;display:grid;place-items:center;border-radius:var(--npn-radius-sm);color:var(--npn-blue)}:root .practice-stack>a>b .ui-icon{width:22px;height:22px;stroke-width:3}:root .practice-task{margin-top:28px;padding:24px;border:var(--npn-card-border);border-radius:20px;background:var(--npn-bg);box-shadow:var(--npn-card-lip)}:root .practice-task>a{display:inline-flex;align-items:center;gap:6px;color:var(--npn-blue);font:800 13px/1 var(--npn-font);letter-spacing:.06em;text-decoration:none;text-transform:uppercase}:root .practice-task>h2{margin:14px 0 4px;color:var(--npn-ink);font:800 24px/1.2 var(--npn-font)}:root .practice-task>p{color:var(--npn-muted);font:700 14px/1.4 var(--npn-font)}:root .practice-result{display:grid;gap:8px;margin-top:20px;padding:18px 20px;border-radius:var(--npn-radius-lg);background:var(--npn-success-soft);color:var(--npn-success-ink);font-family:var(--npn-font);animation:npn-pop-in var(--npn-dur) var(--npn-ease-spring) both}:root .practice-result:has(button){background:var(--npn-surface);color:var(--npn-ink)}:root .practice-result strong{font:900 19px/1.3 var(--npn-font)}:root .practice-result p{margin:0;color:inherit;font:600 15px/1.45 var(--npn-font)}:root .practice-result button{justify-self:start;min-height:46px;margin:4px 0 0;padding:0 22px;border:0;border-radius:var(--npn-radius);background:var(--npn-primary);color:#fff;box-shadow:0 var(--npn-lip) 0 var(--npn-primary-edge);font:800 14px/1 var(--npn-font);letter-spacing:.06em;text-transform:uppercase;cursor:pointer}:root .practice-result button:active{transform:translateY(var(--npn-lip));box-shadow:none}:root .practice-result a{color:var(--npn-blue);font:800 13px/1 var(--npn-font);letter-spacing:.06em;text-decoration:none;text-transform:uppercase}@media(max-width:900px){:root .practice-hero{grid-template-columns:96px minmax(0,1fr)}:root .practice-hero>a{grid-column:1 / -1}}@media(max-width:600px){:root .practice-page main,:root .guidebook-page main{width:calc(100% - 32px);padding-top:16px}:root .practice-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;padding:20px}:root .practice-hero>.selected-companion,:root .practice-hero>.pico-mascot{display:none}:root .practice-hero h1{font-size:28px}:root .practice-hero>a{display:flex;width:100%}:root .practice-stack h2{font-size:20px}:root .practice-stack>a{grid-template-columns:48px minmax(0,1fr) 24px;gap:12px;padding:12px 14px}:root .practice-stack .practice-index{width:48px;height:48px;font-size:16px}:root .practice-stack>a>b{width:24px}:root .practice-stack>p{padding:84px 20px 24px;background-position:center 20px;text-align:center}:root .practice-task{padding:18px 16px}}:root .guide-back{min-height:40px;display:inline-flex;align-items:center;gap:8px;margin-bottom:20px;padding:0 14px;border:var(--npn-card-border);border-radius:var(--npn-radius);background:var(--npn-bg);box-shadow:0 3px 0 var(--npn-line);color:var(--npn-blue);font:800 13px/1 var(--npn-font);letter-spacing:.06em;text-decoration:none;text-transform:uppercase;transition:transform var(--npn-dur-press) linear,box-shadow var(--npn-dur-press) linear}:root .guide-back:active{transform:translateY(3px);box-shadow:none}:root .guide-back .ui-icon{width:18px;height:18px;stroke-width:3}:root .guidebook-page main>header{padding:0 0 24px;border-bottom:var(--npn-card-border)}:root .guidebook-page main>header>span{color:var(--npn-primary-ink)}:root .guidebook-page main>header h1{margin:8px 0;color:var(--npn-ink);font:900 clamp(30px,4vw,40px)/1.1 var(--npn-font);letter-spacing:-.01em;text-transform:none}:root .guidebook-page main>header p{margin:0;max-width:640px;color:var(--npn-ink-2);font:600 17px/1.5 var(--npn-font)}:root .guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;margin-top:24px}:root .guide-grid>section{--accent: var(--npn-blue);--accent-soft: var(--npn-blue-soft);position:relative;min-width:0;padding:20px 22px 22px;border:var(--npn-card-border);border-radius:20px;background:var(--npn-bg);box-shadow:var(--npn-card-lip)}:root .guide-grid>section:nth-child(3){--accent: var(--npn-warning);--accent-soft: var(--npn-warning-soft)}:root .guide-grid>section:nth-child(4){--accent: var(--npn-primary);--accent-soft: var(--npn-primary-soft)}:root .guide-grid>section:nth-child(5){--accent: var(--npn-purple);--accent-soft: var(--npn-purple-soft)}:root .guide-grid>section:nth-child(6){--accent: var(--npn-danger);--accent-soft: var(--npn-danger-soft)}:root .guide-grid>section:nth-child(7){--accent: var(--npn-gold-edge);--accent-soft: var(--npn-gold-soft)}:root .guide-grid>section:nth-child(8){--accent: var(--npn-success);--accent-soft: var(--npn-success-soft)}:root .guide-grid h2{display:flex;align-items:center;gap:10px;margin:0 0 12px;color:var(--npn-ink);font:800 18px/1.25 var(--npn-font)}:root .guide-grid>section:not(.guide-big):not(.guide-lessons)>h2:before{width:12px;height:12px;flex:0 0 12px;border-radius:4px;background:var(--accent);box-shadow:0 2px color-mix(in srgb,var(--accent),black 22%);content:""}:root .guide-grid p{margin:0 0 10px;color:var(--npn-ink-2);font:600 15px/1.55 var(--npn-font)}:root .guide-grid p:last-child{margin-bottom:0}:root .guide-grid ul{display:grid;gap:8px;margin:10px 0 0;padding:0;list-style:none;color:var(--npn-ink-2);font:600 15px/1.45 var(--npn-font)}:root .guide-grid li{position:relative;margin:0;padding:8px 12px 8px 36px;border-radius:var(--npn-radius-sm);background:var(--accent-soft);color:var(--npn-ink)}:root .guide-grid li:before{position:absolute;left:12px;top:13px;width:12px;height:12px;border-radius:50%;background:var(--accent);content:""}:root .guide-grid>section:nth-child(6) li:before{top:9px;width:16px;height:16px;left:10px;background:var(--npn-danger) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m5 5 6 6M11 5l-6 6' stroke='%23fff' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center / 16px no-repeat}:root .guide-grid>section:nth-child(7){border-color:color-mix(in srgb,var(--npn-gold),white 35%);background:var(--npn-gold-soft);box-shadow:0 var(--npn-lip) 0 color-mix(in srgb,var(--npn-gold),white 20%)}:root .guide-grid>section:nth-child(7) p{color:var(--npn-ink)}:root .guide-big{grid-row:span 2;overflow:hidden;border-color:color-mix(in srgb,var(--npn-primary),white 45%)!important;background:var(--npn-primary-soft)!important;box-shadow:0 var(--npn-lip) 0 color-mix(in srgb,var(--npn-primary),white 30%)!important}:root .guide-big h2{color:var(--npn-primary-ink);font:900 13px/1.2 var(--npn-font);letter-spacing:.1em;text-transform:uppercase}:root .guide-big p{color:var(--npn-ink);font:800 clamp(18px,1.8vw,20px)/1.45 var(--npn-font)}:root .guide-symbol{width:76px;height:76px;display:grid;place-items:center;margin-bottom:18px;border:0;border-radius:22px;background:var(--npn-primary);color:#fff;box-shadow:0 6px 0 var(--npn-primary-edge);font-size:36px}:root .guide-symbol .ui-icon{width:38px;height:38px;stroke-width:2.6}:root .guide-equations{display:flex;flex-direction:column;gap:10px}:root .guide-equations code{padding:14px 16px;border:var(--npn-border) solid color-mix(in srgb,var(--npn-purple),white 55%);border-radius:var(--npn-radius);background:var(--npn-purple-soft);color:var(--npn-purple-edge);box-shadow:0 3px color-mix(in srgb,var(--npn-purple),white 55%);font:700 18px/1.3 var(--npn-font-mono);text-align:center}:root .guide-lessons{grid-column:1 / -1;padding-bottom:12px!important}:root .guide-lessons a{min-height:60px;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:14px;margin:0 -10px;padding:8px 10px;border:0;border-top:var(--npn-card-border);border-radius:0;color:var(--npn-ink);font:800 16px/1.3 var(--npn-font);text-decoration:none;transition:background var(--npn-dur-fast) ease}:root .guide-lessons a:hover{border-radius:var(--npn-radius);background:var(--npn-surface)}:root .guide-lessons a span{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--npn-primary);color:#fff;box-shadow:0 3px 0 var(--npn-primary-edge);font:900 15px/1 var(--npn-font)}:root .guide-lessons a b{display:grid;place-items:center;color:var(--npn-blue)}:root .guide-lessons a b .ui-icon{width:20px;height:20px;stroke-width:3}@media(max-width:760px){:root .guide-grid{grid-template-columns:minmax(0,1fr);gap:14px}:root .guide-big,:root .guide-lessons{grid-column:auto;grid-row:auto}:root .guide-grid>section{padding:18px}}:root .learning-not-found{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:10px;padding:32px 16px;background:var(--npn-bg);text-align:center}:root .learning-not-found h1{margin:14px 0 0;color:var(--npn-ink);font:900 clamp(26px,4vw,32px)/1.2 var(--npn-font);text-transform:none}:root .learning-not-found p{max-width:420px;margin:0;color:var(--npn-muted);font:600 16px/1.5 var(--npn-font)}:root .learning-not-found .selected-companion__message{border:var(--npn-card-border);border-radius:var(--npn-radius);background:var(--npn-bg);box-shadow:none;font:700 13px/1.35 var(--npn-font)}:root .learning-not-found>a,:root .error-page main>a,:root .join-page button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;margin-top:16px;padding:0 28px;border:0;border-radius:var(--npn-radius);background:var(--npn-primary);color:#fff;box-shadow:0 var(--npn-lip) 0 var(--npn-primary-edge);font:800 15px/1 var(--npn-font);letter-spacing:.06em;text-decoration:none;text-transform:uppercase;cursor:pointer;transition:transform var(--npn-dur-press) linear,box-shadow var(--npn-dur-press) linear,filter var(--npn-dur-fast) ease}:root .learning-not-found>a:hover,:root .error-page main>a:hover,:root .join-page button:hover{background:var(--npn-primary);color:#fff;filter:brightness(1.06)}:root .learning-not-found>a:active,:root .error-page main>a:active,:root .join-page button:active{transform:translateY(var(--npn-lip));box-shadow:0 0 0 var(--npn-primary-edge)}:root .probe-profile-root{--pp-ink: var(--npn-ink);--pp-muted: var(--npn-muted);background:var(--npn-bg);color:var(--npn-ink);font-family:var(--npn-font)}:root .probe-profile-root :is(button,input,select,textarea){font-family:var(--npn-font)}:root .probe-profile-root :is(button,input,a):focus-visible{outline:3px solid color-mix(in srgb,var(--npn-blue),transparent 50%);outline-offset:2px}:root .probe-profile-root .probe-profile{max-width:1040px;gap:24px;padding:32px 32px 120px}:root .probe-profile-root :is(h1,h2,h3){font-family:var(--npn-font)}:root .pp-inbox-nav,:root .pp-nav-signin{min-height:40px;justify-content:center;gap:8px;padding:0 14px;border:var(--npn-card-border);border-radius:var(--npn-radius);background:var(--npn-bg);color:var(--npn-blue);box-shadow:0 3px 0 var(--npn-line);font:800 13px/1 var(--npn-font);letter-spacing:.06em}:root .pp-inbox-nav:hover,:root .pp-nav-signin:hover{background:var(--npn-surface);color:var(--npn-blue)}:root .pp-inbox-nav:active,:root .pp-nav-signin:active{transform:translateY(3px);box-shadow:none}:root .pp-inbox-nav span,:root .pp-tabs button span{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--npn-danger);color:#fff;font:900 11px/1 var(--npn-font)}:root .pp-tabs{gap:8px;padding:0;border:0;border-radius:0;background:transparent}:root .pp-tabs button{min-height:44px;padding:0 18px;border:var(--npn-card-border);border-radius:var(--npn-radius);background:var(--npn-bg);color:var(--npn-muted);box-shadow:0 3px 0 var(--npn-line);font:800 13px/1 var(--npn-font);letter-spacing:.06em;text-transform:uppercase;transition:background var(--npn-dur-fast) ease,color var(--npn-dur-fast) ease,transform var(--npn-dur-press) linear,box-shadow var(--npn-dur-press) linear}:root .pp-tabs button:hover{background:var(--npn-surface);color:var(--npn-ink-2)}:root .pp-tabs button:active{transform:translateY(3px);box-shadow:none}:root .pp-tabs button.is-active{border-color:color-mix(in srgb,var(--npn-blue),white 40%);background:var(--npn-blue-soft);color:var(--npn-blue-ink);box-shadow:0 3px color-mix(in srgb,var(--npn-blue),white 40%)}:root .pp-tab-panel{gap:24px}:root .probe-profile-root .pp-button{min-height:44px;gap:8px;padding:0 18px;border:0;border-radius:var(--npn-radius);background:var(--npn-primary);color:#fff;box-shadow:0 var(--npn-lip) 0 var(--npn-primary-edge);font:800 13px/1.1 var(--npn-font);letter-spacing:.06em;text-transform:uppercase;transition:transform var(--npn-dur-press) linear,box-shadow var(--npn-dur-press) linear,filter var(--npn-dur-fast) ease}:root .probe-profile-root .pp-button:hover{color:#fff;filter:brightness(1.06)}:root .probe-profile-root .pp-button:active:not(:disabled){transform:translateY(var(--npn-lip));box-shadow:0 0 0 var(--npn-primary-edge)}:root .probe-profile-root .pp-button:disabled{opacity:1;background:var(--npn-surface-2);color:var(--npn-disabled);box-shadow:0 var(--npn-lip) 0 var(--npn-line-strong);filter:none}:root .probe-profile-root .pp-button--quiet{border:var(--npn-border) solid var(--npn-line-strong);background:var(--npn-bg);color:var(--npn-blue);box-shadow:0 var(--npn-lip) 0 var(--npn-line-strong)}:root .probe-profile-root .pp-button--quiet:hover{background:var(--npn-surface);color:var(--npn-blue);filter:none}:root .probe-profile-root .pp-button--quiet:disabled{border-color:var(--npn-line);background:var(--npn-bg);color:var(--npn-disabled);box-shadow:0 var(--npn-lip) 0 var(--npn-line)}:root .probe-profile-root .pp-button--danger{background:var(--npn-danger);color:#fff;box-shadow:0 var(--npn-lip) 0 var(--npn-danger-edge)}:root .probe-profile-root :is(.pp-account,.pp-preferences,.pp-request-row,.pp-friend-list,.pp-request-toast,.pp-session-invite-toast) .pp-button{min-height:38px;padding:0 14px;border-radius:12px;font-size:12px}:root .probe-profile-root .pp-icon-close{width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:var(--npn-radius-sm);background:transparent;color:var(--npn-disabled);font:700 26px/1 var(--npn-font)}:root .probe-profile-root .pp-icon-close:hover{background:var(--npn-surface);color:var(--npn-muted)}:root .probe-profile-root .pp-empty{color:var(--npn-muted);font:600 14px/1.5 var(--npn-font)}:root .probe-profile-root :is(.pp-friends input,.pp-inline-form input,.pp-password-form input,.pp-delete-dialog input[type=password]),:root .probe-profile-root .pp-account-card>.pp-setting-block>label>input[type=password],:root .probe-profile-root .pp-account-card .profile-oauth-link-form input[type=password]{min-height:48px;padding:10px 14px;border:var(--npn-border) solid var(--npn-line);border-radius:12px;background:var(--npn-surface);color:var(--npn-ink);font:700 15px/1.3 var(--npn-font);transition:border-color var(--npn-dur-fast) ease,background var(--npn-dur-fast) ease}:root .probe-profile-root :is(.pp-friends input,.pp-inline-form input,.pp-password-form input,.pp-delete-dialog input[type=password]):focus,:root .probe-profile-root .pp-account-card>.pp-setting-block>label>input[type=password]:focus,:root .probe-profile-root .pp-account-card .profile-oauth-link-form input[type=password]:focus{border-color:var(--npn-blue);background:var(--npn-bg);box-shadow:none;outline:none}:root .probe-profile-root .pp-friends input{font-family:var(--npn-font-mono);letter-spacing:.04em}:root .pp-page-notice{padding:14px 46px 14px 16px;border:var(--npn-border) solid color-mix(in srgb,var(--npn-success),white 50%);border-radius:var(--npn-radius);background:var(--npn-success-soft);color:var(--npn-success-ink);font:700 14px/1.4 var(--npn-font)}:root .pp-page-notice.is-error{border-color:color-mix(in srgb,var(--npn-danger),white 50%);background:var(--npn-danger-soft);color:var(--npn-danger-ink)}:root .pp-page-notice button{top:8px;right:10px;color:inherit;font-size:22px}:root .probe-profile-root :is(.pp-loading,.pp-load-error,.pp-guest-card){border:var(--npn-card-border);border-radius:20px;background:var(--npn-bg);box-shadow:var(--npn-card-lip);color:var(--npn-ink-2);font:700 16px/1.5 var(--npn-font)}:root .pp-guest-card h1{color:var(--npn-ink);font:900 32px/1.2 var(--npn-font)}:root .pp-guest-card p{color:var(--npn-muted);font:600 16px/1.55 var(--npn-font)}:root .pp-profile-hero{gap:20px}:root .probe-profile-root .pp-avatar-card{position:relative;overflow:hidden;gap:16px;padding:20px;border:var(--npn-card-border);border-radius:20px;background:var(--npn-bg);box-shadow:var(--npn-card-lip)}:root .probe-profile-root .pp-avatar-card:before{position:absolute;z-index:0;inset:0 0 auto;height:62%;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.55) 0 18px,transparent 19px),radial-gradient(circle at 82% 70%,rgba(255,255,255,.4) 0 28px,transparent 29px),var(--npn-primary-soft);content:""}:root .probe-profile-root .pp-avatar-card>*{position:relative;z-index:1}:root .pp-avatar-card>header code{padding:4px 8px;border-radius:8px;background:#ffffffb3;color:var(--npn-primary-ink);font:700 12px/1 var(--npn-font-mono)}:root .pp-avatar-card>div>b{color:var(--npn-ink-2);font:800 16px/1.2 var(--npn-font)}:root .probe-profile-root .pp-avatar-card>.pp-button{min-height:50px;background:var(--npn-blue);color:#fff;box-shadow:0 var(--npn-lip) 0 var(--npn-blue-edge);font-size:14px}:root .probe-profile-root .pp-avatar-card>.pp-button:hover{background:var(--npn-blue);filter:brightness(1.06)}:root .probe-profile-root .pp-avatar-card>.pp-button:active:not(:disabled){box-shadow:0 0 0 var(--npn-blue-edge)}:root .probe-profile-root .pp-identity-card{gap:22px;padding:24px 26px 26px;border:var(--npn-card-border);border-radius:20px;background:var(--npn-bg);box-shadow:var(--npn-card-lip)}:root .probe-profile-root .pp-identity-card h1{color:var(--npn-ink);font:900 clamp(30px,3.4vw,40px)/1.1 var(--npn-font);letter-spacing:-.01em}:root .pp-identity-card>header p{color:var(--npn-muted);font:700 15px/1.3 var(--npn-font)}:root .pp-identity-card>header>b{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border:0;border-radius:var(--npn-radius-pill);background:var(--npn-gold);color:#6b4a05;box-shadow:0 3px 0 var(--npn-gold-edge);font:900 14px/1 var(--npn-font);letter-spacing:.04em;text-transform:uppercase}:root .pp-level-progress p{color:var(--npn-ink-2);font:800 14px/1.2 var(--npn-font)}:root .pp-level-progress p span{color:var(--npn-muted)}:root .pp-level-progress p strong{color:var(--npn-gold-edge);font:900 20px/1 var(--npn-font)}:root .probe-profile-root .pp-level-progress>i{height:16px;border-radius:var(--npn-radius-pill);background:var(--npn-surface-2)}:root .probe-profile-root .pp-level-progress>i>b{position:relative;min-width:16px;border:0;border-radius:inherit;background:var(--npn-gold);transition:width var(--npn-dur-slow) var(--npn-ease-spring)}:root .probe-profile-root .pp-level-progress>i>b:after{position:absolute;top:3px;left:8px;right:8px;height:4px;border-radius:4px;background:#ffffff73;content:""}:root .pp-level-progress>small{color:var(--npn-muted);font:700 13px/1.3 var(--npn-font)}:root .probe-profile-root .pp-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}:root .probe-profile-root .pp-stat-grid>article{position:relative;min-width:0;min-height:76px;height:auto;display:flex;flex-direction:column;gap:2px;padding:14px 14px 14px 62px;border:var(--npn-card-border);border-radius:var(--npn-radius-lg);background:var(--npn-bg);transition:transform var(--npn-dur-fast) var(--npn-ease-spring)}:root .probe-profile-root .pp-stat-grid>article:hover{transform:translateY(-2px)}:root .probe-profile-root .pp-stat-grid .pp-stat-label{order:2;display:block;color:var(--npn-muted);font:800 12px/1.2 var(--npn-font);letter-spacing:.08em}:root .probe-profile-root .pp-stat-glyph{position:absolute;left:14px;top:18px;width:36px;height:36px}:root .probe-profile-root .pp-stat-grid>article>strong{order:1;color:var(--npn-ink);font:900 22px/1.15 var(--npn-font);font-variant-numeric:tabular-nums}:root .probe-profile-root .pp-stat-grid>article>span{order:3;margin-top:4px;color:var(--npn-muted);font:700 12px/1.3 var(--npn-font)}:root .probe-profile-root .pp-stat-grid>.pp-streak-stat{background:var(--npn-bg)}:root .probe-profile-root .pp-streak-stat>small{color:var(--npn-muted)!important}:root .probe-profile-root .pp-streak-stat>div{order:3;gap:4px;margin:8px 0 0 -48px}:root .probe-profile-root .pp-streak-stat>div i{height:8px;border-radius:4px;background:var(--npn-surface-2)}:root .probe-profile-root .pp-streak-stat>div i.is-active{background:var(--npn-warning)}:root .probe-profile-root .pp-streak-stat>div small{color:var(--npn-muted);font:800 10px/1 var(--npn-font)}@media(prefers-reduced-motion:reduce){:root:not([data-profile-reduce-motion=false]) .probe-profile-root .pp-stat-grid>article:hover{transform:none}}:root[data-profile-reduce-motion=true] .probe-profile-root .pp-stat-grid>article:hover{transform:none}:root .probe-profile-root .pp-friend-code{gap:16px;padding:22px 24px;border:0;border-radius:20px;background:var(--npn-blue);color:#fff;box-shadow:0 6px 0 var(--npn-blue-edge)}:root .probe-profile-root .pp-friend-code>div:first-child>span{color:#ffffffd9}:root .probe-profile-root .pp-friend-code code{font:800 30px/1.1 var(--npn-font-mono);letter-spacing:.06em}:root .probe-profile-root .pp-friend-code p{color:#ffffffe0;font:700 14px/1.4 var(--npn-font)}:root .probe-profile-root .pp-friend-code .pp-button{background:#fff;color:var(--npn-blue-ink);box-shadow:0 var(--npn-lip) 0 #0000002e}:root .probe-profile-root .pp-friend-code .pp-button--quiet{border:var(--npn-border) solid rgba(255,255,255,.55);background:transparent;color:#fff;box-shadow:0 var(--npn-lip) 0 #00000024}:root .probe-profile-root .pp-friend-code .pp-button--quiet:hover{background:#ffffff1f}:root .probe-profile-root :is(.pp-achievements h2,.pp-skills-units h2,.pp-friends h2,.pp-inbox h2,.pp-account h2,.pp-preferences h2){color:var(--npn-ink);font:800 22px/1.2 var(--npn-font)}:root .probe-profile-root :is(.pp-achievements>header span,.pp-inbox>section>header>span){color:var(--npn-muted);font:800 13px/1 var(--npn-font);letter-spacing:.04em}:root .probe-profile-root .pp-achievements article>i{font-family:var(--npn-font);font-weight:900}:root .probe-profile-root .pp-achievements article>div b{font:800 16px/1.25 var(--npn-font)}:root .probe-profile-root .pp-achievements article>div span{font:700 13px/1.35 var(--npn-font)}:root .probe-profile-root .pp-skills-units>article{border:var(--npn-card-border);border-radius:20px;background:var(--npn-bg);box-shadow:var(--npn-card-lip)}:root .probe-profile-root .pp-skill>i{height:10px;border-radius:var(--npn-radius-pill);background:var(--npn-surface-2)}:root .probe-profile-root .pp-skill>i b{border-radius:inherit;background:var(--npn-primary)}:root .probe-profile-root .pp-unit{border:var(--npn-card-border);border-radius:var(--npn-radius);background:var(--npn-bg)}:root .probe-profile-root .pp-friends{gap:24px;padding:24px;border:var(--npn-card-border);border-radius:20px;background:var(--npn-bg);box-shadow:var(--npn-card-lip)}:root .probe-profile-root .pp-friends>div:first-child p{color:var(--npn-ink-2);font:600 15px/1.5 var(--npn-font)}:root .probe-profile-root .pp-friend-list>article{padding:12px 14px;border:var(--npn-card-border);border-radius:var(--npn-radius);background:var(--npn-bg)}:root .probe-profile-root .pp-friend-list b{color:var(--npn-ink);font:800 15px/1.2 var(--npn-font)}:root .probe-profile-root .pp-friend-list small{color:var(--npn-muted);font:700 12px/1.2 var(--npn-font)}:root .probe-profile-root .pp-friend-list>article>button:first-child>span:first-child>i.is-online{background:var(--npn-success)}:root .probe-profile-root :is(.pp-inbox,.pp-account,.pp-preferences)>section{padding:22px 24px;border:var(--npn-card-border);border-radius:20px;background:var(--npn-bg);box-shadow:var(--npn-card-lip)}:root .probe-profile-root .pp-request-row{padding:12px;border:var(--npn-card-border);border-radius:var(--npn-radius);background:var(--npn-bg)}:root .probe-profile-root .pp-request-row>button:nth-child(2) b{color:var(--npn-ink);font:800 15px/1.2 var(--npn-font)}:root .probe-profile-root .pp-request-row>button:nth-child(2) span{color:var(--npn-muted);font:700 12px/1.3 var(--npn-font)}:root .probe-profile-root .pp-news>header button{color:var(--npn-blue);font:800 12px/1 var(--npn-font);letter-spacing:.06em;text-transform:uppercase}:root .probe-profile-root .pp-news>button{padding:14px 0;border-top:var(--npn-card-border)}:root .probe-profile-root .pp-news>button>i{width:10px;height:10px;background:var(--npn-blue)}:root .probe-profile-root .pp-news>button.is-read>i{background:var(--npn-line)}:root .probe-profile-root .pp-news>button header span{color:var(--npn-blue-ink);font:800 11px/1 var(--npn-font);letter-spacing:.08em}:root .probe-profile-root .pp-news>button time{color:var(--npn-muted);font:700 12px/1 var(--npn-font)}:root .probe-profile-root .pp-news>button b{color:var(--npn-ink);font:800 16px/1.3 var(--npn-font)}:root .probe-profile-root .pp-news>button p{color:var(--npn-ink-2);font:600 14px/1.5 var(--npn-font)}:root .probe-profile-root :is(.pp-account-card>span,.pp-billing-card>span,.pp-preferences>section>span){margin-bottom:4px}:root .probe-profile-root :is(.pp-account,.pp-preferences) h2{margin:0 0 12px}:root .probe-profile-root .pp-setting-block{gap:12px;padding:16px 0;border-top:var(--npn-card-border)}:root .probe-profile-root :is(.pp-setting-block small,.pp-billing-card>div small){color:var(--npn-muted);font:800 12px/1.2 var(--npn-font);letter-spacing:.08em}:root .probe-profile-root .pp-setting-block b{color:var(--npn-ink);font:800 16px/1.3 var(--npn-font)}:root .probe-profile-root .pp-account-card>.pp-setting-block>label{color:var(--npn-ink-2);font:700 13px/1.4 var(--npn-font)}:root .probe-profile-root .pp-inline-form .pp-reauth-field,:root .probe-profile-root .pp-inline-form>small{color:var(--npn-muted);font:700 12px/1.4 var(--npn-font)}:root .probe-profile-root :is(.pp-form-message,.pp-password-form footer span){color:var(--npn-success-ink);font:700 13px/1.4 var(--npn-font)}:root .probe-profile-root :is(.pp-form-message.is-error,.pp-password-form footer span.is-error,.pp-inline-form>small.is-error){color:var(--npn-danger-ink)}:root .probe-profile-root .pp-account-card :is(.pp-connected,.profile-oauth-status){padding:6px 10px;border-radius:var(--npn-radius-pill);background:var(--npn-surface-2);color:var(--npn-muted);font:800 12px/1.2 var(--npn-font)}:root .probe-profile-root .pp-account-card :is(.pp-connected,.profile-oauth-status.is-connected){background:var(--npn-success-soft);color:var(--npn-success-ink)}:root .probe-profile-root .pp-account-card>.pp-setting-block>.profile-oauth-actions>.profile-oauth-row{border-top:var(--npn-card-border)}:root .probe-profile-root .pp-account-card>footer{padding-top:16px;border-top:var(--npn-card-border)}:root .probe-profile-root .pp-account-card>footer>button:last-child{min-height:38px;padding:0 4px;color:var(--npn-danger);font:800 13px/1 var(--npn-font);letter-spacing:.06em;text-transform:uppercase}:root .probe-profile-root .pp-billing-card>header>b{padding:6px 12px;border-radius:var(--npn-radius-pill);background:var(--npn-primary-soft);color:var(--npn-primary-ink);font:800 12px/1 var(--npn-font);letter-spacing:.06em;text-transform:uppercase}:root .probe-profile-root .pp-billing-card>article{gap:10px;padding:18px;border:var(--npn-border) solid color-mix(in srgb,var(--npn-gold),white 30%);border-radius:var(--npn-radius-lg);background:var(--npn-gold-soft);box-shadow:0 var(--npn-lip) 0 color-mix(in srgb,var(--npn-gold),white 10%)}:root .probe-profile-root .pp-billing-card>article header b{color:var(--npn-ink);font:900 17px/1.2 var(--npn-font)}:root .probe-profile-root .pp-billing-card>article header span{color:var(--npn-gold-edge);font:800 11px/1 var(--npn-font)}:root .probe-profile-root .pp-billing-card>article p{color:var(--npn-ink-2);font:600 14px/1.5 var(--npn-font)}:root .probe-profile-root .pp-billing-card>article .pp-button{background:var(--npn-gold);color:#6b4a05;box-shadow:0 var(--npn-lip) 0 var(--npn-gold-edge)}:root .probe-profile-root .pp-billing-card>article .pp-button:disabled{background:var(--npn-bg);color:var(--npn-gold-edge);box-shadow:0 var(--npn-lip) 0 color-mix(in srgb,var(--npn-gold),white 10%)}:root .probe-profile-root .pp-billing-card>div{border-top:var(--npn-card-border)}:root .probe-profile-root .pp-billing-card>div span{color:var(--npn-ink-2);font:700 15px/1.3 var(--npn-font)}:root .probe-profile-root .pp-preferences>section>header{margin-bottom:12px}:root .probe-profile-root :is(.pp-volume,.pp-toggle-row){gap:16px;padding:16px 0;border-top:var(--npn-card-border)}:root .probe-profile-root .pp-toggle-row b{color:var(--npn-ink);font:800 16px/1.3 var(--npn-font)}:root .probe-profile-root .pp-toggle-row span{color:var(--npn-muted);font:600 14px/1.4 var(--npn-font)}:root .probe-profile-root .pp-volume>small{color:var(--npn-muted);font:800 12px/1 var(--npn-font);letter-spacing:.08em}:root .probe-profile-root .pp-volume input{accent-color:var(--npn-primary)}:root .probe-profile-root .pp-volume code{color:var(--npn-ink-2);font:700 14px/1 var(--npn-font-mono)}:root .probe-profile-root .pp-toggle{width:56px;height:32px;border:var(--npn-border) solid var(--npn-line-strong);border-radius:var(--npn-radius-pill);background:var(--npn-surface-2);transition:background var(--npn-dur-fast) ease,border-color var(--npn-dur-fast) ease}:root .probe-profile-root .pp-toggle i{top:2px;left:2px;width:24px;height:24px;background:#fff;box-shadow:0 2px 0 var(--npn-line-strong);transition:left var(--npn-dur) var(--npn-ease-spring)}:root .probe-profile-root .pp-toggle.is-on{border-color:var(--npn-primary-edge);background:var(--npn-primary)}:root .probe-profile-root .pp-toggle.is-on i{left:26px;box-shadow:0 2px 0 var(--npn-primary-edge)}:root .probe-profile-root .pp-toggle:active:not(:disabled) i{width:28px}:root .probe-profile-root .pp-toggle.is-on:active:not(:disabled) i{left:22px}:root .probe-profile-root .pp-motion-status{border:0;border-radius:var(--npn-radius);background:var(--npn-warning-soft);color:var(--npn-ink-2);font:700 13px/1.5 var(--npn-font)}:root .probe-profile__overlay{background:#23313a8c}:root .probe-profile__dialog{border:var(--npn-card-border);border-radius:22px;background:var(--npn-bg);box-shadow:0 var(--npn-lip) 0 var(--npn-line),var(--npn-shadow-pop);animation:npn-pop-in var(--npn-dur) var(--npn-ease-spring) both}:root .probe-profile-root :is(.pp-avatar-studio h2,.pp-delete-dialog h2,.pp-public-profile h2){color:var(--npn-ink);font:900 26px/1.2 var(--npn-font)}:root .pp-studio-preview b{color:var(--npn-ink);font:900 18px/1.2 var(--npn-font)}:root .pp-studio-controls h3{color:var(--npn-muted);font:800 12px/1.2 var(--npn-font);letter-spacing:.1em}:root .probe-profile-root .pp-type-grid button{border:var(--npn-card-border);border-radius:var(--npn-radius);background:var(--npn-bg);box-shadow:0 3px 0 var(--npn-line);transition:transform var(--npn-dur-press) linear,box-shadow var(--npn-dur-press) linear}:root .probe-profile-root .pp-type-grid button:hover{border-color:var(--npn-line-strong);background:var(--npn-surface)}:root .probe-profile-root .pp-type-grid button:active{transform:translateY(3px);box-shadow:none}:root .probe-profile-root .pp-type-grid button[aria-pressed=true]{border-color:color-mix(in srgb,var(--npn-blue),white 30%);background:var(--npn-blue-soft);box-shadow:0 3px color-mix(in srgb,var(--npn-blue),white 30%)}:root .pp-type-grid span{color:var(--npn-ink-2);font:800 11px/1 var(--npn-font)}:root .pp-color-row>b,:root .pp-eye-row>b{color:var(--npn-ink-2);font:800 13px/1.2 var(--npn-font)}:root .probe-profile-root .pp-color-row button{width:30px;height:30px;border:3px solid var(--npn-bg);box-shadow:0 0 0 2px var(--npn-line);transition:transform var(--npn-dur-fast) var(--npn-ease-spring)}:root .probe-profile-root .pp-color-row button:hover{transform:scale(1.1)}:root .probe-profile-root .pp-color-row button.is-selected{border:3px solid var(--npn-bg);box-shadow:0 0 0 3px var(--npn-blue)}:root .probe-profile-root .pp-color-row label{width:30px;height:30px;border:var(--npn-border) dashed var(--npn-line-strong)}:root .probe-profile-root .pp-eye-row button{min-height:36px;padding:0 14px;border:var(--npn-card-border);border-radius:12px;background:var(--npn-bg);color:var(--npn-ink-2);box-shadow:0 3px 0 var(--npn-line);font:800 13px/1 var(--npn-font)}:root .probe-profile-root .pp-eye-row button.is-selected{border-color:color-mix(in srgb,var(--npn-blue),white 30%);background:var(--npn-blue-soft);color:var(--npn-blue-ink);box-shadow:0 3px color-mix(in srgb,var(--npn-blue),white 30%)}:root .probe-profile-root .pp-avatar-studio>footer{border-top:var(--npn-card-border);padding-top:16px}:root .probe-profile-root .pp-avatar-studio>footer>div:first-child .pp-button:first-child{background:var(--npn-primary);color:#fff;box-shadow:0 var(--npn-lip) 0 var(--npn-primary-edge)}:root .probe-profile-root .pp-public-profile>header{border-bottom:var(--npn-card-border)}:root .probe-profile-root .pp-public-profile>header code{font-family:var(--npn-font-mono)}:root .probe-profile-root .pp-public-stats>span{border:var(--npn-card-border);border-radius:var(--npn-radius);background:var(--npn-bg)}:root .probe-profile-root .pp-public-stats small,:root .probe-profile-root .pp-public-profile__body h3{color:var(--npn-muted);font:800 11px/1.2 var(--npn-font);letter-spacing:.08em}:root .probe-profile-root .pp-public-stats b{color:var(--npn-ink);font:900 22px/1.1 var(--npn-font)}:root .probe-profile-root .pp-public-xp>i{height:12px;border-radius:var(--npn-radius-pill);background:var(--npn-surface-2)}:root .probe-profile-root .pp-public-xp>i b{border-radius:inherit;background:var(--npn-gold)}:root .probe-profile-root .pp-joined{color:var(--npn-muted);font:700 13px/1.3 var(--npn-font);letter-spacing:.04em;text-transform:uppercase}:root .probe-profile-root .pp-delete-dialog>p{color:var(--npn-ink-2);font:600 15px/1.5 var(--npn-font)}:root .probe-profile-root :is(.pp-request-toast,.pp-session-invite-toast){border:var(--npn-card-border);border-radius:var(--npn-radius-lg);background:var(--npn-bg);box-shadow:0 var(--npn-lip) 0 var(--npn-line),var(--npn-shadow-pop);font-family:var(--npn-font)}:root .probe-profile-root .pp-session-invite-toast{border-color:color-mix(in srgb,var(--npn-blue),white 45%);background:var(--npn-blue-soft)}:root .probe-profile-root :is(.pp-request-toast,.pp-session-invite-toast)>div>span{color:var(--npn-blue-ink);font:800 11px/1 var(--npn-font);letter-spacing:.08em}@media(max-width:900px){:root .probe-profile-root .probe-profile{padding:24px 20px 120px}}@media(max-width:700px){:root .probe-profile-root .probe-profile{gap:18px;padding:64px 16px 32px}:root .pp-tabs{gap:6px;margin:0 -16px;padding:0 16px 4px;scrollbar-width:none}:root .pp-tabs::-webkit-scrollbar{display:none}:root .pp-tabs button{min-height:40px;padding:0 12px;font-size:12px}:root .probe-profile-root .pp-identity-card{padding:20px 18px}:root .probe-profile-root .pp-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}:root .probe-profile-root .pp-stat-grid>article{padding:12px 10px 12px 48px}:root .probe-profile-root .pp-stat-glyph{left:10px;top:14px;width:30px;height:30px}:root .probe-profile-root .pp-streak-stat>div{margin-left:-38px}:root .probe-profile-root .pp-stat-grid>article>strong{font-size:19px}:root .probe-profile-root .pp-stat-grid .pp-stat-label{font-size:11px;letter-spacing:.04em}:root .probe-profile-root .pp-friend-code code{font-size:clamp(22px,7vw,28px)}:root .probe-profile-root .pp-achievements>div{grid-template-columns:1fr 1fr;gap:10px}:root .probe-profile-root :is(.pp-inbox,.pp-account,.pp-preferences)>section{padding:18px 16px}:root .probe-profile-root .pp-friends{padding:20px 16px}}@media(max-width:420px){:root .probe-profile-root .pp-achievements>div{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){:root:not([data-profile-reduce-motion=false]) :is(.probe-profile__dialog,.practice-result){animation:none}}:root[data-profile-reduce-motion=true] :is(.probe-profile__dialog,.practice-result){animation:none}:root .legal-page{min-height:100vh;padding:0 24px 64px;background:var(--npn-surface);color:var(--npn-ink);font-family:var(--npn-font)}:root .legal-header{width:min(960px,100%);min-height:72px;gap:20px;margin:0 auto;border-bottom:var(--npn-card-border)}:root .legal-brand{gap:10px;color:var(--npn-primary);font:900 24px/1 var(--npn-font);letter-spacing:-.02em;text-decoration:none}:root .legal-brand span{width:36px;height:36px;border:0;border-radius:11px;background:var(--npn-primary);color:#fff;box-shadow:0 3px 0 var(--npn-primary-edge);font:900 18px/1 var(--npn-font)}:root .legal-header nav{gap:6px}:root .legal-header nav a{min-height:38px;display:inline-flex;align-items:center;padding:0 12px;border:var(--npn-border) solid transparent;border-radius:12px;color:var(--npn-ink-2);font:800 13px/1 var(--npn-font);letter-spacing:.06em;text-decoration:none;text-transform:uppercase}:root .legal-header nav a:hover{background:var(--npn-bg)}:root .legal-header nav a[aria-current=page]{border-color:color-mix(in srgb,var(--npn-blue),white 40%);background:var(--npn-blue-soft);color:var(--npn-blue-ink);text-decoration:none}:root .legal-sign-in{min-height:40px;display:inline-flex;align-items:center;padding:0 16px;border:var(--npn-border) solid var(--npn-line-strong);border-radius:var(--npn-radius);background:var(--npn-bg);color:var(--npn-blue)!important;box-shadow:0 3px 0 var(--npn-line-strong);font:800 13px/1 var(--npn-font);letter-spacing:.06em;text-transform:uppercase}:root .legal-sign-in:active{transform:translateY(3px);box-shadow:none}:root .legal-document{width:min(780px,100%);margin:32px auto 0;padding:32px 36px 28px;border:var(--npn-card-border);border-radius:20px;background:var(--npn-bg);box-shadow:var(--npn-card-lip)}:root .legal-document a{color:var(--npn-blue);font-weight:800}:root .legal-eyebrow{margin:0 0 12px;color:var(--npn-primary-ink);font:var(--npn-kicker);letter-spacing:.1em;text-transform:uppercase}:root .legal-draft{padding:6px 12px;border:0;border-radius:var(--npn-radius-pill);background:var(--npn-warning);color:#fff;box-shadow:0 3px 0 var(--npn-warning-edge);font:900 12px/1.2 var(--npn-font);letter-spacing:.06em}:root .legal-release-gate{max-width:none;margin:16px 0 0;padding:12px 16px;border:var(--npn-border) solid color-mix(in srgb,var(--npn-warning),white 55%);border-radius:var(--npn-radius);background:var(--npn-warning-soft);color:var(--npn-ink-2);font:600 14px/1.5 var(--npn-font)}:root .legal-release-gate strong{color:var(--npn-warning-edge)}:root .legal-document h1{margin:24px 0 10px;color:var(--npn-ink);font:900 clamp(30px,4vw,40px)/1.1 var(--npn-font);letter-spacing:-.01em}:root .legal-intro{max-width:none;margin:0 0 24px;color:var(--npn-muted);font:600 16px/1.6 var(--npn-font)}:root .legal-document section{padding:20px 0;border-top:var(--npn-card-border)}:root .legal-document section h2{margin:0 0 8px;color:var(--npn-ink);font:800 19px/1.3 var(--npn-font)}:root .legal-document section p{margin:0 0 10px;color:var(--npn-ink-2);font:600 16px/1.65 var(--npn-font)}:root .legal-contact-missing{padding:10px 14px;border-radius:var(--npn-radius-sm);background:var(--npn-warning-soft);color:var(--npn-ink)!important}:root .legal-footer{margin-top:12px;padding-top:16px;border-top:var(--npn-card-border);color:var(--npn-muted);font:700 13px/1.4 var(--npn-font)}:root .legal-page a:focus-visible{outline:3px solid color-mix(in srgb,var(--npn-blue),transparent 50%);outline-offset:2px}@media(max-width:560px){:root .legal-page{padding:0 16px 40px}:root .legal-header{gap:10px;padding:12px 0}:root .legal-header nav{gap:4px}:root .legal-header nav a{padding:0 10px;font-size:12px}:root .legal-document{margin-top:20px;padding:22px 18px 18px}:root .legal-document section p{font-size:15px}}:root .error-page{background:var(--npn-bg);font-family:var(--npn-font)}:root .error-page main{min-height:100vh;gap:0;padding:32px 16px 96px;background:var(--npn-bg)}:root .error-page main>span{margin-top:20px;padding:6px 14px;border-radius:var(--npn-radius-pill);background:var(--npn-blue-soft);color:var(--npn-blue-ink);font:900 14px/1 var(--npn-font);letter-spacing:.14em}:root .error-page h1{margin:14px 0 8px;color:var(--npn-ink);font:900 clamp(30px,5vw,42px)/1.15 var(--npn-font);letter-spacing:-.01em}:root .error-page main>p{max-width:420px;margin:0 0 12px;color:var(--npn-muted);font:600 17px/1.5 var(--npn-font)}:root .join-page{background:var(--npn-surface);font-family:var(--npn-font)}:root .join-page main{width:min(560px,calc(100% - 32px));margin:72px auto;padding:32px;border:var(--npn-card-border);border-radius:20px;background:var(--npn-bg);box-shadow:var(--npn-card-lip);color:var(--npn-ink)}:root .join-page main:before{width:64px;height:64px;display:block;margin-bottom:18px;border-radius:20px;background:var(--npn-purple) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M4 10.5 16 5l12 5.5v12L16 28 4 22.5v-12Z' fill='%23fff'/%3E%3Cpath d='M4 10.5 16 16l12-5.5L16 5 4 10.5Z' fill='%23f1e3ff'/%3E%3Cpath d='M16 16v12' stroke='%238343cc' stroke-width='2'/%3E%3C/svg%3E") center / 38px no-repeat;box-shadow:0 5px 0 var(--npn-purple-edge);content:""}:root .join-page h1{margin:8px 0 10px;color:var(--npn-ink);font:900 clamp(26px,4vw,32px)/1.15 var(--npn-font);letter-spacing:-.01em;text-transform:none}:root .join-page p{color:var(--npn-ink-2);font:600 16px/1.5 var(--npn-font)}:root .join-page small{color:var(--npn-muted);font:700 13px/1.4 var(--npn-font)}:root .join-page form{gap:10px;margin-top:20px}:root .join-page input{min-height:50px;padding:0 16px;border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius);background:var(--npn-surface);color:var(--npn-ink);font:800 16px/1 var(--npn-font-mono);letter-spacing:.08em}:root .join-page input:focus{border-color:var(--npn-blue);background:var(--npn-bg);outline:none;box-shadow:none}:root .join-page button{margin-top:0}:root .join-page main a{color:var(--npn-blue);font:800 13px/1 var(--npn-font);letter-spacing:.06em;text-decoration:none;text-transform:uppercase}@media(max-width:600px){:root .join-page main{margin:24px auto;padding:24px 20px}}:root .admin-panel-page{background:var(--npn-surface)}:root .admin-panel{color:var(--npn-ink);font-family:var(--npn-font)}:root .admin-panel h1{margin:8px 0;color:var(--npn-ink);font:900 clamp(30px,4vw,40px)/1.1 var(--npn-font);letter-spacing:-.01em}:root .admin-panel h2{color:var(--npn-ink);font:800 21px/1.25 var(--npn-font)}:root .admin-panel>header p,:root .admin-panel p{color:var(--npn-ink-2);font-weight:600}:root .admin-panel :is(.admin-panel__card,.admin-panel__stats article){padding:22px;border:var(--npn-card-border);border-radius:20px;background:var(--npn-bg);box-shadow:var(--npn-card-lip)}:root .admin-panel__stats strong{color:var(--npn-primary);font:900 32px/1 var(--npn-font)}:root .admin-panel__card a{color:var(--npn-blue);font-weight:800}:root .admin-panel__card label{color:var(--npn-ink-2);font:800 13px/1.3 var(--npn-font)}:root .admin-panel :is(.admin-panel__card input:not([type=checkbox]),.admin-panel__card select,.admin-panel__social textarea){min-height:44px;padding:8px 12px;border:var(--npn-border) solid var(--npn-line);border-radius:12px;background:var(--npn-surface);color:var(--npn-ink);font:700 14px/1.3 var(--npn-font)}:root .admin-panel :is(.admin-panel__card input:not([type=checkbox]),.admin-panel__card select,.admin-panel__social textarea):focus{border-color:var(--npn-blue);background:var(--npn-bg);outline:none}:root .admin-panel .admin-panel__card button,:root .admin-panel>[role=status] button{min-height:42px;padding:0 16px;border:var(--npn-border) solid var(--npn-line-strong);border-radius:12px;background:var(--npn-bg);color:var(--npn-blue);box-shadow:0 3px 0 var(--npn-line-strong);font:800 13px/1.1 var(--npn-font);letter-spacing:.05em;text-transform:uppercase;transition:transform var(--npn-dur-press) linear,box-shadow var(--npn-dur-press) linear}:root .admin-panel .admin-panel__card button:active:not(:disabled),:root .admin-panel>[role=status] button:active{transform:translateY(3px);box-shadow:none}:root .admin-panel .admin-panel__card button:disabled{opacity:1;color:var(--npn-disabled);border-color:var(--npn-line);box-shadow:0 3px 0 var(--npn-line)}:root .admin-panel .admin-panel__card :focus-visible{outline:3px solid color-mix(in srgb,var(--npn-blue),transparent 50%)}:root .admin-panel .admin-panel__social{background:var(--npn-bg);border-color:var(--npn-line)}:root .social-studio__heading h2{color:var(--npn-ink);font:900 clamp(26px,3vw,34px)/1.15 var(--npn-font);letter-spacing:-.01em}:root .social-studio__heading p,:root .social-studio__section-title :is(p,small),:root .social-studio__hint{color:var(--npn-muted);font-weight:600}:root .social-studio__indicator{border:0;border-radius:var(--npn-radius-pill);background:var(--npn-gold-soft);color:var(--npn-ink-2);font:800 12px/1 var(--npn-font)}:root .social-studio__indicator:before{background:var(--npn-warning)}:root .social-studio__section-title h3{color:var(--npn-ink);font:800 18px/1.25 var(--npn-font)}:root .admin-panel .social-studio__account{border:var(--npn-card-border);border-radius:var(--npn-radius-lg);background:var(--npn-bg);box-shadow:var(--npn-card-lip)}:root .social-studio__account-head h4{color:var(--npn-ink);font:800 17px/1.2 var(--npn-font)}:root .social-studio__icon{border-radius:12px;background:var(--npn-primary-soft);color:var(--npn-primary-ink)}:root .social-studio__account--youtube .social-studio__icon{background:var(--npn-danger-soft);color:var(--npn-danger-ink)}:root .social-studio__account--instagram .social-studio__icon{background:var(--npn-purple-soft);color:var(--npn-purple-edge)}:root .social-studio__pill{border-radius:var(--npn-radius-pill);background:var(--npn-surface-2);color:var(--npn-muted);font:800 11px/1 var(--npn-font)}:root .social-studio__pill--ok{background:var(--npn-success-soft);color:var(--npn-success-ink)}:root .social-studio__setup{border-top:var(--npn-card-border)}:root .social-studio__setup summary{color:var(--npn-blue);font-weight:800}:root .social-studio__setup code{font-family:var(--npn-font-mono)}:root .admin-panel :is(.social-studio__column,.social-studio__selected,.social-studio__review,.social-studio__caption){border:var(--npn-card-border);border-radius:var(--npn-radius-lg);background:var(--npn-bg)}:root .admin-panel .social-studio__column--schedule{background:var(--npn-surface)}:root .admin-panel .admin-panel__social fieldset{border:var(--npn-card-border);border-radius:var(--npn-radius)}:root .admin-panel .admin-panel__social button:not(.social-studio__quiet):not(.social-studio__draft){border:0;background:var(--npn-primary);color:#fff;box-shadow:0 var(--npn-lip) 0 var(--npn-primary-edge)}:root .admin-panel .admin-panel__social button:not(.social-studio__quiet):not(.social-studio__draft):hover:not(:disabled){background:var(--npn-primary);filter:brightness(1.06)}:root .admin-panel .admin-panel__social button:not(.social-studio__quiet):not(.social-studio__draft):disabled{background:var(--npn-surface-2);color:var(--npn-disabled);box-shadow:0 var(--npn-lip) 0 var(--npn-line-strong)}:root .admin-panel .admin-panel__social button.social-studio__quiet{border:var(--npn-border) solid var(--npn-line-strong);background:var(--npn-bg);color:var(--npn-blue);box-shadow:0 3px 0 var(--npn-line-strong)}:root .admin-panel .admin-panel__social button.social-studio__draft{border:var(--npn-card-border);border-radius:var(--npn-radius);background:var(--npn-bg);color:var(--npn-ink);box-shadow:0 3px 0 var(--npn-line);text-transform:none;letter-spacing:0}:root .admin-panel .admin-panel__social button.social-studio__draft--active{border-color:color-mix(in srgb,var(--npn-blue),white 30%);background:var(--npn-blue-soft);box-shadow:0 3px color-mix(in srgb,var(--npn-blue),white 30%)}:root .admin-panel .admin-panel__social input[type=checkbox]{accent-color:var(--npn-primary)}:root .admin-panel .social-studio__empty{border:var(--npn-border) dashed var(--npn-line-strong);border-radius:var(--npn-radius);background:var(--npn-surface);color:var(--npn-muted);font-weight:700}:root .admin-panel .social-studio__jobs article{border:var(--npn-card-border);border-radius:var(--npn-radius);background:var(--npn-bg)}:root .admin-panel :is(.social-studio__note,.social-studio__alert){border-radius:var(--npn-radius);font:700 14px/1.4 var(--npn-font)}:root .admin-panel .social-studio__note{border:var(--npn-border) solid color-mix(in srgb,var(--npn-success),white 50%);background:var(--npn-success-soft);color:var(--npn-success-ink)}:root .admin-panel .social-studio__alert{border:var(--npn-border) solid color-mix(in srgb,var(--npn-danger),white 50%);background:var(--npn-danger-soft);color:var(--npn-danger-ink)}:root .probe-profile-root .pp-avatar-card:before{display:none}:root .probe-profile-root .pp-avatar-card .profile-avatar{border:0!important;background:none!important;box-shadow:none!important}:root .probe-profile-root .pp-avatar-card>.pp-avatar-stage{position:relative;justify-self:stretch;align-self:stretch;width:auto;display:grid;justify-items:center;align-content:center;margin:0 -20px;padding:18px 0 20px;border:0;border-radius:0;box-shadow:none;overflow:visible;min-height:max-content;background-image:radial-gradient(120% 60% at 50% 115%,rgba(255,255,255,.4) 0 60%,transparent 61%)}:root .probe-profile-root .pp-avatar-card>.pp-avatar-stage>*{position:relative}@media(max-width:760px){:root .probe-profile-root .pp-avatar-card{flex:0 0 auto;height:auto}:root .probe-profile-root .pp-avatar-card>.pp-avatar-stage{padding:44px 0 30px}}:root:root{font-family:var(--npn-font)}:root:root body{font-family:var(--npn-font)}:root:root:not([data-npn-theme=dark]),:root:root:not([data-npn-theme=dark]) body{background-color:var(--npn-bg)}:root ::selection{color:var(--npn-ink);background:color-mix(in srgb,var(--npn-blue),white 70%)}:root :is(.learning-app,.product-page,.probe-profile-root,.admin-panel-page) :is(button,input,select,textarea,a):focus-visible{outline:3px solid color-mix(in srgb,var(--npn-blue),transparent 45%);outline-offset:2px}:root :is(.native-confirm-actions button,.npn-shared-btn){--btn-bg: var(--npn-primary);--btn-edge: var(--npn-primary-edge);--btn-ink: var(--npn-on-solid);min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0 22px;border:0;border-radius:var(--npn-radius);background:var(--btn-bg);color:var(--btn-ink);box-shadow:0 var(--npn-lip) 0 var(--btn-edge);font:800 15px/1.1 var(--npn-font);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:transform var(--npn-dur-press) linear,box-shadow var(--npn-dur-press) linear,filter var(--npn-dur-fast) ease;-webkit-tap-highlight-color:transparent}@keyframes npn-shared-fade{0%{opacity:0}to{opacity:1}}@keyframes npn-shared-pop{0%{opacity:0;transform:translateY(16px) scale(.94)}70%{opacity:1;transform:translateY(-2px) scale(1.01)}to{transform:none}}@keyframes npn-shared-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes npn-shared-breathe{0%,to{transform:scale(1);opacity:.55}50%{transform:scale(1.18);opacity:.15}}:root .native-confirm-backdrop{padding:16px;background:#23313a73;animation:npn-shared-fade var(--npn-dur-fast) ease-out}:root .native-confirm-dialog{width:min(100%,440px);padding:28px 24px 24px;border:var(--npn-border) solid var(--npn-line);border-radius:20px;background:var(--npn-bg);color:var(--npn-ink);box-shadow:0 var(--npn-lip) 0 var(--npn-line),var(--npn-shadow-pop);font-family:var(--npn-font);text-align:center;animation:npn-shared-pop var(--npn-dur) var(--npn-ease-out)}:root .native-confirm-dialog:focus{outline:none}:root .native-confirm-dialog:before{width:64px;height:64px;display:block;margin:0 auto 16px;border-radius:20px;background:var(--npn-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M11.5 12a4.5 4.5 0 1 1 6.6 4c-1.3.7-2.1 1.6-2.1 3v1' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round'/%3E%3Ccircle cx='16' cy='25' r='2' fill='%23fff'/%3E%3C/svg%3E") center / 36px no-repeat;box-shadow:0 5px 0 var(--npn-primary-edge);content:""}:root .native-confirm-dialog.is-danger:before{background:var(--npn-danger) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 8v10' stroke='%23fff' stroke-width='3.6' stroke-linecap='round'/%3E%3Ccircle cx='16' cy='24' r='2.3' fill='%23fff'/%3E%3C/svg%3E") center / 36px no-repeat;box-shadow:0 5px 0 var(--npn-danger-edge)}:root .native-confirm-dialog h2{margin:0 0 8px;color:var(--npn-ink);font:900 24px/1.2 var(--npn-font);letter-spacing:-.01em;text-transform:none}:root .native-confirm-dialog p{margin:0 0 24px;color:var(--npn-ink-2);font:600 16px/1.5 var(--npn-font)}:root .native-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}:root .native-confirm-actions button{--btn-bg: var(--npn-bg);--btn-edge: var(--npn-line-strong);--btn-ink: var(--npn-ink-2);border:var(--npn-border) solid var(--npn-line-strong);padding:0 14px}:root .native-confirm-actions button:hover{background:var(--npn-surface)}:root .native-confirm-actions .native-confirm-primary{--btn-bg: var(--npn-primary);--btn-edge: var(--npn-primary-edge);--btn-ink: var(--npn-on-solid);border:0}:root .native-confirm-dialog.is-danger .native-confirm-primary{--btn-bg: var(--npn-danger);--btn-edge: var(--npn-danger-edge)}:root .native-confirm-actions .native-confirm-primary:hover{background:var(--btn-bg);filter:brightness(1.06)}:root .native-confirm-actions button:active{transform:translateY(var(--npn-lip));box-shadow:0 0 0 var(--btn-edge)}:root .native-confirm-actions button:focus-visible{outline:3px solid color-mix(in srgb,var(--npn-blue),transparent 45%);outline-offset:3px}@media(max-width:480px){:root .native-confirm-dialog{padding:24px 20px 20px}:root .native-confirm-actions{grid-template-columns:1fr}:root .native-confirm-actions .native-confirm-primary{order:-1}}:root .email-verification-reminder{gap:12px 16px;margin:12px 16px 0;padding:14px 16px 14px 72px;border:var(--npn-border) solid color-mix(in srgb,var(--npn-gold),white 20%);border-radius:var(--npn-radius-lg);background:var(--npn-gold-soft);color:var(--npn-ink);box-shadow:0 var(--npn-lip) 0 color-mix(in srgb,var(--npn-gold-edge),white 25%);font:600 14px/1.45 var(--npn-font);animation:npn-shared-rise var(--npn-dur) var(--npn-ease-out)}:root .email-verification-reminder:before{position:absolute;top:14px;left:16px;width:42px;height:42px;border-radius:14px;background:var(--npn-gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect x='5' y='8' width='22' height='16' rx='3' fill='%23fff'/%3E%3Cpath d='m6 10 10 7 10-7' fill='none' stroke='%23e0a800' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 28px no-repeat;box-shadow:0 3px 0 var(--npn-gold-edge);content:""}:root .email-verification-reminder strong{color:var(--npn-ink);font:800 15px/1.3 var(--npn-font)}:root .email-verification-reminder p{margin-top:3px;color:var(--npn-ink-2)}:root .email-verification-reminder__actions button{min-height:40px;padding:0 14px;border:var(--npn-border) solid var(--npn-line-strong);border-radius:12px;background:var(--npn-bg);color:var(--npn-blue);box-shadow:0 3px 0 var(--npn-line-strong);font:800 12px/1 var(--npn-font);letter-spacing:.06em;text-transform:uppercase;transition:transform var(--npn-dur-press) linear,box-shadow var(--npn-dur-press) linear}:root .email-verification-reminder__actions button:first-child{border-color:transparent;background:var(--npn-gold);color:var(--npn-ink);box-shadow:0 3px 0 var(--npn-gold-edge)}:root .email-verification-reminder__actions button:active:not(:disabled){transform:translateY(3px);box-shadow:none}:root .email-verification-reminder button:focus-visible{outline:3px solid color-mix(in srgb,var(--npn-blue),transparent 45%)}:root .email-verification-reminder>p[role=status]{margin:0;padding:8px 12px;border-radius:var(--npn-radius-sm);background:var(--npn-bg);color:var(--npn-ink-2);font-weight:700}@media(min-width:768px){:root .email-verification-reminder:has(+.learning-app>.probe-nav,+.product-page>.probe-nav,+.probe-profile-root>.probe-nav){margin-left:calc(var(--npn-sidebar-compact) + 16px)}}@media(min-width:1160px){:root .email-verification-reminder:has(+.learning-app>.probe-nav,+.product-page>.probe-nav,+.probe-profile-root>.probe-nav){margin-left:calc(var(--npn-sidebar) + 24px);margin-right:24px}}@media(max-width:520px){:root .email-verification-reminder{padding:14px}:root .email-verification-reminder:before{position:static}:root .email-verification-reminder__actions{width:100%}:root .email-verification-reminder__actions button{flex:1 1 140px}}:root .starter-feedback{--sf-ink: var(--npn-ink);--sf-teal: var(--npn-primary);--sf-line: var(--npn-line);border:var(--npn-border) solid var(--npn-line);border-radius:20px;background:var(--npn-bg);color:var(--npn-ink);box-shadow:0 var(--npn-lip) 0 var(--npn-line);font:600 15px/1.5 var(--npn-font)}:root .starter-feedback__boundary{color:var(--npn-ink-2);font-weight:600}:root .starter-feedback__boundary strong{color:var(--npn-ink);font-weight:800}:root .starter-feedback button{min-height:46px;padding:0 20px;border:var(--npn-border) solid var(--npn-line-strong);border-radius:var(--npn-radius);background:var(--npn-bg);color:var(--npn-blue);box-shadow:0 var(--npn-lip) 0 var(--npn-line-strong);font:800 14px/1.1 var(--npn-font);letter-spacing:.06em;text-transform:uppercase;transition:transform var(--npn-dur-press) linear,box-shadow var(--npn-dur-press) linear,filter var(--npn-dur-fast) ease}:root .starter-feedback :is(.starter-feedback__trigger,.starter-feedback__send){border-color:transparent;background:var(--npn-primary);color:var(--npn-on-solid);box-shadow:0 var(--npn-lip) 0 var(--npn-primary-edge)}:root .starter-feedback :is(.starter-feedback__trigger,.starter-feedback__send):not(:disabled):hover{background:var(--npn-primary);filter:brightness(1.06);transform:none}:root .starter-feedback :is(.starter-feedback__skip,.starter-feedback__preference button):not(:disabled):hover{background:var(--npn-surface)}:root .starter-feedback button:not(:disabled):active{transform:translateY(var(--npn-lip));box-shadow:none}:root .starter-feedback button:disabled{opacity:1;border-color:transparent;background:var(--npn-surface-2);color:var(--npn-disabled);box-shadow:0 var(--npn-lip) 0 var(--npn-line-strong)}:root .starter-feedback :is(button,textarea,input):focus-visible,:root .starter-feedback__choices label:has(input:focus-visible),:root .starter-feedback__optin:has(input:focus-visible){outline:3px solid color-mix(in srgb,var(--npn-blue),transparent 45%);outline-offset:3px}:root .starter-feedback__choices input:focus-visible,:root .starter-feedback__optin input:focus-visible{outline:none}:root .starter-feedback__dialog{border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius-lg);background:var(--npn-bg);box-shadow:none;animation:npn-shared-rise var(--npn-dur) var(--npn-ease-out)}:root .starter-feedback__eyebrow{color:var(--npn-primary-ink);font:900 12px/1 var(--npn-font);letter-spacing:.14em}:root .starter-feedback__dialog h2{color:var(--npn-ink);font:900 clamp(22px,3vw,28px)/1.2 var(--npn-font);letter-spacing:-.01em;text-transform:none}:root .starter-feedback__dialog p{color:var(--npn-ink-2)}:root .starter-feedback__plan{border:var(--npn-border) solid color-mix(in srgb,var(--npn-blue),white 60%);border-radius:var(--npn-radius);background:var(--npn-blue-soft)}:root .starter-feedback__plan strong{color:var(--npn-blue-ink);font-weight:800}:root .starter-feedback__dialog legend,:root .starter-feedback__text-label{color:var(--npn-ink);font-weight:800}:root .starter-feedback__text-label span{color:var(--npn-muted);font-weight:600}:root .starter-feedback__choices label{min-height:48px;border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius);background:var(--npn-bg);color:var(--npn-ink-2);box-shadow:0 3px 0 var(--npn-line);font-weight:800;transition:background var(--npn-dur-fast) ease,border-color var(--npn-dur-fast) ease}:root .starter-feedback__choices label:hover{background:var(--npn-surface)}:root .starter-feedback__choices label:has(input:checked){border-color:color-mix(in srgb,var(--npn-blue),white 30%);background:var(--npn-blue-soft);color:var(--npn-blue-ink);box-shadow:0 3px color-mix(in srgb,var(--npn-blue),white 30%)}:root .starter-feedback__choices input,:root .starter-feedback__optin input{accent-color:var(--npn-blue)}:root .starter-feedback__dialog textarea{border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius);background:var(--npn-surface);color:var(--npn-ink);font:600 15px/1.5 var(--npn-font)}:root .starter-feedback__dialog textarea:focus{border-color:var(--npn-blue);background:var(--npn-bg);outline:none}:root .starter-feedback__dialog textarea::placeholder{color:var(--npn-muted)}:root .starter-feedback__counter{color:var(--npn-muted);font-weight:700}:root .starter-feedback__optin{border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius);background:var(--npn-surface)}:root .starter-feedback__optin small{color:var(--npn-muted)}:root .starter-feedback__preview{border:var(--npn-border) solid color-mix(in srgb,var(--npn-gold),white 30%);background:var(--npn-gold-soft);color:var(--npn-ink-2);font-weight:700}:root .starter-feedback__error{border:var(--npn-border) solid color-mix(in srgb,var(--npn-danger),white 50%);background:var(--npn-danger-soft);color:var(--npn-danger-ink);font-weight:700}:root .starter-feedback__notice{border:var(--npn-border) solid color-mix(in srgb,var(--npn-success),white 45%);border-radius:var(--npn-radius);background:var(--npn-success-soft);color:var(--npn-success-ink);font-weight:700}:root .starter-feedback__notice p{color:var(--npn-ink-2);font-weight:600}:root .starter-feedback__preference{border-top:var(--npn-border) solid var(--npn-line)}:root .learning-app:has(>main>.starter-feedback)>main{max-width:720px;margin:0 auto;padding:40px 16px 120px;text-align:center}:root .learning-app:has(>main>.starter-feedback)>main>h1{margin:0 0 8px;color:var(--npn-ink);font:900 clamp(26px,4vw,34px)/1.2 var(--npn-font)}:root .learning-app:has(>main>.starter-feedback)>main>p{margin:0 auto 16px;max-width:520px;color:var(--npn-muted);font:600 16px/1.5 var(--npn-font)}:root .learning-app:has(>main>.starter-feedback)>main>a{color:var(--npn-blue);font:800 14px/1 var(--npn-font);letter-spacing:.06em;text-decoration:none;text-transform:uppercase}:root .learning-app:has(>main>.starter-feedback)>main>.starter-feedback{text-align:left}:root :is(.premium-locked-feature,.premium-ad-slot,.premium-reward-offer){margin:12px 0;padding:14px 16px;border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius-lg);background:var(--npn-bg);color:var(--npn-ink);font:600 14px/1.45 var(--npn-font)}:root .premium-locked-feature{position:relative;padding-left:64px;border-color:color-mix(in srgb,var(--npn-purple),white 60%);background:var(--npn-purple-soft);box-shadow:0 var(--npn-lip) 0 color-mix(in srgb,var(--npn-purple),white 60%)}:root .premium-locked-feature>span[aria-hidden=true]{position:absolute;top:12px;left:14px;width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--npn-purple);box-shadow:0 3px 0 var(--npn-purple-edge);font-size:18px;line-height:1}:root .premium-locked-feature strong{color:var(--npn-ink);font-weight:800}:root .premium-locked-feature small{color:var(--npn-purple-edge);font:800 11px/1.3 var(--npn-font);letter-spacing:.08em;text-transform:uppercase}:root .premium-locked-feature>:not(span[aria-hidden],strong,small){display:block;margin-top:4px;color:var(--npn-ink-2)}:root .premium-ad-slot{max-width:480px;margin:16px auto;border-style:dashed;border-color:var(--npn-line-strong);background:var(--npn-surface);color:var(--npn-muted)}:root .premium-ad-slot strong{color:var(--npn-muted);font:900 11px/1 var(--npn-font);letter-spacing:.14em;text-transform:uppercase}:root .premium-ad-slot span{color:var(--npn-muted);font-weight:600}:root .premium-reward-offer{display:grid;gap:8px;box-shadow:0 var(--npn-lip) 0 var(--npn-line)}:root .premium-reward-offer button{min-height:46px;padding:8px 18px;border:0;border-radius:var(--npn-radius);background:var(--npn-gold);color:var(--npn-ink);box-shadow:0 var(--npn-lip) 0 var(--npn-gold-edge);font:800 14px/1.25 var(--npn-font);opacity:1;cursor:pointer;transition:transform var(--npn-dur-press) linear,box-shadow var(--npn-dur-press) linear}:root .premium-reward-offer button:active:not(:disabled){transform:translateY(var(--npn-lip));box-shadow:none}:root .premium-reward-offer button:disabled{background:var(--npn-surface-2);color:var(--npn-disabled);box-shadow:0 var(--npn-lip) 0 var(--npn-line-strong);cursor:not-allowed}:root .premium-reward-offer small,:root .premium-optional-note{margin:0;color:var(--npn-muted);font:600 13px/1.4 var(--npn-font)}:root .auth-loading{position:relative;background:var(--npn-bg)}:root .auth-loading:before{position:absolute;top:50%;left:50%;width:180px;height:180px;margin:-90px 0 0 -90px;border-radius:50%;background:var(--npn-primary-soft);animation:npn-shared-breathe 2.4s var(--npn-ease-in-out) infinite;content:""}:root .auth-loading>*{position:relative}:root .product-page.auth-page{background:var(--npn-surface)}:root .product-page.auth-page>main{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:24px 16px;background:var(--npn-surface)}:root .auth-page>main>.auth-card[role=alert]{width:min(100%,440px);display:grid;justify-items:center;gap:12px;padding:32px 24px 24px;border:var(--npn-border) solid var(--npn-line);border-radius:20px;background:var(--npn-bg);box-shadow:0 var(--npn-lip) 0 var(--npn-line);color:var(--npn-ink);font-family:var(--npn-font);text-align:center;animation:npn-shared-pop var(--npn-dur) var(--npn-ease-out)}:root .auth-page>main>.auth-card[role=alert]:before{width:64px;height:64px;border-radius:20px;background:var(--npn-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M23 11a8.5 8.5 0 1 0 1.5 6.5' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round'/%3E%3Cpath d='M24.5 5.5V12H18' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 34px no-repeat;box-shadow:0 5px 0 var(--npn-blue-edge);content:""}:root .auth-page>main>.auth-card[role=alert] h2{margin:6px 0 0;color:var(--npn-ink);font:900 24px/1.2 var(--npn-font);letter-spacing:-.01em}:root .auth-page>main>.auth-card[role=alert]>p{margin:0 0 8px;color:var(--npn-ink-2);font:600 15px/1.5 var(--npn-font)}:root .auth-page>main>.auth-card[role=alert] button{width:100%;min-height:48px;border:0;border-radius:var(--npn-radius);background:var(--npn-primary);color:var(--npn-on-solid);box-shadow:0 var(--npn-lip) 0 var(--npn-primary-edge);font:800 15px/1.1 var(--npn-font);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:transform var(--npn-dur-press) linear,box-shadow var(--npn-dur-press) linear}:root .auth-page>main>.auth-card[role=alert] button+button{border:var(--npn-border) solid var(--npn-line-strong);background:var(--npn-bg);color:var(--npn-blue);box-shadow:0 var(--npn-lip) 0 var(--npn-line-strong)}:root .auth-page>main>.auth-card[role=alert] button:active:not(:disabled){transform:translateY(var(--npn-lip));box-shadow:none}:root .auth-page>main>.auth-card[role=alert] button:disabled{background:var(--npn-surface-2);color:var(--npn-disabled);box-shadow:0 var(--npn-lip) 0 var(--npn-line-strong);opacity:1}:root .auth-page>main>.auth-card[role=alert] a{padding:8px;color:var(--npn-blue);font:800 14px/1 var(--npn-font);letter-spacing:.06em;text-decoration:none;text-transform:uppercase}:root main.probe-profile.pp-account:not(.probe-profile-root main){min-height:100vh;display:grid;place-items:center;padding:24px 16px;background:var(--npn-surface);font-family:var(--npn-font)}:root main.probe-profile.pp-account:not(.probe-profile-root main)>.pp-account-card{width:min(100%,440px);display:grid;justify-items:center;gap:12px;padding:32px 24px 24px;border:var(--npn-border) solid var(--npn-line);border-radius:20px;background:var(--npn-bg);box-shadow:0 var(--npn-lip) 0 var(--npn-line);color:var(--npn-ink);text-align:center}:root main.probe-profile.pp-account:not(.probe-profile-root main)>.pp-account-card:before{width:64px;height:64px;border-radius:20px;background:var(--npn-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect x='5' y='8' width='22' height='16' rx='3' fill='%23fff'/%3E%3Cpath d='m6 10 10 7 10-7' fill='none' stroke='%230c8c7b' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 36px no-repeat;box-shadow:0 5px 0 var(--npn-primary-edge);content:""}:root main.probe-profile.pp-account:not(.probe-profile-root main) h1{margin:6px 0 0;color:var(--npn-ink);font:900 clamp(24px,4vw,28px)/1.2 var(--npn-font);letter-spacing:-.01em;text-transform:none}:root main.probe-profile.pp-account:not(.probe-profile-root main) p{margin:0;color:var(--npn-ink-2);font:600 15px/1.5 var(--npn-font)}:root main.probe-profile.pp-account:not(.probe-profile-root main) p[role=alert]{width:100%;padding:12px 14px;border:var(--npn-border) solid color-mix(in srgb,var(--npn-danger),white 50%);border-radius:var(--npn-radius);background:var(--npn-danger-soft);color:var(--npn-danger-ink);font-weight:700}:root main.probe-profile.pp-account:not(.probe-profile-root main) p[role=status]{width:100%;padding:12px 14px;border:var(--npn-border) solid color-mix(in srgb,var(--npn-success),white 45%);border-radius:var(--npn-radius);background:var(--npn-success-soft);color:var(--npn-success-ink);font-weight:700}:root main.probe-profile.pp-account:not(.probe-profile-root main) button{width:100%;min-height:48px;margin-top:8px;border:0;border-radius:var(--npn-radius);background:var(--npn-primary);color:var(--npn-on-solid);box-shadow:0 var(--npn-lip) 0 var(--npn-primary-edge);font:800 15px/1.1 var(--npn-font);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:transform var(--npn-dur-press) linear,box-shadow var(--npn-dur-press) linear}:root main.probe-profile.pp-account:not(.probe-profile-root main) button:active:not(:disabled){transform:translateY(var(--npn-lip));box-shadow:none}:root main.probe-profile.pp-account:not(.probe-profile-root main) button:disabled{background:var(--npn-surface-2);color:var(--npn-disabled);box-shadow:0 var(--npn-lip) 0 var(--npn-line-strong)}:root main.probe-profile.pp-account:not(.probe-profile-root main) a{padding:8px;color:var(--npn-blue);font:800 14px/1 var(--npn-font);letter-spacing:.06em;text-decoration:none;text-transform:uppercase}:root .probe-nav .probe-nav__preview{min-height:40px;padding:0 12px;border:var(--npn-border) solid var(--npn-line-strong);border-radius:12px;background:var(--npn-bg);color:var(--npn-purple-edge);box-shadow:0 3px 0 var(--npn-line-strong);font:800 12px/1.1 var(--npn-font);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:transform var(--npn-dur-press) linear,box-shadow var(--npn-dur-press) linear}:root .probe-nav .probe-nav__preview.is-active{border-color:transparent;background:var(--npn-purple);color:var(--npn-on-solid);box-shadow:0 3px 0 var(--npn-purple-edge)}:root .probe-nav .probe-nav__preview:active{transform:translateY(3px);box-shadow:none}:root .probe-nav .probe-nav__preview:focus-visible{outline:3px solid color-mix(in srgb,var(--npn-blue),transparent 45%);outline-offset:2px}@media(max-width:767.98px){:root :is(.learning-app,.probe-profile-root,.product-page)>.probe-nav .probe-nav__right:has(>.probe-nav__preview){top:auto;bottom:calc(var(--npn-tabbar) + env(safe-area-inset-bottom,0px) + 12px)}:root .probe-nav .probe-nav__preview{min-height:36px;padding:0 12px;font-size:11px;box-shadow:0 3px 0 var(--npn-line-strong),var(--npn-shadow-pop)}:root .probe-nav .probe-nav__preview.is-active{box-shadow:0 3px 0 var(--npn-purple-edge),var(--npn-shadow-pop)}}:root .admin-panel>header small{color:var(--npn-primary-ink);font:900 12px/1 var(--npn-font);letter-spacing:.14em}:root .admin-panel>[role=status]{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 16px;border:var(--npn-border) solid color-mix(in srgb,var(--npn-purple),white 60%);border-radius:var(--npn-radius-lg);background:var(--npn-purple-soft);color:var(--npn-ink);font-weight:700}:root .admin-panel .admin-panel__card [role=status]{margin:0;padding:10px 12px;border-radius:var(--npn-radius-sm);background:var(--npn-surface);color:var(--npn-ink-2);font-weight:700}:root .admin-panel .admin-panel__card [role=alert]{margin:0;padding:10px 12px;border:var(--npn-border) solid color-mix(in srgb,var(--npn-danger),white 50%);border-radius:var(--npn-radius-sm);background:var(--npn-danger-soft);color:var(--npn-danger-ink);font-weight:700}:root .admin-panel .admin-panel__card [role=alert] button{margin-left:8px;min-height:34px}:root .admin-panel .admin-panel__card :is(h3,legend){color:var(--npn-ink);font:800 17px/1.25 var(--npn-font)}:root .admin-panel .admin-panel__plan>p{padding:10px 12px;border-radius:var(--npn-radius-sm);background:var(--npn-surface)}:root .admin-panel input[type=file]::file-selector-button{margin-right:10px;min-height:34px;padding:0 12px;border:var(--npn-border) solid var(--npn-line-strong);border-radius:10px;background:var(--npn-bg);color:var(--npn-blue);box-shadow:0 2px 0 var(--npn-line-strong);font:800 12px/1 var(--npn-font);letter-spacing:.04em;text-transform:uppercase;cursor:pointer}:root .admin-panel input[type=file]:disabled::file-selector-button{color:var(--npn-disabled);cursor:not-allowed}:root .referral-stats__note{padding:12px 14px;border:var(--npn-border) solid color-mix(in srgb,var(--npn-blue),white 60%);border-radius:var(--npn-radius);background:var(--npn-blue-soft);color:var(--npn-blue-ink);font:700 13px/1.45 var(--npn-font)}:root .referral-stats__totals p{margin:0;padding:16px;border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius-lg);background:var(--npn-bg);box-shadow:0 var(--npn-lip) 0 var(--npn-line);color:var(--npn-muted);font:800 12px/1.3 var(--npn-font);letter-spacing:.06em;text-transform:uppercase}:root .referral-stats__totals strong{margin-bottom:6px;color:var(--npn-primary);font:900 30px/1 var(--npn-font);letter-spacing:0}:root .referral-stats__totals p+p strong{color:var(--npn-blue)}:root .referral-stats__links article{border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius-lg);background:var(--npn-bg)}:root .referral-stats__links article>div:first-child strong{color:var(--npn-ink);font:800 16px/1.3 var(--npn-font)}:root .referral-stats__links article>div:first-child span{margin-top:2px;color:var(--npn-muted);font:700 13px/1.3 var(--npn-font)}:root .referral-stats__url input{font-family:var(--npn-font-mono)!important;font-size:13px!important}:root .referral-stats__url a{min-height:42px;display:inline-flex;align-items:center;padding:0 14px;border-radius:12px;color:var(--npn-blue);font:800 13px/1 var(--npn-font);letter-spacing:.05em;text-decoration:none;text-transform:uppercase}:root .referral-stats__url a:hover{background:var(--npn-surface)}:root .referral-stats__link-footer span{color:var(--npn-ink-2);font:700 13px/1.4 var(--npn-font)}:root .referral-stats details{border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius);background:var(--npn-bg)}:root .referral-stats details>summary{padding:12px 14px;color:var(--npn-blue);font:800 14px/1.2 var(--npn-font);cursor:pointer}:root .referral-stats details>:not(summary){margin:0 14px 14px}:root .referral-stats__table table{font:600 13px/1.3 var(--npn-font);font-variant-numeric:tabular-nums}:root .referral-stats__table caption{padding-bottom:8px;color:var(--npn-muted);font-weight:700;text-align:left}:root .referral-stats__table :is(th,td){border-bottom:var(--npn-border) solid var(--npn-surface-2);padding:10px 8px}:root .referral-stats__table thead th{color:var(--npn-muted);font:800 11px/1.2 var(--npn-font);letter-spacing:.08em;text-transform:uppercase}:root .referral-stats__form{border-top:var(--npn-border) solid var(--npn-line)}:root .admin-panel .referral-stats__form button[type=submit]{width:fit-content;min-height:48px;padding:0 22px;border:0;background:var(--npn-primary);color:var(--npn-on-solid);box-shadow:0 var(--npn-lip) 0 var(--npn-primary-edge);font-size:14px}:root .admin-panel .referral-stats__form button[type=submit]:disabled{background:var(--npn-surface-2);color:var(--npn-disabled);box-shadow:0 var(--npn-lip) 0 var(--npn-line-strong)}:root .starter-feedback-admin__summary{display:flex;flex-wrap:wrap;gap:8px}:root .starter-feedback-admin__summary>*{margin:0;padding:8px 12px;border-radius:var(--npn-radius-pill);background:var(--npn-surface-2);color:var(--npn-ink-2);font:800 12px/1.2 var(--npn-font)}:root .admin-panel .starter-feedback-admin__item{padding:14px 16px;border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius-lg);background:var(--npn-bg);color:var(--npn-ink-2);font:600 13px/1.45 var(--npn-font);overflow-wrap:anywhere}:root .admin-panel .starter-feedback-admin__item>strong{color:var(--npn-ink);font-weight:800}:root .admin-panel .starter-feedback-admin__item p{margin:4px 0 0}:root .starter-feedback-admin__pager{display:flex;gap:10px}:root .learning-economy.owner-economy-settings{gap:10px;padding:12px 16px;border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius-lg);background:var(--npn-surface);color:var(--npn-ink-2);font:600 13px/1.45 var(--npn-font)}:root .owner-economy-settings>summary{color:var(--npn-purple-edge);font:800 13px/1.3 var(--npn-font);letter-spacing:.04em}:root .owner-economy-settings>summary:focus-visible{outline:3px solid color-mix(in srgb,var(--npn-blue),transparent 45%)}:root .owner-economy-settings p{margin:0}:root .owner-economy-settings label{color:var(--npn-ink);font-weight:800}:root .owner-economy-settings button{min-height:38px;padding:0 14px;border:var(--npn-border) solid var(--npn-line-strong);border-radius:12px;background:var(--npn-bg);color:var(--npn-blue);box-shadow:0 3px 0 var(--npn-line-strong);font:800 12px/1 var(--npn-font);letter-spacing:.05em;text-transform:uppercase}:root .owner-economy-settings button:active:not(:disabled){transform:translateY(3px);box-shadow:none}:root .owner-economy-settings [role=alert]{color:var(--npn-danger-ink);font-weight:700}:root .lesson-review-banner{padding:12px 16px;border:var(--npn-border) solid color-mix(in srgb,var(--npn-purple),white 60%);border-radius:var(--npn-radius-lg);background:var(--npn-purple-soft);color:var(--npn-ink-2);font:600 13px/1.45 var(--npn-font)}:root .lesson-review-banner>summary{color:var(--npn-purple-edge);font:800 13px/1.3 var(--npn-font);letter-spacing:.04em}:root .lesson-review-banner>summary:focus-visible{outline:3px solid color-mix(in srgb,var(--npn-blue),transparent 45%)}:root .lesson-review-banner [role=alert]{color:var(--npn-danger-ink);font-weight:700}:root .lesson-review-banner button{min-height:34px;padding:0 12px;border:var(--npn-border) solid var(--npn-line-strong);border-radius:10px;background:var(--npn-bg);color:var(--npn-blue);box-shadow:0 3px 0 var(--npn-line-strong);font:800 12px/1 var(--npn-font);letter-spacing:.04em;text-transform:uppercase}:root .lesson-review-banner button:active:not(:disabled){transform:translateY(3px);box-shadow:none}:root .lesson-review-control{gap:6px;padding:6px 10px;border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius-pill);background:var(--npn-bg);color:var(--npn-muted);box-shadow:0 2px 0 var(--npn-line);font:800 11px/1 var(--npn-font);letter-spacing:.04em;text-transform:uppercase}:root .lesson-review-control input{accent-color:var(--npn-success)}:root .lesson-review-control.is-done{border-color:color-mix(in srgb,var(--npn-success),white 45%);background:var(--npn-success-soft);color:var(--npn-success-ink);box-shadow:0 2px color-mix(in srgb,var(--npn-success),white 45%)}:root .ody-dbg{border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius-lg);background:var(--npn-bg);color:var(--npn-ink);box-shadow:0 var(--npn-lip) 0 var(--npn-line),var(--npn-shadow-pop);font:800 12px/1 var(--npn-font)}:root .ody-dbg__play{border:0;border-radius:10px;background:var(--npn-primary);color:var(--npn-on-solid);box-shadow:0 3px 0 var(--npn-primary-edge)}:root .ody-dbg__play:active{transform:translateY(3px);box-shadow:none}:root .ody-dbg__track input{accent-color:var(--npn-primary)}:root .ody-dbg__marks button{color:var(--npn-muted);font-family:var(--npn-font)}:root .ody-dbg__marks button:before{background:var(--npn-line-strong)}:root .ody-dbg__marks button:hover{background:var(--npn-surface);color:var(--npn-ink)}:root .ody-dbg__marks button.is-on{background:var(--npn-primary-soft);color:var(--npn-primary-ink)}:root .ody-dbg__time{font-family:var(--npn-font-mono)}:root .ody-dbg select{border:var(--npn-border) solid var(--npn-line);border-radius:10px}:root .ody-dbg__x{color:var(--npn-muted)}:root .ody-dbg__x:hover{background:var(--npn-surface);color:var(--npn-ink)}:root .ody-dbg :focus-visible{outline:3px solid color-mix(in srgb,var(--npn-blue),transparent 45%)}:root[data-profile-reduce-motion=true] :is(.native-confirm-backdrop,.native-confirm-dialog,.email-verification-reminder,.starter-feedback__dialog,.auth-loading:before,.auth-page .auth-card){animation:none}:root[data-profile-reduce-motion=true] .auth-loading:before{animation:none}@media(prefers-reduced-motion:reduce){:root:not([data-profile-reduce-motion=false]) :is(.native-confirm-backdrop,.native-confirm-dialog,.email-verification-reminder,.starter-feedback__dialog,.auth-page .auth-card){animation:none}:root:not([data-profile-reduce-motion=false]) .auth-loading:before{animation:none}}:root .app-shell{--ink: var(--npn-ink);--muted: var(--npn-muted);--dim: var(--npn-disabled);--phosphor: var(--npn-blue);--phosphor-dim: color-mix(in srgb, var(--npn-blue), white 35%);--line: var(--npn-line);--line-bright: var(--npn-line-strong);--panel: var(--npn-bg);--panel-deep: var(--npn-surface);--volt-ink: var(--npn-ink);--volt-muted: var(--npn-muted);--volt-line: var(--npn-line);--volt-paper: var(--npn-bg);--volt-cloud: var(--npn-surface);--volt-purple: var(--npn-blue);--volt-purple-dark: var(--npn-blue-ink);--volt-teal: var(--npn-primary);--wavy-navy: var(--npn-ink);--lab-card: var(--npn-bg);--lab-card-line: var(--npn-line);--lab-lip: 0 var(--npn-lip) 0 var(--npn-line);--lab-gutter: 12px;--lab-screen: #15232b;--lab-screen-2: #1d2f38;--lab-screen-line: #2c4350;--lab-screen-ink: #e6f1f5;--lab-screen-muted: #8ba5b1;--lab-btn-bg: var(--npn-bg);--lab-btn-line: var(--npn-line-strong);--lab-btn-ink: var(--npn-ink-2);--lab-pause-ink: #c2410c;--lab-review-verified: #16a34a;--lab-review-pending: #f97316;color:var(--npn-ink);background:var(--npn-surface);font-family:var(--npn-font);font-weight:600;-webkit-font-smoothing:antialiased}:root[data-npn-theme=dark] .app-shell,:root .npn-dark .app-shell{--lab-screen: #0d171c;--lab-screen-2: #13232a;--lab-screen-line: #2a3f49;--lab-pause-ink: #ffb066}:root .app-shell button,:root .app-shell input,:root .app-shell select{font-family:var(--npn-font)}:root .app-shell :is(button,input,select,textarea):focus-visible{outline:3px solid color-mix(in srgb,var(--npn-blue),transparent 45%);outline-offset:2px}:root .app-shell :is(.project-picker select,.project-picker button,.project-picker>a,.canvas-toolbar .tool-group button,.canvas-toolbar .net-flag-select,.canvas-toolbar .zoom-controls button,.canvas-toolbar .simulation-controls button,.code-header select,.code-header button,.serial-actions button,.serial-actions input,.scope-controls select,.scope-controls button,.meter-probe select,.meter-probe button,.dmm-mode-grid button,.component-action,.component-toggle button,.dip-interaction button,.switch-choice-row button,.transistor-chart-toggle,.safety-focus,.guide-message button,.parts-rail-button){border:var(--npn-border) solid var(--lab-btn-line);border-radius:var(--npn-radius-sm);background:var(--lab-btn-bg);color:var(--lab-btn-ink);box-shadow:0 3px 0 var(--lab-btn-line);font-family:var(--npn-font);font-weight:800;transition:transform var(--npn-dur-press) linear,box-shadow var(--npn-dur-press) linear,background var(--npn-dur-fast) ease,border-color var(--npn-dur-fast) ease,color var(--npn-dur-fast) ease}:root .app-shell :is(.project-picker button,.project-picker>a,.canvas-toolbar .tool-group button,.canvas-toolbar .zoom-controls button,.canvas-toolbar .simulation-controls button,.code-header button,.serial-actions button,.scope-controls button,.meter-probe button,.dmm-mode-grid button,.component-action,.component-toggle button,.dip-interaction button,.switch-choice-row button,.transistor-chart-toggle,.safety-focus,.guide-message button):not(:disabled):active{transform:translateY(3px);box-shadow:0 0 0 var(--lab-btn-line)}:root .app-shell :is(.project-picker select,.project-picker>a,.canvas-toolbar .tool-group button,.canvas-toolbar .net-flag-select,.canvas-toolbar .zoom-controls button,.code-header select,.serial-actions button,.scope-controls select,.scope-controls button,.meter-probe select,.meter-probe button,.dmm-mode-grid button,.component-toggle button,.dip-interaction button,.switch-choice-row button):not(:disabled):not(.active):hover{border-color:var(--npn-line-strong);background:var(--npn-surface);color:var(--npn-ink)}:root .app-shell>.probe-nav{z-index:50;height:64px;min-height:64px;gap:28px;padding:0 20px;border:0;border-bottom:var(--npn-border) solid var(--npn-line);background:var(--npn-bg);box-shadow:none}:root .app-shell>.probe-nav .brand{font-size:24px}:root .app-shell>.probe-nav .brand-mark{width:36px;height:36px}:root .app-shell>.probe-nav .primary-nav{align-self:center;height:auto;gap:4px}:root .app-shell>.probe-nav .primary-nav a{min-height:44px;height:44px;gap:10px;padding:0 14px;border-bottom-width:var(--npn-border);font-size:14px;letter-spacing:.05em}:root .app-shell>.probe-nav .npn-nav-glyph{width:28px;height:28px;flex-basis:28px}:root .app-shell .workspace,:root .app-shell .workspace.parts-collapsed{gap:var(--lab-gutter);padding:var(--lab-gutter) var(--lab-gutter) calc(var(--lab-gutter) + var(--npn-lip));background:var(--npn-surface)}:root .app-shell .palette,:root .app-shell .sandbox,:root .app-shell .right-dock{overflow:hidden;border:var(--npn-border) solid var(--lab-card-line);border-radius:var(--npn-radius-lg);background:var(--lab-card);box-shadow:var(--lab-lip)}:root .app-shell .palette{border-right-width:var(--npn-border)}@media(min-width:1281px){:root .app-shell .workspace:not(.parts-collapsed):not(.task-palette-hidden):not(.task-rack-hidden){grid-template-columns:256px minmax(440px,1fr) minmax(390px,30vw)}}@media(min-width:1021px)and (max-width:1280px){:root .app-shell .workspace:not(.parts-collapsed):not(.task-palette-hidden):not(.task-rack-hidden){grid-template-columns:200px minmax(0,1fr) minmax(320px,32vw)}:root .app-shell .workspace.parts-collapsed:not(.task-palette-hidden):not(.task-rack-hidden){grid-template-columns:52px minmax(0,1fr) minmax(320px,32vw)}:root .app-shell .palette .parts-list{gap:8px;padding:10px 10px 16px}:root .app-shell .rack-tabs.rack-tabs-3{grid-template-columns:.82fr .95fr 1.23fr}:root .app-shell .rack-tabs button{min-width:0;padding:0 3px;overflow:hidden;font-size:11px;letter-spacing:0;text-overflow:ellipsis}:root .app-shell .workspace .project-picker{grid-template-columns:minmax(0,1fr) 60px;padding:10px 8px 12px}}:root .app-shell .palette,:root .app-shell .sandbox,:root .app-shell .right-dock{min-width:0}@media(min-width:1021px){:root .app-shell.lesson-task-mode .workspace.task-rack-hidden:not(.parts-collapsed):not(.task-palette-hidden){grid-template-columns:240px minmax(0,1fr)}:root .app-shell.lesson-task-mode .workspace.task-rack-hidden.parts-collapsed:not(.task-palette-hidden){grid-template-columns:52px minmax(0,1fr)}:root .app-shell.lesson-task-mode .workspace.task-palette-hidden:not(.task-rack-hidden){grid-template-columns:minmax(0,1fr) minmax(360px,32vw)}:root .app-shell.lesson-task-mode .workspace.task-palette-hidden.task-rack-hidden{grid-template-columns:minmax(0,1fr)}}:root .app-shell .right-dock{border-left-width:var(--npn-border)}:root .app-shell .palette{grid-template-rows:auto 50px auto minmax(0,1fr)}:root .app-shell .palette.collapsed{grid-template-rows:50px minmax(0,1fr)}:root .app-shell .workspace .project-picker{grid-template-columns:minmax(0,1fr) 76px;gap:8px;padding:12px 10px 14px;border-bottom:var(--npn-border) solid var(--npn-line);background:var(--npn-bg)}:root .app-shell .workspace .project-picker label{grid-column:auto;min-width:0}:root .app-shell .workspace .project-picker select,:root .app-shell .workspace .project-picker button,:root .app-shell .workspace .project-picker>a{height:38px;font-size:13px}:root .app-shell .workspace .project-picker select{width:100%;padding:0 10px;color:var(--npn-ink);font-weight:800;cursor:pointer}:root .app-shell .workspace .project-picker button{padding:0 10px;color:var(--npn-blue);font-size:12px;letter-spacing:.01em;white-space:nowrap}:root .app-shell .workspace .project-picker .project-save-button{min-width:0;border-color:var(--npn-primary);background:var(--npn-primary);color:var(--npn-on-solid);box-shadow:0 3px 0 var(--npn-primary-edge);text-transform:uppercase;letter-spacing:.06em}:root .app-shell .workspace .project-picker .project-save-button:hover{border-color:var(--npn-primary-hover);background:var(--npn-primary-hover);color:var(--npn-on-solid)}:root .app-shell .workspace .project-picker .project-save-button:active{box-shadow:0 0 0 var(--npn-primary-edge)}:root .app-shell .workspace .project-picker .collaboration-button{overflow:hidden;text-overflow:ellipsis}:root .app-shell .workspace .project-picker .collaboration-button:hover{border-color:color-mix(in srgb,var(--npn-blue),white 45%);background:var(--npn-blue-soft);color:var(--npn-blue-ink)}:root .app-shell .workspace .project-picker>a{width:auto;padding:0;color:var(--npn-muted)}:root .app-shell .workspace .project-picker>a .ui-icon{width:18px;height:18px}:root .app-shell .lesson-task-palette-badge{margin:12px;padding:12px 14px;border:var(--npn-border) solid color-mix(in srgb,var(--npn-primary),white 55%);border-radius:var(--npn-radius);background:var(--npn-primary-soft);color:var(--npn-primary-ink);font-size:13px;line-height:1.35}:root .app-shell .palette .panel-heading{height:50px;padding:0 10px 0 16px;border:0;background:transparent;color:var(--npn-ink);font:800 15px/1 var(--npn-font);letter-spacing:0;text-transform:none}:root .app-shell .palette .panel-heading small{padding:4px 8px;white-space:nowrap;border-radius:var(--npn-radius-pill);background:var(--npn-surface-2);color:var(--npn-muted);font:800 11px/1 var(--npn-font);letter-spacing:.02em;text-transform:uppercase}:root .app-shell .palette .panel-heading button{width:32px;height:32px;display:grid;place-items:center;border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius-sm);background:var(--npn-bg);color:var(--npn-muted);box-shadow:0 2px 0 var(--npn-line)}:root .app-shell .palette .panel-heading button:hover{background:var(--npn-surface);color:var(--npn-ink)}:root .app-shell .palette.collapsed .panel-heading{padding:0}:root .app-shell .palette.collapsed .panel-heading button{width:32px;margin:0 auto}:root .app-shell .workspace .parts-rail-button{margin:4px 6px 10px;border-color:var(--npn-line);border-radius:var(--npn-radius);background:var(--npn-surface);color:var(--npn-blue-ink);box-shadow:none;font:800 12px/1 var(--npn-font);letter-spacing:.14em;text-transform:uppercase}:root .app-shell .workspace .parts-rail-button:hover{background:var(--npn-blue-soft)}:root .app-shell .palette-filters{gap:8px;padding:0 12px 12px;border:0;border-bottom:var(--npn-border) solid var(--npn-line);background:transparent}:root .app-shell .palette-filters input,:root .app-shell .palette-filters select{height:40px;padding:0 12px;border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius-sm);background:var(--npn-surface);color:var(--npn-ink);font:700 14px/1 var(--npn-font);letter-spacing:0;text-transform:none}:root .app-shell .palette-filters input{padding-left:36px;background:var(--npn-surface) no-repeat 11px 50% / 16px 16px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237b8a93' stroke-width='2.6' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E")}:root .app-shell .palette-filters input::placeholder{color:var(--npn-muted)}:root .app-shell .palette-filters select{height:36px;font-size:13px;font-weight:800;cursor:pointer}:root .app-shell .palette-filters input:focus,:root .app-shell .palette-filters select:focus{border-color:var(--npn-blue);background-color:var(--npn-bg);box-shadow:0 0 0 3px var(--npn-blue-soft);outline:0}:root .app-shell .parts-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px 12px 18px;background:transparent;scrollbar-color:var(--npn-line-strong) transparent}:root .app-shell .part{--chip: var(--npn-blue);--chip-soft: var(--npn-blue-soft);min-height:98px;gap:6px;padding:16px 6px 9px;overflow:hidden;border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius);background:var(--npn-bg);box-shadow:0 3px 0 var(--npn-line);transform:none;transition:transform var(--npn-dur-press) linear,box-shadow var(--npn-dur-press) linear,border-color var(--npn-dur-fast) ease,background var(--npn-dur-fast) ease}:root .app-shell .part:before{content:"";position:absolute;top:6px;left:50%;width:26px;height:5px;border-radius:var(--npn-radius-pill);background:var(--chip);transform:translate(-50%)}:root .app-shell .part[data-category=boards]{--chip: var(--npn-blue);--chip-soft: var(--npn-blue-soft)}:root .app-shell .part[data-category=displays]{--chip: var(--npn-purple);--chip-soft: var(--npn-purple-soft)}:root .app-shell .part[data-category=inputs]{--chip: var(--npn-warning);--chip-soft: var(--npn-warning-soft)}:root .app-shell .part[data-category=outputs]{--chip: var(--npn-danger);--chip-soft: var(--npn-danger-soft)}:root .app-shell .part[data-category=sensors]{--chip: var(--npn-success);--chip-soft: var(--npn-success-soft)}:root .app-shell .part[data-category=modules]{--chip: var(--npn-pink);--chip-soft: var(--npn-purple-soft)}:root .app-shell .part[data-category=power]{--chip: var(--npn-gold);--chip-soft: var(--npn-gold-soft)}:root .app-shell .part[data-category=logic]{--chip: var(--npn-primary);--chip-soft: var(--npn-primary-soft)}:root .app-shell .part:not(:disabled):hover{border-color:color-mix(in srgb,var(--chip),white 35%);background:color-mix(in srgb,var(--chip-soft),var(--npn-bg) 45%);box-shadow:0 3px color-mix(in srgb,var(--chip),white 35%);transform:none}:root .app-shell .part:not(:disabled):active{transform:translateY(3px);box-shadow:0 0 0 transparent}:root .app-shell .part:disabled{border-color:var(--npn-line);background:var(--npn-surface);box-shadow:0 3px 0 var(--npn-line);opacity:.6}:root .app-shell .part:disabled:before{background:var(--npn-disabled)}:root .app-shell .part>span:nth-child(2){color:var(--npn-ink-2);font:800 12px/1.2 var(--npn-font);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root .app-shell .part .wokwi-preview{flex:0 0 51px;border:0;background:transparent}:root .app-shell .part-disabled-badge{top:14px;right:6px;padding:3px 6px;border-radius:var(--npn-radius-pill);background:var(--npn-gold-soft);color:color-mix(in srgb,var(--npn-gold-edge),black 35%);font:800 9px/1 var(--npn-font);letter-spacing:.04em}:root .app-shell .part-review-badge{top:14px;left:6px;border-color:var(--npn-bg)}:root .app-shell .part-review-badge.verified{background:var(--lab-review-verified)}:root .app-shell .part-review-badge.pending{background:var(--lab-review-pending)}:root .app-shell .empty-palette{margin:18px 12px;color:var(--npn-muted);font:700 13px/1.45 var(--npn-font)}:root .app-shell .workspace .empty-palette button{margin-left:4px;padding:4px 10px;border:var(--npn-border) solid var(--npn-line-strong);border-radius:var(--npn-radius-sm);background:var(--npn-bg);color:var(--npn-blue);box-shadow:0 2px 0 var(--npn-line-strong);font:800 12px/1.2 var(--npn-font);cursor:pointer}:root .app-shell .sandbox{border-right-width:var(--npn-border)}:root .app-shell .canvas-toolbar{gap:10px;padding:0 14px;border:0;border-bottom:var(--npn-border) solid var(--npn-line);background:var(--npn-bg);color:var(--npn-muted);font-family:var(--npn-font)}:root .app-shell .sandbox[data-named-net-label-tool] .canvas-toolbar{gap:8px 12px;padding:8px 14px 10px}:root .app-shell .canvas-toolbar .tool-group{gap:8px;padding-bottom:3px}:root .app-shell .canvas-toolbar .tool-group button,:root .app-shell .canvas-toolbar .zoom-controls button{width:40px;height:38px;color:var(--npn-ink-2);font-size:14px}:root .app-shell .canvas-toolbar .tool-group button>.ui-icon,:root .app-shell .canvas-toolbar .zoom-controls button>.ui-icon{width:19px;height:19px;stroke-width:2.4}:root .app-shell .canvas-toolbar .tool-group button.active{border-color:var(--npn-blue);background:var(--npn-blue-soft);color:var(--npn-blue-ink);box-shadow:0 3px 0 var(--npn-blue-edge)}:root .app-shell .canvas-toolbar .tool-group button:disabled,:root .app-shell .canvas-toolbar .zoom-controls button:disabled{border-color:var(--npn-line);background:var(--npn-bg);color:var(--npn-disabled);box-shadow:0 3px 0 var(--npn-line);opacity:1}:root .app-shell .canvas-toolbar .tool-group button[aria-label="Add custom net label"]{padding:0 12px;font:800 13px/1 var(--npn-font)}:root .app-shell .canvas-toolbar .net-flag-select{width:52px;min-width:52px;max-width:52px;height:38px;padding:0 6px;color:var(--npn-ink-2);font:800 12px/1 var(--npn-font);text-align:center;text-align-last:center}:root .app-shell .canvas-toolbar .zoom-controls{gap:0;padding-bottom:3px}:root .app-shell .canvas-toolbar .zoom-controls button{width:38px;border-radius:0}:root .app-shell .canvas-toolbar .zoom-controls button:first-child{border-radius:var(--npn-radius-sm) 0 0 var(--npn-radius-sm)}:root .app-shell .canvas-toolbar .zoom-controls button:last-child{border-radius:0 var(--npn-radius-sm) var(--npn-radius-sm) 0}:root .app-shell .workspace .canvas-toolbar .zoom-controls .zoom-readout{width:58px;margin:0 -2px;color:var(--npn-ink-2);font:700 12px/1 var(--npn-font-mono)}:root .app-shell .canvas-toolbar .simulation-controls{gap:10px;padding-bottom:4px}:root .app-shell .canvas-toolbar .simulation-controls button{min-width:104px;height:42px;padding:0 18px;gap:8px;border-radius:var(--npn-radius);font:800 14px/1 var(--npn-font);letter-spacing:.06em;text-transform:uppercase}:root .app-shell .canvas-toolbar .simulation-controls button .ui-icon{width:18px;height:18px;stroke-width:2.6}:root .app-shell .canvas-toolbar .simulation-controls .run-control{border-color:var(--npn-success);background:var(--npn-success);color:var(--npn-on-solid);box-shadow:0 4px 0 var(--npn-success-edge)}:root .app-shell .canvas-toolbar .simulation-controls .run-control:not(:disabled):hover{filter:brightness(1.06)}:root .app-shell .canvas-toolbar .simulation-controls .run-control:not(:disabled):active{box-shadow:0 0 0 var(--npn-success-edge);transform:translateY(4px)}:root .app-shell .canvas-toolbar .simulation-controls .run-control.active,:root .app-shell .canvas-toolbar .simulation-controls .run-control:disabled{border-color:color-mix(in srgb,var(--npn-success),white 55%);background:var(--npn-success-soft);color:var(--npn-success-ink);box-shadow:0 4px color-mix(in srgb,var(--npn-success),white 55%);opacity:1}:root .app-shell .canvas-toolbar .simulation-controls .pause-control:not(:disabled){border-color:var(--npn-warning);background:var(--npn-warning);color:var(--npn-on-solid);box-shadow:0 4px 0 var(--npn-warning-edge)}:root .app-shell .canvas-toolbar .simulation-controls .pause-control:not(:disabled):active{box-shadow:0 0 0 var(--npn-warning-edge);transform:translateY(4px)}:root .app-shell .canvas-toolbar .simulation-controls .pause-control:disabled{border-color:color-mix(in srgb,var(--npn-warning),white 72%);background:color-mix(in srgb,var(--npn-warning-soft),var(--npn-bg) 45%);color:var(--lab-pause-ink);box-shadow:0 4px color-mix(in srgb,var(--npn-warning),white 72%);opacity:.7}:root .app-shell .canvas-toolbar .simulation-controls button:disabled:not(.run-control):not(.pause-control){border-color:var(--npn-line);background:var(--npn-surface);color:var(--npn-disabled);box-shadow:0 4px 0 var(--npn-line);opacity:1}:root .app-shell .canvas-toolbar .simulation-controls button:not(.run-control):not(.pause-control){color:var(--npn-ink-2)}:root .app-shell .wire-color-control{padding:4px 6px 4px 12px;border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius);background:var(--npn-surface);color:var(--npn-ink-2);font:800 12px/1.1 var(--npn-font)}:root .app-shell .wire-color-control small{color:var(--npn-muted);font:700 11px/1 var(--npn-font)}:root .app-shell .wire-color-control input{border-radius:var(--npn-radius-sm)}:root .app-shell .sandbox-viewport{background-color:var(--npn-surface);background-image:radial-gradient(color-mix(in srgb,var(--npn-line-strong),transparent 15%) 1.1px,transparent 1.2px)}:root .app-shell .sandbox-corner-note{top:10px;left:12px;padding:4px 10px;border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius-pill);background:color-mix(in srgb,var(--npn-bg),transparent 15%);color:var(--npn-muted);font:700 11px/1.2 var(--npn-font);letter-spacing:.02em;text-transform:none}:root .app-shell :is(.snap-toast,.probe-placement-toast){padding:8px 14px;border:var(--npn-border) solid var(--npn-ink);border-radius:var(--npn-radius);background:var(--npn-ink);color:var(--npn-bg);box-shadow:0 4px color-mix(in srgb,var(--npn-ink),black 30%);font:700 13px/1.3 var(--npn-font);text-transform:none}:root .app-shell .snap-toast strong{color:var(--npn-gold);font-family:var(--npn-font-mono)}:root .app-shell .canvas-status{padding:0 14px;border-top:var(--npn-border) solid var(--npn-line);background:var(--npn-bg);color:var(--npn-muted);font:700 11px/1 var(--npn-font);letter-spacing:.02em;text-transform:none}:root .app-shell .status-dot{width:8px;height:8px;border-radius:50%;background:var(--npn-disabled)}:root .app-shell .status-dot.live{background:var(--npn-success);box-shadow:0 0 0 3px var(--npn-success-soft)}:root .app-shell .lab-guide .guide-message{--guide-bubble-bg: var(--npn-bg);--guide-bubble-border: var(--npn-line);--guide-bubble-lip: var(--npn-line);padding:12px 16px;border:var(--npn-border) solid var(--guide-bubble-border);border-radius:var(--npn-radius-lg);background:var(--guide-bubble-bg);color:var(--npn-ink);box-shadow:0 4px 0 var(--guide-bubble-lip);font:700 14px/1.4 var(--npn-font)}:root .app-shell .lab-guide .guide-message:after{border-width:var(--npn-border);border-color:var(--guide-bubble-border);background:var(--guide-bubble-bg)}:root .app-shell .lab-guide.tone-hint .guide-message{--guide-bubble-bg: var(--npn-gold-soft);--guide-bubble-border: color-mix(in srgb, var(--npn-gold), black 8%);--guide-bubble-lip: var(--npn-gold-edge);color:color-mix(in srgb,var(--npn-gold-edge),black 55%)}:root .app-shell .lab-guide.tone-warning .guide-message{--guide-bubble-bg: var(--npn-warning-soft);--guide-bubble-border: color-mix(in srgb, var(--npn-warning), white 30%);--guide-bubble-lip: color-mix(in srgb, var(--npn-warning), white 30%);color:color-mix(in srgb,var(--npn-warning-edge),black 45%)}:root .app-shell .lab-guide:is(.tone-error,.tone-destructive) .guide-message{--guide-bubble-bg: var(--npn-danger-soft);--guide-bubble-border: color-mix(in srgb, var(--npn-danger), white 35%);--guide-bubble-lip: color-mix(in srgb, var(--npn-danger), white 35%);color:var(--npn-danger-ink)}:root .app-shell .lab-guide.tone-success .guide-message{--guide-bubble-bg: var(--npn-success-soft);--guide-bubble-border: color-mix(in srgb, var(--npn-success), white 30%);--guide-bubble-lip: color-mix(in srgb, var(--npn-success), white 30%);color:var(--npn-success-ink)}:root .app-shell .guide-message small{color:inherit;opacity:.75;font:600 11px/1.3 var(--npn-font-mono)}:root .app-shell .workspace .guide-message button{justify-self:start;padding:6px 12px;border-color:currentColor;background:var(--npn-bg);color:inherit;box-shadow:0 2px 0 currentColor;font-size:12px}:root .app-shell .right-dock{padding:0}:root .app-shell .rack-tabs{flex:0 0 auto;height:auto;gap:4px;margin:12px 12px 0;padding:4px;border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius);background:var(--npn-surface)}:root .app-shell .rack-tabs button{min-height:38px;padding:0 6px;border:var(--npn-border) solid transparent;border-radius:var(--npn-radius-sm);background:transparent;color:var(--npn-muted);font:800 12px/1 var(--npn-font);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}:root .app-shell .rack-tabs button:hover{background:color-mix(in srgb,var(--npn-bg),transparent 40%);color:var(--npn-ink)}:root .app-shell .rack-tabs button.active{border:var(--npn-border) solid var(--npn-line-strong);background:var(--npn-bg);color:var(--npn-blue-ink);box-shadow:0 3px 0 var(--npn-line-strong)}:root .app-shell .dock-tab-content{gap:12px;padding:12px;background:var(--lab-card)}:root .app-shell .dock-tab-content.tab-code{padding-bottom:14px}:root .app-shell .tab-code .code-panel.expanded{overflow:hidden;border:var(--npn-border) solid var(--lab-screen-line);border-radius:var(--npn-radius-lg);background:var(--lab-screen);box-shadow:0 4px color-mix(in srgb,var(--lab-screen),black 35%)}:root .app-shell .workspace .code-header{gap:8px;padding:10px 12px;border-bottom:var(--npn-border) solid var(--lab-screen-line);background:var(--lab-screen-2);color:var(--lab-screen-muted)}:root .app-shell .workspace .code-header strong{color:var(--lab-screen-ink);font:800 14px/1.2 var(--npn-font)}:root .app-shell .workspace .code-header small{color:var(--lab-screen-muted);font:600 11px/1.2 var(--npn-font)}:root .app-shell .workspace .code-header label{color:var(--lab-screen-muted);font:800 11px/1 var(--npn-font);letter-spacing:.08em;text-transform:uppercase}:root .app-shell .workspace .code-header select,:root .app-shell .workspace .code-header button{height:34px;font-size:12px;white-space:nowrap}:root .app-shell .workspace .code-header select{min-width:0;overflow:hidden;text-overflow:ellipsis;padding:0 26px 0 10px}:root .app-shell .code-header label{min-width:0}:root .app-shell .workspace .code-header select{border-color:var(--lab-screen-line);background:var(--lab-screen);color:var(--lab-screen-ink);box-shadow:0 3px color-mix(in srgb,var(--lab-screen),black 40%);font-family:var(--npn-font);font-weight:700}:root .app-shell .workspace .code-header select:not(:disabled):hover{border-color:var(--lab-screen-muted);background:var(--lab-screen);color:var(--lab-screen-ink)}:root .app-shell .workspace .code-header .code-format-button{border-color:var(--npn-primary);background:var(--npn-primary);color:var(--npn-on-solid);box-shadow:0 3px 0 var(--npn-primary-edge);letter-spacing:.06em;text-transform:uppercase}:root .app-shell .workspace .code-header .code-format-button:hover{background:var(--npn-primary-hover)}:root .app-shell .workspace .code-header .code-format-button:active{box-shadow:0 0 0 var(--npn-primary-edge)}:root .app-shell .workspace .code-header .code-format-button:disabled{border-color:var(--lab-screen-line);background:var(--lab-screen);color:var(--lab-screen-muted);box-shadow:0 3px color-mix(in srgb,var(--lab-screen),black 40%)}:root .app-shell .code-editor-shell,:root .app-shell .code-editor-viewport,:root .app-shell .code-highlight{background:var(--lab-screen)}:root .app-shell .line-numbers{border-color:var(--lab-screen-line);background:var(--lab-screen);color:#5d7a87;font-family:var(--npn-font-mono)}:root .app-shell .code-editor-viewport textarea,:root .app-shell .code-highlight{font-family:var(--npn-font-mono)}:root .app-shell .code-highlight{color:var(--lab-screen-ink)}:root .app-shell .code-editor-viewport textarea{caret-color:var(--npn-primary-hover)}:root .app-shell .syntax-keyword{color:#ffb38a}:root .app-shell .syntax-function{color:#4fd8c4}:root .app-shell .syntax-constant{color:#7fd3ff}:root .app-shell .code-editor-shell footer{border-top:var(--npn-border) solid var(--lab-screen-line);background:var(--lab-screen-2);color:var(--lab-screen-muted);font:600 10px/1.2 var(--npn-font-mono);white-space:nowrap}:root .app-shell .code-editor-shell footer>*{min-width:0;overflow:hidden;text-overflow:ellipsis}:root .app-shell .firmware-build-error{margin:10px 12px 0;border:var(--npn-border) solid color-mix(in srgb,var(--npn-danger),white 30%);border-radius:var(--npn-radius);background:var(--npn-danger-soft);color:var(--npn-danger-ink)}:root .app-shell .firmware-build-error pre{font-family:var(--npn-font-mono)}:root .app-shell .serial-monitor{flex:0 0 auto;overflow:hidden;border:var(--npn-border) solid var(--lab-screen-line);border-radius:var(--npn-radius-lg);background:var(--lab-screen);color:var(--lab-screen-ink);box-shadow:0 4px color-mix(in srgb,var(--lab-screen),black 35%)}:root .app-shell .serial-monitor>header{min-height:50px;flex-wrap:wrap;row-gap:6px;padding:7px 10px 7px 12px;background:var(--lab-screen-2)}:root .app-shell .serial-monitor:not(.open)>header{border-bottom:0}:root .app-shell .serial-monitor.open>header{border-bottom:var(--npn-border) solid var(--lab-screen-line)}:root .app-shell .serial-monitor>header>button{color:var(--lab-screen-ink);font:800 14px/1 var(--npn-font);letter-spacing:.02em;text-transform:none;white-space:nowrap}:root .app-shell .serial-monitor>header>button .ui-icon{width:18px;height:18px;color:var(--lab-screen-muted)}:root .app-shell .serial-header-tools{flex-wrap:wrap;gap:5px;margin-left:auto}:root .app-shell .serial-header-tools>button{padding:5px 8px;border:var(--npn-border) solid var(--lab-screen-line)!important;border-radius:var(--npn-radius-pill);background:transparent!important;color:var(--lab-screen-muted)!important;font:800 11px/1 var(--npn-font)!important;letter-spacing:.02em!important;text-transform:none;cursor:pointer}:root .app-shell .serial-header-tools>button.active{border-color:color-mix(in srgb,var(--npn-primary),black 10%)!important;background:color-mix(in srgb,var(--npn-primary),transparent 80%)!important;color:#7fe6d6!important}:root .app-shell .serial-header-tools>span{color:var(--lab-screen-muted);font:600 11px/1 var(--npn-font-mono)}:root .app-shell .serial-monitor>header i{width:8px;height:8px;background:var(--lab-screen-line)}:root .app-shell .serial-monitor>header i.live{background:var(--npn-success);box-shadow:0 0 0 3px color-mix(in srgb,var(--npn-success),transparent 70%)}:root .app-shell .serial-body{padding:0 12px 12px}:root .app-shell .serial-resize-handle{height:16px}:root .app-shell .serial-resize-handle span{width:44px;height:4px;border-radius:4px;background:var(--lab-screen-line)}:root .app-shell .serial-resize-handle:is(:hover,:focus) span{background:var(--npn-primary)}:root .app-shell .serial-output{border:var(--npn-border) solid var(--lab-screen-line);border-radius:var(--npn-radius);background:color-mix(in srgb,var(--lab-screen),black 25%);color:#8ff0a4;font:500 12px/1.6 var(--npn-font-mono)}:root .app-shell .serial-protocol-warning{border:var(--npn-border) solid color-mix(in srgb,var(--npn-gold),black 10%);border-radius:var(--npn-radius-sm);background:var(--npn-gold-soft);color:color-mix(in srgb,var(--npn-gold-edge),black 55%);font:700 12px/1.35 var(--npn-font)}:root .app-shell .workspace .serial-actions{gap:8px;margin-top:10px}:root .app-shell .workspace .serial-actions input,:root .app-shell .workspace .serial-actions button{height:38px;border-color:var(--lab-screen-line);background:var(--lab-screen-2);color:var(--lab-screen-ink);box-shadow:0 3px color-mix(in srgb,var(--lab-screen),black 40%);font-size:13px}:root .app-shell .workspace .serial-actions input{font-family:var(--npn-font-mono);font-weight:500}:root .app-shell .workspace .serial-actions input::placeholder{color:var(--lab-screen-muted)}:root .app-shell .workspace .serial-actions input:focus{border-color:var(--npn-primary);outline:0}:root .app-shell .workspace .serial-actions button{color:#7fe6d6}:root .app-shell .workspace .serial-actions button:not(:disabled):hover{border-color:var(--lab-screen-muted);background:var(--lab-screen-2);color:#a8f2e6}:root .app-shell .workspace .serial-actions button:disabled,:root .app-shell .workspace .serial-actions input:disabled{color:var(--lab-screen-muted);opacity:.7}:root .app-shell .tab-tools{gap:14px;padding:12px}:root .app-shell .instrument-window,:root .app-shell .instrument-window.scope-window,:root .app-shell .safety-panel{overflow:hidden;border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius-lg);background:var(--npn-bg);box-shadow:0 4px 0 var(--npn-line)}:root .app-shell .safety-panel.has-critical{border-color:color-mix(in srgb,var(--npn-danger),white 45%);box-shadow:0 4px color-mix(in srgb,var(--npn-danger),white 45%)}:root .app-shell .rack-title{height:50px;padding:0 14px;border-bottom:var(--npn-border) solid var(--npn-line);background:var(--npn-bg);color:var(--npn-ink);font:800 15px/1 var(--npn-font);letter-spacing:0;text-transform:none}:root .app-shell .rack-title small{padding:4px 8px;border-radius:var(--npn-radius-pill);background:var(--npn-success-soft);color:var(--npn-success-ink);font:800 10px/1 var(--npn-font);letter-spacing:.06em;text-transform:uppercase}:root .app-shell .safety-panel.has-critical .rack-title small{background:var(--npn-danger-soft);color:var(--npn-danger-ink)}:root .app-shell .safety-empty{padding:14px;color:var(--npn-muted);font:600 13px/1.45 var(--npn-font)}:root .app-shell .safety-empty strong{color:var(--npn-success-ink);font-size:14px;font-weight:800}:root .app-shell .safety-fault-list{padding:10px}:root .app-shell .safety-fault{margin-bottom:8px;padding:12px 14px;border:var(--npn-border) solid color-mix(in srgb,var(--npn-warning),white 50%);border-radius:var(--npn-radius);background:var(--npn-warning-soft)}:root .app-shell .safety-fault:is(.severity-error,.severity-destructive){border-color:color-mix(in srgb,var(--npn-danger),white 45%);background:var(--npn-danger-soft)}:root .app-shell .safety-fault header{color:var(--npn-ink);font:800 13px/1.3 var(--npn-font)}:root .app-shell .safety-fault header span{padding:3px 7px;border-radius:var(--npn-radius-pill);background:color-mix(in srgb,var(--npn-bg),transparent 30%);color:var(--npn-warning-edge);font:800 9px/1 var(--npn-font);letter-spacing:.06em}:root .app-shell .safety-fault:is(.severity-error,.severity-destructive) header span{color:var(--npn-danger-ink)}:root .app-shell .safety-fault p{color:var(--npn-ink-2);font:600 12px/1.45 var(--npn-font)}:root .app-shell .safety-fault code{color:var(--npn-warning-edge);font:600 11px/1.3 var(--npn-font-mono)}:root .app-shell .safety-fault dl{color:var(--npn-ink-2);font:700 11px/1.4 var(--npn-font)}:root .app-shell .safety-fault dl dd{color:var(--npn-danger-ink);font-family:var(--npn-font-mono)}:root .app-shell .safety-fault>small{color:var(--npn-ink-2);font:600 11px/1.4 var(--npn-font)}:root .app-shell .workspace .safety-focus{margin-top:10px;padding:6px 12px;border-color:color-mix(in srgb,var(--npn-danger),white 35%);color:var(--npn-danger-ink);box-shadow:0 2px color-mix(in srgb,var(--npn-danger),white 35%);font-size:12px}:root .app-shell .instrument-power{font-family:var(--npn-font)}:root .app-shell .dmm{padding:14px}:root .app-shell .dmm-screen{border:var(--npn-border) solid var(--lab-screen-line);border-radius:var(--npn-radius);background:var(--lab-screen);color:#8ff0a4;box-shadow:inset 0 2px #00000040}:root .app-shell .dmm-screen:after{display:none}:root .app-shell .dmm-screen small,:root .app-shell .dmm-screen span,:root .app-shell .dmm-screen i{color:var(--lab-screen-muted);font-family:var(--npn-font);font-weight:800;letter-spacing:.06em}:root .app-shell .dmm-screen strong{color:#8ff0a4;font-family:var(--npn-font-mono);font-weight:600;letter-spacing:-.02em}:root .app-shell .workspace .dmm-mode-grid{gap:6px}:root .app-shell .workspace .dmm-mode-grid button{height:38px;color:var(--npn-ink-2);font:800 12px/1 var(--npn-font-mono)}:root .app-shell .workspace .dmm-mode-grid button.active{border-color:var(--npn-blue);background:var(--npn-blue-soft);color:var(--npn-blue-ink);box-shadow:0 3px 0 var(--npn-blue-edge)}:root .app-shell .workspace .meter-probe{color:var(--npn-ink-2);font:800 12px/1 var(--npn-font)}:root .app-shell .workspace .meter-probe select{height:38px;padding:0 10px;color:var(--npn-ink);font:700 12px/1 var(--npn-font)}:root .app-shell .meter-message{color:var(--npn-muted);font:600 11px/1.4 var(--npn-font)}:root .app-shell .scope{font-family:var(--npn-font)}:root .app-shell .scope-header strong{color:var(--npn-ink);font:800 14px/1 var(--npn-font)}:root .app-shell .scope-view-tabs{gap:4px;padding:3px;border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius-sm);background:var(--npn-surface)}:root .app-shell .scope-view-tabs button{border:0;border-radius:8px;background:transparent;color:var(--npn-muted);font:800 11px/1 var(--npn-font)}:root .app-shell .scope-view-tabs button+button{border-left:0}:root .app-shell .scope-view-tabs button.active{background:var(--npn-bg);color:var(--npn-blue-ink);box-shadow:0 2px 0 var(--npn-line-strong)}:root .app-shell .scope-screen{overflow:hidden;border:var(--npn-border) solid var(--lab-screen-line);border-radius:var(--npn-radius);background:var(--lab-screen);box-shadow:inset 0 2px #00000040}:root .app-shell .scope-grid line{stroke:var(--lab-screen-line)}:root .app-shell .scope-readout{color:#a8f2e6;font-family:var(--npn-font-mono)}:root .app-shell .instrument-off .scope-screen{background:var(--npn-surface-2);border-color:var(--npn-line)}:root .app-shell .workspace .scope-controls{font-family:var(--npn-font)}:root .app-shell .workspace .scope-controls label{color:var(--npn-muted);font:800 11px/1.2 var(--npn-font)}:root .app-shell .workspace .scope-controls select{padding:0 8px;color:var(--npn-ink);font:700 12px/1 var(--npn-font)}:root .app-shell .workspace .scope-controls input[type=range]{accent-color:var(--npn-blue)}:root .app-shell .analysis-grid span{border-radius:var(--npn-radius-sm);color:var(--npn-muted);font:800 10px/1.2 var(--npn-font)}:root .app-shell .analysis-grid strong{color:var(--npn-ink);font-family:var(--npn-font-mono)}:root .app-shell .component-info{padding:16px;background:var(--lab-card);font-family:var(--npn-font)}:root .app-shell .info-component-heading{gap:14px}:root .app-shell .info-component-heading .wokwi-preview{border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius);background:var(--npn-surface)}:root .app-shell .component-info h2{color:var(--npn-ink);font:800 20px/1.2 var(--npn-font);letter-spacing:-.01em;text-transform:none}:root .app-shell .component-info p{color:var(--npn-muted);font:600 13px/1.5 var(--npn-font)}:root .app-shell .info-grid{gap:10px;margin-top:16px}:root .app-shell .info-value,:root .app-shell .info-section{border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius);background:var(--npn-bg);box-shadow:0 3px 0 var(--npn-line)}:root .app-shell .info-value span{color:var(--npn-muted);font:800 10px/1.2 var(--npn-font);letter-spacing:.08em}:root .app-shell .info-value strong,:root .app-shell .component-range strong{color:var(--npn-blue-ink);font-family:var(--npn-font-mono)}:root .app-shell .info-section h3{color:var(--npn-ink);font:800 12px/1.2 var(--npn-font);letter-spacing:.08em}:root .app-shell .component-config{border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius);background:var(--npn-surface)}:root .app-shell .component-config .info-value{box-shadow:none}:root .app-shell .component-config small,:root .app-shell .component-range span{color:var(--npn-muted);font:700 12px/1.4 var(--npn-font)}:root .app-shell .component-range input{accent-color:var(--npn-blue)}:root .app-shell .info-row{border-top:var(--npn-border) solid var(--npn-surface-2);color:var(--npn-muted);font:700 12px/1.3 var(--npn-font)}:root .app-shell .info-row code{color:var(--npn-ink);font-family:var(--npn-font-mono)}:root .app-shell .info-source{color:var(--npn-muted);font:600 11px/1.3 var(--npn-font)}:root .app-shell .workspace .component-action{height:40px;border-color:var(--npn-blue);background:var(--npn-blue-soft);color:var(--npn-blue-ink);box-shadow:0 3px 0 var(--npn-blue-edge);font-size:13px}:root .app-shell .workspace .component-action.active{background:var(--npn-blue);color:var(--npn-on-solid)}:root .app-shell .workspace :is(.component-toggle,.dip-interaction,.switch-choice-row) button{font-size:12px}:root .app-shell .workspace :is(.component-toggle,.dip-interaction,.switch-choice-row) button.active{border-color:var(--npn-blue);background:var(--npn-blue-soft);color:var(--npn-blue-ink);box-shadow:0 3px 0 var(--npn-blue-edge)}:root .app-shell .workspace .transistor-chart-toggle{border-color:var(--npn-blue);background:var(--npn-blue-soft);color:var(--npn-blue-ink);box-shadow:0 3px 0 var(--npn-blue-edge)}:root .app-shell :is(.resistor-interaction,.led-interaction,.capacitor-interaction){border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius);background:var(--npn-surface)}:root .app-shell :is(.resistor-interaction,.led-interaction,.capacitor-interaction)>label{color:var(--npn-ink-2);font:800 12px/1.3 var(--npn-font)}:root .app-shell :is(.resistor-value-input,.led-voltage-input,.capacitor-value-input,.resistor-power-select,.led-interaction select){border:var(--npn-border) solid var(--npn-line-strong);border-radius:var(--npn-radius-sm)}:root .app-shell .empty-info{padding:48px 28px}:root .app-shell .empty-info .info-cursor{width:64px;height:64px;border:var(--npn-border) solid color-mix(in srgb,var(--npn-blue),white 50%);border-radius:var(--npn-radius-lg);background:var(--npn-blue-soft);color:var(--npn-blue);box-shadow:0 4px color-mix(in srgb,var(--npn-blue),white 50%)}:root .app-shell .empty-info .info-cursor .ui-icon{width:28px;height:28px}:root .app-shell .premium-locked-feature{padding:14px 16px;border:var(--npn-border) solid color-mix(in srgb,var(--npn-gold),white 20%);border-radius:var(--npn-radius-lg);background:var(--npn-gold-soft);color:color-mix(in srgb,var(--npn-gold-edge),black 55%);box-shadow:0 4px color-mix(in srgb,var(--npn-gold),white 20%);font-family:var(--npn-font)}:root .app-shell .premium-locked-feature :is(strong,h2,h3,b){color:var(--npn-ink);font:800 15px/1.3 var(--npn-font)}:root .app-shell .premium-locked-feature :is(p,span,small){font-family:var(--npn-font);font-size:13px;font-weight:600}@media(max-width:1180px){:root .app-shell .canvas-toolbar .simulation-controls button{min-width:0;padding:0 12px}:root .app-shell .workspace .project-picker{grid-template-columns:minmax(0,1fr) 64px}:root .app-shell .workspace .project-picker select{white-space:nowrap;text-overflow:ellipsis;font-size:12px}:root .app-shell .palette .panel-heading{padding-left:12px;gap:6px;font-size:14px}:root .app-shell .palette .panel-heading small{white-space:nowrap}}@media(max-width:1020px){:root .app-shell .workspace,:root .app-shell .workspace.parts-collapsed{padding-bottom:calc(var(--lab-gutter) + var(--npn-lip) + 8px)}:root .app-shell .right-dock{border-top:var(--npn-border) solid var(--lab-card-line);border-left-width:var(--npn-border)}}@media(max-width:767.98px){:root .app-shell,:root .app-shell.lesson-task-mode{grid-template-rows:none;grid-auto-rows:auto;padding-bottom:calc(var(--npn-tabbar) + env(safe-area-inset-bottom,0px))}:root .app-shell>.probe-nav{position:fixed;z-index:200;inset:auto 0 0;height:calc(var(--npn-tabbar) + env(safe-area-inset-bottom,0px));min-height:0;display:flex;align-items:stretch;gap:0;padding:0 4px env(safe-area-inset-bottom,0px);border:0;border-top:var(--npn-border) solid var(--npn-line)}:root .app-shell>.probe-nav .brand,:root .app-shell>.probe-nav .header-spacer{display:none}:root .app-shell>.probe-nav .primary-nav{flex:1;height:100%;display:flex;justify-content:space-around;gap:0;padding:0;overflow:visible}:root .app-shell>.probe-nav .primary-nav a{flex:1;min-width:0;min-height:0;height:auto;justify-content:center;margin:6px 2px;padding:0}:root .app-shell>.probe-nav .npn-nav-label{display:none}:root .app-shell>.probe-nav .probe-nav__right{position:fixed;top:10px;right:12px;margin:0}:root .app-shell .workspace,:root .app-shell .workspace.parts-collapsed,:root .app-shell .workspace:not(.parts-collapsed){gap:14px;padding:10px 10px 18px}:root .app-shell .palette,:root .app-shell .right-dock{position:relative;border-radius:24px 24px var(--npn-radius) var(--npn-radius);box-shadow:0 -6px 18px #23313a12,var(--lab-lip)}:root .app-shell .palette:before,:root .app-shell .right-dock:before{content:"";position:absolute;z-index:3;top:7px;left:50%;width:40px;height:5px;border-radius:var(--npn-radius-pill);background:var(--npn-line-strong);transform:translate(-50%);pointer-events:none}:root .app-shell .palette{height:auto;min-height:0;max-height:none;flex-basis:auto;grid-template-rows:auto 50px auto auto}:root .app-shell .palette.collapsed{height:auto;min-height:0;max-height:none;flex-basis:auto;grid-template-rows:50px auto}:root .app-shell .palette .project-picker{padding-top:20px}:root .app-shell .palette.collapsed .panel-heading{display:grid;height:56px;padding:8px 10px 0 16px;grid-template-columns:1fr auto;text-align:left}:root .app-shell .palette.collapsed .panel-heading>span{display:inline;font-size:0}:root .app-shell .palette.collapsed .panel-heading>span:after{content:"Components";font-size:15px}:root .app-shell .palette.collapsed .panel-heading button{margin:0}:root .app-shell .palette.collapsed .parts-rail-button{display:none}:root .app-shell .parts-list{max-height:252px;grid-template-columns:repeat(3,minmax(0,1fr))}:root .app-shell .sandbox{border-radius:var(--npn-radius-lg)}:root .app-shell .canvas-toolbar{padding:8px 10px 10px}:root .app-shell .sandbox[data-named-net-label-tool] .canvas-toolbar{padding:8px 10px 10px}:root .app-shell .canvas-toolbar .tool-group{gap:6px}:root .app-shell .canvas-toolbar .tool-group button{width:38px;height:36px}:root .app-shell .canvas-toolbar .net-flag-select{width:48px;min-width:48px;max-width:48px;height:36px}:root .app-shell .canvas-toolbar .simulation-controls{gap:8px}:root .app-shell .canvas-toolbar .simulation-controls button{min-width:48px;height:40px;padding:0 12px}:root .app-shell .canvas-toolbar .simulation-controls .run-control{min-width:72px}:root .app-shell .sandbox-corner-note{display:none}:root .app-shell .canvas-status{padding:0 12px;font-size:10px}:root .app-shell .rack-tabs{margin:22px 10px 0}:root .app-shell .rack-tabs button{min-height:36px;padding:0 2px;font-size:11px;letter-spacing:0}:root .app-shell .dock-tab-content{padding:10px}:root .app-shell .serial-monitor>header{flex-wrap:wrap}}:root .projects-page{background:var(--npn-bg)}:root .projects-page main{min-height:100vh;padding:clamp(28px,4vw,52px) clamp(16px,4vw,48px) 80px;background:var(--npn-bg);font-family:var(--npn-font)}:root .projects-page .projects-heading{max-width:1100px;margin:0 auto 28px;align-items:flex-end}:root .projects-page .hero-kicker{color:var(--npn-primary-ink);font:800 13px/1 var(--npn-font);letter-spacing:.1em;text-transform:uppercase}:root .projects-page .projects-heading h1{margin-top:8px;color:var(--npn-ink);font:900 clamp(34px,4.4vw,46px)/1.05 var(--npn-font);letter-spacing:-.02em}:root .projects-page .projects-heading p{max-width:560px;margin-top:10px;color:var(--npn-muted);font:600 17px/1.5 var(--npn-font)}:root .projects-page .projects-heading-actions{gap:12px}:root .projects-page .projects-heading-actions>a,:root .projects-page .projects-heading-actions>button,:root .projects-page .projects-empty button,:root .projects-page .project-details .open-project-button{min-height:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 20px;border-radius:var(--npn-radius);font:800 15px/1 var(--npn-font);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;transform:none;transition:transform var(--npn-dur-press) linear,box-shadow var(--npn-dur-press) linear,filter var(--npn-dur-fast) ease}:root .projects-page .projects-heading-actions>a{border:var(--npn-border) solid var(--npn-line-strong);background:var(--npn-bg);color:var(--npn-blue);box-shadow:0 var(--npn-lip) 0 var(--npn-line-strong)}:root .projects-page .projects-heading-actions>a:hover{border-color:var(--npn-line-strong);background:var(--npn-surface);color:var(--npn-blue)}:root .projects-page .projects-heading-actions>a:active{transform:translateY(var(--npn-lip));box-shadow:0 0 0 var(--npn-line-strong)}:root .projects-page .projects-heading-actions>button,:root .projects-page .projects-empty button,:root .projects-page .project-details .open-project-button{border:0;background:var(--npn-primary);color:var(--npn-on-solid);box-shadow:0 var(--npn-lip) 0 var(--npn-primary-edge)}:root .projects-page .projects-heading-actions>button:hover,:root .projects-page .projects-empty button:hover,:root .projects-page .project-details .open-project-button:hover{background:var(--npn-primary);filter:brightness(1.06);box-shadow:0 var(--npn-lip) 0 var(--npn-primary-edge);transform:none}:root .projects-page .projects-heading-actions>button:active,:root .projects-page .projects-empty button:active,:root .projects-page .project-details .open-project-button:active{transform:translateY(var(--npn-lip));box-shadow:0 0 0 var(--npn-primary-edge)}:root .projects-page .projects-heading-actions .ui-icon,:root .projects-page .open-project-button .ui-icon{width:18px;height:18px;stroke-width:2.8}:root .projects-page .cloud-projects-section{max-width:1100px;margin:0 auto 36px;padding:20px 22px;border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius-lg);background:var(--npn-bg);box-shadow:0 var(--npn-lip) 0 var(--npn-line)}:root .projects-page .cloud-projects-icon{width:56px;height:56px;border-radius:var(--npn-radius);background:var(--npn-blue-soft);color:var(--npn-blue);box-shadow:inset 0 -4px color-mix(in srgb,var(--npn-blue),white 60%);font-size:28px}:root .projects-page .cloud-projects-copy h2{color:var(--npn-ink);font:800 20px/1.2 var(--npn-font)}:root .projects-page .cloud-projects-copy span{padding:4px 9px;border-radius:var(--npn-radius-pill);background:var(--npn-gold-soft);color:color-mix(in srgb,var(--npn-gold-edge),black 40%);font:800 11px/1 var(--npn-font);letter-spacing:.08em}:root .projects-page .cloud-projects-copy p{color:var(--npn-ink-2);font:600 15px/1.5 var(--npn-font)}:root .projects-page .cloud-projects-section>button{height:46px;padding:0 18px;border:var(--npn-border) solid var(--npn-line-strong);border-radius:var(--npn-radius);background:var(--npn-bg);color:var(--npn-blue);box-shadow:0 var(--npn-lip) 0 var(--npn-line-strong);font:800 14px/1 var(--npn-font);letter-spacing:.04em;text-transform:uppercase}:root .projects-page .cloud-projects-section>button:hover{background:var(--npn-surface)}:root .projects-page .cloud-projects-section>button:active{transform:translateY(var(--npn-lip));box-shadow:0 0 0 var(--npn-line-strong)}:root .projects-page .cloud-projects-section>button:disabled{color:var(--npn-disabled);box-shadow:0 var(--npn-lip) 0 var(--npn-line);border-color:var(--npn-line);transform:none}:root .projects-page .cloud-project-error{margin-top:4px;padding:8px 12px;border-radius:var(--npn-radius-sm);background:var(--npn-danger-soft);color:var(--npn-danger-ink);font:700 13px/1.35 var(--npn-font)}:root .projects-page .cloud-project-list>button{border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius);background:var(--npn-bg);box-shadow:0 3px 0 var(--npn-line);font-family:var(--npn-font)}:root .projects-page .cloud-project-list>button:hover{border-color:color-mix(in srgb,var(--npn-blue),white 40%);background:var(--npn-blue-soft)}:root .projects-page .projects-builds{max-width:1100px}:root .projects-page .projects-builds-heading h2{color:var(--npn-ink);font:800 24px/1.2 var(--npn-font)}:root .projects-page .projects-builds-heading span{color:var(--npn-muted);font:700 14px/1.3 var(--npn-font)}:root .projects-page .project-library{gap:20px}:root .projects-page .project-card,:root .projects-page .project-card:nth-child(n){min-height:0;grid-template-rows:168px auto auto;gap:12px;padding:10px;border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius-lg);background:var(--npn-bg);color:var(--npn-ink);box-shadow:0 var(--npn-lip) 0 var(--npn-line);font-family:var(--npn-font);transform:none;transition:transform var(--npn-dur-press) linear,box-shadow var(--npn-dur-press) linear,border-color var(--npn-dur-fast) ease,background var(--npn-dur-fast) ease}:root .projects-page .project-card:hover{border-color:color-mix(in srgb,var(--npn-blue),white 40%);background:var(--npn-bg);box-shadow:0 var(--npn-lip) 0 color-mix(in srgb,var(--npn-blue),white 40%);transform:none}:root .projects-page .project-card:active{transform:translateY(var(--npn-lip));box-shadow:0 0 0 transparent}:root .projects-page .project-card.selected{border-color:var(--npn-blue);background:var(--npn-blue-soft);box-shadow:0 var(--npn-lip) 0 var(--npn-blue-edge)}:root .projects-page .project-thumbnail,:root .projects-page .project-modal-preview{border:0;border-radius:var(--npn-radius);background-color:var(--npn-surface);background-image:radial-gradient(var(--npn-line-strong) 1px,transparent 1.2px);background-size:16px 16px}:root .projects-page .project-thumbnail:after,:root .projects-page .project-thumbnail-label{padding:4px 10px;border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius-pill);background:var(--npn-bg);color:var(--npn-muted);font:800 10px/1 var(--npn-font);letter-spacing:.08em}:root .projects-page .project-card-copy{gap:4px;padding:0 6px}:root .projects-page .project-card-copy strong{color:var(--npn-ink);font:800 17px/1.25 var(--npn-font)}:root .projects-page .project-card-copy small{color:var(--npn-ink-2);font:700 13px/1.3 var(--npn-font)}:root .projects-page .project-card-copy time{color:var(--npn-muted);font:600 12px/1.3 var(--npn-font)}:root .projects-page .project-card-footer{padding:10px 6px 2px;border-top:var(--npn-border) solid var(--npn-surface-2)}:root .projects-page .project-card-footer b{color:var(--npn-blue);font:800 13px/1 var(--npn-font);letter-spacing:.06em;text-transform:uppercase}:root .projects-page .project-card-footer .ui-icon{stroke-width:2.8}:root .projects-page .projects-empty{border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius-lg);background:var(--npn-bg);box-shadow:0 var(--npn-lip) 0 var(--npn-line);font-family:var(--npn-font)}:root .projects-page .projects-empty-kicker{color:var(--npn-warning);font:800 12px/1 var(--npn-font);letter-spacing:.1em}:root .projects-page .projects-empty h2{color:var(--npn-ink);font:800 26px/1.2 var(--npn-font)}:root .projects-page .projects-empty p{color:var(--npn-muted);font:600 15px/1.5 var(--npn-font)}:root .projects-page .project-details-modal{z-index:300;background:color-mix(in srgb,var(--npn-ink),transparent 55%)}:root .projects-page .project-details{border:var(--npn-border) solid var(--npn-line);border-radius:24px;background:var(--npn-bg);box-shadow:0 var(--npn-lip) 0 var(--npn-line),var(--npn-shadow-pop);font-family:var(--npn-font);animation:npn-pop-in var(--npn-dur) var(--npn-ease-spring)}:root .projects-page .project-details-header h2{color:var(--npn-ink);font:800 24px/1.2 var(--npn-font)}:root .projects-page .project-details-close{border:var(--npn-border) solid var(--npn-line);background:var(--npn-bg);color:var(--npn-muted);box-shadow:0 3px 0 var(--npn-line)}:root .projects-page .project-details-close:hover{background:var(--npn-surface);color:var(--npn-ink)}:root .projects-page .project-details-close:active{transform:translateY(3px);box-shadow:0 0 0 var(--npn-line)}:root .projects-page .project-details>label{color:var(--npn-muted);font:800 12px/1 var(--npn-font);letter-spacing:.1em}:root .projects-page .project-details>label input{height:48px;border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius);background:var(--npn-surface);color:var(--npn-ink);font:700 16px/1 var(--npn-font)}:root .projects-page .project-details>label input:focus{border-color:var(--npn-blue);background:var(--npn-bg);box-shadow:0 0 0 3px var(--npn-blue-soft);outline:0}:root .projects-page .project-stats span{border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius);background:var(--npn-bg);box-shadow:0 3px 0 var(--npn-line);color:var(--npn-muted);font:800 11px/1.2 var(--npn-font);letter-spacing:.08em}:root .projects-page .project-stats span:nth-child(1) strong{color:var(--npn-blue)}:root .projects-page .project-stats span:nth-child(2) strong{color:var(--npn-primary)}:root .projects-page .project-stats span:nth-child(3) strong{color:var(--npn-purple)}:root .projects-page .project-stats strong{font:900 26px/1.1 var(--npn-font)}:root .projects-page .project-metadata span{color:var(--npn-muted);font:600 13px/1.4 var(--npn-font)}:root .projects-page .project-metadata b{color:var(--npn-ink);font-weight:800}:root .projects-page .project-details-actions button,:root .projects-page .project-details>button:not(.open-project-button){min-height:44px;border:var(--npn-border) solid var(--npn-line-strong);border-radius:var(--npn-radius);background:var(--npn-bg);color:var(--npn-blue);box-shadow:0 3px 0 var(--npn-line-strong);font:800 13px/1 var(--npn-font);letter-spacing:.04em;text-transform:uppercase}:root .projects-page .project-details-actions button:active{transform:translateY(3px);box-shadow:0 0 0 var(--npn-line-strong)}:root .projects-page .project-details-actions .delete-project-button{color:var(--npn-danger-ink)}:root .projects-page .project-details-actions .delete-project-button:hover{border-color:color-mix(in srgb,var(--npn-danger),white 40%);background:var(--npn-danger-soft);color:var(--npn-danger-ink)}:root .projects-page .project-details-actions .rename-project-button:hover{background:var(--npn-surface)}@media(max-width:767.98px){:root .projects-page main{padding:24px 16px 40px}:root .projects-page .projects-heading p{font-size:15px}:root .projects-page .projects-heading-actions{width:100%;flex-direction:column;align-items:stretch}:root .projects-page .projects-heading-actions>a,:root .projects-page .projects-heading-actions>button{width:100%;flex:0 0 auto}:root .projects-page .cloud-projects-section{padding:16px}:root .projects-page .project-library{grid-template-columns:1fr;gap:16px}:root .projects-page .project-card{grid-template-rows:150px auto auto}:root .projects-page .project-details-modal{align-items:flex-end;padding:0}:root .projects-page .project-details{width:100%;max-height:92vh;border-bottom:0;border-radius:24px 24px 0 0;animation:npn-slide-up var(--npn-dur) var(--npn-ease-out)}:root .projects-page .project-details{grid-template-columns:minmax(0,1fr);overflow-x:hidden;overflow-y:auto;padding:20px 16px 24px}:root .projects-page .project-details>*,:root .projects-page .project-details .project-modal-preview{grid-column:1;grid-row:auto;min-width:0}:root .projects-page .project-details .project-modal-preview{min-height:180px}:root .projects-page .project-details:before{content:"";justify-self:center;width:40px;height:5px;margin:-8px 0 4px;border-radius:var(--npn-radius-pill);background:var(--npn-line-strong)}}@media(prefers-reduced-motion:reduce){:root .projects-page .project-details{animation:none}}:root[data-profile-reduce-motion=true] .projects-page .project-details{animation:none}@media(max-width:1280px){:root .app-shell .sandbox .canvas-toolbar .tool-group button[aria-label="Add custom net label"]{min-width:0!important}:root .app-shell .sandbox,:root .app-shell .sandbox[data-named-net-label-tool]{grid-template-rows:auto minmax(0,1fr) 27px}:root .app-shell .sandbox .canvas-toolbar,:root .app-shell .sandbox[data-named-net-label-tool] .canvas-toolbar{height:auto;min-height:58px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:9px 12px 10px;overflow:visible}:root .app-shell .sandbox .canvas-toolbar .tool-group,:root .app-shell .sandbox[data-named-net-label-tool] .canvas-toolbar .tool-group{flex:1 1 100%;min-width:0;max-width:none;flex-wrap:wrap;gap:4px;padding-bottom:3px;overflow:visible}:root .app-shell .sandbox .canvas-toolbar .tool-group button{width:34px;height:36px}:root .app-shell .sandbox .canvas-toolbar .tool-group button[aria-label="Add custom net label"]{width:auto;padding:0 10px;font-size:12px}:root .app-shell .sandbox .canvas-toolbar .net-flag-select{width:52px;min-width:52px;max-width:52px;height:36px}:root .app-shell .sandbox .canvas-toolbar .simulation-controls,:root .app-shell .sandbox .canvas-toolbar .wire-color-control{flex:0 1 auto;gap:6px}:root .app-shell .sandbox .canvas-toolbar .simulation-controls button{min-width:0;height:38px;padding:0 12px;font-size:13px;letter-spacing:.04em}:root .app-shell .sandbox .canvas-toolbar .zoom-controls{display:flex;margin-left:auto}:root .app-shell .sandbox .canvas-toolbar .zoom-controls button{width:34px;height:36px}:root .app-shell .workspace .sandbox .canvas-toolbar .zoom-controls .zoom-readout{width:52px}}@media(max-width:767.98px){:root .app-shell .sandbox .canvas-toolbar .tool-group{gap:6px}:root .app-shell .sandbox .canvas-toolbar .tool-group button{width:38px;height:38px}:root .app-shell .sandbox .canvas-toolbar .simulation-controls button{height:40px;padding:0 12px}:root .app-shell .sandbox .canvas-toolbar .simulation-controls button span{display:none}:root .app-shell .sandbox .canvas-toolbar .simulation-controls .run-control{min-width:72px}:root .app-shell .sandbox .canvas-toolbar .zoom-controls{display:none}}:root .app-shell .canvas-toolbar .simulation-controls .run-control[aria-label="Compiling simulation"]{border-color:color-mix(in srgb,var(--npn-blue),white 45%);background:var(--npn-blue-soft);color:var(--npn-blue-ink);box-shadow:0 4px color-mix(in srgb,var(--npn-blue),white 45%)}:root .app-shell .canvas-toolbar .simulation-controls .run-control[aria-label="Compiling simulation"] .ui-icon{animation:npn-lab-spin 1s linear infinite}@keyframes npn-lab-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){:root .app-shell .canvas-toolbar .simulation-controls .run-control .ui-icon{animation:none}}:root .app-shell .workspace .part:disabled{filter:none;opacity:1;border-color:var(--npn-line);background:var(--npn-surface);cursor:not-allowed}:root .app-shell .workspace .part:disabled>:not(.part-disabled-badge){opacity:.55;filter:grayscale(.85)}:root .app-shell .workspace .part .part-disabled-badge{z-index:2;top:6px;right:50%;padding:3px 7px;transform:translate(50%);white-space:nowrap;border:0;border-radius:var(--npn-radius-pill);background:var(--npn-gold);color:color-mix(in srgb,var(--npn-gold-edge),black 62%);box-shadow:0 2px 0 var(--npn-gold-edge);font:900 9px/1 var(--npn-font);font-style:normal;letter-spacing:.05em;text-transform:uppercase}:root .app-shell .workspace .part:has(>.part-disabled-badge):before{display:none}:root .app-shell .workspace .part .part-disabled-badge:not([aria-label]){background:var(--npn-surface-2);color:var(--npn-muted);box-shadow:none}:root .app-shell .workspace .empty-palette{margin:14px 12px;padding:18px 14px 16px;border:var(--npn-border) dashed var(--npn-line-strong);border-radius:var(--npn-radius);background:var(--npn-surface);color:var(--npn-muted);font:700 13px/1.45 var(--npn-font);text-align:center}:root .app-shell .workspace .parts-list>.empty-palette{grid-column:1 / -1;margin:4px 0}:root .app-shell .workspace .parts-list>.empty-palette:before{content:"";display:block;width:40px;height:40px;margin:0 auto 10px;border-radius:var(--npn-radius);background:var(--npn-bg) no-repeat 50% 50% / 22px 22px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237b8a93' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5M8.5 11h5'/%3E%3C/svg%3E");box-shadow:inset 0 0 0 var(--npn-border) var(--npn-line)}:root .app-shell .palette-filters input[type=search]::-webkit-search-cancel-button{filter:grayscale(1) opacity(.6);cursor:pointer}:root .app-shell .palette-filters select:hover{border-color:var(--npn-line-strong)}:root .app-shell .lesson-task-palette-badge b{display:block;margin-bottom:3px;font-size:14px;font-weight:900}:root .app-shell .lesson-task-palette-badge span{display:block;color:color-mix(in srgb,var(--npn-primary-ink),var(--npn-bg) 22%);font-weight:700}:root .app-shell .lesson-lab-task-panel{z-index:40;margin:var(--lab-gutter) var(--lab-gutter) 0;overflow:visible;border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius-lg);background:var(--npn-bg);color:var(--npn-ink);box-shadow:var(--lab-lip);font-family:var(--npn-font)}:root .app-shell .lesson-lab-task-panel .lesson-lab-task-panel__bar{min-height:0;gap:16px;padding:12px 14px 12px 12px;border-radius:calc(var(--npn-radius-lg) - 2px);background:var(--npn-bg)}:root .app-shell .lesson-lab-task-panel__label{min-width:0;padding:0;border:0;background:none;box-shadow:none}:root .app-shell .lesson-lab-task-panel__label b{display:grid;place-items:center;min-width:64px;height:44px;padding:0 14px;border-radius:var(--npn-radius);background:var(--npn-primary-soft);color:var(--npn-primary-ink);box-shadow:inset 0 -3px color-mix(in srgb,var(--npn-primary),white 55%);font:900 13px/1 var(--npn-font);letter-spacing:.08em;text-transform:uppercase}:root .app-shell .lesson-lab-task-panel__summary{gap:4px 14px}:root .app-shell .lesson-lab-task-panel__summary>span{color:var(--npn-primary-ink);font:800 12px/1.2 var(--npn-font);letter-spacing:.08em;text-transform:uppercase}:root .app-shell .lesson-lab-task-panel__summary>strong{display:-webkit-box;overflow:hidden;color:var(--npn-ink);font:800 15px/1.4 var(--npn-font);white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}:root .app-shell .lesson-lab-task-panel__summary>small{padding:6px 12px;border:0;border-radius:var(--npn-radius-pill);background:var(--npn-surface-2);color:var(--npn-muted);font:800 12px/1 var(--npn-font);letter-spacing:.02em}:root .app-shell .lesson-lab-task-panel.has-feedback:not(.is-correct) .lesson-lab-task-panel__summary>small{border:0;background:var(--npn-danger-soft);color:var(--npn-danger-ink)}:root .app-shell .lesson-lab-task-panel.is-correct .lesson-lab-task-panel__summary>small{border:0;background:var(--npn-success-soft);color:var(--npn-success-ink)}:root .app-shell .lesson-lab-task-panel.is-correct{border-color:color-mix(in srgb,var(--npn-success),white 45%);box-shadow:0 var(--npn-lip) 0 color-mix(in srgb,var(--npn-success),white 45%)}:root .app-shell .lesson-lab-task-panel.is-correct .lesson-lab-task-panel__bar{background:color-mix(in srgb,var(--npn-success-soft),var(--npn-bg) 55%)}:root .app-shell .lesson-lab-task-panel.is-correct .lesson-lab-task-panel__label b{background:var(--npn-success);color:var(--npn-on-solid);box-shadow:inset 0 -3px 0 var(--npn-success-edge)}:root .app-shell .lesson-lab-task-panel__primary-actions{gap:10px}:root .app-shell .lesson-lab-task-panel .lesson-lab-task-panel__primary-actions button{min-height:44px;padding:0 18px;border:var(--npn-border) solid var(--npn-line-strong);border-radius:var(--npn-radius);background:var(--npn-bg);color:var(--npn-blue);box-shadow:0 var(--npn-lip) 0 var(--npn-line-strong);font:800 14px/1 var(--npn-font);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;transition:transform var(--npn-dur-press) linear,box-shadow var(--npn-dur-press) linear,background var(--npn-dur-fast) ease,filter var(--npn-dur-fast) ease}:root .app-shell .lesson-lab-task-panel .lesson-lab-task-panel__primary-actions button:not(:disabled):hover{background:var(--npn-surface)}:root .app-shell .lesson-lab-task-panel .lesson-lab-task-panel__primary-actions button:not(:disabled):active{transform:translateY(var(--npn-lip));box-shadow:0 0 0 transparent}:root .app-shell .lesson-lab-task-panel .lesson-lab-task-panel__primary-actions button:disabled{color:var(--npn-disabled);border-color:var(--npn-line);box-shadow:0 var(--npn-lip) 0 var(--npn-line);cursor:not-allowed}:root .app-shell .lesson-lab-task-panel .lesson-lab-task-panel__primary-actions .task-hint-button{border-color:color-mix(in srgb,var(--npn-gold),black 6%);background:var(--npn-gold-soft);color:color-mix(in srgb,var(--npn-gold-edge),black 55%);box-shadow:0 var(--npn-lip) 0 var(--npn-gold-edge)}:root .app-shell .lesson-lab-task-panel .lesson-lab-task-panel__primary-actions .task-hint-button:before{content:"💡";margin-right:7px;font-size:15px;letter-spacing:0}:root .app-shell .lesson-lab-task-panel .lesson-lab-task-panel__primary-actions .task-hint-button:not(:disabled):hover{background:color-mix(in srgb,var(--npn-gold-soft),var(--npn-gold) 18%)}:root .app-shell .lesson-lab-task-panel .lesson-lab-task-panel__primary-actions .task-return-button{border-color:var(--npn-primary);background:var(--npn-primary);color:var(--npn-on-solid);box-shadow:0 var(--npn-lip) 0 var(--npn-primary-edge)}:root .app-shell .lesson-lab-task-panel .lesson-lab-task-panel__primary-actions .task-return-button:not(:disabled):hover{background:var(--npn-primary-hover)}:root .app-shell .lesson-lab-task-panel.is-correct .lesson-lab-task-panel__primary-actions .task-return-button{border-color:var(--npn-success);background:var(--npn-success);box-shadow:0 var(--npn-lip) 0 var(--npn-success-edge)}:root .app-shell .lesson-lab-task-panel .lesson-lab-task-panel__primary-actions button:not(.task-hint-button):not(.task-return-button):not(:disabled){border-color:var(--npn-success);background:var(--npn-success);color:var(--npn-on-solid);box-shadow:0 var(--npn-lip) 0 var(--npn-success-edge)}:root .app-shell.lesson-task-mode .workspace{padding-top:var(--lab-gutter)}:root .app-shell .lab-guide .guide-message.has-lesson-feedback{font-size:15px;line-height:1.45}@media(max-width:1100px){:root .app-shell .lesson-lab-task-panel .lesson-lab-task-panel__primary-actions button{padding:0 14px;font-size:13px}}@media(max-width:820px){:root .app-shell .lesson-lab-task-panel .lesson-lab-task-panel__bar{gap:10px 12px}:root .app-shell .lesson-lab-task-panel__primary-actions{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}:root .app-shell .lesson-lab-task-panel .lesson-lab-task-panel__primary-actions button{width:100%}}@media(max-width:767.98px){:root .app-shell .lesson-lab-task-panel{margin:10px 10px 0}:root .app-shell .lesson-lab-task-panel__label{min-width:0;padding:0;border:0;background:none;box-shadow:none}:root .app-shell .lesson-lab-task-panel__label b{min-width:0;height:36px;padding:0 10px;font-size:11px}:root .app-shell .lesson-lab-task-panel__summary>strong{font-size:14px;-webkit-line-clamp:4}:root .app-shell.lesson-task-mode .workspace{padding-top:10px}}:root .lesson-task-unavailable main,:root .join-page main{font-family:var(--npn-font)}:root .lesson-task-unavailable main{min-height:calc(100vh - 64px);display:grid;place-content:center;justify-items:center;gap:10px;padding:40px 20px;background:var(--npn-bg);text-align:center}:root .lesson-task-unavailable .hero-kicker,:root .join-page .hero-kicker{color:var(--npn-primary-ink);font:800 13px/1 var(--npn-font);letter-spacing:.1em;text-transform:uppercase}:root .lesson-task-unavailable h1{max-width:560px;margin:4px 0 0;color:var(--npn-ink);font:900 clamp(26px,3.4vw,34px)/1.15 var(--npn-font);letter-spacing:-.015em;text-transform:none}:root .lesson-task-unavailable main>p{max-width:520px;margin:2px 0 14px;color:var(--npn-muted);font:600 16px/1.55 var(--npn-font)}:root .lesson-task-unavailable main>div{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}:root .lesson-task-unavailable main>div a,:root .join-page main a[href="#/projects"]{text-decoration:none}:root .lesson-task-unavailable main>div a{min-height:48px;display:inline-flex;align-items:center;padding:0 22px;border:var(--npn-border) solid var(--npn-line-strong);border-radius:var(--npn-radius);background:var(--npn-bg);color:var(--npn-blue);box-shadow:0 var(--npn-lip) 0 var(--npn-line-strong);font:800 15px/1 var(--npn-font);letter-spacing:.06em;text-transform:uppercase}:root .lesson-task-unavailable main>div a:first-child{border-color:var(--npn-primary);background:var(--npn-primary);color:var(--npn-on-solid);box-shadow:0 var(--npn-lip) 0 var(--npn-primary-edge)}:root .lesson-task-unavailable main>div a:active{transform:translateY(var(--npn-lip));box-shadow:0 0 0 transparent}:root .join-page main{width:min(560px,calc(100% - 32px));margin:clamp(32px,9vh,88px) auto;padding:32px 32px 26px;border:var(--npn-border) solid var(--npn-line);border-radius:24px;background:var(--npn-bg);box-shadow:0 var(--npn-lip) 0 var(--npn-line);color:var(--npn-ink)}:root .join-page main:before{content:"";display:block;width:60px;height:60px;margin-bottom:18px;border-radius:var(--npn-radius-lg);background:var(--npn-blue-soft) no-repeat 50% 50% / 30px 30px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231cb0f6' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.5'/%3E%3Cpath d='M2.5 20c.8-3.6 3.4-5.5 6.5-5.5s5.7 1.9 6.5 5.5'/%3E%3Cpath d='M16 4.8a3.5 3.5 0 0 1 0 6.4M18.5 14.8c1.6.8 2.6 2.6 3 5.2'/%3E%3C/svg%3E");box-shadow:inset 0 -4px color-mix(in srgb,var(--npn-blue),white 60%)}:root .join-page h1{margin:8px 0 6px;color:var(--npn-ink);font:900 clamp(26px,3vw,32px)/1.15 var(--npn-font);letter-spacing:-.015em;text-transform:none}:root .join-page main p{margin:8px 0;color:var(--npn-muted);font:600 16px/1.55 var(--npn-font)}:root .join-page main p b{color:var(--npn-ink);font-weight:800}:root .join-page main>small{display:inline-block;margin:4px 0 16px;padding:5px 10px;border-radius:var(--npn-radius-pill);background:var(--npn-surface-2);color:var(--npn-muted);font:700 12px/1.2 var(--npn-font)}:root .join-page form{display:flex;gap:10px;margin-top:20px}:root .join-page input{min-width:0;flex:1;height:50px;padding:0 16px;border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius);background:var(--npn-surface);color:var(--npn-ink);font:800 17px/1 var(--npn-font-mono);letter-spacing:.14em;text-transform:uppercase}:root .join-page input::placeholder{color:var(--npn-muted);font:600 15px/1 var(--npn-font);letter-spacing:0;text-transform:none}:root .join-page input:focus{border-color:var(--npn-blue);background:var(--npn-bg);box-shadow:0 0 0 3px var(--npn-blue-soft);outline:0}:root .join-page main button{min-height:50px;padding:0 22px;border:0;border-radius:var(--npn-radius);background:var(--npn-primary);color:var(--npn-on-solid);box-shadow:0 var(--npn-lip) 0 var(--npn-primary-edge);font:800 15px/1 var(--npn-font);letter-spacing:.06em;text-transform:uppercase;cursor:pointer}:root .join-page main>button{width:100%}:root .join-page main button:not(:disabled):hover{background:var(--npn-primary-hover)}:root .join-page main button:not(:disabled):active{transform:translateY(var(--npn-lip));box-shadow:0 0 0 transparent}:root .join-page main button:disabled{background:var(--npn-surface-2);color:var(--npn-disabled);box-shadow:0 var(--npn-lip) 0 var(--npn-line);cursor:not-allowed}:root .join-page main p[role=alert]{padding:10px 14px;border-radius:var(--npn-radius-sm);background:var(--npn-danger-soft);color:var(--npn-danger-ink);font-size:14px;font-weight:700}:root .join-page main a[href="#/projects"]{display:inline-flex;align-items:center;gap:6px;margin-top:10px;color:var(--npn-blue);font:800 14px/1 var(--npn-font);letter-spacing:.04em;text-transform:uppercase}:root .join-page main a[href="#/projects"] .ui-icon{width:16px;height:16px;stroke-width:2.8}@media(max-width:680px){:root .join-page main{padding:24px 18px 20px}:root .join-page form{flex-direction:column}}:root .app-shell .shared-project-picker{gap:10px}:root .app-shell .shared-project-picker>span{gap:3px}:root .app-shell .shared-project-picker b{color:var(--npn-ink);font:800 14px/1.2 var(--npn-font)}:root .app-shell .shared-project-picker small{color:var(--npn-muted);font:700 12px/1.2 var(--npn-font);text-transform:capitalize}:root .app-shell .workspace .project-picker .collaboration-button{display:inline-flex;align-items:center;justify-content:center;gap:6px}:root .app-shell .workspace .shared-project-picker .collaboration-button{height:38px;padding:0 14px;border-color:var(--npn-blue);background:var(--npn-blue);color:var(--npn-on-solid);box-shadow:0 3px 0 var(--npn-blue-edge);font:800 12px/1 var(--npn-font);letter-spacing:.06em;text-transform:uppercase}:root .app-shell .workspace .shared-project-picker .collaboration-button:hover{border-color:var(--npn-blue);background:color-mix(in srgb,var(--npn-blue),white 12%);color:var(--npn-on-solid)}:root .app-shell .collaboration-button.online:before{width:8px;height:8px;margin-right:0;background:var(--npn-success);box-shadow:0 0 0 2px var(--npn-bg)}:root .collaboration-panel{z-index:220;top:76px;right:16px;width:min(400px,calc(100vw - 24px));max-height:calc(100vh - 92px);padding:0 0 6px;border:var(--npn-border) solid var(--npn-line);border-radius:24px;background:var(--npn-bg);color:var(--npn-ink);box-shadow:0 var(--npn-lip) 0 var(--npn-line),var(--npn-shadow-pop);font-family:var(--npn-font);scrollbar-color:var(--npn-line-strong) transparent;animation:npn-pop-in var(--npn-dur) var(--npn-ease-spring)}:root .collaboration-panel>header{position:sticky;z-index:2;top:0;margin:0;padding:18px 18px 14px 20px;border-bottom:var(--npn-border) solid var(--npn-line);border-radius:22px 22px 0 0;background:var(--npn-bg);color:var(--npn-ink)}:root .collaboration-panel>header span{color:var(--npn-primary-ink);font:800 12px/1 var(--npn-font);letter-spacing:.1em}:root .collaboration-panel h2{margin:6px 0 0;color:var(--npn-ink);font:900 24px/1.15 var(--npn-font);letter-spacing:-.01em}:root .collaboration-panel>header button{width:38px;height:38px;display:grid;place-items:center;border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius-sm);background:var(--npn-bg);color:var(--npn-muted);box-shadow:0 3px 0 var(--npn-line)}:root .collaboration-panel>header button:hover{background:var(--npn-surface);color:var(--npn-ink)}:root .collaboration-panel>header button:active{transform:translateY(3px);box-shadow:0 0 0 transparent}:root .collaboration-panel>header button .ui-icon{width:18px;height:18px;stroke-width:2.6}:root .collaboration-panel .collaboration-status{margin:14px 18px 2px;padding:10px 12px;border-radius:var(--npn-radius);background:var(--npn-warning-soft);color:color-mix(in srgb,var(--npn-warning-edge),black 45%);font:800 13px/1.3 var(--npn-font)}:root .collaboration-panel .collaboration-status i{flex:0 0 auto;width:10px;height:10px;background:var(--npn-warning);box-shadow:0 0 0 3px color-mix(in srgb,var(--npn-warning),transparent 75%)}:root .collaboration-panel .collaboration-status.state-connected{background:var(--npn-success-soft);color:var(--npn-success-ink)}:root .collaboration-panel .collaboration-status.state-connected i{background:var(--npn-success);box-shadow:0 0 0 3px color-mix(in srgb,var(--npn-success),transparent 72%)}:root .collaboration-panel .collaboration-status.state-offline{background:var(--npn-danger-soft);color:var(--npn-danger-ink)}:root .collaboration-panel .collaboration-status.state-offline i{background:var(--npn-danger);box-shadow:none}:root .collaboration-panel section{margin:0 18px;padding:16px 0;border-top:var(--npn-border) solid var(--npn-surface-2)}:root .collaboration-panel .collaboration-status+section{border-top:0}:root .collaboration-panel h3{margin:0 0 10px;color:var(--npn-ink);font:800 15px/1.2 var(--npn-font)}:root .collaboration-panel h4{margin:0;color:var(--npn-muted);font:800 12px/1.2 var(--npn-font);letter-spacing:.08em;text-transform:uppercase}:root .collaboration-panel .presence-list{gap:8px}:root .collaboration-panel .presence-list>span{gap:8px;padding:6px 12px 6px 6px;border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius-pill);background:var(--npn-bg);color:var(--npn-ink);font:800 13px/1 var(--npn-font)}:root .collaboration-panel .presence-list i{width:22px;height:22px;box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--npn-bg),transparent 30%)}:root .collaboration-panel .presence-list>span:first-child i{background:var(--npn-primary)!important}:root .collaboration-panel .presence-list small{color:var(--npn-muted);font:700 11px/1 var(--npn-font);text-transform:capitalize}:root .collaboration-panel .invite-controls{gap:8px}:root .collaboration-panel :is(.invite-controls select,.invite-result input,.member-list select){height:42px;padding:0 12px;border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius-sm);background-color:var(--npn-surface);color:var(--npn-ink);font:700 14px/1 var(--npn-font)}:root .collaboration-panel .member-list select{height:34px;padding:0 28px 0 10px;font-size:12px}:root .collaboration-panel :is(select,input):focus{border-color:var(--npn-blue);background-color:var(--npn-bg);box-shadow:0 0 0 3px var(--npn-blue-soft);outline:0}:root .collaboration-panel :is(.invite-controls button,.invite-result button,.shared-run-controls button){min-height:42px;padding:0 16px;border:0;border-radius:var(--npn-radius-sm);background:var(--npn-primary);color:var(--npn-on-solid);box-shadow:0 3px 0 var(--npn-primary-edge);font:800 13px/1 var(--npn-font);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;cursor:pointer}:root .collaboration-panel :is(.invite-controls button,.invite-result button,.shared-run-controls button):not(:disabled):hover{background:var(--npn-primary-hover)}:root .collaboration-panel :is(.invite-controls button,.invite-result button,.shared-run-controls button):not(:disabled):active{transform:translateY(3px);box-shadow:0 0 0 transparent}:root .collaboration-panel :is(.invite-controls button,.shared-run-controls button):disabled{background:var(--npn-surface-2);color:var(--npn-disabled);box-shadow:0 3px 0 var(--npn-line);cursor:not-allowed}:root .collaboration-panel .invite-result{display:grid;gap:12px;margin-top:12px;padding:14px;border:var(--npn-border) solid color-mix(in srgb,var(--npn-primary),white 55%);border-radius:var(--npn-radius);background:var(--npn-primary-soft);color:var(--npn-ink)}:root .collaboration-panel .invite-result label{display:grid;gap:6px;color:var(--npn-primary-ink);font:800 12px/1 var(--npn-font);letter-spacing:.06em;text-transform:uppercase}:root .collaboration-panel .invite-result label>span{display:flex;align-items:center;gap:8px}:root .collaboration-panel .invite-result input{flex:1;min-width:0;height:40px;background:var(--npn-bg);font:600 12px/1 var(--npn-font-mono);letter-spacing:0;text-transform:none}:root .collaboration-panel .invite-result strong{flex:1;padding:8px 12px;border:var(--npn-border) dashed var(--npn-primary);border-radius:var(--npn-radius-sm);background:var(--npn-bg);color:var(--npn-ink);font:700 22px/1.1 var(--npn-font-mono);letter-spacing:.18em}:root .collaboration-panel .invite-result button{min-height:40px;padding:0 14px;font-size:12px}:root .collaboration-panel .invite-result small{color:var(--npn-primary-ink);font:700 12px/1.3 var(--npn-font)}:root .collaboration-panel .outstanding-invites{gap:8px;margin-top:14px}:root .collaboration-panel :is(.outstanding-invites article,.member-list article){gap:10px;padding:10px 12px;border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius);background:var(--npn-bg);box-shadow:0 3px 0 var(--npn-line)}:root .collaboration-panel .outstanding-invites span{gap:3px;color:var(--npn-ink);font:800 13px/1.2 var(--npn-font)}:root .collaboration-panel .outstanding-invites small,:root .collaboration-panel .member-list small{color:var(--npn-muted);font:700 11px/1.3 var(--npn-font)}:root .collaboration-panel :is(.outstanding-invites button,.member-list button){height:32px;padding:0 10px;border:var(--npn-border) solid color-mix(in srgb,var(--npn-danger),white 55%);border-radius:var(--npn-radius-sm);background:var(--npn-bg);color:var(--npn-danger-ink);box-shadow:0 2px color-mix(in srgb,var(--npn-danger),white 55%);font:800 11px/1 var(--npn-font);letter-spacing:.05em;text-transform:uppercase;cursor:pointer}:root .collaboration-panel :is(.outstanding-invites button,.member-list button):hover{background:var(--npn-danger-soft)}:root .collaboration-panel .member-list{gap:8px}:root .collaboration-panel .member-list article>div{gap:10px}:root .collaboration-panel .member-list article>div>span{display:grid;gap:3px;color:var(--npn-ink);font:800 14px/1.2 var(--npn-font)}:root .collaboration-panel .member-list article>span{display:flex;align-items:center;gap:6px}:root .collaboration-panel .member-list i{width:10px;height:10px;background:var(--npn-disabled)}:root .collaboration-panel .member-list i.online{background:var(--npn-success);box-shadow:0 0 0 3px var(--npn-success-soft)}:root .collaboration-panel .member-list article>b{padding:5px 10px;border-radius:var(--npn-radius-pill);background:var(--npn-surface-2);color:var(--npn-ink-2);font:800 11px/1 var(--npn-font);letter-spacing:.05em;text-transform:uppercase}:root .collaboration-panel .shared-run-controls p{margin:0 0 12px;color:var(--npn-muted);font:600 13px/1.5 var(--npn-font)}:root .collaboration-panel .shared-run-controls>button,:root .collaboration-panel .shared-run-controls>div>button{width:100%}:root .collaboration-panel .shared-run-controls .transfer-control{width:100%;margin-top:8px;border:var(--npn-border) solid var(--npn-line-strong);background:var(--npn-bg);color:var(--npn-blue);box-shadow:0 3px 0 var(--npn-line-strong)}:root .collaboration-panel .shared-run-controls .transfer-control:not(:disabled):hover{background:var(--npn-surface)}:root .collaboration-panel .collaboration-error{margin:4px 18px 12px;padding:10px 12px;border-radius:var(--npn-radius-sm);background:var(--npn-danger-soft);color:var(--npn-danger-ink);font:700 13px/1.35 var(--npn-font)}:root .collaboration-panel .premium-locked-feature{margin:0 18px 4px}:root .collaboration-panel :is(button,select,input):focus-visible{outline:3px solid color-mix(in srgb,var(--npn-blue),transparent 45%);outline-offset:2px}:root .collaboration-notice{z-index:210;top:78px;gap:12px;padding:10px 10px 10px 16px;border:var(--npn-border) solid var(--npn-ink);border-radius:var(--npn-radius);background:var(--npn-ink);color:var(--npn-bg);box-shadow:0 4px color-mix(in srgb,var(--npn-ink),black 30%),var(--npn-shadow-pop);font:700 14px/1.35 var(--npn-font)}:root .collaboration-notice button{width:30px;height:30px;display:grid;place-items:center;border-radius:var(--npn-radius-sm);background:color-mix(in srgb,var(--npn-bg),transparent 88%)}:root .collaboration-notice button .ui-icon{width:16px;height:16px}:root .app-shell .remote-cursor span,:root .app-shell .remote-selection>span{font-family:var(--npn-font);font-weight:800}:root .app-shell .remote-cursor span{padding:4px 9px;border-radius:var(--npn-radius-pill);box-shadow:0 2px color-mix(in srgb,var(--presence-color),black 25%)}@media(max-width:680px){:root .collaboration-panel{top:auto;right:0;bottom:0;width:100vw;max-height:86vh;border-bottom:0;border-radius:24px 24px 0 0;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));animation:npn-slide-up var(--npn-dur) var(--npn-ease-out)}:root .collaboration-notice{top:12px;width:calc(100vw - 24px)}}@media(prefers-reduced-motion:reduce){:root .collaboration-panel{animation:none}}:root[data-profile-reduce-motion=true] .collaboration-panel{animation:none}:root .app-shell .component-info .info-value strong{font-size:13px}:root .app-shell .component-info .component-config{gap:12px;padding:12px}:root .app-shell .component-info .component-config small{font-size:12px;line-height:1.45}:root .app-shell .component-range{gap:8px;margin-bottom:12px}:root .app-shell .component-range>span{align-items:baseline;color:var(--npn-ink-2);font:800 13px/1.3 var(--npn-font)}:root .app-shell .component-range>span strong{padding:3px 8px;border-radius:var(--npn-radius-pill);background:var(--npn-blue-soft);color:var(--npn-blue-ink);font:700 12px/1.2 var(--npn-font-mono)}:root .app-shell .component-range>small{color:var(--npn-muted);font:600 12px/1.45 var(--npn-font)}:root .app-shell .component-info :is(input[type=text],input[type=number],input:not([type]),select,.resistor-value-input,.led-voltage-input,.capacitor-value-input,.resistor-power-select){min-height:40px;padding:0 12px;border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius-sm);background-color:var(--npn-bg);color:var(--npn-ink);font:700 14px/1 var(--npn-font)}:root .app-shell .component-info :is(input[type=text],input[type=number],input:not([type]),.resistor-value-input,.led-voltage-input,.capacitor-value-input){font-family:var(--npn-font-mono);font-weight:600}:root .app-shell .component-info :is(.resistor-interaction,.led-interaction,.capacitor-interaction) :is(input,select){min-height:0;height:34px;padding:0 10px;font-size:13px}:root .app-shell .component-info :is(input[type=text],input[type=number],input:not([type]),select):focus{border-color:var(--npn-blue);box-shadow:0 0 0 3px var(--npn-blue-soft);outline:0}:root .app-shell :is(.component-info,.scope-controls) input[type=range]{height:26px;margin:0;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none}:root .app-shell :is(.component-info,.scope-controls) input[type=range]::-webkit-slider-runnable-track{height:10px;border-radius:var(--npn-radius-pill);background:var(--npn-surface-2);box-shadow:inset 0 0 0 var(--npn-border) var(--npn-line)}:root .app-shell :is(.component-info,.scope-controls) input[type=range]::-moz-range-track{height:10px;border-radius:var(--npn-radius-pill);background:var(--npn-surface-2)}:root .app-shell :is(.component-info,.scope-controls) input[type=range]::-moz-range-progress{height:10px;border-radius:var(--npn-radius-pill);background:var(--npn-blue)}:root .app-shell :is(.component-info,.scope-controls) input[type=range]::-webkit-slider-thumb{width:24px;height:24px;margin-top:-7px;border:3px solid var(--npn-blue);border-radius:50%;background:var(--npn-bg);box-shadow:0 3px 0 var(--npn-blue-edge);-webkit-appearance:none;appearance:none}:root .app-shell :is(.component-info,.scope-controls) input[type=range]::-moz-range-thumb{width:20px;height:20px;border:3px solid var(--npn-blue);border-radius:50%;background:var(--npn-bg);box-shadow:0 3px 0 var(--npn-blue-edge)}:root .app-shell :is(.component-info,.scope-controls) input[type=range]:focus-visible{outline:0}:root .app-shell :is(.component-info,.scope-controls) input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 3px 0 var(--npn-blue-edge),0 0 0 4px var(--npn-blue-soft)}:root .app-shell :is(.component-info,.scope-controls) input[type=range]:disabled{cursor:not-allowed;opacity:.55}:root .app-shell .workspace .component-toggle{gap:8px}:root .app-shell .workspace :is(.component-toggle,.switch-choice-row) button{min-height:40px;height:auto;padding:8px 10px;line-height:1.2}:root .app-shell .workspace .dip-interaction button{font-size:11px}:root .app-shell .workspace .dip-interaction button span{font-size:9px}:root .app-shell .workspace .component-toggle>small{color:var(--npn-muted);font:600 12px/1.45 var(--npn-font)}:root .app-shell .workspace .component-action{width:100%;height:44px;border-radius:var(--npn-radius);font:800 14px/1 var(--npn-font);letter-spacing:.04em}:root .app-shell .workspace .component-action.active{border-color:var(--npn-blue);box-shadow:0 3px 0 var(--npn-blue-edge)}:root .app-shell :is(.resistor-interaction,.led-interaction,.capacitor-interaction){gap:10px;padding:12px}:root .app-shell :is(.resistor-interaction,.led-interaction,.capacitor-interaction)>small{color:var(--npn-muted);font:600 12px/1.4 var(--npn-font-mono)}:root .app-shell .resistor-band-code{border-radius:var(--npn-radius-sm)}:root .app-shell .info-section h3{margin-bottom:8px;text-transform:uppercase}:root .app-shell .info-section{padding:12px 14px}:root .app-shell .info-row{padding:9px 0;font-size:13px}:root .app-shell .info-row code{font-size:12px}:root .app-shell .info-source{font-size:12px}:root .app-shell .transistor-graph-help,:root .app-shell .zone-label{font-family:var(--npn-font)}:root .app-shell .transistor-region{border-radius:var(--npn-radius-pill);font-family:var(--npn-font);font-weight:800}:root .app-shell .empty-info h2{margin-top:4px}:root .app-shell .empty-info p{font-size:14px}:root .app-shell .instrument-power{border:var(--npn-border) solid var(--npn-line-strong);background:var(--npn-surface-2);color:var(--npn-muted);font-family:var(--npn-font)}:root .app-shell .instrument-power i{top:2px;left:2px;background:var(--npn-bg);box-shadow:0 2px 0 var(--npn-line-strong)}:root .app-shell .instrument-power span{font-weight:900}:root .app-shell .instrument-power.on{border-color:var(--npn-success-edge);background:var(--npn-success);color:var(--npn-on-solid)}:root .app-shell .instrument-power.on i{background:var(--npn-bg);box-shadow:0 2px 0 var(--npn-success-edge)}:root .app-shell .instrument-brand strong{color:var(--npn-ink);font:800 14px/1.2 var(--npn-font)}:root .app-shell .instrument-brand span{color:var(--npn-muted);font:700 11px/1.2 var(--npn-font)}:root .app-shell .workspace .scope-controls{gap:8px 10px}:root .app-shell .workspace .scope-controls label{font-size:12px}:root .app-shell .workspace .scope-controls select{height:36px}:root .app-shell .line-numbers span.error{border-radius:4px 0 0 4px;background:color-mix(in srgb,var(--npn-danger),transparent 55%);color:var(--npn-on-solid)}:root .app-shell .firmware-build-error{display:grid;gap:6px;padding:12px 14px;box-shadow:0 3px color-mix(in srgb,var(--npn-danger),white 30%)}:root .app-shell .firmware-build-error strong{display:flex;align-items:center;gap:8px;color:var(--npn-danger-ink);font:900 13px/1.2 var(--npn-font);letter-spacing:.04em;text-transform:uppercase}:root .app-shell .firmware-build-error strong:before{content:"!";width:20px;height:20px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:var(--npn-danger);color:var(--npn-on-solid);font:900 13px/1 var(--npn-font)}:root .app-shell .firmware-build-error pre{max-height:132px;margin:0;padding:8px 10px;overflow:auto;border-radius:var(--npn-radius-sm);background:color-mix(in srgb,var(--npn-bg),transparent 30%);color:color-mix(in srgb,var(--npn-danger-ink),var(--npn-ink) 35%);font:500 11px/1.5 var(--npn-font-mono);white-space:pre-wrap}:root .app-shell .firmware-build-error span{color:var(--npn-danger-ink);font:700 12px/1.3 var(--npn-font);letter-spacing:0;text-transform:none}:root .app-shell .code-editor-shell footer>span:first-child{color:var(--lab-screen-ink)}:root .app-shell .canvas-status span{font-family:var(--npn-font)}:root .app-shell .probe-details{border-width:var(--npn-border);border-radius:var(--npn-radius-sm);background:var(--npn-bg);box-shadow:0 3px color-mix(in srgb,currentColor,transparent 65%);font-family:var(--npn-font)}:root .app-shell .probe-details strong{font:800 11px/1.2 var(--npn-font)}:root .app-shell .probe-details span{color:var(--npn-ink-2);font:600 10px/1.3 var(--npn-font-mono)}:root .lesson-player,:root .completion-screen{--lsn-card-radius: 20px;--lsn-card-border: var(--npn-border) solid var(--npn-line);--lsn-column: 1000px;--lsn-kicker: 800 13px/1.2 var(--npn-font);color:var(--npn-ink);font-family:var(--npn-font)}:root .lesson-player :not(svg,svg *,.sandbox,.sandbox *,code,code *,.learn-formula,.code-exercise textarea),:root .completion-screen :not(svg,svg *){font-family:var(--npn-font)}:root .lesson-player{background:var(--npn-bg)}:root .learning-app.lesson-player .learn-button--primary,:root .learning-app.completion-screen .learn-button--primary{border:0;background:var(--npn-primary);color:var(--npn-on-solid)!important;box-shadow:0 var(--npn-lip) 0 var(--npn-primary-edge)}:root .learning-app.lesson-player .learn-button--primary:hover:not(:disabled),:root .learning-app.completion-screen .learn-button--primary:hover:not(:disabled){background:var(--npn-primary-hover);filter:none}:root .learning-app.lesson-player .learn-button--primary:active:not(:disabled){transform:translateY(var(--npn-lip));box-shadow:0 0 0 var(--npn-primary-edge)}:root .learning-app.lesson-player .learn-button--primary:disabled{background:var(--npn-surface-2);color:var(--npn-disabled)!important;box-shadow:0 var(--npn-lip) 0 var(--npn-line-strong);cursor:not-allowed}:root .learning-app.lesson-player .learn-button--quiet{color:var(--npn-ink-2)}:root .learning-app.lesson-player .learn-button--quiet:hover:not(:disabled){background:var(--npn-surface)}:root .learning-app.lesson-player .learn-button--quiet:disabled{border-color:var(--npn-line);background:var(--npn-bg);color:var(--npn-disabled);box-shadow:0 var(--npn-lip) 0 var(--npn-line)}:root .learning-app.lesson-player .learn-button:focus-visible{outline:3px solid color-mix(in srgb,var(--npn-blue),white 30%);outline-offset:3px}:root .lesson-player{position:relative}:root .lesson-player .lesson-topbar{position:relative;z-index:5}:root .lesson-player .lesson-progressbar{height:18px}:root .lesson-player .lesson-progressbar i{background:var(--npn-primary);box-shadow:none}:root .lesson-player .lesson-topbar .hint-button{border-radius:var(--npn-radius)}:root .lesson-player .lesson-topbar .hint-button b{font-weight:800}:root .lesson-player .lesson-topbar .hint-button .ui-icon{width:18px;height:18px}@media(min-width:761px){:root .lesson-player:not(.explanation-player) .lesson-topbar{grid-template-columns:44px minmax(0,1fr) auto auto 112px}:root .lesson-player .lesson-stage>.learning-economy{position:absolute;z-index:6;top:22px;right:max(24px,calc(50vw - 516px));width:112px;justify-content:flex-end;margin:0;padding:0;height:40px}}:root .lesson-player .lesson-stage>.learning-economy{font:800 16px/1 var(--npn-font)}:root .lesson-player .lesson-stage{padding-top:24px}:root .lesson-player .lesson-task{max-width:var(--lsn-column);margin:0 auto}:root .lesson-player .lesson-task>.lesson-context{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 20px;font:var(--lsn-kicker);letter-spacing:.06em}:root .lesson-player .lesson-context__title{gap:10px;color:var(--npn-muted)}:root .lesson-player .lesson-context .previous-task{width:32px;height:32px;display:inline-grid;place-items:center;border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius-sm);background:var(--npn-bg);color:var(--npn-muted);box-shadow:0 2px 0 var(--npn-line)}:root .lesson-player .lesson-context .previous-task:hover{color:var(--npn-ink);background:var(--npn-surface)}:root .lesson-player .lesson-context .previous-task .ui-icon{width:16px;height:16px}:root .lesson-player .lesson-context>span:last-child{gap:10px}:root .lesson-player .lesson-context .replay-explanation{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius-pill);background:var(--npn-bg);color:var(--npn-blue);font:800 12px/1 var(--npn-font);letter-spacing:.06em;text-transform:uppercase}:root .lesson-player .lesson-context .replay-explanation:hover{background:var(--npn-blue-soft);border-color:color-mix(in srgb,var(--npn-blue),white 55%)}:root .lesson-player .lesson-context .replay-explanation .ui-icon{width:14px;height:14px}:root .lesson-player .lesson-context b{min-width:44px;padding:7px 10px;border-radius:var(--npn-radius-pill);background:var(--npn-surface-2);color:var(--npn-ink-2);font:800 12px/1 var(--npn-font);letter-spacing:.04em;text-align:center}:root .lesson-player .exercise-prompt{margin-bottom:8px}:root .lesson-player .exercise-prompt__type{display:inline-flex;align-items:center;gap:6px;color:var(--npn-purple);font:900 13px/1.2 var(--npn-font);letter-spacing:.08em}:root .lesson-player .exercise-prompt__type:before{width:10px;height:10px;border-radius:3px;background:currentColor;content:"";transform:rotate(45deg)}:root .lesson-player .exercise-prompt h1{max-width:30ch;margin:10px 0 18px;font:800 clamp(24px,2.6vw,30px)/1.25 var(--npn-font);letter-spacing:-.01em;text-wrap:balance}:root .lesson-player .exercise-layout-canvas:has(.has-circuit-diagram){grid-template-columns:minmax(0,1fr)}@media(min-width:761px){:root .lesson-player .exercise-layout-canvas:not(:has(.has-circuit-diagram)){grid-template-columns:minmax(0,1fr) 240px;column-gap:40px}}:root .lesson-player .lesson-mascot{margin-top:8px}:root .lesson-player .lesson-mascot .lesson-coach-companion .selected-companion__message,:root .lesson-player .probe-instruction .selected-companion__message,:root .lesson-player .resistor-probe .selected-companion__message{border:var(--npn-border) solid var(--npn-line);border-radius:18px;background:var(--npn-bg);color:var(--npn-ink);box-shadow:0 var(--npn-lip) 0 var(--npn-line);font:700 16px/1.45 var(--npn-font)}:root .lesson-player .lesson-mascot .lesson-coach-companion .selected-companion__message:before,:root .lesson-player .probe-instruction .selected-companion__message:before{border:var(--npn-border) solid var(--npn-line);border-top:0;border-left:0;background:var(--npn-bg)}:root .lesson-player .probe-instruction .selected-companion__message:before{border:var(--npn-border) solid var(--npn-line);border-top:0;border-right:0}:root .lesson-player :is(.lesson-mascot,.probe-instruction) .selected-companion__message:after{background:var(--npn-primary)}:root .lesson-player .hint-panel{gap:14px;margin:4px 0 18px;padding:14px 18px;border:var(--npn-border) solid color-mix(in srgb,var(--npn-gold),white 20%);border-radius:18px;background:var(--npn-gold-soft);color:var(--npn-ink);box-shadow:0 var(--npn-lip) 0 color-mix(in srgb,var(--npn-gold),white 20%);animation:npn-pop-in var(--npn-dur) var(--npn-ease-spring) both}:root .lesson-player .hint-panel .selected-companion{flex:none}:root .lesson-player .hint-panel strong{color:var(--npn-gold-edge);font:900 12px/1 var(--npn-font);letter-spacing:.08em}:root .lesson-player .hint-panel p{margin:6px 0 0;color:var(--npn-ink);font:700 16px/1.45 var(--npn-font)}:root .lesson-player .admin-answer{margin:0 0 16px;padding:10px 14px;border:var(--npn-border) dashed color-mix(in srgb,var(--npn-success),white 35%);border-radius:var(--npn-radius);background:color-mix(in srgb,var(--npn-success-soft),white 50%);color:var(--npn-success-ink);font:700 14px/1.4 var(--npn-font)}:root .lesson-player :is(.learning-check-error,.learning-progress-error){margin:0 auto 16px;max-width:var(--lsn-column);padding:12px 16px;border:var(--npn-border) solid color-mix(in srgb,var(--npn-warning),white 45%);border-radius:var(--npn-radius);background:var(--npn-warning-soft);color:color-mix(in srgb,var(--npn-warning-edge),black 35%);font:700 14px/1.4 var(--npn-font)}:root .lesson-player .learning-progress-error button{padding:6px 12px;border:0;border-radius:var(--npn-radius-sm);background:var(--npn-warning);color:#fff;box-shadow:0 3px 0 var(--npn-warning-edge);font:800 12px/1 var(--npn-font);letter-spacing:.06em;text-decoration:none;text-transform:uppercase}:root .lesson-player .learn-options{gap:12px}:root .lesson-player .learn-option{align-items:center;align-content:center;border-radius:16px;min-height:68px;padding:14px 18px;gap:14px}:root .lesson-player .learn-option b{font:700 17px/1.35 var(--npn-font)}:root .lesson-player .learn-option:not(.has-circuit-diagram){grid-template-columns:32px minmax(0,1fr)}:root .lesson-player .learn-option:not(.has-circuit-diagram):not(:has(small)){grid-template-rows:auto;row-gap:0}:root .lesson-player .learn-option:not(.has-circuit-diagram):not(:has(small))>.learn-option__letter{grid-row:1}:root .lesson-player .learn-option:not(.has-circuit-diagram)>.learn-option__letter{grid-row:1 / span 2}:root .lesson-player .learn-option>.learn-option__letter{width:32px;height:32px;flex:none;display:inline-grid;place-items:center;border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius-sm);background:var(--npn-bg);color:var(--npn-muted);font:800 14px/1 var(--npn-font)}:root .learning-app.lesson-player .learn-option.is-selected>.learn-option__letter{border-color:color-mix(in srgb,var(--npn-blue),white 30%);background:var(--npn-bg);color:var(--npn-blue)}:root .learning-app.lesson-player .lesson-stage.has-error .learn-option.is-selected>.learn-option__letter{border-color:color-mix(in srgb,var(--npn-danger),white 30%);color:var(--npn-danger)}:root .learning-app.lesson-player .lesson-stage.has-correct .learn-option.is-selected>.learn-option__letter{border-color:color-mix(in srgb,var(--npn-success),white 20%);color:var(--npn-success-ink)}:root .learning-app.lesson-player .learn-option:disabled{cursor:default}:root .learning-app.lesson-player .learn-option:focus-visible{outline:3px solid color-mix(in srgb,var(--npn-blue),white 30%);outline-offset:2px}:root .lesson-player .learn-option.has-circuit-diagram{padding:12px;align-content:stretch}:root .lesson-player .learn-option.has-circuit-diagram.is-selected{border-color:color-mix(in srgb,var(--npn-blue),white 30%);background:var(--npn-blue-soft);box-shadow:0 var(--npn-lip) 0 color-mix(in srgb,var(--npn-blue),white 30%)}:root .lesson-player .learn-option.has-circuit-diagram .learn-option__diagram{overflow:hidden;border:var(--npn-border) solid var(--npn-line);border-radius:12px;background:var(--npn-bg)}:root .learning-app.lesson-player .learn-option.has-circuit-diagram.is-selected .learn-option__diagram{border-color:color-mix(in srgb,var(--npn-blue),white 50%)}:root .lesson-player .lesson-task :is(.exercise-graph,.voltage-points-diagram){margin:0 0 18px;overflow:hidden;border:var(--lsn-card-border);border-radius:var(--lsn-card-radius);background:var(--npn-bg)}:root .lesson-player .circuit-hotspot-exercise{max-width:none;margin:4px 0 0}:root .lesson-player .circuit-hotspot-exercise__diagram{overflow:hidden;border:var(--lsn-card-border);border-radius:var(--lsn-card-radius);background:var(--npn-bg)}:root .lesson-player .circuit-hotspot-exercise__diagram>button{border:3px solid var(--npn-blue);background:var(--npn-bg);box-shadow:0 3px 0 var(--npn-blue-edge);transition:transform var(--npn-dur-fast) var(--npn-ease-spring),box-shadow var(--npn-dur-fast) ease}:root .lesson-player .circuit-hotspot-exercise__diagram>button i{background:var(--npn-blue)}:root .lesson-player .circuit-hotspot-exercise__diagram>button:hover{transform:scale(1.08)}:root .lesson-player .circuit-hotspot-exercise__diagram>button.is-selected{border-color:var(--npn-blue-edge);background:var(--npn-blue-soft);box-shadow:0 0 0 6px color-mix(in srgb,var(--npn-blue),transparent 75%)}:root .lesson-player .circuit-hotspot-exercise__diagram>button span{border:var(--npn-border) solid var(--npn-line);border-radius:8px;background:var(--npn-bg);color:var(--npn-ink);font:800 12px/1.2 var(--npn-font)}:root .lesson-player .lesson-stage.has-error .circuit-hotspot-exercise__diagram>button.is-selected{border-color:var(--npn-danger);background:var(--npn-danger-soft);box-shadow:0 0 0 6px color-mix(in srgb,var(--npn-danger),transparent 75%)}:root .lesson-player .lesson-stage.has-error .circuit-hotspot-exercise__diagram>button.is-selected i{background:var(--npn-danger)}:root .lesson-player .lesson-stage.has-correct .circuit-hotspot-exercise__diagram>button.is-selected{border-color:var(--npn-success);background:var(--npn-success-soft);box-shadow:0 0 0 6px color-mix(in srgb,var(--npn-success),transparent 70%)}:root .lesson-player .lesson-stage.has-correct .circuit-hotspot-exercise__diagram>button.is-selected i{background:var(--npn-success)}:root .lesson-player .circuit-hotspot-exercise>p{color:var(--npn-muted);font:700 14px/1.4 var(--npn-font)}:root .lesson-player .match-list{gap:12px;margin-top:8px}:root .lesson-player .match-list label{min-height:68px;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);gap:12px;padding:12px 12px 12px 18px;border:var(--npn-border) solid var(--npn-line);border-radius:16px;background:var(--npn-bg);box-shadow:0 var(--npn-lip) 0 var(--npn-line)}:root .lesson-player .match-list label:has(select:not([value=""]):focus){border-color:color-mix(in srgb,var(--npn-blue),white 30%)}:root .lesson-player .match-list label b{color:var(--npn-ink);font:800 17px/1.3 var(--npn-font)}:root .lesson-player .match-list label>span{color:var(--npn-line-strong)}:root .lesson-player .match-list label>span .ui-icon{width:22px;height:22px}:root .lesson-player .match-list select{height:48px;padding:0 40px 0 14px;border:var(--npn-border) solid var(--npn-line-strong);border-radius:12px;background-color:var(--npn-surface);color:var(--npn-ink);font:700 15px/1.2 var(--npn-font);cursor:pointer}:root .lesson-player .match-list select:hover:not(:disabled){border-color:color-mix(in srgb,var(--npn-blue),white 40%);background-color:var(--npn-bg)}:root .lesson-player .match-list select:focus-visible{outline:3px solid color-mix(in srgb,var(--npn-blue),white 45%);outline-offset:1px}:root .lesson-player .lesson-stage.has-error .match-list label{border-color:color-mix(in srgb,var(--npn-danger),white 45%);box-shadow:0 var(--npn-lip) 0 color-mix(in srgb,var(--npn-danger),white 45%)}:root .lesson-player .lesson-stage.has-correct .match-list label{border-color:color-mix(in srgb,var(--npn-success),white 25%);background:var(--npn-success-soft);box-shadow:0 var(--npn-lip) 0 color-mix(in srgb,var(--npn-success),white 25%)}:root .lesson-player .order-list{gap:12px;margin-top:8px}:root .lesson-player .order-list>div{min-height:64px;grid-template-columns:36px minmax(0,1fr) 40px 40px;gap:10px;padding:10px 12px;border:var(--npn-border) solid var(--npn-line);border-radius:16px;background:var(--npn-bg);box-shadow:0 var(--npn-lip) 0 var(--npn-line);cursor:grab}:root .lesson-player .order-list>div>span{width:32px;height:32px;border-radius:var(--npn-radius-sm);background:var(--npn-blue-soft);color:var(--npn-blue-ink);font:900 14px/1 var(--npn-font)}:root .lesson-player .order-list>div b{font:700 16px/1.35 var(--npn-font)}:root .lesson-player .order-list>div button{width:40px;height:40px;border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius-sm);background:var(--npn-bg);color:var(--npn-muted);box-shadow:0 3px 0 var(--npn-line)}:root .lesson-player .order-list>div button:hover:not(:disabled){color:var(--npn-blue);background:var(--npn-surface)}:root .lesson-player .order-list>div button:active:not(:disabled){transform:translateY(3px);box-shadow:none}:root .lesson-player .order-list>div button:disabled{color:var(--npn-disabled)}:root .lesson-player .learn-number{max-width:520px;margin:12px 0 0;text-align:left}:root .lesson-player .learn-formula{display:inline-flex;min-width:0;min-height:0;margin:0 0 18px;padding:14px 22px;border:var(--npn-border) solid var(--npn-line);border-radius:16px;background:var(--npn-surface);color:var(--npn-ink);box-shadow:none;font:700 20px/1.3 var(--npn-font-mono)}:root .lesson-player .learn-number label{border:var(--npn-border) solid var(--npn-line-strong);border-radius:16px;background:var(--npn-surface);box-shadow:0 var(--npn-lip) 0 var(--npn-line-strong);transition:border-color var(--npn-dur-fast) ease,background var(--npn-dur-fast) ease}:root .lesson-player .learn-number label:focus-within{border-color:color-mix(in srgb,var(--npn-blue),white 25%);background:var(--npn-bg);box-shadow:0 var(--npn-lip) 0 color-mix(in srgb,var(--npn-blue),white 25%)}:root .lesson-player .learn-number input{height:68px;padding:0 18px;background:transparent;color:var(--npn-ink);font:800 28px/1 var(--npn-font);text-align:left;font-variant-numeric:tabular-nums}:root .lesson-player .learn-number label b{min-width:0;padding:0 20px;color:var(--npn-muted);font:800 20px/1 var(--npn-font)}:root .lesson-player .learn-number p{margin:10px 2px 0;color:var(--npn-muted);font:600 14px/1.4 var(--npn-font)}:root .lesson-player .lesson-stage.has-error .learn-number label{border-color:var(--npn-danger);background:var(--npn-danger-soft);box-shadow:0 var(--npn-lip) 0 var(--npn-danger-edge)}:root .lesson-player .lesson-stage.has-correct .learn-number label{border-color:var(--npn-success);background:var(--npn-success-soft);box-shadow:0 var(--npn-lip) 0 var(--npn-success-edge)}:root .lesson-player .band-builder{margin-top:4px}:root .lesson-player .band-builder__mode{margin:0 0 12px;color:var(--npn-muted);font:700 14px/1.4 var(--npn-font);text-align:left}:root .lesson-player .band-builder .resistor-visual{overflow:hidden;border:var(--lsn-card-border);border-radius:var(--lsn-card-radius);background:var(--npn-bg)}:root .lesson-player .resistor-band.is-active{box-shadow:0 0 0 3px var(--npn-bg),0 0 0 6px var(--npn-blue)}:root .lesson-player .resistor-band span{color:var(--npn-muted);font:800 12px/1 var(--npn-font)}:root .lesson-player .band-live-value{margin:16px 0;min-width:220px;justify-items:start;padding:12px 18px;border:var(--npn-border) solid var(--npn-line);border-radius:16px;background:var(--npn-surface)}:root .lesson-player .band-live-value span{color:var(--npn-muted);font:800 12px/1 var(--npn-font);letter-spacing:.08em}:root .lesson-player .band-live-value strong{margin-top:6px;color:var(--npn-ink);font:900 22px/1.1 var(--npn-font);font-variant-numeric:tabular-nums}:root .lesson-player .band-palette{gap:10px}:root .lesson-player .band-palette button{min-height:64px;gap:6px;padding:8px 4px;border:var(--npn-border) solid var(--npn-line);border-radius:14px;background:var(--npn-bg);color:var(--npn-ink-2);box-shadow:0 var(--npn-lip) 0 var(--npn-line);font:800 13px/1 var(--npn-font);text-transform:capitalize;transition:transform var(--npn-dur-press) linear,box-shadow var(--npn-dur-press) linear,background var(--npn-dur-fast) ease}:root .lesson-player .band-palette button:hover:not(:disabled){border-color:var(--npn-line-strong);background:var(--npn-surface)}:root .lesson-player .band-palette button:active:not(:disabled){transform:translateY(var(--npn-lip));box-shadow:none}:root .lesson-player .band-palette i{width:30px;height:20px;border-radius:6px}:root .lesson-player .prediction-experiment{max-width:none;margin:8px 0 0;padding:18px;border:var(--lsn-card-border);border-radius:var(--lsn-card-radius);background:var(--npn-bg);box-shadow:none}:root .lesson-player .prediction-experiment{grid-template-columns:minmax(0,1fr) 220px;align-items:stretch;gap:14px;padding:14px}:root .lesson-player .prediction-experiment>.lesson-lab-bench,:root .lesson-player .prediction-experiment>.lesson-layout-authoring-shell{grid-column:1 / -1;overflow:hidden;border:var(--npn-border) solid var(--npn-line);border-radius:14px}:root .lesson-player .prediction-experiment>label{padding:14px 16px;border:var(--npn-border) solid var(--npn-line);border-radius:16px;background:var(--npn-surface)}:root .lesson-player .prediction-experiment>label>span{font:800 15px/1.2 var(--npn-font)}:root .lesson-player .prediction-experiment output{color:var(--npn-blue-ink);font:900 15px/1 var(--npn-font)}:root .lesson-player .prediction-meter{padding:14px;border:var(--npn-border) solid var(--npn-line);border-radius:16px;background:var(--npn-surface);color:var(--npn-ink);box-shadow:none}:root .lesson-player .prediction-meter span{color:var(--npn-muted);font:800 11px/1.2 var(--npn-font);letter-spacing:.08em}:root .lesson-player .prediction-meter strong{color:var(--npn-ink);font:900 30px/1.1 var(--npn-font);font-variant-numeric:tabular-nums}:root .lesson-player .prediction-meter b{color:var(--npn-muted);font:800 14px/1 var(--npn-font)}:root .lesson-player .code-exercise{overflow:hidden;border:var(--npn-border) solid var(--npn-ink);border-radius:var(--lsn-card-radius);box-shadow:0 var(--npn-lip) 0 color-mix(in srgb,var(--npn-ink),black 30%)}:root .lesson-player .code-exercise__bar{font:800 12px/1 var(--npn-font);letter-spacing:.08em}:root .lesson-player .code-exercise textarea{font:500 15px/1.6 var(--npn-font-mono)}:root .lesson-player .full-lab-launcher{grid-template-columns:72px minmax(0,1fr) auto;gap:20px;margin-top:8px;padding:22px 24px;border:var(--npn-border) solid var(--npn-line);border-radius:var(--lsn-card-radius);background:var(--npn-bg);box-shadow:0 var(--npn-lip) 0 var(--npn-line)}:root .lesson-player .full-lab-launcher__icon{width:64px;height:64px;border:0;border-radius:18px;background:var(--npn-blue);color:#fff;box-shadow:0 var(--npn-lip) 0 var(--npn-blue-edge)}:root .lesson-player .full-lab-launcher__icon .ui-icon{width:32px;height:32px;stroke-width:2.4}:root .lesson-player .full-lab-launcher h2{margin:0 0 4px;color:var(--npn-ink);font:800 21px/1.2 var(--npn-font);letter-spacing:0}:root .lesson-player .full-lab-launcher p{color:var(--npn-muted);font:600 15px/1.4 var(--npn-font)}:root .lesson-player .full-lab-launcher>.learn-button{min-width:170px}:root .lesson-player .full-lab-launcher>.learn-button .ui-icon{display:none}:root .lesson-player .full-lab-launcher__conflict{padding:14px 16px;border:var(--npn-border) solid color-mix(in srgb,var(--npn-warning),white 45%);border-radius:var(--npn-radius);background:var(--npn-warning-soft);color:var(--npn-ink);font:600 14px/1.4 var(--npn-font)}:root .lesson-player .full-lab-launcher__conflict strong{font-weight:800}:root .lesson-player .full-lab-launcher__conflict button{min-height:40px;padding:0 14px;border:var(--npn-border) solid var(--npn-line-strong);border-radius:var(--npn-radius-sm);background:var(--npn-bg);color:var(--npn-ink);box-shadow:0 3px 0 var(--npn-line-strong);font:800 13px/1 var(--npn-font)}:root .lesson-player .full-lab-launcher__conflict button:active{transform:translateY(3px);box-shadow:none}:root .explanation-player .explanation-stage{padding-top:16px;padding-bottom:32px}:root .explanation-player .explanation-stage>.lesson-context{margin:0 0 14px;font:var(--lsn-kicker);letter-spacing:.06em}:root .lesson-player .explain-scene{gap:20px 40px}:root .lesson-player .explain-scene>header>small,:root .lesson-player .resistor-explanation header>small{float:none;display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:var(--npn-radius-pill);background:var(--npn-primary-soft);color:var(--npn-primary-ink);font:900 12px/1 var(--npn-font);letter-spacing:.06em;text-transform:uppercase}:root .lesson-player .explain-scene h1{margin:12px 0;color:var(--npn-ink);font:900 clamp(30px,2.8vw,40px)/1.1 var(--npn-font);letter-spacing:-.015em;text-wrap:balance}:root .lesson-player .explain-scene>header p,:root .lesson-player .resistor-explanation header p{color:var(--npn-ink-2);font:600 17px/1.6 var(--npn-font)}:root .lesson-player .explain-scene>header p strong{color:var(--npn-ink);font-weight:800}:root .lesson-player .explain-scene__workbench{border:var(--lsn-card-border);border-radius:var(--lsn-card-radius);background:var(--npn-bg);box-shadow:none}:root .lesson-player .explain-scene__visual{background:var(--npn-bg)}:root .lesson-player .explain-scene__workbench .lesson-diagram-surface{border-color:var(--npn-line)}:root .lesson-player .explain-scene__workbench>.explain-scene__visual>.explain-visual>.lesson-diagram-surface,:root .lesson-player .explain-scene__workbench>.explain-scene__visual>.explain-visual>*>.lesson-diagram-surface{border:0;border-radius:0}:root .lesson-player :is(.lesson-diagram-surface__title,.lesson-schematic figcaption,.lesson-lab-bench>header,.concept-overlay>header,.net-labels__header,.resistor-scene--theory>header){border-bottom:var(--npn-border) solid var(--npn-line);background:var(--npn-bg)}:root .lesson-player :is(.lesson-diagram-surface__title,.lesson-schematic figcaption b,.lesson-lab-bench>header b,.concept-overlay>header b,.net-labels__header b,.resistor-scene--theory>header){color:var(--npn-muted);font-size:12px;font-weight:900;letter-spacing:.08em}:root .lesson-player :is(.lesson-diagram-surface__title,.lesson-schematic figcaption,.lesson-lab-bench>header,.concept-overlay>header){padding:12px 16px}:root .lesson-player :is(.lesson-schematic figcaption span,.lesson-lab-bench>header span,.concept-overlay>header span,.net-labels__header span){color:var(--npn-muted);font-size:13px;font-weight:700}:root .lesson-player .lesson-lab-bench>header>span.is-live{color:var(--npn-success-ink)}:root .lesson-player .lesson-schematic{background:var(--npn-bg)}:root .lesson-player .lesson-schematic{border-right-color:var(--npn-line);border-right-width:2px}:root .lesson-player .lesson-lab-bench__evidence{gap:2px;border-top:var(--npn-border) solid var(--npn-line);background:var(--npn-line)}:root .lesson-player .lesson-lab-bench__evidence>span{padding:12px 16px;background:var(--npn-bg)}:root .lesson-player .lesson-lab-bench__evidence small{color:var(--npn-muted);font:900 12px/1.2 var(--npn-font);letter-spacing:.08em;text-transform:uppercase}:root .lesson-player .lesson-lab-bench__evidence b{color:var(--npn-ink);font:900 16px/1.25 var(--npn-font);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}:root .lesson-player .lesson-lab-bench__evidence p{color:var(--npn-ink-2);font:600 14px/1.4 var(--npn-font)}:root .lesson-player .lesson-lab-bench__evidence .is-warning{background:var(--npn-warning-soft)}:root .lesson-player .net-labels__presentation-toggle{gap:4px;padding:4px;border:0;border-radius:14px;background:var(--npn-surface-2)}:root .lesson-player .net-labels__presentation-toggle button{min-height:36px;padding:0 14px;border:var(--npn-border) solid transparent;border-radius:10px;color:var(--npn-muted);font:800 14px/1 var(--npn-font)}:root .lesson-player .net-labels__presentation-toggle button.is-active:not(.net-labels__discover-labels){border-color:var(--npn-line);background:var(--npn-bg);color:var(--npn-primary-ink);box-shadow:0 2px 0 var(--npn-line)}:root .lesson-player .net-labels__presentation-toggle button:hover:not(:disabled):not(.is-active):not(.net-labels__discover-labels){color:var(--npn-ink)}:root .lesson-player .net-labels__presentation-toggle .net-labels__discover-labels{border-radius:10px;color:var(--npn-primary-ink)}:root .lesson-player .net-labels__net-controls{gap:8px;padding:10px 16px;border-bottom:var(--npn-border) solid var(--npn-line);background:var(--npn-surface)}:root .lesson-player .net-labels__net-controls>span{color:var(--npn-muted);font:900 12px/1 var(--npn-font);letter-spacing:.08em;text-transform:uppercase}:root .lesson-player :is(.net-labels__net-controls,.net-labels__mode-actions) button{min-height:34px;padding:0 14px;border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius-pill);background:var(--npn-bg);color:var(--npn-ink-2);box-shadow:0 2px 0 var(--npn-line);font:800 13px/1 var(--npn-font);letter-spacing:.02em}:root .lesson-player :is(.net-labels__net-controls,.net-labels__mode-actions) button:hover{background:var(--npn-surface)}:root .lesson-player .net-labels__net-controls button.is-active,:root .lesson-player .net-labels__mode-actions button[aria-pressed=true]{border-color:color-mix(in srgb,var(--npn-primary),white 30%);background:var(--npn-primary-soft);color:var(--npn-primary-ink);box-shadow:0 2px color-mix(in srgb,var(--npn-primary),white 30%)}:root .lesson-player .net-labels__connections-toggle{color:var(--npn-ink-2);font:700 13px/1 var(--npn-font)}:root .lesson-player .net-labels__connections-toggle input{width:18px;height:18px;accent-color:var(--npn-primary)}:root .lesson-player .net-labels__names-exercise{border-bottom:var(--npn-border) solid var(--npn-line);padding:14px 16px}:root .lesson-player :is(.net-labels__name-select,.net-labels__fixed-name)>span{color:var(--npn-muted);font:900 12px/1 var(--npn-font);letter-spacing:.08em;text-transform:uppercase}:root .lesson-player .net-labels-learning-visual :is(.net-labels__fixed-name strong,.net-labels__name-select select){border-width:2px;border-radius:12px;font:800 16px/1 var(--npn-font)}:root .lesson-player .net-labels-learning-visual:not(.net-labels--compare-names) .net-labels__fixed-name strong{border-color:var(--npn-line);background:var(--npn-surface)}:root .lesson-player .net-labels-learning-visual:not(.net-labels--compare-names) .net-labels__name-select select{border-color:var(--npn-line-strong);background-color:var(--npn-bg);box-shadow:0 3px 0 var(--npn-line-strong)}:root .lesson-player .scene-controls{gap:14px;padding:16px;border-top:var(--npn-border) solid var(--npn-line);background:var(--npn-bg)}:root .lesson-player .scene-control{gap:10px;padding:14px 16px;border:var(--npn-border) solid var(--npn-line);border-radius:16px;background:var(--npn-surface)}:root .lesson-player .scene-control>span b{color:var(--npn-ink);font:800 15px/1.2 var(--npn-font)}:root .lesson-player .scene-control output{padding:4px 10px;border-radius:var(--npn-radius-pill);background:var(--npn-blue-soft);color:var(--npn-blue-ink);font:900 14px/1.2 var(--npn-font);font-variant-numeric:tabular-nums}:root .lesson-player .scene-control small{color:var(--npn-muted);font:700 12px/1.2 var(--npn-font)}:root .lesson-player :is(.scene-control,.prediction-experiment) input[type=range]{accent-color:var(--npn-blue)}:root .lesson-player .metaphor-note,:root .lesson-player .resistor-explanation>.resistor-takeaway{padding:14px 18px;border:var(--npn-border) solid color-mix(in srgb,var(--npn-gold),white 25%);border-radius:16px;background:var(--npn-gold-soft);color:var(--npn-ink-2);font:600 15px/1.5 var(--npn-font)}:root .lesson-player .metaphor-note b{color:var(--npn-gold-edge);font:900 12px/1.2 var(--npn-font);letter-spacing:.08em}:root .lesson-player .explain-scene>footer{padding:14px 18px;border:var(--npn-border) solid var(--npn-line);border-radius:16px;background:var(--npn-surface)}:root .lesson-player .explain-scene>footer code{color:var(--npn-ink);font:700 18px/1.3 var(--npn-font-mono)}:root .lesson-player .concept-overlay{border:0}:root .lesson-player .resistor-scene--theory{border:var(--lsn-card-border);border-radius:var(--lsn-card-radius);background:var(--npn-bg);box-shadow:none}:root .lesson-player .resistor-scene--theory :is(.resistor-perspectives,.resistor-package-gallery,.resistor-board-map){border:var(--npn-border) solid var(--npn-line);border-radius:16px;background:var(--npn-surface)}:root .lesson-player .resistor-course :is(.resistor-view-tabs,.resistor-choice-list) button,:root .lesson-player .resistor-course .resistor-band-swatches button{min-height:38px;padding:0 14px;border:var(--npn-border) solid var(--npn-line);border-radius:var(--npn-radius-pill);background:var(--npn-bg);color:var(--npn-ink-2);box-shadow:0 2px 0 var(--npn-line);font:800 14px/1 var(--npn-font)}:root .lesson-player .resistor-course :is(.resistor-view-tabs,.resistor-choice-list) button[aria-pressed=true]{border-color:color-mix(in srgb,var(--npn-primary),white 30%);background:var(--npn-primary-soft);color:var(--npn-primary-ink);box-shadow:0 2px color-mix(in srgb,var(--npn-primary),white 30%)}:root .lesson-player .resistor-course :is(input:not([type=range]),select){min-height:44px;border:var(--npn-border) solid var(--npn-line-strong);border-radius:12px;background-color:var(--npn-bg)}:root .lesson-player .resistor-course .resistor-equations>div{border-left:0;border-radius:12px;background:var(--npn-surface)}:root .lesson-player .resistor-course .resistor-feedback{border-left:0;border-radius:12px;background:var(--npn-primary-soft);color:var(--npn-primary-ink);font-weight:700}:root .lesson-player .explanation-navigation>div{display:grid;justify-items:center}:root .lesson-player .explanation-navigation>div span{width:max-content;display:inline-flex;padding:6px 12px;border-radius:var(--npn-radius-pill);background:var(--npn-surface-2);color:var(--npn-ink-2);font:900 13px/1 var(--npn-font);letter-spacing:.04em}:root .lesson-player .explanation-navigation>div small{margin-top:8px;color:var(--npn-muted);font:700 14px/1.3 var(--npn-font)}:root .lesson-player .answer-feedback{min-height:var(--check-bar);padding-top:22px;padding-bottom:22px;box-shadow:none}:root .lesson-player .answer-feedback h2{font:900 16px/1.3 var(--npn-font)}:root .lesson-player .answer-feedback p{max-width:64ch;font:700 16px/1.45 var(--npn-font)}:root .lesson-player .answer-feedback.is-correct p{color:color-mix(in srgb,var(--npn-success-ink),black 15%)}:root .lesson-player .answer-feedback.is-wrong p{color:color-mix(in srgb,var(--npn-danger-ink),black 15%)}:root .lesson-player .answer-feedback small{font:700 13px/1.3 var(--npn-font)}:root .lesson-player .answer-feedback .learn-button--feedback{color:#fff!important}:root .lesson-player .answer-feedback .learn-button--feedback:active{transform:translateY(var(--npn-lip));box-shadow:none!important}:root .completion-screen .completion-stats .npn-tile.npn-tile--xp{--tile: var(--npn-gold)}:root .completion-screen .completion-stats .npn-tile.npn-tile--tasks{--tile: var(--npn-blue)}:root .completion-screen .completion-stats .npn-tile.npn-tile--attempts{--tile: var(--npn-success)}:root .completion-screen .completion-stats .npn-tile{box-shadow:0 var(--npn-lip) 0 color-mix(in srgb,var(--tile),black 14%)}:root .completion-screen .selected-companion__message{border:var(--npn-border) solid var(--npn-line);border-radius:18px;background:var(--npn-bg);color:var(--npn-ink);box-shadow:0 var(--npn-lip) 0 var(--npn-line);font:700 16px/1.4 var(--npn-font)}:root .completion-screen main>a.learn-button{text-decoration:none}:root .completion-screen main>.learn-button:not(.learn-button--primary){margin-top:18px;border:var(--npn-border) solid var(--npn-line-strong);background:var(--npn-bg);color:var(--npn-blue);box-shadow:0 var(--npn-lip) 0 var(--npn-line-strong)}@media(max-width:760px){:root .lesson-player:not(.explanation-player) .lesson-topbar{grid-template-columns:36px minmax(0,1fr) auto 36px}:root .lesson-player .lesson-stage>.learning-economy{position:absolute;z-index:6;top:20px;right:16px;width:36px;height:36px;display:grid;place-items:center;overflow:hidden;margin:0;padding:0;font-size:0}:root .lesson-player .lesson-stage>.learning-economy :is(.learning-economy__header,.learning-economy__balance){font-size:0;gap:0}:root .lesson-player .lesson-stage>.learning-economy :is(.ui-icon,.npn-economy-glyph){width:26px;height:26px}:root .lesson-player .lesson-task>.lesson-context{margin-bottom:14px}:root .lesson-player .lesson-context .replay-explanation{width:32px;max-width:none;justify-content:center;padding:0;font-size:0;letter-spacing:0}:root .lesson-player .lesson-context .replay-explanation .ui-icon{width:16px;height:16px}:root .lesson-player .lesson-context__title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root .lesson-player .exercise-prompt h1{font-size:22px;margin-bottom:14px}:root .lesson-player .learn-option{min-height:60px;padding:12px 14px}:root .lesson-player .learn-option b{font-size:16px}:root .lesson-player .match-list label{grid-template-columns:minmax(0,1fr);gap:8px;padding:14px}:root .lesson-player .match-list label>span{display:none}:root .lesson-player .full-lab-launcher{grid-template-columns:52px minmax(0,1fr);gap:14px;padding:18px 16px}:root .lesson-player .full-lab-launcher__icon{width:52px;height:52px;border-radius:14px}:root .lesson-player .full-lab-launcher__icon .ui-icon{width:26px;height:26px}:root .lesson-player .full-lab-launcher>.learn-button{width:100%;grid-column:1 / -1}:root .lesson-player .band-palette{grid-template-columns:repeat(4,minmax(0,1fr))}:root .lesson-player .prediction-experiment{grid-template-columns:minmax(0,1fr)}:root .lesson-player .explain-scene h1{font-size:28px}:root .lesson-player .explain-scene>header p,:root .lesson-player .resistor-explanation header p{font-size:16px}:root .lesson-player .explanation-navigation>div span{padding:5px 10px}:root .lesson-player .scene-controls{padding:12px}}:root[data-profile-reduce-motion=true] .lesson-player :is(.hint-panel){animation:none}:root[data-profile-reduce-motion=true] .lesson-player :is(.learn-option,.band-palette button,.order-list button,.learn-button,.circuit-hotspot-exercise__diagram>button){transition:none}@media(prefers-reduced-motion:reduce){:root:not([data-profile-reduce-motion=false]) .lesson-player :is(.hint-panel){animation:none}:root:not([data-profile-reduce-motion=false]) .lesson-player :is(.learn-option,.band-palette button,.order-list button,.learn-button,.circuit-hotspot-exercise__diagram>button){transition:none}}