.ard{--ard-bg:#f6efe2;--ard-card:#fffaf0;--ard-ink:#1f2d4a;--ard-mute:#5c6a85;--ard-line:#d9cdb4;--ard-teal:#1f9d8f;--ard-red:#d94a4a;--ard-blue:#2b5aa8;background:var(--ard-bg);color:var(--ard-ink);border:1px solid var(--ard-line);box-sizing:border-box;background-image:linear-gradient(#1f2d4a0d 1px,#0000 1px),linear-gradient(90deg,#1f2d4a0d 1px,#0000 1px);background-size:28px 28px;border-radius:18px;width:100%;min-width:0;max-width:100%;margin:10px 0 24px;padding:14px 16px 12px;overflow:hidden}.ard-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.ard-kicker{letter-spacing:.16em;color:var(--ard-mute);margin:0 0 6px;font:600 .72rem/1 ui-monospace,monospace}.ard h1{letter-spacing:.02em;color:var(--ard-ink);margin:0;font-size:1.55rem;line-height:1.1}.ard-sub{color:var(--ard-mute);margin:6px 0 0;font-size:.88rem}.ard-prog{background:var(--ard-card);border:1.5px solid var(--ard-ink);border-radius:12px;align-items:center;gap:10px;min-width:230px;padding:8px 12px;display:flex}.ard-prog b{font-size:.85rem}.ard-bar{background:#e6dcc6;border-radius:99px;flex:1;height:8px;overflow:hidden}.ard-bar i{background:var(--ard-teal);border-radius:99px;height:100%;transition:width .4s;display:block}.ard-prog span{font:700 .85rem ui-monospace,monospace}.ard-titlebar{justify-content:space-between;align-items:center;gap:10px;margin:14px 0 8px;scroll-margin-top:76px;display:flex}.ard-title{color:var(--ard-ink);align-items:center;gap:10px;margin:0;font-size:1.05rem;display:flex}.ard-title span{background:var(--ard-ink);color:#fff;letter-spacing:.08em;text-transform:uppercase;border-radius:99px;padding:3px 9px;font-size:.72rem}.ard-main{grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);align-items:stretch;gap:12px;display:grid}.ard-stage{background:var(--ard-card);border:1.5px solid var(--ard-ink);border-radius:14px;justify-content:center;align-items:center;min-width:0;padding:4px;display:flex;position:relative}.ard-stage svg{touch-action:manipulation;width:100%;height:auto;max-height:min(64vh,600px);display:block}.ard-svg-note{fill:#1f2d4a;font:600 14px ui-monospace,monospace}.ard-svg-big{fill:#1f2d4a;font:800 26px ui-monospace,monospace}.ard-svg-tag{fill:#1f2d4a;font:700 14px system-ui,sans-serif}.ard-pop{transform-box:fill-box;transform-origin:bottom;animation:.35s ease-out both ard-pop}@keyframes ard-pop{0%{opacity:0;transform:translateY(-14px)scale(.9)}to{opacity:1;transform:none}}.ard-wire path:nth-child(2){stroke-dasharray:1;animation:.6s ease-out both ard-draw}@keyframes ard-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.ard-spot{cursor:pointer}.ard-dot-n{fill:#fff;pointer-events:none;font:800 12px system-ui,sans-serif}.ard-tip{box-sizing:border-box;border:1.5px solid var(--ard-ink);cursor:pointer;background:#fffaf0;border-radius:10px;align-content:center;gap:1px;height:100%;padding:5px 10px;display:grid;overflow:hidden}.ard-tip b{color:#1f2d4a;align-items:center;gap:6px;font:800 13px system-ui,sans-serif;display:flex}.ard-tip b i{color:#fff;background:#1f9d8f;border-radius:50%;flex:none;place-items:center;width:18px;height:18px;font-size:11px;font-style:normal;display:grid}.ard-tip span{color:#3d4b69;font:500 12px/1.3 system-ui,sans-serif}.ard-tip.is-on{background:#fff4cc;border-color:#c9951c}.ard-dot{fill:#2ec4b6;stroke:#fff;stroke-width:3px;transform-box:fill-box;transform-origin:50%;animation:1.8s ease-in-out infinite ard-pulse}.ard-spot.is-seen .ard-dot{fill:#1f9d8f}.ard-spot.is-on .ard-dot{fill:#e7b416;animation:none}@keyframes ard-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.35)}}.ard-panel{background:var(--ard-card);border:1.5px solid var(--ard-ink);border-radius:14px;flex-direction:column;min-width:0;max-height:min(64vh,600px);display:flex}.ard-tabs{border-bottom:1.5px solid var(--ard-line);gap:2px;padding:6px 6px 0;display:flex;overflow-x:auto}.ard-tabs button{color:var(--ard-mute);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:3px solid #0000;padding:7px 11px;font:700 .85rem system-ui,sans-serif}.ard-tabs button.is-on{color:var(--ard-ink);border-bottom-color:var(--ard-teal)}.ard-body{align-content:start;gap:9px;padding:10px 12px 12px;font-size:.9rem;line-height:1.5;display:grid;overflow-y:auto}.ard-body p{margin:0}.ard-intro{color:var(--ard-ink)}.ard-hint{color:var(--ard-mute);font-size:.85rem}.ard-points{color:var(--ard-ink);gap:3px;margin:0;padding-left:20px;list-style:outside;display:grid}.ard-steps{gap:6px;margin:0;padding:0;list-style:none;display:grid}.ard-steps li{border:1.5px solid var(--ard-line);color:var(--ard-mute);border-radius:10px;align-items:flex-start;gap:8px;padding:6px 8px;display:flex}.ard-steps li span{background:var(--ard-line);width:22px;height:22px;color:var(--ard-ink);border-radius:50%;flex:none;place-items:center;font-size:.75rem;font-weight:800;display:grid}.ard-steps li.is-now{border-color:var(--ard-teal);color:var(--ard-ink);background:#e8f6f3}.ard-steps li.is-now span{background:var(--ard-teal);color:#fff}.ard-steps li.is-done{color:var(--ard-ink)}.ard-steps li.is-done span{color:#fff;background:#2a9d57}.ard-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ard-ok{color:#2a7d46;font-weight:800}.ard-btn{border:1.5px solid var(--ard-ink);color:var(--ard-ink);cursor:pointer;background:#fff;border-radius:10px;padding:7px 12px;font:700 .85rem system-ui,sans-serif}.ard-btn.is-primary{background:var(--ard-ink);color:#fff}.ard-btn:hover{filter:brightness(1.08)}.ard-card{border:1.5px solid var(--ard-line);background:#fff;border-radius:12px;gap:6px;padding:10px 12px;display:grid}.ard-card.is-good{background:#e9f7ee;border-color:#2a9d57}.ard-count{color:var(--ard-teal);font:700 .82rem ui-monospace,monospace}.ard-slider{gap:4px;display:grid}.ard-slider span{justify-content:space-between;font-weight:700;display:flex}.ard-slider b{color:var(--ard-blue);font-family:ui-monospace,monospace}.ard-slider input{width:100%;accent-color:var(--ard-teal);height:28px}.ard-swatch{border:2px solid var(--ard-ink);color:#fff;text-shadow:0 1px 3px #000000b3;border-radius:10px;place-items:center;height:46px;font:700 .82rem ui-monospace,monospace;display:grid}.ard-keys{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.ard-keys button{border:1.5px solid var(--ard-ink);cursor:pointer;color:var(--ard-ink);background:#fff;border-radius:10px;gap:2px;padding:8px 0;display:grid}.ard-keys button small{color:var(--ard-mute);font-size:.7rem}.ard-keys button.is-on{background:#ffe9a6}.ard-check{align-items:center;gap:8px;font-weight:600;display:flex}.ard-serial,.ard-code{color:#b8f2c9;white-space:pre-wrap;background:#14213d;border-radius:10px;margin:0;padding:9px 11px;font:500 .8rem/1.5 ui-monospace,monospace;overflow-x:auto}.ard-code{color:#e8edf8}.ard-quiz{gap:7px;display:grid}.ard-q{font-weight:800}.ard-opt{text-align:left;border:1.5px solid var(--ard-ink);color:var(--ard-ink);cursor:pointer;background:#fff;border-radius:10px;padding:8px 11px;font:600 .88rem system-ui,sans-serif}.ard-opt:disabled{cursor:default}.ard-opt.is-right{background:#dcf4e3;border-color:#2a9d57}.ard-opt.is-wrong{border-color:var(--ard-red);background:#fde2e2}.ard-why{border:1.5px dashed var(--ard-line);background:#fff;border-radius:10px;gap:7px;padding:8px 10px;display:grid}.ard-pn{flex:none;gap:6px;display:flex}.ard-pn button{border:1.5px solid var(--ard-ink);color:var(--ard-ink);cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:6px;min-height:40px;padding:0 12px;font:700 .85rem system-ui,sans-serif;display:flex}.ard-pn button b{font-size:1.3rem;line-height:1}.ard-pn button:disabled{opacity:.35;cursor:default}.ard-strip{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px;margin-top:8px;display:grid}.ard-arrow{border:1.5px solid var(--ard-ink);width:38px;height:38px;color:var(--ard-ink);cursor:pointer;background:#fff;border-radius:50%;place-items:center;padding:0 0 3px;font:800 1.3rem/1 system-ui,sans-serif;display:grid}.ard-lessons{scrollbar-width:none;scroll-snap-type:x proximity;gap:8px;padding:10px 4px 6px;display:flex;position:relative;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 14px calc(100% - 14px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 14px calc(100% - 14px),#0000 100%)}.ard-lessons::-webkit-scrollbar{display:none}.ard-lessons button{scroll-snap-align:center;border:1.5px solid var(--ard-line);background:var(--ard-card);cursor:pointer;color:var(--ard-ink);border-radius:12px;flex:none;align-items:center;gap:8px;padding:6px 12px 6px 8px;font:700 .8rem system-ui,sans-serif;display:flex;position:relative}.ard-lessons button img{object-fit:contain;width:40px;height:40px}.ard-lessons button.is-on{border-color:var(--ard-ink);box-shadow:0 0 0 2px var(--ard-teal)}.ard-lessons button em{color:#fff;background:#2a9d57;border-radius:50%;place-items:center;width:18px;height:18px;font-size:.7rem;font-style:normal;display:grid}@media (max-width:860px){.ard-main{grid-template-columns:minmax(0,1fr)}.ard-panel,.ard-stage svg{max-height:none}.ard h1{font-size:1.3rem}.ard-prog{width:100%;min-width:0}}@media (prefers-reduced-motion:reduce){.ard-pop,.ard-wire path,.ard-dot{animation:none}}.ard-stage svg.is-zoomed{cursor:grab}.ard-stage svg.is-zoomed:active{cursor:grabbing}.ard-part-name{fill:#1f2d4a;paint-order:stroke;stroke:#fffaf0;stroke-width:3.5px;stroke-linejoin:round;pointer-events:none;font:700 12px system-ui,sans-serif}.ard-tools{border:1.5px solid var(--ard-ink);background:#fffaf0f0;border-radius:12px;align-items:center;gap:4px;padding:4px 6px;display:flex;position:absolute;top:10px;left:10px;box-shadow:0 2px 8px #1f2d4a26}.ard-tools button{color:var(--ard-ink);cursor:pointer;background:0 0;border:0;border-radius:8px;min-width:32px;height:32px;padding:0 8px;font:800 1rem system-ui,sans-serif}.ard-tools button:hover:not(:disabled){background:#e8f6f3}.ard-tools button:disabled{opacity:.35;cursor:default}.ard-tools button.is-on{color:#14695f;background:#d6efe9}.ard-tools span{text-align:center;min-width:40px;color:var(--ard-mute);font:700 .75rem ui-monospace,monospace}.ard-tools i{background:var(--ard-line);width:1.5px;height:20px;margin:0 4px}.ard-pins{border-collapse:collapse;width:100%}.ard-pins th,.ard-pins td{border-bottom:1px dashed var(--ard-line);vertical-align:top;text-align:left;padding:7px 4px}.ard-pins th{width:84px;font-weight:400}.ard-chip{color:var(--ard-ink);white-space:nowrap;background:#e6dcc6;border-radius:8px;padding:3px 8px;font:800 .78rem ui-monospace,monospace;display:inline-block}@media (pointer:coarse){.ard-tools button{min-width:42px;height:42px}.ard-lessons button{min-height:54px}.ard-tabs button{padding:11px 13px}.ard-btn{min-height:42px}.ard-opt{min-height:46px}.ard-arrow{width:44px;height:44px}}@media (max-width:640px){.ard-stage{flex-direction:column}.ard-tools{margin:2px auto 6px;position:static}.ard-arrow{display:none}.ard-strip{grid-template-columns:minmax(0,1fr)}.ard-titlebar{flex-wrap:wrap}.ard-pn{justify-content:space-between;width:100%}.ard-pn button{flex:1;justify-content:center}}@media (min-width:641px) and (max-width:900px){.ard-pn button span{display:none}}