@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap";@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css";.lab{--bg: #F6F7FB;--surface: #FFFFFF;--ink: #1B2030;--ink-2: #444B60;--ink-3: #6B7388;--mute: #9098A8;--line: #E6E8F0;--line-2: #EEF0F6;--soft: #F6F7FB;--brand: #E83A3A;--brand-soft: #FDECEC;--brand-deep: #C42A2A;--ok: #18A05B;--ok-soft: #E3F5EB;--warn: #E59112;--warn-soft: #FBF0DA;--link: #2A6FDB;--link-soft: #EAF0FC;--code-bg: #0E1117;--code-bg-2: #0B0E14;--code-line: #1B2230;--code-line-2: #232B3B;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--sans: "Pretendard Variable", Pretendard, "Apple SD Gothic Neo", system-ui, -apple-system, sans-serif;--r-sm: 10px;--r-md: 14px;--r-lg: 18px;--sh-card: 0 1px 2px rgba(20,24,40,.04), 0 10px 26px rgba(20,24,40,.05);--sh-pop: 0 16px 44px rgba(20,24,40,.13)}.lab,.lab *{box-sizing:border-box}.lab{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}.lab button{font-family:inherit;cursor:pointer}.lab ::selection{background:#e83a3a29}.reviewbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:18px;padding:12px 32px;background:#f6f7fbd1;-webkit-backdrop-filter:saturate(160%) blur(12px);backdrop-filter:saturate(160%) blur(12px);border-bottom:1px solid var(--line)}.reviewbar .rb-tag{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10.5px;font-weight:700;letter-spacing:.16em;color:var(--mute);text-transform:uppercase}.reviewbar .rb-tag .sq{width:8px;height:8px;border-radius:2.5px;background:var(--brand)}.seg{display:inline-flex;padding:3px;background:#eceef4;border:1px solid var(--line);border-radius:11px;gap:2px}.seg button{display:inline-flex;align-items:center;gap:9px;padding:7px 16px;white-space:nowrap;background:transparent;border:none;border-radius:8px;font-size:13px;font-weight:600;letter-spacing:-.01em;color:var(--ink-3);transition:color .16s}.seg button .sk{font-family:var(--mono);font-size:10px;font-weight:700;width:17px;height:17px;border-radius:5px;display:grid;place-items:center;background:#dde0ea;color:var(--mute)}.seg button.active{background:var(--surface);color:var(--ink);font-weight:700;box-shadow:0 1px 2px #1418281a,0 2px 8px #1418280f}.seg button.active .sk{background:var(--brand);color:#fff}.reviewbar .rb-spacer{flex:1}.reviewbar .rb-hint{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-3);font-weight:500;white-space:nowrap}.reviewbar .rb-hint kbd{font-family:var(--mono);font-size:10.5px;font-weight:600;color:var(--ink-2);background:#fff;border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;padding:2px 6px;min-width:16px;text-align:center}.lab{padding:16px}body.embed .lab{max-width:none;padding:16px 28px 36px}body.embed .lab-head{display:none}.lab-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:26px}.lab-head .crumb{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.18em;color:var(--brand);margin-bottom:13px}.lab-head .crumb .ch{color:var(--mute)}.lab-head .crumb .sep{color:#d4d8e2}.lab-head h1{margin:0;font-size:30px;font-weight:800;letter-spacing:-.032em;line-height:1.05}.lab-head h1 .em{color:var(--brand)}.lab-head .lead{margin:12px 0 0;font-size:14.5px;line-height:1.6;color:var(--ink-2);max-width:640px;text-wrap:pretty}.lab-head .lead b{color:var(--ink);font-weight:700}.lab-head .lead .tk{font-family:var(--mono);font-size:12.5px;font-weight:600;color:var(--link);background:var(--link-soft);padding:1px 7px;border-radius:5px}.skill-row{display:flex;gap:7px;flex-shrink:0}.skill{display:inline-flex;align-items:center;gap:7px;padding:7px 12px 7px 10px;white-space:nowrap;background:var(--surface);border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:700;color:var(--ink-2);letter-spacing:-.01em;box-shadow:var(--sh-card)}.skill .d{width:7px;height:7px;border-radius:999px}.skill.m .d{background:#e8893a}.skill.s .d{background:#2a6fdb}.skill.l .d{background:var(--warn)}.skill.w .d{background:var(--ok)}.pipeline{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;padding:10px 16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-card);margin-bottom:22px}.pipe-steps{display:flex;align-items:center;min-width:0;overflow-x:auto}.pstep{display:flex;align-items:center;gap:10px;flex:0 1 auto;min-width:0}.pstep .node{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#f1f3f8;border:1px solid var(--line);color:var(--mute);font-family:var(--mono);font-size:12px;font-weight:800;flex-shrink:0;transition:all .25s cubic-bezier(.4,0,.2,1)}.pstep .ptext{min-width:0}.pstep .plabel{font-size:13.5px;font-weight:700;letter-spacing:-.01em;color:var(--ink-2);white-space:nowrap}.pconn{flex:1 1 auto;height:2px;min-width:16px;margin:0 8px;background:var(--line);border-radius:2px;position:relative;overflow:hidden}.pconn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:0;background:var(--ok);transition:width .4s ease}.pconn.done:after{width:100%}.pstep.active .node{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 0 0 4px var(--brand-soft)}.pstep.active .plabel{color:var(--ink)}.pstep.done .node{background:var(--ok-soft);border-color:#bbe5cc;color:var(--ok)}.pstep.done .plabel{color:var(--ink)}.pstep.busy .node{background:var(--warn-soft);border-color:#f0d9a8;color:var(--warn);animation:nodePulse 1.1s infinite}@keyframes nodePulse{0%,to{box-shadow:0 0 #e591124d}50%{box-shadow:0 0 0 5px #e591120a}}.pipe-cta-wrap{display:flex;align-items:center;gap:10px}.pipe-reset{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line);color:var(--ink-3);transition:all .14s}.pipe-reset:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.pipe-reset:active{transform:translateY(1px)}.pipe-cta{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;flex-shrink:0;padding:9px 16px;background:var(--brand);color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:800;letter-spacing:-.01em;box-shadow:0 2px #b42a2a59,0 8px 20px #e83a3a38;transition:transform .12s,background .15s,box-shadow .15s}.pipe-cta:hover{background:var(--brand-deep)}.pipe-cta:active{transform:translateY(1px)}.pipe-cta:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.pipe-cta.ghost{background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:none}.pipe-cta.ghost:hover{background:var(--surface);border-color:var(--ink-3);color:var(--ink)}.pipe-cta.connected{background:#e3f5eb!important;color:var(--ok)!important;box-shadow:inset 0 0 0 1px #bbe5cc!important}.pipe-cta .spin{width:14px;height:14px;border-radius:999px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:spin .7s linear infinite}@media(max-width:720px){.pipeline{grid-template-columns:1fr;gap:14px}.pipe-cta-wrap{flex-wrap:wrap}.pipe-cta{flex:1 1 auto;justify-content:center}}@media(max-width:460px){.pipe-steps{overflow-x:auto}}.soft-veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;border-radius:inherit;background:#f4f5f96b;-webkit-backdrop-filter:grayscale(.85) opacity(.7);backdrop-filter:grayscale(.85) opacity(.7);cursor:not-allowed}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-card);overflow:hidden;display:flex;flex-direction:column;min-width:0}.panel-hd{display:flex;align-items:center;gap:10px;height:46px;padding:0 14px;box-sizing:border-box;border-bottom:1px solid var(--line-2);flex-shrink:0}.panel-hd .ph-ico{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);flex-shrink:0}.panel-hd .ph-title{font-size:13.5px;font-weight:800;letter-spacing:-.015em}.panel-hd .ph-sub{display:none}.panel-hd .ph-right{margin-left:auto;display:flex;align-items:center;gap:8px}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:999px;font-family:var(--mono);font-size:10.5px;font-weight:700;letter-spacing:.03em;background:var(--soft);color:var(--ink-3);border:1px solid var(--line)}.chip.lock{color:var(--mute)}.chip.live{background:var(--ok-soft);color:var(--ok);border-color:#c2e7d1}.chip.live .d{width:6px;height:6px;border-radius:999px;background:var(--ok);box-shadow:0 0 0 3px #18a05b29;animation:blink 1.5s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}.icon-btn{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line);color:var(--ink-3);transition:all .14s}.icon-btn:hover{background:var(--soft);color:var(--ink)}.txt-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:8px;background:var(--surface);border:1px solid var(--line);font-size:12px;font-weight:700;color:var(--ink-2);transition:all .14s}.txt-btn:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.txt-btn.copied{background:var(--ok);border-color:var(--ok);color:#fff}.p-code .code-note{display:flex;align-items:center;gap:6px;padding:4px 14px;font-size:10.5px;line-height:1.4;color:var(--ink-3);background:var(--brand-soft);border-bottom:1px solid var(--line-2)}.p-code .code-note b{color:var(--brand-deep);font-weight:700}.p-code .code-note .dim{color:var(--mute)}.p-code .code-note svg{color:var(--brand);flex-shrink:0;width:12px;height:12px}.code-wrap{background:var(--code-bg);flex:1;min-height:0;display:flex;flex-direction:column}.code-tabs{display:flex;align-items:center;gap:6px;padding:8px 12px 0;background:var(--code-bg-2);border-bottom:1px solid var(--code-line)}.code-tab{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;font-family:var(--mono);font-size:11.5px;font-weight:600;color:#c5cbd8;background:var(--code-bg);border:1px solid var(--code-line);border-bottom:none;border-radius:8px 8px 0 0}.code-tab .dotfile{width:7px;height:7px;border-radius:999px;background:#ff7a6b}.code-tab.muted{background:transparent;border-color:transparent;color:#5a6276}.code-scroll{flex:1;min-height:0;overflow:auto;display:grid;grid-template-columns:44px 1fr}.code-scroll::-webkit-scrollbar{width:9px;height:9px}.code-scroll::-webkit-scrollbar-thumb{background:#2a3142;border-radius:999px}.code-gutter{text-align:right;padding:14px 10px 14px 0;font-family:var(--mono);font-size:11px;line-height:19.5px;color:#3d4456;-webkit-user-select:none;user-select:none;border-right:1px solid var(--code-line);background:var(--code-bg-2)}.code-body{padding:14px 18px;font-family:var(--mono);font-size:11.5px;line-height:19.5px;color:#d6dae2;white-space:pre;-moz-tab-size:2;tab-size:2}.code-body .cmt{color:#687085}.code-body .kw{color:#c58bff}.code-body .ty{color:#5fb9ff}.code-body .fn{color:#7fd4a0}.code-body .str{color:#6dd08c}.code-body .num{color:#ff8b7b}.code-body .op{color:#9aa3b8}.code-body .pin{color:#ffc76b}.serial-wrap{background:var(--code-bg-2);flex:1;min-height:0;display:flex;flex-direction:column;position:relative}.serial-progress{height:3px;background:var(--code-line);overflow:hidden;flex-shrink:0}.serial-progress>span{display:block;height:100%;width:0%;background:linear-gradient(90deg,#5fb9ff,#5dd8a6);transition:width .12s linear}.serial-log{flex:1;min-height:0;overflow:auto;padding:14px 16px;font-family:var(--mono);font-size:12px;line-height:1.85;color:#cdd3e0}.serial-log::-webkit-scrollbar{width:9px}.serial-log::-webkit-scrollbar-thumb{background:#2a3142;border-radius:999px}.serial-log .ln{display:block;white-space:pre-wrap;word-break:break-word}.serial-log .ln.in{color:#707892}.serial-log .tag{color:#5fb9ff}.serial-log .ok{color:#5dd8a6}.serial-log .warn{color:#ffc76b}.serial-log .err{color:#ff8b7b}.serial-log .meta{color:#aeb6c7}.serial-log .hl{color:#ffc76b}.serial-log .mut{color:#6b7180}.serial-empty{color:#4f5666;font-style:normal}.serial-cursor{display:inline-block;width:7px;height:14px;background:#5dd8a6;vertical-align:-2px;margin-left:2px;animation:blink 1.05s steps(1) infinite}.cam-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-card);overflow:hidden;display:flex;flex-direction:column;min-width:0}.cam-ipbar{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line-2);font-size:12.5px}.cam-ipbar .ic{color:var(--mute);display:grid;place-items:center}.cam-ipbar .lbl{color:var(--ink-2);font-weight:600;white-space:nowrap}.cam-ipbar{white-space:nowrap}.cam-ipbar .val{font-family:var(--mono);font-weight:700;color:var(--ink);letter-spacing:.01em}.cam-ipbar .val.pending{color:var(--mute);font-weight:600}.cam-ipbar .ip-right{margin-left:auto}.cam{position:relative;aspect-ratio:16 / 9;background:radial-gradient(120% 130% at 50% 8%,#11203a,#070c16 62%,#03060c);overflow:hidden;perspective:560px;perspective-origin:50% 38%}.cam-sky{position:absolute;left:0;right:0;top:0;height:52%;background:linear-gradient(180deg,#0a1b36,#0c2348 55%,#123056);opacity:.9}.cam-horizon{position:absolute;left:-10%;right:-10%;top:52%;height:2px;background:linear-gradient(90deg,transparent,rgba(120,180,255,.55),transparent);filter:blur(.4px)}.cam-floorwrap{position:absolute;left:-40%;right:-40%;top:50%;bottom:-20%;transform-style:preserve-3d}.cam-floor{position:absolute;top:-30%;right:0;bottom:-10%;left:0;background-image:repeating-linear-gradient(0deg,transparent 0 39px,rgba(96,170,255,.22) 39px 41px),repeating-linear-gradient(90deg,transparent 0 39px,rgba(96,170,255,.13) 39px 41px);background-position:0 0;transform:rotateX(76deg);transform-origin:50% 0;will-change:background-position}.cam-lane{position:absolute;left:50%;top:50%;bottom:-20%;width:3px;transform:translate(-50%);background:repeating-linear-gradient(0deg,#ffdc7800 0,#ffdc7800 18px,#ffdc788c 18px,#ffdc788c 40px);-webkit-mask-image:linear-gradient(180deg,transparent,#000 30%);mask-image:linear-gradient(180deg,transparent,#000 30%);opacity:0;transition:opacity .3s}.cam-led-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 70% at 50% 96%,rgba(255,246,214,.55),rgba(255,246,214,.12) 42%,transparent 64%);opacity:0;transition:opacity .3s;pointer-events:none;mix-blend-mode:screen}.cam-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 120% at 50% 46%,transparent 52%,rgba(0,0,0,.55) 100%);pointer-events:none}.cam-scan{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 3px);pointer-events:none;mix-blend-mode:overlay}.cam-grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.05;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.cam.cam-static{background:radial-gradient(120% 120% at 50% 40%,#0e1626,#060a12);perspective:none}.cam.cam-static .cam-offline{position:absolute;top:0;right:0;bottom:0;left:0}.cam-reticle{position:absolute;left:50%;top:50%;width:46px;height:46px;transform:translate(-50%,-50%);opacity:1;transition:opacity .3s}.cam-reticle:before,.cam-reticle:after{content:"";position:absolute;background:#78d2ff80}.cam-reticle:before{left:50%;top:-7px;bottom:-7px;width:1.5px;transform:translate(-50%)}.cam-reticle:after{top:50%;left:-7px;right:-7px;height:1.5px;transform:translateY(-50%)}.cam-reticle .rc{position:absolute;top:0;right:0;bottom:0;left:0;border:1.5px solid rgba(120,210,255,.4);border-radius:999px}.cam-hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;font-family:var(--mono);opacity:1;transition:opacity .3s}.cam-hud .corner{position:absolute;width:16px;height:16px;border:2px solid rgba(120,200,255,.45)}.cam-hud .corner.tl{top:12px;left:12px;border-right:none;border-bottom:none}.cam-hud .corner.tr{top:12px;right:12px;border-left:none;border-bottom:none}.cam-hud .corner.bl{bottom:12px;left:12px;border-right:none;border-top:none}.cam-hud .corner.br{bottom:12px;right:12px;border-left:none;border-top:none}.cam-hud .rec{position:absolute;top:16px;left:38px;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;letter-spacing:.1em;color:#ff6b6b}.cam-hud .rec .d{width:8px;height:8px;border-radius:999px;background:#ff5a5a;box-shadow:0 0 8px #ff5a5a;animation:blink 1.3s infinite}.cam-hud .ts{position:absolute;top:16px;right:38px;font-size:11px;font-weight:600;color:#c8deffd9;letter-spacing:.06em}.cam-hud .stat{position:absolute;bottom:16px;left:38px;display:flex;gap:14px;font-size:11.5px;font-weight:700;color:#d2e4ffe6;letter-spacing:.04em}.cam-hud .stat .k{color:#78b4ffb3;margin-right:5px;font-weight:600}.cam-hud .stat .dir{color:#ffc76b}.cam-hud .led-badge{position:absolute;bottom:16px;right:38px;display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.06em;color:#a0aabeb3}.cam-hud .led-badge .b{width:8px;height:8px;border-radius:999px;background:#3a4258;transition:all .2s}.cam[data-led=true] .cam-hud .led-badge{color:#ffe9a8}.cam[data-led=true] .cam-hud .led-badge .b{background:#ffd86b;box-shadow:0 0 8px #ffd86b}.cam-offline{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:24px;background:radial-gradient(120% 120% at 50% 40%,#0e1626,#060a12);transition:opacity .4s}.cam-offline .cam-icon{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;background:#7896c81a;border:1px solid rgba(120,150,200,.18);color:#6e7c98}.cam-offline .ttl{font-family:var(--sans);font-size:14px;font-weight:700;color:#c3ccdd;letter-spacing:-.01em;white-space:nowrap}.cam-offline .sub{font-family:var(--mono);font-size:11px;color:#5e6982;letter-spacing:.04em}.cam-offline .ping{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:10.5px;color:#4f5a72;white-space:nowrap}.cam-offline .ping .pd{width:6px;height:6px;border-radius:999px;background:#3d4860}.cam-lane{opacity:1!important}.cam[data-led=true] .cam-led-glow{opacity:1}.cam-tilt{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(var(--tilt, 0deg)) scale(1.04);transform-origin:50% 60%;transition:transform .18s ease}.controller{display:flex;flex-direction:column;position:relative}.ctrl-body{padding:20px;display:flex;flex-direction:column;gap:20px}.speed-row{display:flex;flex-direction:column;gap:11px}.speed-top{display:flex;align-items:baseline;justify-content:space-between}.speed-top .slabel{font-size:13px;font-weight:700;color:var(--ink-2);letter-spacing:-.01em}.speed-top .slabel span{color:var(--mute);font-weight:500;font-family:var(--mono);font-size:11px;margin-left:6px}.speed-top .val{font-family:var(--mono);font-size:22px;font-weight:800;color:var(--ink);letter-spacing:-.01em}.speed-top .val .u{font-size:11px;color:var(--mute);font-weight:600;margin-left:3px}.speed-slider{position:relative}.speed-slider input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:10px;border-radius:999px;background:var(--line);outline:none;margin:0;cursor:pointer}.speed-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;width:24px;height:24px;border-radius:999px;background:#fff;border:3px solid var(--brand);box-shadow:0 2px 8px #e83a3a4d;cursor:grab;transition:transform .1s}.speed-slider input[type=range]::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.08)}.speed-slider input[type=range]::-moz-range-thumb{box-sizing:border-box;width:24px;height:24px;border-radius:999px;background:#fff;border:3px solid var(--brand);box-shadow:0 2px 8px #e83a3a4d;cursor:grab}.speed-fill{position:absolute;left:0;top:50%;height:10px;transform:translateY(-50%);border-radius:999px;background:linear-gradient(90deg,#F4A11C,var(--brand));pointer-events:none}.speed-ticks{display:flex;justify-content:space-between;font-family:var(--mono);font-size:9.5px;color:var(--mute);letter-spacing:.04em;margin-top:7px}.dpad-zone{display:flex;gap:18px;align-items:center}.dpad{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:10px;flex:1}.dbtn{position:relative;aspect-ratio:1;min-height:56px;border-radius:15px;background:var(--surface);border:1.5px solid var(--line);color:var(--ink-2);display:grid;place-items:center;transition:transform .08s,background .12s,border-color .12s,box-shadow .12s,color .12s;box-shadow:0 1px #1418280a}.dbtn:hover:not(:disabled){border-color:#c9cedc;background:#fbfbfd}.dbtn.up{grid-column:2;grid-row:1}.dbtn.left{grid-column:1;grid-row:2}.dbtn.stop{grid-column:2;grid-row:2}.dbtn.right{grid-column:3;grid-row:2}.dbtn.down{grid-column:2;grid-row:3}.dbtn.stop{background:var(--ink);border-color:var(--ink);color:#fff}.dbtn.stop:hover:not(:disabled){background:#000;border-color:#000}.dbtn.stop .core{width:13px;height:13px;border-radius:4px;background:currentColor}.dbtn.active{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 0 0 4px var(--brand-soft),0 6px 16px #e83a3a40;transform:translateY(1px)}.dbtn.stop.active{background:var(--brand);border-color:var(--brand)}.dbtn .kbd-hint{position:absolute;top:6px;right:7px;font-family:var(--mono);font-size:9px;font-weight:700;color:var(--mute);opacity:.8}.dbtn.active .kbd-hint{color:#ffffffd9}.dbtn:disabled{opacity:.5}.dpad-aside{display:flex;flex-direction:column;gap:12px;width:124px;flex-shrink:0}.led-btn{display:flex;flex-direction:column;align-items:center;gap:9px;padding:16px 10px;border-radius:15px;background:var(--surface);border:1.5px solid var(--line);color:var(--ink-2);transition:all .16s}.led-btn .bulb{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:#f1f3f8;color:var(--mute);transition:all .2s}.led-btn .ltxt{font-size:12px;font-weight:800;letter-spacing:.02em}.led-btn .lstate{font-family:var(--mono);font-size:10px;font-weight:700;color:var(--mute);letter-spacing:.06em}.led-btn.on{background:#fffbef;border-color:#f2dd9a}.led-btn.on .bulb{background:#ffe08a;color:#9a6b00;box-shadow:0 0 0 5px #ffc8502e,0 0 18px #ffc85080}.led-btn.on .ltxt{color:#8a6400}.led-btn.on .lstate{color:var(--warn)}.led-btn:disabled{opacity:.5}.keymap{flex:1;border-radius:13px;background:var(--soft);border:1px solid var(--line-2);padding:11px 12px;display:flex;flex-direction:column;gap:7px}.keymap .kr{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--ink-3);font-weight:600}.keymap .kr kbd{font-family:var(--mono);font-size:10px;font-weight:700;color:var(--ink-2);background:#fff;border:1px solid var(--line);border-bottom-width:2px;border-radius:4px;padding:1px 5px;min-width:15px;text-align:center}.ctrl-lock{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#f8f9fcb8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);text-align:center;padding:20px;transition:opacity .3s}.ctrl-lock .lk{width:44px;height:44px;border-radius:12px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;color:var(--mute);box-shadow:var(--sh-card)}.ctrl-lock .lt{font-size:13px;font-weight:700;color:var(--ink-2);white-space:nowrap}.ctrl-lock .ls{font-size:11.5px;color:var(--mute)}.controller.unlocked .ctrl-lock{opacity:0;pointer-events:none}.stage[data-layout=workbench] .work{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.stage[data-layout=workbench] .col{display:flex;flex-direction:column;gap:22px;min-width:0}.stage[data-layout=workbench] .p-code{height:360px}.stage[data-layout=workbench] .p-serial{height:268px}.stage[data-layout=workbench] .cockpit-only{display:none}.stage[data-layout=cockpit] .cock{display:grid;grid-template-columns:1.65fr 1fr;gap:22px;align-items:stretch;margin-bottom:22px}.stage[data-layout=cockpit] .cock .cam-panel{height:100%}.stage[data-layout=cockpit] .cock .cam{aspect-ratio:auto;flex:1 1 auto;min-height:380px}.stage[data-layout=cockpit] .console-dock{display:grid;grid-template-columns:1fr 1fr;gap:22px}.stage[data-layout=cockpit] .p-code,.stage[data-layout=cockpit] .p-serial{height:300px}.stage[data-layout=cockpit] .workbench-only{display:none}.stage[data-layout=cockpit] .controller{height:100%}.stage[data-layout=cockpit] .ctrl-body{flex:1}.dock-label{display:flex;align-items:center;gap:10px;margin-bottom:14px}.dock-label .dl-line{flex:1;height:1px;background:var(--line)}.dock-label .dl-txt{font-family:var(--mono);font-size:10.5px;font-weight:700;letter-spacing:.16em;color:var(--mute);text-transform:uppercase}@media(max-width:1080px){.stage[data-layout=workbench] .work,.stage[data-layout=cockpit] .cock,.stage[data-layout=cockpit] .console-dock{grid-template-columns:1fr}}.lab-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.lab-grid .col{display:flex;flex-direction:column;gap:22px;min-width:0}.lab-grid .p-code{height:360px}.lab-grid .p-serial{height:250px}@media(max-width:1080px){.lab-grid{grid-template-columns:1fr}}.practice{position:relative;min-height:100%}.practice .pr-body{padding:22px;display:flex;flex-direction:column;gap:22px}.baud-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.baud-row label{font-size:13px;font-weight:700;color:var(--ink-2);letter-spacing:-.01em}.baud-sel{font-family:var(--mono);font-size:13px;font-weight:700;color:var(--ink);padding:7px 10px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);cursor:pointer;outline:none}.baud-sel:focus{border-color:var(--brand)}.baud-sel.sm{padding:4px 7px;font-size:11px;font-weight:700}.expected-output{display:flex;flex-direction:column;gap:8px}.expected-output .eo-label{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:var(--ink-2);letter-spacing:-.01em}.expected-output .eo-label svg{color:var(--mute)}.expected-output .eo-sub{font-size:11px;font-weight:600;color:var(--mute)}.expected-output .eo-screen{background:var(--code-bg-2);border:1px solid var(--code-line);border-radius:var(--r-sm);padding:12px 14px;font-family:var(--mono);font-size:12.5px;line-height:1.7;color:#5dd8a6;white-space:pre-wrap;word-break:break-word}.expected-output .eo-line{color:#c8d2e0}.baud-row .baud-hint{font-size:11.5px;color:var(--mute)}.baud-row .baud-hint code{font-family:var(--mono);font-size:11px;background:var(--soft);padding:1px 5px;border-radius:5px;color:var(--ink-3)}.note{display:flex;gap:11px;padding:13px 15px;background:var(--warn-soft);border:1px solid #F0DCA8;border-radius:var(--r-md);font-size:12.5px;line-height:1.6;color:#8a6a1e;text-wrap:pretty}.note .ni{flex-shrink:0;color:var(--warn);margin-top:1px}.note b{color:#6e5314;font-weight:800}.note.info{background:var(--link-soft);border-color:#c9dbf6;color:#2c4e86}.note.info .ni{color:var(--link)}.note.info b{color:#1e3d6e}.pr-label{font-size:13px;font-weight:800;color:var(--ink-2);letter-spacing:-.01em;margin-bottom:-4px}.ghost-btn{align-self:flex-end;display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:10px;background:var(--surface);border:1px solid var(--line);font-size:13px;font-weight:700;color:var(--ink-2);transition:all .14s}.ghost-btn:hover:not(:disabled){background:var(--ink);color:#fff;border-color:var(--ink)}.ghost-btn:disabled{opacity:.45;cursor:not-allowed}.ghost-btn.run{background:var(--brand-soft);border-color:#f4c6c6;color:var(--brand-deep)}.ghost-btn.run:hover:not(:disabled){background:var(--brand);color:#fff;border-color:var(--brand)}.led-stage{position:relative;border-radius:var(--r-md);background:radial-gradient(130% 120% at 50% 26%,#1b2336,#0c111c 70%,#070a11);border:1px solid #0A0E16;padding:30px 22px 22px;display:flex;flex-direction:column;align-items:center;gap:22px;overflow:hidden}.led-stage .stage-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(0deg,transparent 0 23px,rgba(120,170,255,.05) 23px 24px),repeating-linear-gradient(90deg,transparent 0 23px,rgba(120,170,255,.05) 23px 24px);pointer-events:none}.led-bulb-wrap{position:relative;width:150px;height:150px;display:grid;place-items:center}.led-glow{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;border-radius:999px;background:radial-gradient(circle,var(--led-color, #FFD24A) 0%,transparent 62%);opacity:0;transition:opacity .04s linear;pointer-events:none;mix-blend-mode:screen}.led-bulb{position:relative;width:92px;height:92px;border-radius:999px;background:#2a2f3c;box-shadow:inset 0 3px 8px #ffffff0f,inset 0 -8px 16px #00000080;display:grid;place-items:center;transition:background .04s linear,box-shadow .04s linear}.led-bulb:after{content:"";position:absolute;top:16px;left:22px;width:26px;height:18px;border-radius:999px;background:#ffffff1a;filter:blur(2px)}.led-bulb .filament{width:30px;height:30px;border-radius:999px;background:#3a4150;transition:all .04s linear}.led-stage .led-bulb{background:color-mix(in srgb,var(--led-color, #FFD24A) calc(var(--lit, 0) * 88%),#2A2F3C)}.led-stage .led-bulb .filament{background:color-mix(in srgb,#FFFFFF calc(var(--lit,0) * 80%),#3A4150)}.led-stage .led-glow{opacity:calc(var(--lit, 0) * .85)}.led-bulb-wrap .ring{position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:999px;border:1px dashed rgba(150,180,230,.18)}.board-chip{position:relative;z-index:1;display:flex;align-items:center;gap:12px;padding:11px 15px;border-radius:11px;background:#0d121cb3;border:1px solid rgba(120,150,200,.18);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.board-chip .mcu{width:34px;height:34px;border-radius:7px;background:#11151f;border:1px solid #2A3242;display:grid;place-items:center;font-family:var(--mono);font-size:8px;font-weight:700;color:#5d6884;letter-spacing:.04em;position:relative}.board-chip .mcu:before,.board-chip .mcu:after{content:"";position:absolute;left:-4px;right:-4px;height:2px;background:repeating-linear-gradient(90deg,#3A4456 0 3px,transparent 3px 6px)}.board-chip .mcu:before{top:8px}.board-chip .mcu:after{bottom:8px}.board-chip .pinwire{width:30px;height:2px;background:linear-gradient(90deg,#2A3242,var(--led-color, #FFD24A));border-radius:2px;position:relative}.board-chip .pin-led{width:13px;height:13px;border-radius:999px;background:#2a2f3c;box-shadow:inset 0 -2px 3px #00000080;transition:all .04s linear}.board-chip .pin-meta{font-family:var(--mono);font-size:10px;color:#6e7890;font-weight:600;letter-spacing:.03em}.board-chip .pin-meta b{color:#aeb8cc;font-weight:700}.led-readout{position:relative;z-index:1;display:flex;gap:22px;font-family:var(--mono)}.led-readout .ro{text-align:center}.led-readout .ro .v{font-size:18px;font-weight:800;color:#dbe2ef;letter-spacing:-.01em}.led-readout .ro .v .u{font-size:10px;color:#6e7890;margin-left:2px}.led-readout .ro .k{font-size:9.5px;font-weight:700;color:#6e7890;letter-spacing:.08em;margin-top:3px;text-transform:uppercase}.led-readout .ro .v.amber{color:var(--led-color, #FFD24A)}.motor-stage{position:relative;border-radius:var(--r-md);aspect-ratio:4 / 3;background:radial-gradient(120% 120% at 50% 50%,#141a28,#0a0e16 72%,#060910);border:1px solid #0A0E16;overflow:hidden}.motor-floor{position:absolute;top:-60%;right:-60%;bottom:-60%;left:-60%;background-image:repeating-linear-gradient(0deg,transparent 0 47px,rgba(96,150,255,.13) 47px 49px),repeating-linear-gradient(90deg,transparent 0 47px,rgba(96,150,255,.09) 47px 49px);will-change:transform}.motor-vign{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 120% at 50% 50%,transparent 50%,rgba(0,0,0,.6));pointer-events:none}.motor-grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.04;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='0.9'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.rc-car{position:absolute;left:50%;top:50%;width:92px;height:122px;transform:translate(-50%,-50%) rotate(var(--yaw, 0deg));transition:transform .12s ease;will-change:transform}.rc-body{position:absolute;top:16px;right:12px;bottom:16px;left:12px;border-radius:16px 16px 13px 13px;background:linear-gradient(180deg,#e8403f,#c42a2a);box-shadow:0 8px 22px #00000080,inset 0 2px #ffffff38,inset 0 -8px 14px #0000004d}.rc-body:before{content:"";position:absolute;top:16px;left:14px;right:14px;height:30px;border-radius:8px;background:linear-gradient(180deg,#1a2740,#0e1626);box-shadow:inset 0 1px 2px #78aaff40}.rc-cam{position:absolute;top:3px;left:50%;transform:translate(-50%);width:16px;height:9px;border-radius:3px;background:#11151f;border:1px solid #2A3242}.rc-cam:after{content:"";position:absolute;top:2px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:999px;background:#5fb9ff;box-shadow:0 0 5px #5fb9ff}.rc-wheel{position:absolute;width:17px;height:30px;border-radius:5px;background:linear-gradient(90deg,#11141c,#232a38,#11141c);box-shadow:0 2px 5px #00000080}.rc-wheel.fl{top:8px;left:-2px}.rc-wheel.fr{top:8px;right:-2px}.rc-wheel.bl{bottom:8px;left:-2px}.rc-wheel.br{bottom:8px;right:-2px}.rc-wheel .tread{position:absolute;top:2px;right:3px;bottom:2px;left:3px;border-radius:3px;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.1) 0 2px,transparent 2px 5px)}.rc-wheel.spin .tread{animation:tread .4s linear infinite}@keyframes tread{0%{background-position:0 0}to{background-position:0 7px}}.rc-head{position:absolute;top:-4px;width:12px;height:7px;border-radius:3px;background:#fff4d240;transition:all .2s}.rc-head.l{left:12px}.rc-head.r{right:12px}.rc-car[data-led=true] .rc-head{background:#ffe9a8;box-shadow:0 0 12px 3px #ffdc78b3}.rc-headbeam{position:absolute;left:50%;transform:translate(-50%);bottom:100%;width:120px;height:130px;background:linear-gradient(180deg,#ffecb400,#ffecb429);clip-path:polygon(38% 100%,62% 100%,100% 0,0 0);opacity:0;transition:opacity .25s}.rc-car[data-led=true] .rc-headbeam{opacity:1}.motor-hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;font-family:var(--mono)}.motor-hud .mh-dir{position:absolute;top:14px;left:16px;font-size:11px;font-weight:700;letter-spacing:.06em;color:#d2e4ffd9}.motor-hud .mh-dir .v{color:#ffc76b}.motor-hud .mh-spd{position:absolute;top:14px;right:16px;font-size:11px;font-weight:700;color:#78b4ffcc}.motor-hud .corner{position:absolute;width:14px;height:14px;border:2px solid rgba(120,200,255,.4)}.motor-hud .corner.tl{top:10px;left:10px;border-right:none;border-bottom:none}.motor-hud .corner.tr{top:10px;right:10px;border-left:none;border-bottom:none}.motor-hud .corner.bl{bottom:10px;left:10px;border-right:none;border-top:none}.motor-hud .corner.br{bottom:10px;right:10px;border-left:none;border-top:none}.pad-only{display:flex;justify-content:center}.pad-only .dpad{max-width:230px}.field-row{display:flex;flex-direction:column;gap:7px}.field-row label{font-size:12.5px;font-weight:700;color:var(--ink-2);letter-spacing:-.01em}.field{display:flex;align-items:center;gap:9px;padding:0 13px;height:44px;background:var(--surface);border:1.5px solid var(--line);border-radius:11px;transition:border-color .14s,box-shadow .14s}.field:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.field .fi{color:var(--mute);flex-shrink:0}.field input{flex:1;min-width:0;border:none;outline:none;background:none;font-family:var(--sans);font-size:14px;font-weight:500;color:var(--ink)}.field input::placeholder{color:var(--mute);font-weight:400}.field.locked{background:var(--soft);opacity:.7}.field .reveal{background:none;border:none;color:var(--mute);display:grid;place-items:center;padding:4px;border-radius:6px}.field .reveal:hover{color:var(--ink-2)}.primary-btn{align-self:flex-end;display:inline-flex;align-items:center;gap:9px;padding:12px 22px;border-radius:11px;background:var(--brand);color:#fff;border:none;font-size:14px;font-weight:800;letter-spacing:-.01em;box-shadow:0 2px #b42a2a59,0 8px 20px #e83a3a38;transition:transform .12s,background .15s,box-shadow .15s}.primary-btn:hover:not(:disabled){background:var(--brand-deep)}.primary-btn:active:not(:disabled){transform:translateY(1px)}.primary-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.primary-btn .spin{width:14px;height:14px;border-radius:999px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:spin .7s linear infinite}.primary-btn.ok{background:var(--ok-soft);color:var(--ok);box-shadow:inset 0 0 0 1px #bbe5cc}.ip-box{display:flex;flex-direction:column;gap:8px;padding:16px 17px;border-radius:var(--r-md);background:var(--link-soft);border:1px solid #CADBF6}.ip-box .ip-top{display:flex;align-items:center;gap:9px}.ip-box .ip-ic{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:#fff;color:var(--link);border:1px solid #CADBF6}.ip-box .ip-label{font-size:12px;font-weight:700;color:#44618f}.ip-box .ip-val{font-family:var(--mono);font-size:19px;font-weight:800;color:var(--ink);letter-spacing:.01em}.ip-box .ip-val.pending{color:var(--mute);font-size:14px}.ip-box .ip-desc{font-size:11.5px;line-height:1.6;color:#5e7299;text-wrap:pretty}.ip-box .ip-go{margin-left:auto;display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:10px;background:var(--link);color:#fff;border:none;font-size:13px;font-weight:800;transition:all .14s}.ip-box .ip-go:hover:not(:disabled){background:#1f5bc0}.ip-box .ip-go:disabled{background:#c3cfe2;cursor:not-allowed}.wifi-reset{display:flex;flex-direction:column;gap:11px;padding:15px;border-radius:var(--r-md);background:var(--soft);border:1px solid var(--line-2)}.wifi-reset .wr-head{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:var(--ink-2);letter-spacing:-.01em}.wifi-reset .wr-ic{color:var(--ink-3);display:grid;place-items:center}.wifi-reset .wr-opt{margin-left:auto;font-family:var(--mono);font-size:10px;font-weight:700;color:var(--mute);background:#fff;border:1px solid var(--line);padding:2px 8px;border-radius:999px;letter-spacing:.02em}.wifi-reset .wr-fields{display:flex;flex-direction:column;gap:8px}.wifi-reset .field{height:42px;background:#fff}.wifi-reset .primary-btn{align-self:stretch;justify-content:center;padding:11px;box-shadow:none;background:var(--ink)}.wifi-reset .primary-btn:hover:not(:disabled){background:#000}.wifi-reset .primary-btn:disabled{background:#c9cedc}.wifi-reset.compact .wr-fields{flex-direction:row}.wifi-reset.compact .wr-fields .field{flex:1;min-width:0}@media(max-width:1240px){.wifi-reset.compact .wr-fields{flex-direction:column}}.webview-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;background:#0e121c8c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;pointer-events:none;transition:opacity .22s;padding:28px}.webview-modal.open{opacity:1;pointer-events:auto}.webview-frame{width:100%;max-width:760px;height:78vh;max-height:560px;background:#fff;border-radius:14px;overflow:hidden;box-shadow:var(--sh-pop);display:flex;flex-direction:column;transform:translateY(8px) scale(.98);transition:transform .22s}.webview-modal.open .webview-frame{transform:none}.webview-bar{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#f1f3f8;border-bottom:1px solid var(--line)}.webview-bar .lights{display:flex;gap:6px}.webview-bar .lights span{width:11px;height:11px;border-radius:999px}.webview-bar .lights .r{background:#ff5f57}.webview-bar .lights .y{background:#febc2e}.webview-bar .lights .g{background:#28c840}.webview-bar .url{flex:1;display:flex;align-items:center;gap:8px;height:30px;padding:0 12px;border-radius:8px;background:#fff;border:1px solid var(--line);font-family:var(--mono);font-size:12px;color:var(--ink-2)}.webview-bar .url .lk{color:var(--ok)}.webview-bar .wclose{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:#fff;border:1px solid var(--line);color:var(--ink-3)}.webview-bar .wclose:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.webview-frame iframe{flex:1;border:none;width:100%}.camera-feed__wrap{position:relative;display:none;max-width:720px;transition:filter .2s,transform .2s;filter:none;transform:none}.camera-feed__wrap.is-visible{display:block}.camera-feed__wrap.is-grayscale{filter:grayscale(1)}.camera-feed__wrap.is-flipped{transform:scaleX(-1)}.camera-feed__overlay{position:absolute;top:0;left:0;pointer-events:none;display:none}.camera-feed__overlay.is-visible{display:block}.camera-feed__header{margin-bottom:12px}.demo-sensor{background:var(--surface);border-radius:16px;padding:20px;box-shadow:var(--shadow-3);border:1px solid var(--border);display:flex;flex-direction:column;gap:12px}.demo-sensor__header{display:flex;align-items:center;gap:8px}.demo-sensor__header-icon{color:var(--ink-2)}.demo-sensor__header-emoji{font-size:22px}.demo-sensor__title{font-weight:600;font-size:14px;color:var(--ink)}.demo-sensor__value{font-size:28px;font-weight:700;color:var(--ink);letter-spacing:-.02em}.demo-sensor__value--mono{font-size:22px;font-family:JetBrains Mono,Fira Code,monospace;min-height:32px}.demo-sensor__value--meta{font-size:14px;font-weight:600;color:var(--ink-3);font-family:JetBrains Mono,Fira Code,monospace}.demo-sound__bars{display:flex;align-items:flex-end;gap:4px;height:80px;padding:0 4px}.demo-sound__bar{flex:1;border-radius:8px;transition:height .15s ease,background .15s ease;min-height:4px;background:var(--green)}.demo-sound__bar.is-warning{background:var(--amber)}.demo-sound__bar.is-danger{background:var(--red)}.demo-water__tank{position:relative;height:100px;border-radius:10px;border:1px solid var(--ink-6);overflow:hidden;background:var(--surface-soft)}.demo-water__tank-inner{position:absolute;top:0;right:0;bottom:0;left:0}.demo-water__water{position:absolute;bottom:0;left:0;right:0;transition:height .6s cubic-bezier(.4,0,.2,1);border-radius:0 0 8px 8px}.demo-water__wave{position:absolute;left:0;right:0;height:6px;background:radial-gradient(ellipse at 50% 100%,rgba(255,255,255,.4) 0%,transparent 70%);transition:bottom .6s cubic-bezier(.4,0,.2,1),opacity .3s;transform:translateY(-50%)}.demo-water__marker{position:absolute;left:0;right:0;border-top:1px dashed var(--ink-6)}.demo-water__marker-label{position:absolute;right:4px;top:-8px;font-size:12px;color:var(--ink-3);font-weight:500}.demo-tilt__bulb-container{display:flex;flex-direction:column;align-items:center;position:relative;padding:8px 0}.demo-tilt__glow{position:absolute;top:0;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,rgba(255,179,0,.4) 0%,transparent 70%);transition:opacity .4s ease,transform .4s ease}.demo-tilt__bulb{width:48px;height:48px;border-radius:50% 50% 40% 40%;display:flex;align-items:center;justify-content:center;transition:background .4s ease,box-shadow .4s ease;position:relative;z-index:1;background:var(--ink-6);box-shadow:var(--shadow-2)}.demo-tilt__bulb.is-on{background:var(--amber);box-shadow:0 0 20px #ffb30080,0 0 40px #ffb30033}.demo-tilt__filament{width:12px;height:16px;border-radius:40%;transition:background .4s ease;background:var(--ink-3)}.demo-tilt__bulb.is-on .demo-tilt__filament{background:var(--amber)}.demo-tilt__base{width:24px;height:10px;background:var(--ink-3);border-radius:0 0 8px 8px;z-index:1}.demo-tilt__status{margin-top:8px;font-size:12px;font-weight:600;transition:color .3s ease;color:var(--ink-3)}.demo-tilt__status.is-on{color:var(--amber)}.demo-rfid__door-container{display:flex;flex-direction:column;align-items:center;gap:8px}.demo-rfid__door-frame{width:80px;height:64px;border:1px solid var(--ink-3);border-radius:8px 8px 0 0;display:flex;overflow:hidden;background:var(--surface-muted)}.demo-rfid__door{width:50%;height:100%;background:var(--purple);transition:transform .5s cubic-bezier(.4,0,.2,1);position:relative}.demo-rfid__door--left{border-right:1px solid var(--purple);transform-origin:left center}.demo-rfid__door--right{border-left:1px solid var(--purple);transform-origin:right center}.demo-rfid__handle{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:4px;height:10px;border-radius:8px;background:#af52de4d}.demo-rfid__handle--left-side{right:auto;left:6px}.demo-rfid__indicator{width:10px;height:10px;border-radius:50%;transition:background .3s ease,box-shadow .3s ease;background:var(--ink-3)}.demo-rfid__indicator.is-on{background:var(--green);box-shadow:0 0 8px #34c75980}.demo-rfid__status{font-size:12px;font-weight:600;transition:color .3s ease;color:var(--ink-3)}.demo-rfid__status.is-on{color:var(--green)}.demo-temp__gauge-row{display:flex;justify-content:space-around;align-items:center}.demo-temp__gauge{text-align:center}.demo-temp__gauge-label{font-size:12px;font-weight:600;color:var(--ink-3);margin-top:2px}.demo-matrix__grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;padding:8px;background:var(--code-bg);border-radius:10px;aspect-ratio:1}.demo-matrix__cell{border-radius:8px;aspect-ratio:1;transition:background .2s ease,box-shadow .2s ease;background:var(--code-bg)}.demo-matrix__cell.is-on{background:var(--green);box-shadow:0 0 6px #34c75999}.eduino-deck{--primary: #3b82f6;--primary-soft: rgba(59, 130, 246, .08);--primary-softer: rgba(59, 130, 246, .04);--green: #22c55e;--yellow: #f59e0b;--red: #ff453a;--cyan: #06b6d4;--coral: #f97316;--blue: #3b82f6;--purple: #8b5cf6;--teal: #14b8a6;--pink: #ec4899;--gray: #6b7280;--charcoal: #374151;--bg: #f7f8fa;--surface: #fff;--surface-soft: #fafbfd;--surface-muted: #eef1f6;--border: #e6e8ee;--ink: #0f172a;--ink-2: #334155;--ink-3: #64748b;--ink-4: #94a3b8;--ink-6: #cbd5e1;--code-bg: #0f1726;--shadow-2: 0 4px 16px rgba(15, 23, 42, .06);--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, Menlo, monospace;--grid-min: 200px;--gap: 16px;--deck-max: 1280px;color:var(--ink);font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans KR,system-ui,sans-serif;font-size:14px;line-height:1.55;max-width:var(--deck-max);margin:0 auto;container:deck / inline-size}.eduino-deck,.eduino-deck *,.eduino-deck *:before,.eduino-deck *:after{box-sizing:border-box}.eduino-deck.theme-red{--primary:#ff453a;--primary-soft:rgba(255,69,58,.1);--primary-softer:rgba(255,69,58,.05)}.eduino-deck.theme-orange{--primary:#f97316;--primary-soft:rgba(249,115,22,.1);--primary-softer:rgba(249,115,22,.05)}.eduino-deck.theme-green{--primary:#22c55e;--primary-soft:rgba(34,197,94,.1);--primary-softer:rgba(34,197,94,.05)}.eduino-deck.theme-blue{--primary:#3b82f6;--primary-soft:rgba(59,130,246,.1);--primary-softer:rgba(59,130,246,.05)}.eduino-deck.theme-purple{--primary:#8b5cf6;--primary-soft:rgba(139,92,246,.1);--primary-softer:rgba(139,92,246,.05)}.eduino-deck.theme-teal{--primary:#14b8a6;--primary-soft:rgba(20,184,166,.1);--primary-softer:rgba(20,184,166,.05)}.eduino-deck.theme-pink{--primary:#ec4899;--primary-soft:rgba(236,72,153,.1);--primary-softer:rgba(236,72,153,.05)}.eduino-deck .section-stack{display:flex;flex-direction:column;gap:24px}.eduino-deck .card{background:var(--surface);border-radius:16px;padding:24px;border:1px solid var(--border);display:flex;flex-direction:column}.eduino-deck .card:has(>.carousel){overflow:hidden}.eduino-deck .card>.heading-group:first-child{margin:-24px -24px 0;padding:20px 24px 14px;border-bottom:1px solid var(--border)}.eduino-deck .card>.carousel{margin:14px 0 0}.eduino-deck .card>.carousel:last-child{margin-bottom:0}.eduino-deck .section-title{display:flex;align-items:center;gap:.55em;font-size:18px;font-weight:800;color:var(--ink);letter-spacing:-.01em;margin:0 0 12px}.eduino-deck .section-title .badge{display:inline-flex;align-items:center;justify-content:center;flex:none;width:26px;height:26px;padding:0;border-radius:50%;background:var(--primary-soft);color:var(--primary);font-size:12px;font-weight:700;font-family:inherit}.eduino-deck .section-title .badge--primary{background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary)}.eduino-deck .section-title .badge--green{background:color-mix(in srgb,var(--green) 12%,transparent);color:var(--green)}.eduino-deck .section-title .badge--yellow{background:color-mix(in srgb,var(--yellow) 14%,transparent);color:var(--yellow)}.eduino-deck .section-title .badge--red{background:color-mix(in srgb,var(--red) 12%,transparent);color:var(--red)}.eduino-deck .section-title .badge--cyan{background:color-mix(in srgb,var(--cyan) 12%,transparent);color:var(--cyan)}.eduino-deck .section-title .badge--coral{background:color-mix(in srgb,var(--coral) 12%,transparent);color:var(--coral)}.eduino-deck .section-title .badge--blue{background:color-mix(in srgb,var(--blue) 12%,transparent);color:var(--blue)}.eduino-deck .section-title .badge--purple{background:color-mix(in srgb,var(--purple) 12%,transparent);color:var(--purple)}.eduino-deck .section-title .badge--teal{background:color-mix(in srgb,var(--teal) 12%,transparent);color:var(--teal)}.eduino-deck .section-title .badge--pink{background:color-mix(in srgb,var(--pink) 12%,transparent);color:var(--pink)}.eduino-deck .section-title .badge--gray{background:color-mix(in srgb,var(--gray) 14%,transparent);color:var(--gray)}.eduino-deck .section-title .badge--charcoal{background:color-mix(in srgb,var(--charcoal) 12%,transparent);color:var(--charcoal)}.eduino-deck .section-title--bar{border-left:3px solid var(--accent, var(--primary));padding-left:1.25em}.eduino-deck .section-title--bar .badge{display:none}.eduino-deck .section-title--underline{display:inline-flex;border-bottom:2.5px solid var(--accent, var(--primary));padding-bottom:.4em}.eduino-deck .section-title--underline .badge,.eduino-deck .section-title--plain .badge{display:none}.eduino-deck .section-title--chip .badge:before{content:"STEP "}.eduino-deck .section-title__body{display:inline-flex;flex-direction:column;gap:2px}.eduino-deck .section-title__sub{font-size:12.5px;font-weight:500;color:var(--ink-3)}.eduino-deck .section-title--lg{font-size:24px}.eduino-deck .section-title--sm{font-size:15px}.eduino-deck .section-title--xs{font-size:13px;font-weight:700}.eduino-deck .section-title--2xs{font-size:12px;font-weight:700}.eduino-deck .section-title--3xs{font-size:11px;font-weight:700;letter-spacing:0}.eduino-deck .section-title--lg .badge{width:32px;height:32px;font-size:15px}.eduino-deck .section-title--sm .badge{width:22px;height:22px;font-size:11px}.eduino-deck .section-title--xs .badge{width:20px;height:20px;font-size:10px}.eduino-deck .section-title--2xs .badge{width:18px;height:18px;font-size:9px}.eduino-deck .section-title--3xs .badge{width:16px;height:16px;font-size:9px}.eduino-deck .section-title--rect .badge{border-radius:6px;width:auto;min-width:2em;padding:0 .5em}.eduino-deck .section-title--chip .badge{border-radius:999px;width:auto;height:auto;padding:.4em .9em;letter-spacing:.04em}.eduino-deck .section-title--number .badge{background:transparent;width:auto;height:auto;min-width:0;padding:0;border-radius:0;font-size:1.5em;line-height:1;font-weight:800;color:var(--accent, var(--primary));font-family:inherit}.eduino-deck .heading-group .prose{margin-top:-4px}.eduino-deck .lead{font-size:16px;font-weight:500;color:var(--ink-2);line-height:1.65;margin:0 0 16px}.eduino-deck .prose p{font-size:14px;color:var(--ink-2);line-height:1.7;margin:0 0 12px;text-indent:var(--pi, 0)}.eduino-deck .prose strong{color:var(--ink);font-weight:700}.eduino-deck .prose ul,.eduino-deck .prose ol{margin:8px 0 12px;padding-left:20px}.eduino-deck .prose li{font-size:14px;color:var(--ink-2);line-height:1.8}.eduino-deck .prose li strong{color:var(--ink)}.eduino-deck .prose code,.eduino-deck .callout__body code{font-family:var(--font-mono);font-size:12.5px;background:var(--surface-muted);padding:2px 6px;border-radius:6px;color:var(--ink)}.eduino-deck mark{font-family:inherit;font-size:inherit;color:var(--ink);background:var(--surface-muted);padding:.1em .34em;border-radius:5px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.eduino-deck .prose--xl p,.eduino-deck .prose--xl li{font-size:19px}.eduino-deck .prose--lg p,.eduino-deck .prose--lg li{font-size:16px}.eduino-deck .prose--sm p,.eduino-deck .prose--sm li{font-size:13px}.eduino-deck .prose--xs p,.eduino-deck .prose--xs li{font-size:12px}.eduino-deck .prose--2xs p,.eduino-deck .prose--2xs li{font-size:11px}.eduino-deck .prose--3xs p,.eduino-deck .prose--3xs li{font-size:10px}.eduino-deck .section-stack>p{font-size:14px;color:var(--ink-2);line-height:1.7;margin:0 0 12px}.eduino-deck .section-stack>p strong,.eduino-deck .section-stack>ul strong,.eduino-deck .section-stack>ol strong{color:var(--ink);font-weight:700}.eduino-deck .section-stack>ul,.eduino-deck .section-stack>ol{margin:8px 0 12px;padding-left:20px}.eduino-deck .section-stack>ul li,.eduino-deck .section-stack>ol li{font-size:14px;color:var(--ink-2);line-height:1.8}.eduino-deck .section-stack>p code,.eduino-deck .section-stack>ul code,.eduino-deck .section-stack>ol code{font-family:var(--font-mono);font-size:12.5px;background:var(--surface-muted);padding:2px 6px;border-radius:6px;color:var(--ink)}.eduino-deck hr.md-hr{border:none;border-top:1px solid var(--border);margin:22px 0}.eduino-deck .callout{padding:14px 16px;border-radius:12px;background:var(--primary-softer);border:1px solid var(--border);display:flex;gap:12px}.eduino-deck .callout--green{background:color-mix(in srgb,var(--green) 6%,transparent);border-color:color-mix(in srgb,var(--green) 20%,transparent)}.eduino-deck .callout--yellow{background:color-mix(in srgb,var(--yellow) 6%,transparent);border-color:color-mix(in srgb,var(--yellow) 25%,transparent)}.eduino-deck .callout--red{background:color-mix(in srgb,var(--red) 6%,transparent);border-color:color-mix(in srgb,var(--red) 20%,transparent)}.eduino-deck .callout--cyan{background:color-mix(in srgb,var(--cyan) 6%,transparent);border-color:color-mix(in srgb,var(--cyan) 20%,transparent)}.eduino-deck .callout--coral{background:color-mix(in srgb,var(--coral) 6%,transparent);border-color:color-mix(in srgb,var(--coral) 20%,transparent)}.eduino-deck .callout--blue{background:color-mix(in srgb,var(--blue) 6%,transparent);border-color:color-mix(in srgb,var(--blue) 20%,transparent)}.eduino-deck .callout--purple{background:color-mix(in srgb,var(--purple) 6%,transparent);border-color:color-mix(in srgb,var(--purple) 20%,transparent)}.eduino-deck .callout--teal{background:color-mix(in srgb,var(--teal) 6%,transparent);border-color:color-mix(in srgb,var(--teal) 20%,transparent)}.eduino-deck .callout--pink{background:color-mix(in srgb,var(--pink) 6%,transparent);border-color:color-mix(in srgb,var(--pink) 20%,transparent)}.eduino-deck .callout--gray{background:color-mix(in srgb,var(--gray) 6%,transparent);border-color:color-mix(in srgb,var(--gray) 22%,transparent)}.eduino-deck .callout--charcoal{background:color-mix(in srgb,var(--charcoal) 6%,transparent);border-color:color-mix(in srgb,var(--charcoal) 22%,transparent)}.eduino-deck .callout__icon{width:24px;height:24px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;font-weight:700;flex-shrink:0;font-size:13px}.eduino-deck .callout--green .callout__icon{background:var(--green)}.eduino-deck .callout--yellow .callout__icon{background:var(--yellow)}.eduino-deck .callout--red .callout__icon{background:var(--red)}.eduino-deck .callout--cyan .callout__icon{background:var(--cyan)}.eduino-deck .callout--coral .callout__icon{background:var(--coral)}.eduino-deck .callout--blue .callout__icon{background:var(--blue)}.eduino-deck .callout--purple .callout__icon{background:var(--purple)}.eduino-deck .callout--teal .callout__icon{background:var(--teal)}.eduino-deck .callout--pink .callout__icon{background:var(--pink)}.eduino-deck .callout--gray .callout__icon{background:var(--gray)}.eduino-deck .callout--charcoal .callout__icon{background:var(--charcoal)}.eduino-deck .callout__body p{margin:0;font-size:14px;color:var(--ink-2);line-height:1.7}.eduino-deck .callout__body ul,.eduino-deck .callout__body ol{margin:6px 0 0;padding-left:20px}.eduino-deck .callout__body li{margin:2px 0;color:var(--ink-2);line-height:1.7}.eduino-deck .callout--fs-xl .callout__body p,.eduino-deck .callout--fs-xl .callout__body li{font-size:19px}.eduino-deck .callout--fs-lg .callout__body p,.eduino-deck .callout--fs-lg .callout__body li{font-size:16px}.eduino-deck .callout--fs-sm .callout__body p,.eduino-deck .callout--fs-sm .callout__body li{font-size:13px}.eduino-deck .callout--fs-xs .callout__body p,.eduino-deck .callout--fs-xs .callout__body li{font-size:12px}.eduino-deck .callout--fs-2xs .callout__body p,.eduino-deck .callout--fs-2xs .callout__body li{font-size:11px}.eduino-deck .callout--fs-3xs .callout__body p,.eduino-deck .callout--fs-3xs .callout__body li{font-size:10px}.eduino-deck .callout__body p+p{margin-top:6px}.eduino-deck .callout__body strong{color:var(--ink)}.eduino-deck figure.fig{margin:0 0 16px;text-align:center}.eduino-deck figure.fig img{max-width:100%;height:auto;display:block;margin:0 auto;border-radius:12px;border:none;background:transparent}.eduino-deck figure.fig figcaption{font-size:12px;color:var(--ink-3);margin-top:8px;text-align:center}.eduino-deck figure.fig--sm img{max-height:240px;width:auto}.eduino-deck figure.fig--md img{max-height:340px;width:auto}.eduino-deck figure.fig--lg img{max-height:480px;width:auto}.eduino-deck figure.fig--free{max-width:100%}.eduino-deck figure.fig--free img{max-height:none}.eduino-deck figure.fig--full{width:100%}.eduino-deck figure.fig--full img{width:100%;max-width:100%;max-height:none}.eduino-deck figure.fig--pdf .fig__pdf{display:block;width:100%;max-width:100%;height:70vh;border:1px solid var(--border);border-radius:8px;background:#fff;margin:0 auto}.eduino-deck .carousel__slide .fig__pdf,.eduino-deck .carousel__slide--block .fig__pdf{height:auto;aspect-ratio:16 / 9}.eduino-deck .carousel--ppt .carousel__slide--block .fig__pdf{aspect-ratio:auto;flex:1 1 auto;min-height:0;height:100%}.eduino-deck .section-title.align-center{justify-content:center;text-align:center}.eduino-deck .section-title.align-right{justify-content:flex-end;text-align:right}.eduino-deck .section-title.align-left{justify-content:flex-start;text-align:left}.eduino-deck .section-title--underline.align-center{display:flex;width:fit-content;margin-left:auto;margin-right:auto}.eduino-deck .section-title--underline.align-right{display:flex;width:fit-content;margin-left:auto;margin-right:0}.eduino-deck .section-title--bar.align-center{width:fit-content;margin-left:auto;margin-right:auto}.eduino-deck .section-title--bar.align-right{width:fit-content;margin-left:auto;margin-right:0}.eduino-deck figure.fig.align-left{text-align:left}.eduino-deck figure.fig.align-left img{margin-left:0;margin-right:auto}.eduino-deck figure.fig.align-right{text-align:right}.eduino-deck figure.fig.align-right img{margin-left:auto;margin-right:0}.eduino-deck figure.fig.align-center img{margin-left:auto;margin-right:auto}.eduino-deck .prose.align-center{text-align:center}.eduino-deck .prose.align-right{text-align:right}.eduino-deck .prose.align-left,.eduino-deck .align-left{text-align:left}.eduino-deck .align-center{text-align:center}.eduino-deck .align-right{text-align:right}.eduino-deck .carousel--ppt .carousel__slide--block.valign-top{justify-content:flex-start}.eduino-deck .carousel--ppt .carousel__slide--block.valign-middle{justify-content:center}.eduino-deck .carousel--ppt .carousel__slide--block.valign-bottom{justify-content:flex-end}.eduino-deck .carousel{position:relative;background:var(--surface-soft);border:1px solid var(--border);border-radius:16px;padding:16px 16px 12px;margin:8px 0 16px}.eduino-deck .carousel{width:100%;max-width:min(100%,calc((100vh - 120px) * 16 / 9));margin-left:auto;margin-right:auto}.eduino-deck .carousel--ppt{max-width:min(100%,calc((100vh - 40px) * 16 / 9))}.eduino-deck .carousel__viewport{position:relative;overflow:hidden;border-radius:12px;background:var(--surface);border:1px solid var(--border)}.eduino-deck .carousel__track{display:flex}.eduino-deck .carousel__track.is-animating{transition:transform .45s cubic-bezier(.22,1,.36,1);will-change:transform}.eduino-deck .carousel__slide{flex:0 0 100%;min-width:0;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px}.eduino-deck .carousel__slide img{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:contain;object-position:center;display:block;border-radius:8px}.eduino-deck .carousel__slide--block{align-items:stretch;justify-content:flex-start;text-align:left;gap:0;background:var(--surface);padding:0}.eduino-deck .carousel__slide--block>.section-title,.eduino-deck .carousel__slide--block>.heading-group{order:1;margin:0;padding:16px 20px 0}.eduino-deck .carousel__slide--block>.heading-group>.section-title{margin:0;padding:0}.eduino-deck .carousel__slide--block>.heading-group .prose{padding:6px 0 0}.eduino-deck .carousel__slide--block>.heading-group .prose p{margin:0}.eduino-deck .carousel--ppt .carousel__slide--block .section-title--bar{padding-left:.7em}.eduino-deck .carousel--ppt .carousel__slide--block .section-title--bar.align-center,.eduino-deck .carousel--ppt .carousel__slide--block .section-title--underline.align-center{width:fit-content;margin-left:auto;margin-right:auto}.eduino-deck .carousel--ppt .carousel__slide--block .section-title--bar.align-right,.eduino-deck .carousel--ppt .carousel__slide--block .section-title--underline.align-right{width:fit-content;margin-left:auto;margin-right:0}.eduino-deck .carousel__slide--block>.prose,.eduino-deck .carousel__slide--block>p{order:2;margin:0;padding:6px 20px 14px;font-size:14px;color:var(--ink-2);line-height:1.6}.eduino-deck .carousel__slide--block>figure,.eduino-deck .carousel__slide--block>.fig{order:3;margin:0;padding:14px 12px;border-top:1px solid var(--border)}.eduino-deck .carousel__slide--block>figure>img,.eduino-deck .carousel__slide--block>.fig>img{width:100%;height:auto;aspect-ratio:16 / 9;max-height:none;object-fit:contain;object-position:center;display:block;margin:0 auto;border-radius:8px}.eduino-deck .carousel__slide figcaption{margin-top:14px;font-size:13px;color:var(--ink-2);text-align:center;line-height:1.6;font-weight:600}.eduino-deck .carousel__btn{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;background:color-mix(in srgb,var(--surface) 72%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid color-mix(in srgb,var(--border) 70%,transparent);box-shadow:var(--shadow-2);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink);font-size:18px;line-height:1;z-index:2;transition:background .15s,color .15s,border-color .15s,transform .15s,opacity .15s}.eduino-deck .carousel__btn:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-50%) scale(1.08)}.eduino-deck .carousel__btn:active{transform:translateY(-50%) scale(.96)}.eduino-deck .carousel__btn:disabled{opacity:0;pointer-events:none;box-shadow:none}.eduino-deck .carousel__btn--prev{left:10px}.eduino-deck .carousel__btn--next{right:10px}.eduino-deck .carousel__controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 4px 0}.eduino-deck .carousel__indicators{display:flex;gap:6px;flex-wrap:wrap;flex:1;justify-content:center}.eduino-deck .carousel__dot{width:8px;height:8px;border-radius:50%;background:var(--ink-6);border:none;padding:0;cursor:pointer;transition:background .15s,width .2s}.eduino-deck .carousel__dot:hover{background:var(--ink-4)}.eduino-deck .carousel__dot.is-active{background:var(--primary);width:22px;border-radius:4px}.eduino-deck .carousel__counter{font-size:12px;font-weight:700;color:var(--ink-2);font-family:var(--font-mono);min-width:44px;text-align:right}.eduino-deck .carousel__counter--left{text-align:left}.eduino-deck .carousel--ppt{padding:0;background:transparent;border:none}.eduino-deck .card>.carousel--ppt{padding:0;margin:12px 0 0}.eduino-deck .carousel--ppt .carousel__viewport{container-type:inline-size}.eduino-deck .carousel--ppt .carousel__slide--block{aspect-ratio:16 / 9;overflow:hidden;display:flex;flex-direction:column;background:var(--surface);--u: clamp(11px, 1.78cqi, 30px);font-size:var(--u);padding:calc(var(--u) * 1.25) calc(var(--u) * 1.75)}.eduino-deck .carousel--ppt .carousel__slide--block>*{flex:0 0 auto;order:0;padding:0;min-width:0}.eduino-deck .carousel--ppt .carousel__slide--block>.callout{padding:calc(var(--u) * .7) calc(var(--u) * .9);border-radius:calc(var(--u) * .55)}.eduino-deck .carousel--ppt .carousel__slide--block>.section-title,.eduino-deck .carousel--ppt .carousel__slide--block>.heading-group{margin:0 0 calc(var(--u) * .75)}.eduino-deck .carousel--ppt .carousel__slide--block>.prose,.eduino-deck .carousel--ppt .carousel__slide--block>p{margin:0 0 calc(var(--u) * .625)}.eduino-deck .carousel--ppt .carousel__slide--block>figure,.eduino-deck .carousel--ppt .carousel__slide--block>.fig{border-top:none;margin:calc(var(--u) * .75) 0 0;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--u) * .5)}.eduino-deck .carousel--ppt .carousel__slide--block>figure:not(:only-child),.eduino-deck .carousel--ppt .carousel__slide--block>.fig:not(:only-child){justify-content:flex-start}.eduino-deck .carousel--ppt .carousel__slide--block>figure:not(:last-child),.eduino-deck .carousel--ppt .carousel__slide--block>.fig:not(:last-child){flex:0 0 auto;margin-bottom:calc(var(--u) * .85)}.eduino-deck .carousel--ppt .carousel__slide--block figure img,.eduino-deck .carousel--ppt .carousel__slide--block .fig img{aspect-ratio:auto;flex:1 1 auto;min-height:0;width:100%;max-width:100%;height:auto;max-height:100%;object-fit:contain;object-position:center}.eduino-deck .carousel--ppt .carousel__slide--block figcaption{flex:0 0 auto;margin-top:0;font-size:calc(var(--u) * .8)}.eduino-deck .carousel--ppt .carousel__slide--block figure.fig--sm img{flex:0 1 auto;width:auto;max-height:calc(var(--u) * 15)}.eduino-deck .carousel--ppt .carousel__slide--block figure.fig--md img{flex:0 1 auto;width:auto;max-height:calc(var(--u) * 21)}.eduino-deck .carousel--ppt .carousel__slide--block figure.fig--lg img{flex:0 1 auto;width:auto;max-height:calc(var(--u) * 30)}.eduino-deck .carousel--ppt .carousel__slide--block:has(>figure:only-child){padding:0}.eduino-deck .carousel--ppt .carousel__slide--block:has(>figure:only-child)>figure{margin:0;width:100%;height:100%;gap:0}.eduino-deck .carousel--ppt .carousel__slide--block:has(>figure:only-child)>figure img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center;border-radius:0}.eduino-deck .carousel--ppt .carousel__slide--block .section-title{font-size:calc(var(--u) * 1.375)}.eduino-deck .carousel--ppt .carousel__slide--block .section-title--lg{font-size:calc(var(--u) * 1.85)}.eduino-deck .carousel--ppt .carousel__slide--block .section-title--sm{font-size:calc(var(--u) * 1.125)}.eduino-deck .carousel--ppt .carousel__slide--block .section-title--xs{font-size:calc(var(--u) * 1)}.eduino-deck .carousel--ppt .carousel__slide--block .section-title--2xs{font-size:calc(var(--u) * .9)}.eduino-deck .carousel--ppt .carousel__slide--block .section-title--3xs{font-size:calc(var(--u) * .8)}.eduino-deck .carousel--ppt .carousel__slide--block .section-title .badge{width:calc(var(--u) * 1.625);height:calc(var(--u) * 1.625);min-width:calc(var(--u) * 1.625);font-size:calc(var(--u) * .75)}.eduino-deck .carousel--ppt .carousel__slide--block .section-title--rect .badge,.eduino-deck .carousel--ppt .carousel__slide--block .section-title--chip .badge{width:auto;height:auto;min-width:calc(var(--u) * 1.625);padding:0 calc(var(--u) * .5);font-size:calc(var(--u) * .75)}.eduino-deck .carousel--ppt .carousel__slide--block .section-title--number .badge{width:auto;height:auto;min-width:0;padding:0;font-size:calc(var(--u) * 2.06)}.eduino-deck .carousel--ppt .carousel__slide--block .prose p,.eduino-deck .carousel--ppt .carousel__slide--block .prose li,.eduino-deck .carousel--ppt .carousel__slide--block .callout__body p,.eduino-deck .carousel--ppt .carousel__slide--block .callout__body li{font-size:var(--u);line-height:1.7}.eduino-deck .carousel--ppt .carousel__slide--block .callout--fs-xl .callout__body p,.eduino-deck .carousel--ppt .carousel__slide--block .callout--fs-xl .callout__body li{font-size:calc(var(--u) * 1.45)}.eduino-deck .carousel--ppt .carousel__slide--block .callout--fs-lg .callout__body p,.eduino-deck .carousel--ppt .carousel__slide--block .callout--fs-lg .callout__body li{font-size:calc(var(--u) * 1.2)}.eduino-deck .carousel--ppt .carousel__slide--block .callout--fs-sm .callout__body p,.eduino-deck .carousel--ppt .carousel__slide--block .callout--fs-sm .callout__body li{font-size:calc(var(--u) * .85)}.eduino-deck .carousel--ppt .carousel__slide--block .callout--fs-xs .callout__body p,.eduino-deck .carousel--ppt .carousel__slide--block .callout--fs-xs .callout__body li{font-size:calc(var(--u) * .72)}.eduino-deck .carousel--ppt .carousel__slide--block .callout--fs-2xs .callout__body p,.eduino-deck .carousel--ppt .carousel__slide--block .callout--fs-2xs .callout__body li{font-size:calc(var(--u) * .62)}.eduino-deck .carousel--ppt .carousel__slide--block .callout--fs-3xs .callout__body p,.eduino-deck .carousel--ppt .carousel__slide--block .callout--fs-3xs .callout__body li{font-size:calc(var(--u) * .55)}.eduino-deck .carousel--ppt .carousel__slide--block .callout__icon{width:calc(var(--u) * 1.5);height:calc(var(--u) * 1.5);border-radius:calc(var(--u) * .35);font-size:calc(var(--u) * .8)}.eduino-deck .carousel--ppt .carousel__slide--block .prose--xl p,.eduino-deck .carousel--ppt .carousel__slide--block .prose--xl li{font-size:calc(var(--u) * 1.45)}.eduino-deck .carousel--ppt .carousel__slide--block .prose--lg p,.eduino-deck .carousel--ppt .carousel__slide--block .prose--lg li{font-size:calc(var(--u) * 1.2)}.eduino-deck .carousel--ppt .carousel__slide--block .prose--sm p,.eduino-deck .carousel--ppt .carousel__slide--block .prose--sm li{font-size:calc(var(--u) * .85)}.eduino-deck .carousel--ppt .carousel__slide--block .prose--xs p,.eduino-deck .carousel--ppt .carousel__slide--block .prose--xs li{font-size:calc(var(--u) * .72)}.eduino-deck .carousel--ppt .carousel__slide--block .prose--2xs p,.eduino-deck .carousel--ppt .carousel__slide--block .prose--2xs li{font-size:calc(var(--u) * .62)}.eduino-deck .carousel--ppt .carousel__slide--block .prose--3xs p,.eduino-deck .carousel--ppt .carousel__slide--block .prose--3xs li{font-size:calc(var(--u) * .55)}.eduino-deck .carousel--ppt .carousel__slide--block .lead{font-size:calc(var(--u) * 1.125)}.eduino-deck .carousel--ppt .code-block pre,.eduino-deck .carousel--ppt .code-plain pre{font-size:calc(var(--u) * .8);max-height:calc(var(--u) * 15);overflow:auto;overscroll-behavior:contain}.eduino-deck .code-block{margin:12px 0;border-radius:12px;background:var(--code-bg);overflow:hidden;border:1px solid rgba(255,255,255,.04)}.eduino-deck .code-block>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;cursor:pointer;list-style:none;background:#0b1220;color:var(--ink-6);font-family:var(--font-mono);font-size:12px;-webkit-user-select:none;user-select:none}.eduino-deck .code-block>summary::-webkit-details-marker{display:none}.eduino-deck .code-block__title{display:inline-flex;align-items:center;gap:8px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eduino-deck .code-block__title:before{content:"▶";font-size:9px;color:var(--ink-4);transition:transform .15s;flex-shrink:0}.eduino-deck .code-block[open] .code-block__title:before{transform:rotate(90deg)}.eduino-deck .code-block__actions{display:flex;gap:6px;flex-shrink:0}.eduino-deck .code-block__copy{border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:var(--ink-6);padding:4px 12px;border-radius:6px;font-family:inherit;font-size:11px;font-weight:700;cursor:pointer;transition:background .12s,color .12s}.eduino-deck .code-block__copy:hover{background:#ffffff1a;color:#fff}.eduino-deck .code-block__copy.is-copied{background:#22c55e2e;border-color:#22c55e66;color:#4ade80}.eduino-deck .code-block pre,.eduino-deck .code-plain pre{margin:0;padding:16px;background:var(--code-bg);color:#e2e8f0;font-family:var(--font-mono);font-size:12.5px;line-height:1.7;overflow-x:auto;white-space:pre}.eduino-deck .code-block pre code,.eduino-deck .code-plain pre code{background:transparent;padding:0;color:inherit;font-family:inherit;font-size:inherit;display:block}.eduino-deck .code-block pre code:empty:before{content:"코드를 불러오는 중…";color:var(--ink-4);font-style:italic}.eduino-deck .code-plain{margin:12px 0;border-radius:12px;background:var(--code-bg);overflow:hidden;border:1px solid rgba(255,255,255,.04)}.eduino-deck .code-plain__title{padding:10px 14px;background:#0b1220;color:var(--ink-6);font-family:var(--font-mono);font-size:12px;font-weight:600}.eduino-deck .toggle{margin:12px 0}.eduino-deck .toggle__summary{display:inline-flex;align-items:center;gap:4px;cursor:pointer;width:fit-content;max-width:100%;list-style:none;padding:6px 12px;border-radius:8px;background:var(--ink);color:#fff;font-size:12px;font-weight:700}.eduino-deck .toggle__summary::-webkit-details-marker{display:none}.eduino-deck .toggle__summary::marker{content:""}.eduino-deck .toggle__arrow{display:inline-block;font-size:10px;rotate:0deg}.eduino-deck .toggle[open] .toggle__arrow{rotate:180deg}.eduino-deck .toggle__more,.eduino-deck .toggle__less{display:none}.eduino-deck .toggle__body{margin-top:12px}.eduino-deck .toggle__summary--green{background:var(--green)}.eduino-deck .toggle__summary--blue{background:var(--blue)}.eduino-deck .toggle__summary--purple{background:var(--purple)}.eduino-deck .toggle__summary--coral{background:var(--coral)}.eduino-deck .toggle__summary--charcoal{background:var(--charcoal)}.eduino-deck .toggle__summary--yellow{background:var(--yellow)}.eduino-deck .toggle__summary--red{background:var(--red)}.eduino-deck .toggle__summary--cyan{background:var(--cyan)}.eduino-deck .toggle__summary--teal{background:var(--teal)}.eduino-deck .toggle__summary--pink{background:var(--pink)}.eduino-deck .toggle__summary--gray{background:var(--gray)}.eduino-deck .section-title .link-btn{margin-left:auto;align-self:center}.eduino-deck .link-btn{display:inline-flex;align-items:center;align-self:flex-start;gap:4px;padding:6px 12px;border-radius:8px;background:var(--primary);color:#fff;font-size:12px;font-weight:700;text-decoration:none;width:fit-content;max-width:100%}.eduino-deck .link-btn:hover{filter:brightness(1.06)}.eduino-deck .link-btn__ext{font-size:12px;opacity:.85}.eduino-deck .link-btn--green{background:var(--green)}.eduino-deck .link-btn--blue{background:var(--blue)}.eduino-deck .link-btn--purple{background:var(--purple)}.eduino-deck .link-btn--coral{background:var(--coral)}.eduino-deck .link-btn--charcoal{background:var(--charcoal)}.eduino-deck .page__head{margin-bottom:4px}.eduino-deck .eyebrow{font-size:12px;font-weight:600;color:var(--ink-3);letter-spacing:.05em;text-transform:uppercase;margin-bottom:8px}.eduino-deck .h1{margin:0;font-size:28px;font-weight:800;color:var(--ink);letter-spacing:-.02em;line-height:1.2}.eduino-deck .h1-row{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}.eduino-deck .tabs{display:flex;gap:24px;border-bottom:1px solid var(--border);margin-bottom:4px;flex-wrap:wrap}.eduino-deck .tab{display:inline-flex;align-items:center;gap:8px;padding:12px 4px;background:transparent;border:none;margin-bottom:-1px;cursor:pointer;font-family:inherit;color:var(--ink-3);font-size:14px;font-weight:600;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}.eduino-deck .tab.is-active{color:var(--ink);font-weight:700;border-bottom-color:var(--primary)}.eduino-deck .tab__num{width:20px;height:20px;border-radius:999px;background:var(--ink-6);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.eduino-deck .tab.is-active .tab__num{background:var(--primary)}.eduino-deck .section-stack.tab-panel{display:none}.eduino-deck .section-stack.tab-panel.is-active{display:flex}.eduino-deck .list{margin:8px 0 12px;padding-left:20px}.eduino-deck .list.align-center,.eduino-deck .list.align-right{padding-left:0;list-style-position:inside}.eduino-deck .list li{font-size:14px;color:var(--ink-2);line-height:1.8}.eduino-deck .list li strong{color:var(--ink)}.eduino-deck .table{width:100%;border-collapse:separate;border-spacing:0;font-size:13.5px;border:1px solid var(--border);border-radius:12px;overflow:hidden}.eduino-deck .table th,.eduino-deck .table td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--border);color:var(--ink-2);vertical-align:top}.eduino-deck .table th{background:var(--surface-soft);color:var(--ink);font-weight:700}.eduino-deck .table tr:last-child td{border-bottom:none}.eduino-deck .pin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--grid-min),1fr));gap:var(--gap)}.eduino-deck .pin-grid--cols{grid-template-columns:repeat(var(--cols, 3),minmax(0,1fr))}.eduino-deck .pin-card{background:var(--surface-soft);border:1px solid var(--border);border-radius:12px;padding:14px 16px}.eduino-deck .pin-name{font-family:var(--font-mono);font-size:13px;font-weight:700;color:var(--accent, var(--primary));margin-bottom:4px}.eduino-deck .pin-desc{font-size:13px;color:var(--ink-2);line-height:1.6}.eduino-deck .parts-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:var(--gap);container-type:inline-size}.eduino-deck .part-card{flex:0 0 calc((100% - (var(--cols, 4) - 1) * var(--gap)) / var(--cols, 4));min-width:0;position:relative;background:var(--surface-soft);border:1px solid var(--border);border-radius:clamp(7px,calc(7cqi / var(--cols, 4)),12px);padding:clamp(6px,calc(8cqi / var(--cols, 4)),14px);display:flex;flex-direction:column;gap:clamp(4px,calc(6cqi / var(--cols, 4)),10px);transition:border-color .15s}.eduino-deck .part-card:hover{border-color:var(--primary)}.eduino-deck .part-card__img{margin:0;background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}.eduino-deck .part-card__img img{max-width:80%;max-height:80%;object-fit:contain}.eduino-deck .part-card__name{font-weight:700;font-size:clamp(9px,calc(8cqi / var(--cols, 4)),13px);color:var(--ink);line-height:1.4;margin-bottom:2px}.eduino-deck .part-card__spec{font-size:clamp(8px,calc(7cqi / var(--cols, 4)),12px);color:var(--ink-3);line-height:1.5}.eduino-deck .part-card__qty{position:absolute;top:clamp(4px,calc(6cqi / var(--cols, 4)),10px);right:clamp(4px,calc(6cqi / var(--cols, 4)),10px);background:var(--primary);color:#fff;border-radius:999px;padding:clamp(2px,calc(2cqi / var(--cols, 4)),3px) clamp(5px,calc(6cqi / var(--cols, 4)),10px);font-size:clamp(8px,calc(6.5cqi / var(--cols, 4)),11px);font-weight:800;font-family:var(--font-mono);z-index:1}.eduino-deck .part-card__qty--green{background:var(--green)}.eduino-deck .part-card__qty--yellow{background:var(--yellow)}.eduino-deck .part-card__qty--blue{background:var(--blue)}.eduino-deck .part-card__qty--cyan{background:var(--cyan)}.eduino-deck .part-card__qty--coral{background:var(--coral)}.eduino-deck .part-card__qty--red{background:var(--red)}.eduino-deck .part-card__qty--purple{background:var(--purple)}.eduino-deck .part-card__qty--teal{background:var(--teal)}.eduino-deck .part-card__qty--pink{background:var(--pink)}.eduino-deck .part-card__qty--gray{background:var(--gray)}.eduino-deck .part-card__qty--charcoal{background:var(--charcoal)}.eduino-deck .kv-row{padding:12px 16px;border-radius:12px;background:var(--primary-softer);border:1px solid var(--border);margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;gap:12px}.eduino-deck .kv-key{font-size:12px;font-weight:700;color:var(--primary)}.eduino-deck .kv-desc{font-size:12px;color:var(--ink-3)}.eduino-deck .kv-value{font-size:14px;font-weight:700;color:var(--ink);font-family:var(--font-mono)}.eduino-deck .btn{font-size:12px;font-weight:600;border:none;border-radius:8px;padding:8px 12px;cursor:pointer;font-family:inherit;text-decoration:none}.eduino-deck .btn--solid{background:var(--primary);color:#fff}.eduino-deck .mission{border:1px dashed var(--primary);background:var(--primary-softer);border-radius:14px;padding:18px 20px}.eduino-deck .mission__head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.eduino-deck .mission__badge{display:inline-flex;align-items:center;height:22px;padding:0 10px;border-radius:999px;background:var(--primary);color:#fff;font-size:11px;font-weight:800;letter-spacing:.05em}.eduino-deck .mission__title{font-size:15px;font-weight:800;color:var(--ink)}.eduino-deck .mission__body{font-size:14px;color:var(--ink-2);line-height:1.7}.eduino-deck .mission__answer{margin-top:12px}.eduino-deck .mission__answer>summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;background:var(--surface);color:var(--primary);border:1px solid var(--border);font-size:12px;font-weight:700}.eduino-deck .mission__answer>summary::-webkit-details-marker{display:none}.eduino-deck .mission__answer[open]>summary{background:var(--primary);color:#fff;border-color:var(--primary)}.eduino-deck .mission__answer>div{margin-top:10px;font-size:14px;color:var(--ink-2);line-height:1.7}.eduino-deck .cols{display:flex;gap:20px;align-items:flex-start;margin:12px 0}.eduino-deck .cols>.col{flex:1 1 0;min-width:0}.eduino-deck .split{display:flex;gap:24px;align-items:center;margin:12px 0}.eduino-deck .split>.split__media,.eduino-deck .split>.split__body{flex:1 1 0;min-width:0}.eduino-deck .split__media .fig{margin:0}.eduino-deck .cols.valign-top,.eduino-deck .split.valign-top{align-items:flex-start}.eduino-deck .cols.valign-middle,.eduino-deck .split.valign-middle{align-items:center}.eduino-deck .cols.valign-bottom,.eduino-deck .split.valign-bottom{align-items:flex-end}.eduino-deck .card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--grid-min),1fr));gap:var(--gap);margin:12px 0}.eduino-deck .card-grid>.card{margin:0;height:100%}@container deck (max-width: 720px){.eduino-deck .cols,.eduino-deck .split{flex-direction:column;align-items:stretch}}.eduino-deck .carousel--ppt .carousel__slide--block .cols,.eduino-deck .carousel--ppt .carousel__slide--block .split{flex-direction:row;align-items:flex-start}.eduino-deck .group{display:flex;flex-direction:column;gap:14px;margin:12px 0}.eduino-deck .group.align-center{align-items:center}.eduino-deck .group.align-right{align-items:flex-end}.eduino-deck .group>figure.fig{margin:0}.eduino-deck .carousel--ppt .carousel__slide--block>.group{flex:1 1 auto;min-height:0;margin:0;justify-content:center;gap:calc(var(--u) * .85)}.eduino-deck .carousel--ppt .carousel__slide--block>.group>figure,.eduino-deck .carousel--ppt .carousel__slide--block>.group>.fig{align-self:center}.eduino-deck .carousel--ppt .carousel__slide--block>.group>figure,.eduino-deck .carousel--ppt .carousel__slide--block>.group>.fig{margin:0}.eduino-deck .subtabs-wrap{margin:0 0 12px}.eduino-deck .subtabs{display:inline-flex;gap:4px;padding:4px;background:var(--surface-muted);border-radius:999px;margin-bottom:14px}.eduino-deck .subtab{border:0;background:transparent;cursor:pointer;padding:6px 16px;border-radius:999px;font:inherit;font-size:13px;font-weight:700;color:var(--ink-3)}.eduino-deck .subtab:hover{color:var(--ink-2)}.eduino-deck .subtab.is-active{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #0f172a0f}.eduino-deck .subtab-panel{display:none}.eduino-deck .subtab-panel.is-active{display:block}.eduino-deck .subtabs--segment{background:transparent;padding:0;gap:0;border:1px solid var(--border);border-radius:8px;overflow:hidden}.eduino-deck .subtabs--segment .subtab{border-radius:0;border-right:1px solid var(--border)}.eduino-deck .subtabs--segment .subtab:last-child{border-right:0}.eduino-deck .subtabs--segment .subtab.is-active{background:var(--accent, var(--primary));color:#fff;box-shadow:none}.eduino-deck .subtabs--soft{background:transparent;padding:0;gap:6px}.eduino-deck .subtabs--soft .subtab{border-radius:8px;padding:6px 14px}.eduino-deck .subtabs--soft .subtab.is-active{background:color-mix(in srgb,var(--accent, var(--primary)) 13%,transparent);color:var(--accent, var(--primary));box-shadow:none}.eduino-deck .subtabs--chip{background:transparent;padding:0;gap:8px}.eduino-deck .subtabs--chip .subtab{border-radius:999px;border:1px solid var(--border);padding:6px 14px}.eduino-deck .subtabs--chip .subtab.is-active{background:var(--accent, var(--primary));color:#fff;border-color:var(--accent, var(--primary));box-shadow:none}.eduino-deck .video-wrap{position:relative;width:100%;padding-top:56.25%;border-radius:12px;overflow:hidden;background:var(--code-bg);margin:0 0 16px;border:1px solid var(--border)}.eduino-deck .video-wrap iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.eduino-deck .link-btn--yellow{background:var(--yellow)}.eduino-deck .link-btn--red{background:var(--red)}.eduino-deck .link-btn--cyan{background:var(--cyan)}.eduino-deck .link-btn--teal{background:var(--teal)}.eduino-deck .link-btn--pink{background:var(--pink)}.eduino-deck .link-btn--gray{background:var(--gray)}.eduino-deck .practice-launch{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:16px 0;padding:18px 20px;border:1px solid var(--border);border-left:4px solid #e83a3a;border-radius:14px;background:linear-gradient(180deg,#fffdfd,#fff6f6)}.eduino-deck .practice-launch__eyebrow{font-size:12px;font-weight:800;color:#e83a3a;margin-bottom:4px;display:inline-flex;align-items:center;gap:6px}.eduino-deck .practice-launch__eyebrow .dot,.eduino-deck .practice-embed__label .dot{width:7px;height:7px;border-radius:999px;background:#e83a3a;box-shadow:0 0 0 3px #e83a3a29}.eduino-deck .practice-launch__title{font-size:16px;font-weight:800;color:#1c2433;margin-bottom:6px}.eduino-deck .practice-launch__desc{font-size:13.5px;color:#44505f;line-height:1.6}.eduino-deck .practice-launch__hint{font-size:12px;color:#8a93a0;margin-top:8px}.eduino-deck .practice-launch__btn{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;background:#e83a3a;color:#fff;text-decoration:none;font-weight:800;font-size:14px;padding:12px 22px;border-radius:11px;white-space:nowrap}.eduino-deck .practice-launch__btn:hover{background:#c92f2f}.eduino-deck .practice-embed{margin:16px 0;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#f5f6f8}.eduino-deck .practice-embed__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:linear-gradient(180deg,#fbfcfe,#f4f6f9);border-bottom:1px solid var(--border)}.eduino-deck .practice-embed__label{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:13px;color:#1c2433}.eduino-deck .practice-embed__pop{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:700;text-decoration:none;color:#e83a3a;background:#e83a3a14;padding:5px 11px;border-radius:999px;white-space:nowrap}.eduino-deck .practice-embed__if{display:block;width:100%;height:640px;border:0}.eduino-deck .practice-embed__widget{padding:0;background:#fff}.eduino-deck .practice-embed__widget .lab{max-width:none;margin:0;padding:14px}@container deck (max-width: 640px){.eduino-deck .practice-launch{flex-direction:column;align-items:stretch}}.eduino-deck .md-fallback{border:1px dashed var(--ink-4);border-radius:10px;padding:12px}.eduino-deck .md-fallback__tag{display:inline-block;font-family:var(--font-mono);font-size:11px;color:var(--ink-3);margin-bottom:6px}.eduino-deck .md-loading,.eduino-deck .md-error{padding:24px;color:var(--ink-3);font-size:14px}.eduino-deck .md-error code{font-family:var(--font-mono)}.curriculum-shell{display:flex;min-height:100vh;background:var(--color-bg)}.curriculum-main-col{flex:1;display:flex;flex-direction:column;min-width:0}.curriculum-main{flex:1;padding:24px 32px 48px;min-width:0;overflow-x:hidden}.curriculum-col-stack{display:flex;flex-direction:column;gap:24px}.is-hidden{display:none}.demo-select{min-height:100vh;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px}.demo-select__header{display:flex;align-items:center;gap:16px;margin-bottom:48px}.demo-select__logo{width:48px;height:48px;border-radius:14px;background:var(--grad-primary);display:flex;align-items:center;justify-content:center;color:var(--surface);font-size:22px;font-weight:700}.demo-select__title{font-weight:700;font-size:22px;color:var(--ink);letter-spacing:-.02em}.demo-select__subtitle{font-size:14px;color:var(--ink-3);margin-top:2px}.demo-select__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;width:100%;max-width:700px}.demo-select__card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:24px;cursor:pointer;text-align:center;transition:transform .2s ease,box-shadow .2s ease;box-shadow:var(--shadow-3);display:flex;flex-direction:column;align-items:center;gap:12px;font-family:inherit}.demo-select__card-icon{width:72px;height:72px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:4px;background:var(--grad-primary)}.demo-select__card-icon--esp32-car{background:var(--grad-danger)}.demo-select__card-name{font-weight:700;font-size:16px;color:var(--ink)}.demo-select__card-desc{font-size:14px;color:var(--ink-3);line-height:1.5}.demo-select__tag-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:4px}.demo-select__tag{background:var(--surface-muted);color:var(--ink-2);font-size:12px;font-weight:600;padding:4px 12px;border-radius:8px}.demo-select__footer{margin-top:48px;font-size:14px;color:var(--ink-3)}.demo-app__header{background:var(--surface);border-bottom:1px solid var(--border);padding:16px 32px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-1)}.demo-app__brand{display:flex;align-items:center;gap:12px}.demo-app__logo{width:36px;height:36px;border-radius:10px;background:var(--grad-primary);display:flex;align-items:center;justify-content:center;color:var(--surface);font-size:16px;font-weight:700}.demo-app__brand-title{font-weight:700;font-size:16px;color:var(--ink);letter-spacing:-.02em}.demo-app__brand-meta{font-size:12px;color:var(--ink-3);font-weight:500}.demo-app__header-right{display:flex;align-items:center;gap:10px}.demo-app__back-btn{font-size:12px;font-weight:600;color:var(--ink-3);background:var(--surface-muted);border:none;border-radius:8px;padding:8px 12px;cursor:pointer;font-family:inherit}.demo-app__main{max-width:1200px;margin:0 auto;padding:24px 24px 48px}.demo-app__bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:12px}.demo-app__bar-title{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:22px;color:var(--ink);letter-spacing:-.02em}.demo-session-btn{border:none;border-radius:10px;padding:10px 24px;font-size:14px;font-weight:700;color:var(--surface);cursor:pointer;box-shadow:var(--shadow-2);background:var(--green);font-family:inherit}.demo-session-btn.is-running{background:var(--grad-danger)}.demo-banner{margin-bottom:20px}.demo-tab-bar{flex-wrap:wrap}.demo-tab-label{display:inline-flex;align-items:center;gap:6px}.demo-fade-in{animation:fadeInUp .3s ease}/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:"Pretendard", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, Menlo, monospace;--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-wide:.025em;--tracking-widest:.1em;--leading-relaxed:1.625;--radius-xs:8px;--radius-sm:12px;--radius-md:16px;--radius-lg:22px;--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animate-bounce:bounce 1s infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--color-brand-red:#e83a3a;--color-brand-red-soft:#ffe9e9;--color-brand-red-deep:#c42a2a;--color-teacher:#e83a3a;--color-teacher-soft:#ffe9e9;--color-student:#7b5be6;--color-student-soft:#efeafe;--color-ink:#1f2536;--color-ink-2:#3b4256;--color-ink-3:#6b7388;--color-ink-4:#9aa1b4;--color-bg:#f6f7fb;--color-surface:#fff;--color-line:#e7e9f0;--color-line-2:#eff1f6;--color-dark-surface:#1a1b25;--color-ok:#22d175;--color-ok-soft:#e2f6ec;--color-warn:#f4a11c;--color-warn-soft:#fcefd2;--background-image-teacher-cta:linear-gradient(160deg, #ffb4b4 0%, #e83a3a 70%, #c42a2a 100%);--background-image-student-cta:linear-gradient(160deg, #c4b4ff 0%, #7b5be6 70%, #5f44c8 100%);--background-image-page-login:linear-gradient(#fafbfe 0%, #f1f2f8 100%);--radius-2:2px;--radius-4:4px;--radius-10:10px;--radius-14:14px;--radius-20:20px;--radius-28:28px;--radius-pill:999px;--shadow-card:0 1px 2px #1418280a, 0 8px 24px #1418280f;--shadow-card-soft:0 1px 2px #14182808;--text-display:48px;--text-display--line-height:1.1;--text-display--letter-spacing:-.025em;--text-display--font-weight:800;--text-h1:28px;--text-h1--line-height:1.2;--text-h1--letter-spacing:-.025em;--text-h1--font-weight:800;--text-h2:22px;--text-h2--line-height:1.3;--text-h2--letter-spacing:-.02em;--text-h2--font-weight:800;--text-h3:18px;--text-h3--line-height:1.3;--text-h3--letter-spacing:-.015em;--text-h3--font-weight:800;--text-body-lg:15px;--text-body-lg--line-height:1.5;--text-body-lg--letter-spacing:0;--text-body-lg--font-weight:500;--text-body-lg-bold:15px;--text-body-lg-bold--line-height:1.4;--text-body-lg-bold--letter-spacing:-.015em;--text-body-lg-bold--font-weight:800;--text-body:14px;--text-body--line-height:1.55;--text-body--letter-spacing:0;--text-body--font-weight:500;--text-label:14px;--text-label--line-height:1.4;--text-label--letter-spacing:-.005em;--text-label--font-weight:700;--text-label-soft:14px;--text-label-soft--line-height:1.55;--text-label-soft--letter-spacing:0;--text-label-soft--font-weight:500;--text-caption:13px;--text-caption--line-height:1.5;--text-caption--letter-spacing:0;--text-caption--font-weight:500;--text-caption-bold:13px;--text-caption-bold--line-height:1.4;--text-caption-bold--letter-spacing:-.005em;--text-caption-bold--font-weight:800;--text-mono-eyebrow:11px;--text-mono-eyebrow--line-height:1.4;--text-mono-eyebrow--letter-spacing:.15em;--text-mono-eyebrow--font-weight:700;--text-mono-label:10px;--text-mono-label--line-height:1.4;--text-mono-label--letter-spacing:.06em;--text-mono-label--font-weight:700;--text-mono-meta:10px;--text-mono-meta--line-height:1.4;--text-mono-meta--letter-spacing:0;--text-mono-meta--font-weight:600}}@layer base{button,input,textarea,select{box-sizing:border-box;font:inherit;color:inherit;background-color:#0000;border:0 solid}input,textarea,select{outline:none}a{color:inherit;text-decoration:none}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.top-0{top:calc(var(--spacing) * 0)}.top-1{top:calc(var(--spacing) * 1)}.top-1\/2{top:50%}.top-3{top:calc(var(--spacing) * 3)}.top-6{top:calc(var(--spacing) * 6)}.top-20{top:calc(var(--spacing) * 20)}.top-\[90px\]{top:90px}.right-0{right:calc(var(--spacing) * 0)}.right-2{right:calc(var(--spacing) * 2)}.right-4{right:calc(var(--spacing) * 4)}.right-6{right:calc(var(--spacing) * 6)}.right-10{right:calc(var(--spacing) * 10)}.right-\[-20px\]{right:-20px}.bottom-1{bottom:calc(var(--spacing) * 1)}.bottom-8{bottom:calc(var(--spacing) * 8)}.bottom-full{bottom:100%}.left-0{left:calc(var(--spacing) * 0)}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing) * 3)}.left-4{left:calc(var(--spacing) * 4)}.left-10{left:calc(var(--spacing) * 10)}.z-10{z-index:10}.z-20{z-index:20}.z-\[1\]{z-index:1}.z-\[1100\]{z-index:1100}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing) * 0)}.mx-auto{margin-inline:auto}.my-4{margin-block:calc(var(--spacing) * 4)}.mt-0{margin-top:calc(var(--spacing) * 0)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-\[18px\]{margin-top:18px}.-mr-2{margin-right:calc(var(--spacing) * -2)}.mr-1{margin-right:calc(var(--spacing) * 1)}.-mb-px{margin-bottom:-1px}.mb-0{margin-bottom:calc(var(--spacing) * 0)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-\[22px\]{margin-bottom:22px}.ml-1{margin-left:calc(var(--spacing) * 1)}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.table{display:table}.aspect-square{aspect-ratio:1}.h-0\.5{height:calc(var(--spacing) * .5)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-18{height:calc(var(--spacing) * 18)}.h-40{height:calc(var(--spacing) * 40)}.h-\[28px\]{height:28px}.h-\[52px\]{height:52px}.h-\[60\%\]{height:60%}.h-\[72px\]{height:72px}.h-\[80vh\]{height:80vh}.h-\[620px\]{height:620px}.h-\[calc\(100vh-104px\)\]{height:calc(100vh - 104px)}.h-full{height:100%}.max-h-\[60vh\]{max-height:60vh}.max-h-\[240px\]{max-height:240px}.max-h-\[450px\]{max-height:450px}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-\[28px\]{min-height:28px}.min-h-screen{min-height:100vh}.w-1{width:calc(var(--spacing) * 1)}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-4{width:calc(var(--spacing) * 4)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-11{width:calc(var(--spacing) * 11)}.w-14{width:calc(var(--spacing) * 14)}.w-18{width:calc(var(--spacing) * 18)}.w-20{width:calc(var(--spacing) * 20)}.w-32{width:calc(var(--spacing) * 32)}.w-\[28px\]{width:28px}.w-\[70\%\]{width:70%}.w-\[280px\]{width:280px}.w-\[460px\]{width:460px}.w-\[480px\]{width:480px}.w-\[560px\]{width:560px}.w-\[720px\]{width:720px}.w-\[calc\(50\%-4px\)\]{width:calc(50% - 4px)}.w-\[min\(1040px\,100\%\)\]{width:min(1040px,100%)}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.max-w-\[60px\]{max-width:60px}.max-w-\[240px\]{max-width:240px}.max-w-\[320px\]{max-width:320px}.max-w-\[860px\]{max-width:860px}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\[24px\]{min-width:24px}.min-w-\[180px\]{min-width:180px}.min-w-\[260px\]{min-width:260px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-bounce{animation:var(--animate-bounce)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-cols-\[2fr_1fr_1fr_1\.4fr_auto\]{grid-template-columns:2fr 1fr 1fr 1.4fr auto}.grid-cols-\[30px_1fr\]{grid-template-columns:30px 1fr}.grid-cols-\[120px_1fr_auto\]{grid-template-columns:120px 1fr auto}.grid-cols-\[240px_1fr_360px\]{grid-template-columns:240px 1fr 360px}.grid-cols-\[244px_1fr\]{grid-template-columns:244px 1fr}.grid-cols-\[440px_1fr\]{grid-template-columns:440px 1fr}.grid-cols-\[repeat\(auto-fill\,minmax\(200px\,290px\)\)\]{grid-template-columns:repeat(auto-fill,minmax(200px,290px))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.content-center{align-content:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-7{gap:calc(var(--spacing) * 7)}.gap-\[5px\]{gap:5px}.self-center{align-self:center}.self-start{align-self:flex-start}.justify-self-center{justify-self:center}.justify-self-end{justify-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded-2{border-radius:var(--radius-2)}.rounded-4{border-radius:var(--radius-4)}.rounded-10{border-radius:var(--radius-10)}.rounded-14{border-radius:var(--radius-14)}.rounded-20{border-radius:var(--radius-20)}.rounded-28{border-radius:var(--radius-28)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-pill{border-radius:var(--radius-pill)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xs{border-radius:var(--radius-xs)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.border-\[1px\]{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-brand-red{border-color:var(--color-brand-red)}.border-brand-red\/30{border-color:#e83a3a4d}@supports (color:color-mix(in lab,red,red)){.border-brand-red\/30{border-color:color-mix(in oklab,var(--color-brand-red) 30%,transparent)}}.border-brand-red\/40{border-color:#e83a3a66}@supports (color:color-mix(in lab,red,red)){.border-brand-red\/40{border-color:color-mix(in oklab,var(--color-brand-red) 40%,transparent)}}.border-ink\/20{border-color:#1f253633}@supports (color:color-mix(in lab,red,red)){.border-ink\/20{border-color:color-mix(in oklab,var(--color-ink) 20%,transparent)}}.border-line{border-color:var(--color-line)}.border-line-2{border-color:var(--color-line-2)}.border-ok{border-color:var(--color-ok)}.border-ok\/30{border-color:#22d1754d}@supports (color:color-mix(in lab,red,red)){.border-ok\/30{border-color:color-mix(in oklab,var(--color-ok) 30%,transparent)}}.border-ok\/40{border-color:#22d17566}@supports (color:color-mix(in lab,red,red)){.border-ok\/40{border-color:color-mix(in oklab,var(--color-ok) 40%,transparent)}}.border-red-500{border-color:var(--color-red-500)}.border-student{border-color:var(--color-student)}.border-teacher{border-color:var(--color-teacher)}.border-transparent{border-color:#0000}.border-warn{border-color:var(--color-warn)}.border-warn\/30{border-color:#f4a11c4d}@supports (color:color-mix(in lab,red,red)){.border-warn\/30{border-color:color-mix(in oklab,var(--color-warn) 30%,transparent)}}.border-warn\/40{border-color:#f4a11c66}@supports (color:color-mix(in lab,red,red)){.border-warn\/40{border-color:color-mix(in oklab,var(--color-warn) 40%,transparent)}}.bg-bg{background-color:var(--color-bg)}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab,red,red)){.bg-black\/40{background-color:color-mix(in oklab,var(--color-black) 40%,transparent)}}.bg-blue-500{background-color:var(--color-blue-500)}.bg-brand-red{background-color:var(--color-brand-red)}.bg-brand-red-soft{background-color:var(--color-brand-red-soft)}.bg-brand-red\/15{background-color:#e83a3a26}@supports (color:color-mix(in lab,red,red)){.bg-brand-red\/15{background-color:color-mix(in oklab,var(--color-brand-red) 15%,transparent)}}.bg-dark-surface{background-color:var(--color-dark-surface)}.bg-green-500{background-color:var(--color-green-500)}.bg-ink{background-color:var(--color-ink)}.bg-ink-4{background-color:var(--color-ink-4)}.bg-ink\/55{background-color:#1f25368c}@supports (color:color-mix(in lab,red,red)){.bg-ink\/55{background-color:color-mix(in oklab,var(--color-ink) 55%,transparent)}}.bg-line{background-color:var(--color-line)}.bg-line-2{background-color:var(--color-line-2)}.bg-ok{background-color:var(--color-ok)}.bg-ok-soft{background-color:var(--color-ok-soft)}.bg-ok\/15{background-color:#22d17526}@supports (color:color-mix(in lab,red,red)){.bg-ok\/15{background-color:color-mix(in oklab,var(--color-ok) 15%,transparent)}}.bg-red-500{background-color:var(--color-red-500)}.bg-red-600{background-color:var(--color-red-600)}.bg-student{background-color:var(--color-student)}.bg-student-soft{background-color:var(--color-student-soft)}.bg-surface{background-color:var(--color-surface)}.bg-teacher{background-color:var(--color-teacher)}.bg-teacher-soft{background-color:var(--color-teacher-soft)}.bg-transparent{background-color:#0000}.bg-warn{background-color:var(--color-warn)}.bg-warn-soft{background-color:var(--color-warn-soft)}.bg-warn\/15{background-color:#f4a11c26}@supports (color:color-mix(in lab,red,red)){.bg-warn\/15{background-color:color-mix(in oklab,var(--color-warn) 15%,transparent)}}.bg-white{background-color:var(--color-white)}.bg-page-login{background-image:var(--background-image-page-login)}.bg-student-cta{background-image:var(--background-image-student-cta)}.bg-teacher-cta{background-image:var(--background-image-teacher-cta)}.stroke-brand-red-deep{stroke:var(--color-brand-red-deep)}.stroke-ink-3{stroke:var(--color-ink-3)}.stroke-ok{stroke:var(--color-ok)}.stroke-warn{stroke:var(--color-warn)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-\[center_-25px\]{object-position:center -25px}.p-0{padding:calc(var(--spacing) * 0)}.p-1{padding:calc(var(--spacing) * 1)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-10{padding:calc(var(--spacing) * 10)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-10{padding-inline:calc(var(--spacing) * 10)}.px-14{padding-inline:calc(var(--spacing) * 14)}.px-16{padding-inline:calc(var(--spacing) * 16)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-7{padding-block:calc(var(--spacing) * 7)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-14{padding-block:calc(var(--spacing) * 14)}.py-20{padding-block:calc(var(--spacing) * 20)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-3\.5{padding-top:calc(var(--spacing) * 3.5)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-12{padding-right:calc(var(--spacing) * 12)}.pr-\[100px\]{padding-right:100px}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pl-6{padding-left:calc(var(--spacing) * 6)}.pl-12{padding-left:calc(var(--spacing) * 12)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-body{font-size:var(--text-body);line-height:var(--tw-leading,var(--text-body--line-height));letter-spacing:var(--tw-tracking,var(--text-body--letter-spacing));font-weight:var(--tw-font-weight,var(--text-body--font-weight))}.text-body-lg{font-size:var(--text-body-lg);line-height:var(--tw-leading,var(--text-body-lg--line-height));letter-spacing:var(--tw-tracking,var(--text-body-lg--letter-spacing));font-weight:var(--tw-font-weight,var(--text-body-lg--font-weight))}.text-body-lg-bold{font-size:var(--text-body-lg-bold);line-height:var(--tw-leading,var(--text-body-lg-bold--line-height));letter-spacing:var(--tw-tracking,var(--text-body-lg-bold--letter-spacing));font-weight:var(--tw-font-weight,var(--text-body-lg-bold--font-weight))}.text-caption{font-size:var(--text-caption);line-height:var(--tw-leading,var(--text-caption--line-height));letter-spacing:var(--tw-tracking,var(--text-caption--letter-spacing));font-weight:var(--tw-font-weight,var(--text-caption--font-weight))}.text-caption-bold{font-size:var(--text-caption-bold);line-height:var(--tw-leading,var(--text-caption-bold--line-height));letter-spacing:var(--tw-tracking,var(--text-caption-bold--letter-spacing));font-weight:var(--tw-font-weight,var(--text-caption-bold--font-weight))}.text-display{font-size:var(--text-display);line-height:var(--tw-leading,var(--text-display--line-height));letter-spacing:var(--tw-tracking,var(--text-display--letter-spacing));font-weight:var(--tw-font-weight,var(--text-display--font-weight))}.text-h1{font-size:var(--text-h1);line-height:var(--tw-leading,var(--text-h1--line-height));letter-spacing:var(--tw-tracking,var(--text-h1--letter-spacing));font-weight:var(--tw-font-weight,var(--text-h1--font-weight))}.text-h2{font-size:var(--text-h2);line-height:var(--tw-leading,var(--text-h2--line-height));letter-spacing:var(--tw-tracking,var(--text-h2--letter-spacing));font-weight:var(--tw-font-weight,var(--text-h2--font-weight))}.text-h3{font-size:var(--text-h3);line-height:var(--tw-leading,var(--text-h3--line-height));letter-spacing:var(--tw-tracking,var(--text-h3--letter-spacing));font-weight:var(--tw-font-weight,var(--text-h3--font-weight))}.text-label{font-size:var(--text-label);line-height:var(--tw-leading,var(--text-label--line-height));letter-spacing:var(--tw-tracking,var(--text-label--letter-spacing));font-weight:var(--tw-font-weight,var(--text-label--font-weight))}.text-label-soft{font-size:var(--text-label-soft);line-height:var(--tw-leading,var(--text-label-soft--line-height));letter-spacing:var(--tw-tracking,var(--text-label-soft--letter-spacing));font-weight:var(--tw-font-weight,var(--text-label-soft--font-weight))}.text-mono-eyebrow{font-size:var(--text-mono-eyebrow);line-height:var(--tw-leading,var(--text-mono-eyebrow--line-height));letter-spacing:var(--tw-tracking,var(--text-mono-eyebrow--letter-spacing));font-weight:var(--tw-font-weight,var(--text-mono-eyebrow--font-weight))}.text-mono-label{font-size:var(--text-mono-label);line-height:var(--tw-leading,var(--text-mono-label--line-height));letter-spacing:var(--tw-tracking,var(--text-mono-label--letter-spacing));font-weight:var(--tw-font-weight,var(--text-mono-label--font-weight))}.text-mono-meta{font-size:var(--text-mono-meta);line-height:var(--tw-leading,var(--text-mono-meta--line-height));letter-spacing:var(--tw-tracking,var(--text-mono-meta--letter-spacing));font-weight:var(--tw-font-weight,var(--text-mono-meta--font-weight))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-\[10px\]{font-size:10px}.text-\[12px\]{font-size:12px}.text-\[15px\]{font-size:15px}.leading-\[1\.55\]{--tw-leading:1.55;line-height:1.55}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.02em\]{--tw-tracking:-.02em;letter-spacing:-.02em}.tracking-\[0\.05em\]{--tw-tracking:.05em;letter-spacing:.05em}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[Npx\]{color:Npx}.text-brand-red{color:var(--color-brand-red)}.text-brand-red-deep{color:var(--color-brand-red-deep)}.text-brand-red-soft{color:var(--color-brand-red-soft)}.text-ink{color:var(--color-ink)}.text-ink-2{color:var(--color-ink-2)}.text-ink-3{color:var(--color-ink-3)}.text-ink-4{color:var(--color-ink-4)}.text-ink\/45{color:#1f253673}@supports (color:color-mix(in lab,red,red)){.text-ink\/45{color:color-mix(in oklab,var(--color-ink) 45%,transparent)}}.text-ok{color:var(--color-ok)}.text-student{color:var(--color-student)}.text-teacher{color:var(--color-teacher)}.text-warn{color:var(--color-warn)}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.opacity-0{opacity:0}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.opacity-85{opacity:.85}.opacity-90{opacity:.9}.opacity-100{opacity:1}.opacity-\[0\.14\]{opacity:.14}.opacity-\[0\.22\]{opacity:.22}.opacity-\[0\.96\]{opacity:.96}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_8px_20px_var\(--color-student-soft\)\]{--tw-shadow:0 8px 20px var(--tw-shadow-color,var(--color-student-soft));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_8px_20px_var\(--color-teacher-soft\)\]{--tw-shadow:0 8px 20px var(--tw-shadow-color,var(--color-teacher-soft));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-card{--tw-shadow:0 1px 2px var(--tw-shadow-color,#1418280a), 0 8px 24px var(--tw-shadow-color,#1418280f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-card-soft{--tw-shadow:0 1px 2px var(--tw-shadow-color,#14182808);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-card-strong{--tw-shadow:0 4px 12px var(--tw-shadow-color,#e83a3a1f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-frame{--tw-shadow:0 1px 3px var(--tw-shadow-color,#00000014), 0 4px 16px var(--tw-shadow-color,#0000000f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-modal{--tw-shadow:0 30px 80px var(--tw-shadow-color,#1418284d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-pop{--tw-shadow:0 12px 36px var(--tw-shadow-color,#1418281a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-toggle-indicator{--tw-shadow:0 1px 3px var(--tw-shadow-color,#0000000f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-brand-red{--tw-ring-color:var(--color-brand-red)}.ring-offset-2{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-student{outline-color:var(--color-student)}.outline-teacher{outline-color:var(--color-teacher)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-\[2px\]{--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition-\[background\]{transition-property:background;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[left\]{transition-property:left;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-250{--tw-duration:.25s;transition-duration:.25s}.duration-\[350ms\]{--tw-duration:.35s;transition-duration:.35s}.ease-\[cubic-bezier\(0\.4\,0\.1\,0\.2\,1\)\]{--tw-ease:cubic-bezier(.4,.1,.2,1);transition-timing-function:cubic-bezier(.4,.1,.2,1)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.placeholder\:text-ink-4::placeholder{color:var(--color-ink-4)}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}@media(hover:hover){.hover\:border-ink-3:hover{border-color:var(--color-ink-3)}.hover\:border-ink-4:hover{border-color:var(--color-ink-4)}.hover\:bg-bg:hover{background-color:var(--color-bg)}.hover\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\:bg-brand-red-deep:hover{background-color:var(--color-brand-red-deep)}.hover\:bg-brand-red-soft:hover{background-color:var(--color-brand-red-soft)}.hover\:bg-green-600:hover{background-color:var(--color-green-600)}.hover\:bg-line-2:hover{background-color:var(--color-line-2)}.hover\:bg-red-600:hover{background-color:var(--color-red-600)}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:bg-student-soft:hover{background-color:var(--color-student-soft)}.hover\:bg-student\/90:hover{background-color:#7b5be6e6}@supports (color:color-mix(in lab,red,red)){.hover\:bg-student\/90:hover{background-color:color-mix(in oklab,var(--color-student) 90%,transparent)}}.hover\:bg-teacher-soft:hover{background-color:var(--color-teacher-soft)}.hover\:bg-teacher-soft\/80:hover{background-color:#ffe9e9cc}@supports (color:color-mix(in lab,red,red)){.hover\:bg-teacher-soft\/80:hover{background-color:color-mix(in oklab,var(--color-teacher-soft) 80%,transparent)}}.hover\:text-brand-red-deep:hover{color:var(--color-brand-red-deep)}.hover\:text-ink:hover{color:var(--color-ink)}.hover\:underline:hover{text-decoration-line:underline}}.focus\:border-red-500:focus{border-color:var(--color-red-500)}.focus\:border-student:focus{border-color:var(--color-student)}.focus\:border-teacher:focus{border-color:var(--color-teacher)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-brand-red:focus-visible{--tw-ring-color:var(--color-brand-red)}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}@media(min-width:40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:64rem){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-\[1fr_300px\]{grid-template-columns:1fr 300px}}}:root{--bg:var(--color-bg);--surface:var(--color-surface);--surface-soft:var(--color-surface);--surface-muted:var(--color-line-2);--border:var(--color-line);--ink:var(--color-ink);--ink-2:var(--color-ink-2);--ink-3:var(--color-ink-3);--ink-6:var(--color-line);--grad-primary:linear-gradient(135deg, var(--color-brand-red), var(--color-brand-red-deep));--green:var(--color-ok);--cyan:var(--color-student);--coral:var(--color-brand-red);--red:var(--color-brand-red);--grad-danger:linear-gradient(135deg, var(--color-brand-red), var(--color-brand-red-deep));--purple:var(--color-student);--amber:var(--color-warn);--blue:var(--color-student);--code-bg:var(--color-dark-surface);--shadow-1:var(--shadow-card-soft);--shadow-2:var(--shadow-card-soft);--shadow-3:var(--shadow-card);color-scheme:light;color:var(--ink);background-color:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;line-height:1.5}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}#root{text-align:left;width:100%;max-width:100%;margin:0;padding:0}.stepper-container{background:0 0;border:none;align-items:center;gap:12px;width:fit-content;margin-bottom:32px;padding:0;display:flex}.step-btn{background:var(--surface);border:1px solid var(--border);cursor:pointer;min-height:55px;box-shadow:var(--shadow-2);border-radius:16px;align-items:center;gap:12px;padding:12px 24px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.step-btn.active{border-color:var(--primary);border-width:2px;padding:11px 23px}.step-btn.active .step-number{background:var(--primary);color:var(--surface);border-color:var(--primary)}.step-btn.active .step-label{color:var(--primary);font-weight:700}.step-number{background:var(--surface-soft);width:26px;height:26px;color:var(--ink-3);border:1px solid var(--border);border-radius:8px;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.step-connector{background:var(--border);width:40px;height:2px}.step-btn:hover:not(.active){background:var(--surface-soft)}.app-container{background:var(--bg);min-height:100vh}.card-container{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-bottom:20px;display:grid}.sensor-card{background:var(--surface);border:1px solid var(--border);text-align:left;cursor:default;border-radius:14px;padding:20px 22px;transition:box-shadow .2s,transform .2s}.sensor-card:hover{box-shadow:var(--shadow-3);transform:translateY(-2px)}.sensor-label{color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em;align-items:center;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}.sensor-value{letter-spacing:-.03em;align-items:baseline;gap:4px;font-size:44px;font-weight:800;display:flex}.sensor-unit{color:var(--ink-3);font-size:16px;font-weight:600}.status-bar{letter-spacing:.02em;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.status-bar.is-live{color:var(--green);background:#34c7591f;border:1px solid #34c75933}.status-bar.is-off{color:var(--red);background:#ff453a1f;border:1px solid #ff453a33}.status-bar.is-neutral{background:var(--surface-muted);color:var(--ink-2);border:1px solid var(--border)}.status-dot{border-radius:50%;width:7px;height:7px}.status-live{background-color:var(--green);animation:2s infinite pulse;box-shadow:0 0 6px #34c75999}.status-disconnected{background-color:var(--red)}.log-container{background:var(--surface);border:1px solid var(--border);text-align:left;border-radius:16px;margin-top:0;padding:24px}.log-list{margin:0;padding:0;font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:12px;list-style:none}.log-item{border-bottom:1px solid var(--divider);color:var(--ink-4);padding:8px 0}.log-item:last-child{border-bottom:none}.log-ts{color:var(--cyan);margin-right:16px}.camera-feed{background:var(--surface);border:1px solid var(--border);text-align:left;border-radius:16px;margin-bottom:0;padding:24px}.camera-feed-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.camera-feed-meta{align-items:center;gap:12px;font-size:12px;display:flex}.cv-loading{color:var(--coral);font-weight:600}.cv-ready{color:var(--green);font-weight:600}.camera-fps{color:var(--ink-3);font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:12px}.color-selector{gap:8px;margin-bottom:16px;display:flex}.color-btn{border:1px solid var(--border);background:var(--surface-soft);color:var(--ink-3);cursor:pointer;border-radius:8px;padding:8px 16px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s}.color-btn:hover{border-color:var(--primary);color:var(--primary)}.color-btn.active{border-color:var(--primary);color:var(--primary);background:#4f6ef70f}.camera-canvas-row{position:relative}.camera-canvas-wrap{flex-direction:column;gap:4px;display:flex}.canvas-label{color:var(--green);font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:12px;font-weight:600}.camera-canvas{border-radius:8px;width:100%;display:block}.camera-bbox{color:var(--ink-3);margin-top:8px;margin-bottom:0;font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:12px}.camera-timestamp{color:var(--ink-3);margin-top:4px;margin-bottom:0;font-size:12px}.camera-placeholder{height:360px;color:var(--ink-3);border:2px dashed var(--border);border-radius:12px;justify-content:center;align-items:center;font-size:14px;display:flex}.tab-bar{background:var(--surface);border:1px solid var(--border);border-radius:12px;gap:4px;width:fit-content;margin-bottom:20px;padding:4px;display:flex}.tab-btn{color:var(--ink-3);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;padding:8px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s}.tab-btn:hover{color:var(--ink)}.tab-btn.active{background:var(--grad-primary);color:var(--surface);box-shadow:var(--shadow-primary-sm)}.camera-view{position:relative}.camera-loading{min-height:200px;color:var(--ink-3);border:2px dashed var(--border);border-radius:12px;justify-content:center;align-items:center;gap:12px;margin-bottom:32px;font-size:14px;display:flex}.camera-loading-spinner{border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes dropletBounce{0%,to{opacity:1;transform:translateY(0)scale(1)}30%{opacity:.85;transform:translateY(-6px)scale(1.1)}60%{opacity:1;transform:translateY(2px)scale(.95)}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.anim-droplet{animation:1.4s ease-in-out infinite dropletBounce}.anim-spin-slow{animation:1.2s linear infinite spinSlow}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:var(--ink-6);border-radius:8px}@media(max-width:600px){.camera-canvas-row{grid-template-columns:1fr}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}