.sp-lab,.sp-lab *{box-sizing:border-box}.sp-lab{color:var(--c-ink);--sp-mint:#dce9d9;--sp-blueish:#dce6eb;--sp-blush:#f2d8cb;--sp-warn:#f6e6bd;--sp-room:#f0e4cf;--sp-room-hero:#ead9bd;--sp-wall:#c6b08e;--sp-wall-demo:#c9b18e;--sp-bed:#e9b2a0;--sp-cabinet:#c7d3bd;--sp-panel:#a64b2a;background:radial-gradient(circle at 8% 5%,var(--c-glow2),transparent 22rem),radial-gradient(circle at 92% 28%,var(--c-glow1),transparent 24rem);padding-bottom:65px;font-family:inherit;line-height:1.65;overflow-x:clip}html[data-theme=dark] .sp-lab{--sp-mint:#2e3a2e;--sp-blueish:#2b3b41;--sp-blush:#453028;--sp-warn:#44391f;--sp-room:#2e2a22;--sp-room-hero:#292418;--sp-wall:#54483a;--sp-wall-demo:#54483a;--sp-bed:#7c4a3e;--sp-cabinet:#4c5744}html[data-theme=dark] .sp-lab .sp-kicker,html[data-theme=dark] .sp-lab .sp-card .sp-num,html[data-theme=dark] .sp-lab .sp-step .sp-day,html[data-theme=dark] .sp-lab .sp-measure{color:var(--c-sun)}.sp-lab button,.sp-lab input{font-family:inherit}.sp-lab button{cursor:pointer;color:inherit}.sp-lab a{color:inherit}.sp-lab ::selection{background:var(--c-sun);color:#231d18}.sp-wrap{width:min(1120px,100% - 36px);margin-inline:auto}.sp-mono{letter-spacing:.1em;font:700 11px/1.5 Cascadia Code,Consolas,monospace}.sp-kicker{color:var(--c-brick);letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:9px;font-size:11px;font-weight:900;line-height:1.5;display:inline-flex}.sp-kicker:before{content:"";background:var(--c-orange);width:9px;height:9px;box-shadow:0 0 0 5px color-mix(in srgb,var(--c-orange) 11%,transparent);border-radius:50%}.sp-section-nav{border-bottom:1px solid var(--c-muted);flex-wrap:wrap;gap:12px 24px;padding-block:20px;font-size:12px;font-weight:800;display:flex}.sp-section-nav a{text-decoration:none}.sp-section-nav a:hover{color:var(--c-brick)}.sp-lab section{scroll-margin-top:110px}.sp-hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:42px;padding:62px 0 40px;display:grid}.sp-hero h1{letter-spacing:-.055em;max-width:680px;margin:20px 0 18px;font-size:clamp(42px,5.6vw,72px);font-weight:950;line-height:1.06}.sp-hero h1 span{color:var(--c-orange)}.sp-lead{max-width:620px;color:var(--c-muted);margin:0;font-size:18px}.sp-hero-note{color:var(--c-muted);align-items:flex-start;gap:12px;max-width:620px;margin-top:25px;font-size:13px;display:flex}.sp-hero-note b{color:var(--c-ink)}.sp-hero-art{background:var(--c-paper);border:1.5px solid var(--c-line);box-shadow:5px 5px 0 color-mix(in srgb,var(--c-shadow) 55%,transparent);border-radius:0;padding:18px;transform:rotate(1deg)}.sp-art-head{letter-spacing:.1em;text-transform:uppercase;color:var(--c-muted);justify-content:space-between;font-size:11px;font-weight:900;display:flex}.sp-room{background:var(--sp-room-hero);border:1.5px solid var(--c-line);height:270px;margin-top:15px;position:relative;overflow:hidden}.sp-room:before,.sp-room:after{content:"";background:var(--sp-wall);position:absolute}.sp-room:before{border-top:1.5px solid var(--c-line);height:16px;bottom:0;left:0;right:0}.sp-room:after{border-right:1.5px solid var(--c-line);width:15px;top:0;bottom:0;left:0}.sp-window{background:var(--sp-blueish);border:1.5px solid var(--c-line);border-top:0;width:105px;height:13px;position:absolute;top:0;right:42px}.sp-door{border:1.5px dashed var(--c-brick);border-bottom:0;border-right:0;border-radius:60px 0 0;width:62px;height:75px;position:absolute;bottom:16px;right:0}.sp-bed{background:var(--sp-bed);border:1.5px solid var(--c-line);width:125px;height:82px;box-shadow:3px 3px 0 color-mix(in srgb,var(--c-shadow) 40%,transparent);color:#231d18;place-items:center;font-size:12px;font-weight:900;display:grid;position:absolute;top:75px;left:88px;transform:rotate(-9deg)}html[data-theme=dark] .sp-bed{color:var(--c-deepText)}.sp-bed:before{content:"";background:var(--c-paper);border:1px solid var(--c-line);height:19px;position:absolute;top:7px;left:7px;right:7px}.sp-cabinet{background:var(--sp-cabinet);border:1.5px solid var(--c-line);writing-mode:vertical-rl;color:#231d18;place-items:center;width:62px;height:100px;font-size:11px;font-weight:900;display:grid;position:absolute;top:55px;right:28px}html[data-theme=dark] .sp-cabinet{color:var(--c-deepText)}.sp-desk{background:var(--c-sun);border:1.5px solid var(--c-line);color:#231d18;place-items:center;width:70px;height:40px;font-size:10px;font-weight:900;display:grid;position:absolute;bottom:40px;left:28px}.sp-measure{color:#8a3e22;font-size:10px;font-weight:900;position:absolute;top:171px;left:85px}.sp-art-caption{color:var(--c-muted);justify-content:space-between;gap:10px;margin-top:13px;font-size:11px;display:flex}.sp-section{padding:42px 0}.sp-section-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px;display:flex}.sp-section-head h2,.sp-quiz-head h3{letter-spacing:-.04em;color:var(--c-ink);margin:6px 0 0;font-size:clamp(27px,3.4vw,40px);font-weight:950;line-height:1.14}.sp-quiz-head h3{margin:0;font-size:22px}.sp-section-desc{max-width:420px;color:var(--c-muted);margin:0;font-size:14px}.sp-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.sp-card{background:var(--c-paper);border:1.5px solid var(--c-line);box-shadow:3px 3px 0 color-mix(in srgb,var(--c-shadow) 50%,transparent);min-height:160px;padding:19px}.sp-card .sp-num{letter-spacing:.12em;color:var(--c-brick);font-size:11px;font-weight:950}.sp-card h3{color:var(--c-ink);margin:8px 0 5px;font-size:19px}.sp-card p{color:var(--c-muted);margin:0;font-size:13px}.sp-tag{background:var(--sp-mint);border:1px solid var(--c-line);color:var(--c-ink);margin-top:14px;padding:3px 7px;font-size:10px;font-weight:900;display:inline-block}.sp-compare{grid-template-columns:1fr 1fr;gap:14px;display:grid}.sp-compare-card{border:1.5px solid var(--c-line);box-shadow:3px 3px 0 color-mix(in srgb,var(--c-shadow) 50%,transparent);padding:22px}.sp-compare-card:first-child{background:var(--sp-blush)}.sp-compare-card:last-child{background:var(--sp-mint)}.sp-compare-card h3{color:var(--c-ink);margin:0 0 12px;font-size:21px}.sp-quote{color:var(--c-ink);font-size:16px;font-weight:800;line-height:1.5}.sp-compare-card ul{color:var(--c-ink);margin-bottom:0;padding-left:18px;font-size:13px}.sp-compare-card li{margin:5px 0}.sp-callout{background:var(--c-deep);color:var(--c-deepText);margin-top:17px;padding:17px 20px;font-size:14px;line-height:1.8}.sp-callout strong{color:var(--c-sun)}.sp-exercise{grid-template-columns:.85fr 1.15fr;align-items:stretch;gap:18px;display:grid}.sp-exercise-intro{background:var(--sp-panel);color:#fff;border:1.5px solid var(--c-line);box-shadow:5px 5px 0 color-mix(in srgb,var(--c-shadow) 55%,transparent);padding:24px}.sp-exercise-intro h3{margin:0 0 12px;font-size:25px;line-height:1.15}.sp-exercise-intro p{opacity:.94;margin:0 0 10px;font-size:13px}.sp-room-demo{background:var(--c-paper);border:1.5px solid var(--c-line);box-shadow:5px 5px 0 color-mix(in srgb,var(--c-shadow) 55%,transparent);min-width:0;padding:20px}.sp-demo-top{color:var(--c-muted);justify-content:space-between;align-items:center;gap:10px;font-size:12px;font-weight:900;display:flex}.sp-demo-room{background:var(--sp-room);border:1.5px solid var(--c-line);height:235px;margin:16px 0;position:relative;overflow:hidden}.sp-demo-wall{border:12px solid var(--sp-wall-demo);position:absolute;inset:0}.sp-demo-door{border:2px dashed var(--c-brick);border-bottom:0;border-right:0;border-radius:60px 0 0;width:62px;height:75px;position:absolute;bottom:10px;right:0}.sp-demo-bed{background:var(--sp-bed);border:1.5px solid var(--c-line);color:#231d18;place-items:center;width:43%;height:34%;font-size:12px;font-weight:900;transition:width .25s,height .25s,left .25s,top .25s;display:grid;position:absolute;top:26%;left:23%}html[data-theme=dark] .sp-demo-bed{color:var(--c-deepText)}.sp-demo-bed.vertical{width:27%;height:52%;top:20%;left:37%}.sp-demo-bed.shifted{top:16%;left:12%}.sp-controls{flex-wrap:wrap;gap:8px;display:flex}.sp-control{border:1.5px solid var(--c-line);background:var(--c-sun);font:inherit;cursor:pointer;box-shadow:2px 2px 0 color-mix(in srgb,var(--c-shadow) 60%,transparent);padding:8px 11px;font-size:12px;font-weight:900}.sp-lab .sp-control{color:#231d18}.sp-control:hover{box-shadow:3px 3px 0 color-mix(in srgb,var(--c-shadow) 60%,transparent);transform:translate(-1px,-1px)}.sp-control:active{box-shadow:none;transform:translate(2px,2px)}.sp-lab .sp-control-secondary{background:var(--c-paper);color:var(--c-ink)}.sp-status{background:var(--sp-warn);border:1px solid var(--c-line);color:var(--c-ink);margin-top:13px;padding:10px 12px;font-size:12px;font-weight:800}.sp-status.good{background:var(--sp-mint)}.sp-status.bad{background:var(--sp-blush)}.sp-steps{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.sp-step{background:var(--c-paper);border:1.5px solid var(--c-line);min-height:145px;box-shadow:3px 3px 0 color-mix(in srgb,var(--c-shadow) 40%,transparent);padding:15px}.sp-step .sp-day{color:var(--c-brick);letter-spacing:.1em;font-size:11px;font-weight:950}.sp-step h3{color:var(--c-ink);margin:8px 0 5px;font-size:16px}.sp-step p{color:var(--c-muted);margin:0;font-size:12px}.sp-tools{grid-template-columns:1fr 1fr;gap:14px;display:grid}.sp-tool{background:var(--sp-blueish);border:1.5px solid var(--c-line);box-shadow:3px 3px 0 color-mix(in srgb,var(--c-shadow) 50%,transparent);align-items:flex-start;gap:16px;padding:19px;display:flex}.sp-tool:nth-child(2){background:var(--sp-warn)}.sp-tool-icon{background:var(--c-paper);border:1.5px solid var(--c-line);width:44px;height:44px;color:var(--c-ink);flex:0 0 44px;place-items:center;font-size:18px;font-weight:950;display:grid}.sp-tool h3{color:var(--c-ink);margin:0 0 5px;font-size:19px}.sp-tool p{color:color-mix(in srgb,var(--c-muted) 80%,var(--c-ink));margin:0;font-size:13px}.sp-quiz{background:var(--c-paper);border:1.5px solid var(--c-line);box-shadow:5px 5px 0 color-mix(in srgb,var(--c-shadow) 55%,transparent);padding:24px}.sp-quiz-head{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.sp-progress{background:var(--c-sun);color:#231d18;border:1px solid var(--c-line);white-space:nowrap;padding:5px 9px;font-size:12px;font-weight:900}.sp-question{border-top:1px solid color-mix(in srgb,var(--c-muted) 45%,transparent);padding:17px 0}.sp-question:first-of-type{border-top:0}.sp-question h4{color:var(--c-ink);margin:0 0 12px;font-size:15px}.sp-options{gap:7px;display:grid}.sp-option{border:1px solid color-mix(in srgb,var(--c-muted) 55%,transparent);background:var(--c-paper);cursor:pointer;color:var(--c-ink);align-items:flex-start;gap:10px;padding:9px 11px;font-size:13px;display:flex}.sp-option:hover{border-color:var(--c-line)}.sp-option input{accent-color:var(--c-orange);margin-top:4px}.sp-feedback{background:var(--sp-mint);border:1px solid var(--c-line);color:var(--c-ink);margin-top:9px;padding:9px 11px;font-size:12px;line-height:1.7;display:none}.sp-feedback.show{display:block}.sp-feedback.is-good{background:var(--sp-mint)}.sp-feedback.is-warn{background:var(--sp-warn)}.sp-feedback.is-bad{background:var(--sp-blush)}.sp-quiz-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;display:flex}.sp-lab #score{color:var(--c-ink);font-size:13px;font-weight:900}@media (width<=760px){.sp-hero{grid-template-columns:1fr;gap:28px;padding-top:42px}.sp-hero-art{width:100%;max-width:520px;margin:auto}.sp-grid{grid-template-columns:1fr 1fr}.sp-exercise{grid-template-columns:1fr}.sp-steps{grid-template-columns:1fr 1fr}.sp-section-head{display:block}.sp-section-desc{margin-top:10px}.sp-compare,.sp-tools{grid-template-columns:1fr}}@media (width<=480px){.sp-wrap{width:min(100% - 26px,1120px)}.sp-grid{grid-template-columns:1fr}.sp-steps{grid-template-columns:1fr 1fr}.sp-card{min-height:unset}.sp-room{height:230px}.sp-bed{top:68px;left:72px}.sp-cabinet{right:20px}.sp-quiz{padding:17px}.sp-quiz-head{flex-direction:column;align-items:flex-start}.sp-exercise-intro{padding:20px}}@media (prefers-reduced-motion:reduce){.sp-lab *,.sp-lab :before,.sp-lab :after{transition:none!important;animation:none!important}}
