.paper-shell:has(.stt-tool-page) .paper-room-wash{background:#9cb0ab}.paper-shell:has(.stt-tool-page) .paper-room :is(.room-friend,.room-lamp,.room-plant,.room-books,.room-tea,.room-steam,.room-table,.room-window){display:none}:root:has(.stt-tool-page){--stt-font:clamp(16px,.83vw,42px);--stt-h1:clamp(30px,min(2.8vw,4.6vh),92px);--stt-chrome:calc(48.4px + 5.35rem + clamp(12px,1.5vh,28px) + var(--stt-h1)*1.28 + var(--stt-font)*2.7);--stt-stage-h:max(400px,calc(100svh - var(--stt-chrome) - 10px - .5*var(--stt-font)));--stt-w:min(96vw,calc(100vw - 32px));--stt-lw:clamp(calc(44*var(--stt-font)),50vw,calc(60*var(--stt-font)));--u:min(calc((var(--stt-w) - var(--stt-lw))/800),calc((var(--stt-stage-h) - 4px)/620),3.2px);--lk:calc(var(--stt-font)*.085);--stt-ox:800;--stt-gw:800}@media (min-width:1180px){.paper-shell:has(.stt-tool-page) .room-clock{display:none}}.stt-tool-page{width:var(--stt-w);font-size:var(--stt-font,16px);color:#33303a;margin:0 auto;padding:clamp(12px,1.5vh,28px) 0 4em}.stt-heading{z-index:2;margin:0 0 .5em;position:relative}.stt-heading h1{font-size:var(--stt-h1);color:#231c2c;margin:0;line-height:1.08}.stt-subtitle{color:#2f3138;max-width:none;margin:.3em 0 0;font-size:.95em;line-height:1.45}.stt-workbench{isolation:isolate;--floor:calc(30*var(--u));position:relative}.stt-workbench img{-webkit-user-select:none;user-select:none;max-width:none;height:auto;display:block}.stt-room{z-index:-1;top:0;left:calc(-50vw + 50%);right:calc(-50vw + 50%);bottom:calc(-8*var(--stt-font));pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 calc(2.5*var(--stt-font)),#000 calc(100% - 6*var(--stt-font)),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 calc(2.5*var(--stt-font)),#000 calc(100% - 6*var(--stt-font)),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 calc(2.5*var(--stt-font)),#000 calc(100% - 6*var(--stt-font)),transparent 100%);position:absolute;overflow:hidden}.stt-room picture{display:contents}.stt-room-art{width:calc(3400*var(--u));left:calc(50% + (800*var(--u) - var(--stt-lw))/2 - 2040*var(--u));bottom:calc(8*var(--stt-font) + var(--floor) - 160*var(--u));position:absolute;-webkit-mask-image:linear-gradient(#0000 0,#000 6% 86%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 6% 86%,#0000 100%)}.stt-stage{grid-template-columns:calc(800*var(--u))var(--stt-lw);--stt-lap-h:min(calc(var(--stt-stage-h) - 90*var(--u) - var(--floor) - 6px),calc(40*var(--stt-font)));height:max(calc(var(--stt-lap-h) + 90*var(--u) + var(--floor) + 6px),calc(620*var(--u)));--puff-dx:calc(84*var(--u));--puff-dy:calc(70*var(--u) - var(--stt-lap-h)*.45);justify-content:center;display:grid;position:relative}.stt-left{z-index:3;pointer-events:none;min-width:0;position:relative}.stt-world{bottom:var(--floor);left:calc(var(--stt-ox)*var(--u));width:0;height:0;position:absolute}.stt-world>*{position:absolute}.stt-box{left:calc(var(--bx)*var(--u));top:calc(var(--by)*var(--u));width:calc(var(--bw)*var(--u))}.stt-world .stt-art,.stt-arcs .stt-art{width:100%}.stt-her{aspect-ratio:774/768}.stt-frame{position:absolute;inset:0}.stt-frame[data-frame=b]{visibility:hidden}.stt-workbench[data-her-loop=true] .stt-her .stt-frame{animation:.62s step-end infinite stt-flip}.stt-workbench[data-her-loop=true] .stt-her .stt-frame[data-frame=b]{animation-delay:-.31s}.stt-workbench[data-paint-loop=true] .stt-ladder-page .stt-frame{animation:1.25s step-end infinite stt-flip}.stt-workbench[data-paint-loop=true] .stt-ladder-page .stt-frame[data-frame=b]{animation-delay:-.625s}@keyframes stt-flip{0%{visibility:visible}50%{visibility:hidden}}.stt-notes{left:calc(var(--nx)*var(--u));top:calc(var(--ny)*var(--u));width:0;height:0}.stt-note{left:calc(-16*var(--u));top:calc(-22*var(--u));width:calc(32*var(--u));opacity:0;animation:1.7s ease-out infinite stt-note;position:absolute}.stt-note[data-k="1"]{animation-delay:.57s}.stt-note[data-k="2"]{animation-delay:1.14s}@keyframes stt-note{0%{opacity:0;translate:0;rotate:-8deg;scale:.7}12%{opacity:1}70%{opacity:.9}to{opacity:0;translate:calc(-190*var(--u))calc(-100*var(--u));rotate:10deg;scale:1}}.stt-workbench[data-her=read] .stt-notes{display:none}.stt-line{aspect-ratio:684/444}.stt-cat{aspect-ratio:475/375}.stt-roller{opacity:0;transition:opacity .12s}.stt-roller[data-on=true]{opacity:1}.stt-sail{aspect-ratio:240/328;transform-origin:50% 19.5%;animation:1.8s ease-in-out both stt-sail}@keyframes stt-sail{0%{opacity:0;translate:0;rotate:-3deg;scale:.971}8%{opacity:1}30%{translate:calc(63.4*var(--u))calc(-27.45*var(--u));rotate:4deg;scale:.904}58%{translate:calc(141.9*var(--u))calc(-65.35*var(--u));rotate:-3deg;scale:.821}80%{translate:calc(193.3*var(--u))calc(-93.45*var(--u));rotate:3deg;scale:.766}94%{opacity:1}to{translate:calc(244.6*var(--u))calc(-122.05*var(--u));opacity:0;rotate:none;scale:.712}}.stt-reading{width:0;height:0;animation:1.8s linear both stt-read}@keyframes stt-read{0%{opacity:0}to{opacity:0}}.stt-ladder-page{aspect-ratio:720/980;opacity:0;transition:opacity .12s}.stt-page{aspect-ratio:680/720;opacity:0;transition:opacity .12s}.stt-ladder-page[data-out=true],.stt-page[data-out=true]{opacity:1}.stt-move{animation:3.6s ease-in-out infinite stt-breathe;position:absolute;inset:0}.stt-page .stt-move{transform-origin:40.6% 91.7%}.stt-workbench[data-page=talk] .stt-page .stt-move{animation:3.6s ease-in-out infinite stt-breathe,1.25s ease-in-out infinite alternate stt-sway}.stt-workbench[data-page=type] .stt-page .stt-move{animation:3.6s ease-in-out infinite stt-breathe,.32s ease-in-out infinite alternate stt-type}@keyframes stt-breathe{0%,to{rotate:-.5deg;scale:1}50%{rotate:.6deg;scale:1.005 .99}}@keyframes stt-sway{0%{translate:calc(-1.5*var(--u))0}to{translate:calc(1.5*var(--u))0}}@keyframes stt-type{0%{translate:0}to{translate:0 calc(2*var(--u))}}.stt-bang{transform-origin:50% 80%;animation:.95s ease-out both stt-bang}@keyframes stt-bang{0%{opacity:1;scale:0}22%{scale:1.12}34%{scale:.96}46%{scale:1}76%{opacity:1}to{opacity:0;scale:1}}.stt-puff{z-index:5;animation:.75s cubic-bezier(.35,.1,.4,1) both stt-puff}@keyframes stt-puff{0%{opacity:0;translate:0;scale:.2}14%{opacity:1;scale:1}45%{translate:calc(var(--puff-dx)*.45)calc(var(--puff-dy)*.45 - 30*var(--u));scale:.95}86%{translate:var(--puff-dx)var(--puff-dy);opacity:1;scale:.8}to{translate:var(--puff-dx)var(--puff-dy);opacity:0;scale:1.4 .12}}.stt-cue{z-index:6;left:calc(-790*var(--u));top:calc(-576*var(--u));font-family:var(--font-paper);font-size:max(14px,calc(24*var(--u)));letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;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}.stt-workbench[data-phase=listening] .stt-cue{background:#d9efe6}.stt-workbench:is([data-phase=saved],[data-phase=copied]) .stt-cue{background:#f7dfc8}.stt-workbench:is([data-phase=error],[data-phase=unavailable]) .stt-cue{background:#f3d6d0}.stt-desk{z-index:2;min-width:0;position:relative}.stt-laptop{left:0;right:0;bottom:calc(var(--floor) + 90*var(--u));height:var(--stt-lap-h);box-sizing:border-box;border-style:solid;border-color:#0000;border-width:calc(11*var(--lk))calc(20*var(--lk))calc(27*var(--lk));border-image:url(/paper/speech/laptop.webp) 44 80 108 fill/calc(11*var(--lk))calc(20*var(--lk))calc(27*var(--lk))stretch;display:flex;position:absolute}.stt-camera{z-index:1;left:calc(50% - 1.4*var(--lk));top:calc(-7*var(--lk));width:calc(2.8*var(--lk));height:calc(2.8*var(--lk));background:#5b5f6b;border-radius:50%;position:absolute}.stt-stool{z-index:-1;left:calc(10*var(--lk));right:calc(10*var(--lk));bottom:calc(var(--floor) - 10*var(--u));height:calc(110*var(--u));box-sizing:border-box;border-style:solid;border-color:#0000;border-width:0 calc(38*var(--u));border-image:url(/paper/speech/stool.webp) 0 152 fill/0 calc(38*var(--u))stretch;position:absolute}.stt-arcs{z-index:1;left:calc(-62*var(--u) - 20*var(--lk));width:calc(56*var(--u));opacity:0;pointer-events:none;transition:opacity .2s;position:absolute;top:18%;scale:-1 1}.stt-workbench[data-arcs=on] .stt-arcs{opacity:1;animation:1.1s ease-in-out infinite alternate stt-arcs}@keyframes stt-arcs{0%{translate:0}to{translate:calc(-3*var(--u))0}}.stt-screen{color:#33303a;border-radius:calc(2*var(--lk));background:#fbf8f0;flex-direction:column;flex:1;min-width:0;min-height:0;font-size:.9em;display:flex;position:relative;overflow:hidden}.stt-browser{color:#6f6672;white-space:nowrap;background:#e4e1dc;border-bottom:1px solid #cbc2b2;flex:none;align-items:center;gap:.35em;height:1.75em;padding:0 .6em;font-size:.78em;line-height:1;display:flex;overflow:hidden}.stt-browser i{background:#b9c9d6;border-radius:50%;flex:none;width:.55em;height:.55em}.stt-browser span{text-overflow:ellipsis;background:#faf8ee;border:1px solid #cdc4b4;border-radius:1em;flex:1;min-width:0;margin-left:.4em;padding:.2em .8em;overflow:hidden}.stt-body{flex-direction:column;flex:1;gap:.5em;min-height:0;padding:.6em .75em .7em;display:flex;overflow-y:auto}.stt-notice{color:#4f4855;background:#f3ecdc;border:max(1px,.06em) solid #d2c4ac;border-radius:.5em .65em .55em .6em;flex:none;margin:0;padding:.45em .7em;font-size:.8em;line-height:1.4}.stt-unavailable{background:#fbefd2;border:max(1px,.06em) solid #d9a441;border-radius:.6em;flex:none;align-items:flex-start;gap:.6em;padding:.55em .8em;font-size:.9em;display:flex}.stt-unavailable p{margin:0}.stt-warn-icon{color:#a4660f;flex:none;width:1.25em;height:1.25em;margin-top:.1em}.stt-row{flex-wrap:wrap;flex:none;align-items:center;gap:.55em .75em;display:flex}.stt-language{align-items:center;gap:.5em;font-size:.9em;display:flex}.stt-language select{padding:.35em .6em;font-size:1em}.stt-listening{gap:.5em;padding:.3em .8em;font-size:.78em}.stt-dot{width:.6em;height:.6em}.stt-error{color:#9a2a1f;background:#f8dcd7;border-radius:.5em;flex:none;margin:0;padding:.45em .75em;font-size:.9em}.stt-screen .paper-button{height:auto;min-height:2.2em;padding:.3em 1em;font-size:.92em;line-height:1.1}.stt-screen .paper-button svg{width:1em;height:1em}.stt-text{resize:none;flex:1;width:100%;min-height:6em;padding:.6em .75em;line-height:1.55;background:#fffdf6!important;font-size:1.04em!important}.stt-hearing{color:#615a66;flex:none;min-height:1.4em;margin:0;font-size:.86em;font-style:italic}.stt-actions{gap:.45em .6em}.stt-stamps{color:#615a66;align-items:center;gap:.45em;font-size:.86em;display:flex}.stt-stamps input{width:1em;height:1em}.stt-count{color:#615a66;margin-left:auto;font-size:.86em}.stt-stamp-note{color:#615a66;flex:none;margin:0;font-size:.84em}.stt-sheet{z-index:1;background:#fffaf0;border:max(1px,.06em) solid #b5a596;border-radius:.7em .9em .75em .85em;margin-top:1.6em;padding:1em 1.2em 1.1em;position:relative;box-shadow:max(2px,.12em) max(3px,.18em) #c9b59a77}.stt-sheet h2{margin:0 0 .6em;font-size:1.3em}.stt-stamped{flex-direction:column;gap:.3em;margin:0;padding:0;font-size:.92em;list-style:none;display:flex}.stt-stamped li{gap:.8em;display:flex}.stt-stamp{font-family:var(--font-mono,monospace);color:#6c5f68;flex:none;font-size:.85em}.stt-promo{margin-top:1.5em}.stt-reading.paper-notebook{width:calc(100% - 4em);margin:2.5em auto 0}.stt-workbench[data-motion=paused] *,.stt-workbench[data-motion=paused] :before,.stt-workbench[data-motion=paused] :after{animation-play-state:paused!important}.stt-workbench[data-motion=paused] :is(.stt-page,.stt-ladder-page,.stt-roller){transition:none}@media (prefers-reduced-motion:reduce){.stt-workbench *,.stt-workbench :before,.stt-workbench :after{transition:none!important;animation:none!important}.stt-workbench .stt-note[data-k="0"]{opacity:.9;translate:calc(-70*var(--u))calc(-30*var(--u))}}@media (min-width:1180px) and (max-height:820px){.stt-body{gap:.4em;padding:.45em .6em .55em}.stt-notice{padding:.35em .6em;font-size:.74em;line-height:1.32}.stt-text{min-height:3em}.stt-screen .paper-button{min-height:2em;padding:.2em .85em}}@media (max-width:1179px){:root:has(.stt-tool-page){--u:min(calc((100vw - 32px)/830),.78px);--lk:.8px;--stt-ox:800;--stt-gw:830}.stt-tool-page{width:calc(100% - 32px)}.paper-shell:has(.stt-tool-page) .room-clock{display:none}.stt-stage{grid-template-columns:calc(var(--stt-gw)*var(--u));grid-template-rows:calc(620*var(--u))auto;--puff-dx:calc(-20*var(--u));--puff-dy:calc(240*var(--u));justify-content:center;height:auto;display:grid}.stt-left{grid-row:1}.stt-desk{width:min(100%,52em);margin-top:calc(6*var(--u));grid-area:2/1/auto/-1;justify-self:center}.stt-laptop{height:auto;min-height:0;position:relative;bottom:auto}.stt-stool,.stt-arcs{display:none}.stt-room-art{bottom:auto;left:calc(50% - 415*var(--u) - 1240*var(--u));top:calc(590*var(--u) - 1000*var(--u))}.stt-screen,.stt-body{overflow:visible}.stt-text{min-height:12em}}@media (max-width:679px){:root:has(.stt-tool-page){--u:min(calc((100vw - 24px)/830),.78px);--lk:.7px}.stt-room-art{width:calc(1000*var(--u));left:calc(50% - 415*var(--u) - 80*var(--u));top:calc(590*var(--u) - 840*var(--u))}.stt-tool-page{width:calc(100% - 24px);padding-top:1em}.stt-row{gap:.5em}.stt-count{margin-left:0}.stt-reading.paper-notebook{--notebook-size:13px;--notebook-rule:23.4px;--notebook-gutter:20px;width:calc(100% - 10px);margin:1.5em 5px 0;font-size:13px}}