.paper-shell:has(.sdk-tool-page) .paper-room-wash{background:#e3eee6}.paper-shell:has(.sdk-tool-page) .paper-room :is(.room-friend,.room-lamp,.room-plant,.room-books,.room-tea,.room-steam,.room-table,.room-window,.room-clock){display:none}:root:has(.sdk-tool-page){--sdk-font:clamp(16px,.83vw,42px);--sdk-h1:clamp(30px,min(2.8vw,4.6vh),92px);--sdk-chrome:calc(48.4px + 5.35rem + clamp(12px,1.5vh,28px) + var(--sdk-h1)*1.28 + var(--sdk-font)*4.3);--sdk-stage-h:max(460px,calc(100svh - var(--sdk-chrome) - 10px));--sdk-w:min(96vw,calc(100vw - 32px));--sdk-lw:clamp(calc(34*var(--sdk-font)),44vw,calc(52*var(--sdk-font)));--u:min(calc((var(--sdk-w) - var(--sdk-lw))/560),calc(var(--sdk-stage-h)/530),3px);--sdk-sw:calc(560*var(--u) + var(--sdk-lw))}.sdk-tool-page{width:var(--sdk-w);font-size:var(--sdk-font,16px);color:#3f3746;margin:0 auto;padding:clamp(12px,1.5vh,28px) 0 4em}.sdk-heading{z-index:2;flex-wrap:wrap;align-items:center;column-gap:1em;margin:0 0 .5em;display:flex;position:relative}.sdk-heading h1{font-size:var(--sdk-h1);margin:0;line-height:1.08}.sdk-subtitle{color:#463d50;flex-basis:100%;margin:.3em 0 0;font-size:.95em;line-height:1.45}.sdk-badge{color:#463d50;background:#fffdf6;border:1px solid #b5a596;border-radius:1em .9em 1.1em .95em;align-items:center;gap:.4em;margin-top:.45em;padding:.2em .7em;font-size:.85em;display:inline-flex}.sdk-badge svg{width:1em;height:1em}.sdk-workbench{isolation:isolate;position:relative}.sdk-workbench img{-webkit-user-select:none;user-select:none;max-width:none;height:auto;display:block}.sdk-room{z-index:-1;left:calc(-50vw + 50%);right:calc(-50vw + 50%);top:calc(-4*var(--sdk-font));bottom:calc(-6*var(--sdk-font));pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 calc(3*var(--sdk-font)),#000 calc(100% - 5*var(--sdk-font)),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 calc(3*var(--sdk-font)),#000 calc(100% - 5*var(--sdk-font)),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 calc(3*var(--sdk-font)),#000 calc(100% - 5*var(--sdk-font)),transparent 100%);position:absolute;overflow:hidden}.sdk-room picture{display:contents}.sdk-room-art{width:calc(2600*var(--u));left:clamp(100% - 2600*var(--u),50% - var(--sdk-sw)/2 + (260 - 1390)*var(--u),0px);top:calc(4*var(--sdk-font) - 520*var(--u));position:absolute}.sdk-stage{grid-template-columns:calc(260*var(--u))var(--sdk-lw)calc(300*var(--u));height:calc(530*var(--u));grid-template-areas:"left desk right";justify-content:center;display:grid;position:relative}.sdk-left{z-index:1;pointer-events:none;grid-area:left;min-width:0;position:relative}.sdk-right{z-index:1;pointer-events:none;grid-area:right;min-width:0;position:relative}.sdk-world{top:calc(480*var(--u));width:0;height:0;position:absolute}.sdk-left .sdk-world{left:100%}.sdk-right .sdk-world{left:0}.sdk-world>*{position:absolute}.sdk-box{left:calc(var(--bx)*var(--u));top:calc(var(--by)*var(--u));width:calc(var(--bw)*var(--u))}.sdk-world .sdk-art{width:100%}.sdk-move{animation:1.25s ease-in-out infinite sdk-sway;display:block;position:relative}.sdk-page .sdk-move{transform-origin:48% 70%}.sdk-friend .sdk-move{transform-origin:55% 70%;animation-delay:-.4s}@keyframes sdk-sway{0%,to{translate:0;rotate:-.4deg}50%{rotate:.4deg;translate:0 calc(-1.2*var(--u))}}.sdk-workbench[data-page=cheer] .sdk-page .sdk-move{animation:.625s ease-in-out infinite alternate sdk-hop}@keyframes sdk-hop{0%{translate:0}to{translate:0 calc(-8*var(--u))}}.sdk-bulb,.sdk-heart{transform-origin:50% 80%;animation:2s ease-in-out infinite alternate sdk-bob}@keyframes sdk-bob{0%{translate:0}to{translate:0 calc(-4*var(--u))}}.sdk-cue{z-index:6;left:calc(-268*var(--u));top:calc(-466*var(--u));max-width:calc(260*var(--u));font-family:var(--font-paper);font-size:max(13px,calc(26*var(--u)));letter-spacing:.02em;text-transform:uppercase;text-wrap:balance;color:#2f2533;border:max(1px,calc(1.6*var(--u)))solid #5b4c55;box-shadow:max(1px,calc(2*var(--u)))max(2px,calc(3*var(--u)))0 #8b7a7355;background:#f8f0dc;border-radius:.18em .26em .2em .24em;margin:0;padding:.12em .5em .16em;line-height:1.1;rotate:-1.4deg}.sdk-workbench:is([data-phase=hinted],[data-phase=learning]) .sdk-cue{background:#dce8f8}.sdk-workbench[data-phase=done] .sdk-cue{background:#dff0e2}.sdk-workbench:is([data-phase=error],[data-phase=conflict]) .sdk-cue{background:#f6e0da}.sdk-desk{z-index:2;grid-area:desk;min-width:0;position:relative}.sdk-laptop{left:0;right:0;bottom:calc((50 + var(--sdk-table,160))*var(--u) + .9em);top:calc(6*var(--u));box-sizing:border-box;border:max(2px,calc(2.4*var(--u)))solid #1d2130;background:#2a2f3a;border-radius:1em 1.05em .5em .55em;padding:.7em .7em .6em;display:flex;position:absolute;box-shadow:max(2px,.15em) max(3px,.22em) #2a223055}.sdk-cam{z-index:1;background:#121520;border-radius:50%;width:.4em;height:.4em;position:absolute;top:.25em;left:calc(50% - .2em)}.sdk-base{left:-4%;right:-4%;bottom:calc((50 + var(--sdk-table,160))*var(--u));border:max(2px,calc(2*var(--u)))solid #3b4152;background:#c9ced6;border-radius:.2em .2em .6em .6em;height:.9em;position:absolute}.sdk-base:after{content:"";background:#aab2bf;border-radius:0 0 .4em .4em;height:.3em;position:absolute;top:0;left:42%;right:42%}.sdk-table{left:-9%;right:-9%;bottom:calc(50*var(--u));height:calc(var(--sdk-table,160)*var(--u));pointer-events:none;background:linear-gradient(#e8d6b6,#e8d6b6)top/100% calc(12*var(--u))no-repeat,linear-gradient(#c9a77a,#c9a77a)0 calc(12*var(--u))/100% calc(12*var(--u))no-repeat,linear-gradient(to bottom right,transparent calc(50% - 1.2*var(--u)),#7d8794 calc(50% - 1.2*var(--u)),#7d8794 calc(50% + 1.2*var(--u)),transparent calc(50% + 1.2*var(--u)))20% calc(24*var(--u))/calc(70*var(--u))calc(70*var(--u))no-repeat,linear-gradient(to bottom left,transparent calc(50% - 1.2*var(--u)),#7d8794 calc(50% - 1.2*var(--u)),#7d8794 calc(50% + 1.2*var(--u)),transparent calc(50% + 1.2*var(--u)))80% calc(24*var(--u))/calc(70*var(--u))calc(70*var(--u))no-repeat;position:absolute}.sdk-table:before{content:"";height:calc(24*var(--u));box-sizing:border-box;border:max(1px,calc(1.4*var(--u)))solid #4a3a2c;border-radius:.2em;position:absolute;top:0;left:0;right:0}.sdk-screen{color:#3f3343;background:#fbf8f0;border-radius:.5em .55em .45em .5em;flex-direction:column;flex:1;min-width:0;min-height:0;font-size:.86em;display:flex;position:relative;overflow:clip;container-type:size}.sdk-browser{color:#7d7280;white-space:nowrap;background:#e4e1dc;border-bottom:1px solid #cbc2b2;flex:none;align-items:center;height:1.9em;padding:0 .6em;font-size:.76em;line-height:1;display:flex;overflow:hidden}.sdk-browser span{text-overflow:ellipsis;text-align:center;background:#faf8ee;border:1px solid #cdc4b4;border-radius:1em;flex:1;min-width:0;padding:.25em .8em;overflow:hidden}.sdk-body{flex:1;grid-template-columns:min(100cqh - 3em,56cqw) minmax(0,1fr);column-gap:.9em;min-height:0;padding:.6em .8em;display:grid}.sdk-gridcol{align-self:start;min-width:0}.sdk-side{flex-direction:column;gap:.5em;min-width:0;min-height:0;display:flex;overflow-y:auto}.sdk-screen [role=grid]{width:100%;max-width:none;container-type:inline-size}.sdk-screen [role=gridcell]{height:auto;min-height:0;padding:0;font-size:6.8cqi}.sdk-screen [role=gridcell]>span.absolute{font-size:2.4cqi}.sdk-screen .text-sm{font-size:.875em;line-height:1.4}.sdk-screen .text-xs{font-size:.75em}.sdk-screen .text-lg{font-size:1.05em}.sdk-screen .p-4{padding:.6em .8em}.sdk-screen .gap-2{gap:.35em}.sdk-screen .gap-3{gap:.5em}.sdk-screen .space-y-3>*+*{margin-top:.5em}.sdk-screen button:not([role=gridcell]){height:auto;min-height:2em;padding:.2em .7em;font-size:.85em}.sdk-screen .sdk-pad button:nth-child(-n+9){width:1.95em;min-width:1.95em;height:1.95em;min-height:1.95em;padding:0;font-size:1em}.sdk-screen svg{width:1em;height:1em}.sdk-sheet{z-index:1;color:#3f3343;background:#fffdf6;border:max(1px,.08em) solid #5b4c55;border-radius:.9em .7em 1em .8em;width:min(100%,60em);margin:2.2em auto 0;padding:1.2em 1.4em 1.4em;position:relative;box-shadow:.18em .24em #8b7a7344}.sdk-sheet h2{font-family:var(--font-paper)}.sdk-promo{z-index:1;width:min(100%,60em);margin:2em auto 0;position:relative}.sdk-reading.paper-notebook{width:calc(100% - 4em);margin:2.5em auto 0}.sdk-workbench[data-motion=paused] *,.sdk-workbench[data-motion=paused] :before,.sdk-workbench[data-motion=paused] :after{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.sdk-workbench *,.sdk-workbench :before,.sdk-workbench :after{transition:none!important;animation:none!important}}@media (min-width:1180px) and (max-height:900px){.sdk-desk{--sdk-table:120}.sdk-laptop{top:calc(4*var(--u));padding:.5em .5em .45em}.sdk-browser{height:1.6em}.sdk-body{padding:.4em .6em}.sdk-side{gap:.35em}.sdk-screen{font-size:.8em}}@media (max-width:1179px){:root:has(.sdk-tool-page){--u:min(calc((100vw - 32px)/580),.9px);--sdk-sw:calc(580*var(--u))}.sdk-tool-page{width:calc(100% - 32px)}.sdk-stage{grid-template-columns:1fr calc(260*var(--u))calc(20*var(--u))calc(300*var(--u))1fr;grid-template-rows:calc(490*var(--u))auto;grid-template-areas:".left.right.""desk desk desk desk desk";justify-content:stretch;height:auto}.sdk-left,.sdk-right{overflow:visible}.sdk-world{top:calc(470*var(--u))}.sdk-cue{left:calc(-262*var(--u));top:calc(-470*var(--u));max-width:calc(300*var(--u));font-size:max(12px,calc(28*var(--u)))}.sdk-room{height:calc(4*var(--sdk-font) + 540*var(--u));bottom:auto}.sdk-room-art{width:calc(1280*var(--u));left:clamp(100% - 1280*var(--u),50% - var(--sdk-sw)/2 + (260 - 730)*var(--u),0px);top:calc(4*var(--sdk-font) - 290*var(--u))}.sdk-desk{width:min(100%,36em);margin-top:calc(20*var(--u));justify-self:center}.sdk-laptop{height:auto;position:relative;inset:auto}.sdk-base{margin:0 -4%;display:block;position:relative;bottom:auto;left:auto;right:auto}.sdk-table{display:none}.sdk-screen{overflow:visible;container-type:normal}.sdk-body{flex-direction:column;gap:.6em;display:flex;overflow:visible}.sdk-gridcol{align-self:center;width:min(100%,28rem)}.sdk-side{overflow:visible}.sdk-screen [role=gridcell]{font-size:1.15em}.sdk-screen [role=gridcell]>span.absolute{font-size:.5em}}