.paper-shell:has(.pwg-tool-page) .paper-room-wash{background:#f6e8cf}.paper-shell:has(.pwg-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(.pwg-tool-page){--pwg-font:clamp(16px,.83vw,42px);--pwg-h1:clamp(30px,min(2.8vw,4.6vh),92px);--pwg-chrome:calc(48.4px + 5.35rem + clamp(12px,1.5vh,28px) + var(--pwg-h1)*1.28 + var(--pwg-font)*2.7);--pwg-stage-h:max(420px,calc(100svh - var(--pwg-chrome) - 10px));--pwg-w:min(96vw,calc(100vw - 32px));--u:min(calc((var(--pwg-w) - 40*var(--pwg-font))/470),calc(var(--pwg-stage-h)/620),3.2px);--pwg-lw:min(calc(56*var(--pwg-font)),calc(var(--pwg-w) - 470*var(--u)));--dk:var(--u)}@media (min-width:1180px){.paper-shell:has(.pwg-tool-page) .room-clock{display:none}}.pwg-tool-page{width:var(--pwg-w);font-size:var(--pwg-font,16px);color:#3f3746;margin:0 auto;padding:clamp(12px,1.5vh,28px) 0 4em}.pwg-heading{z-index:2;flex-wrap:wrap;align-items:center;column-gap:.6em;margin:0 0 .5em;display:flex;position:relative}.pwg-heading h1{font-size:var(--pwg-h1);margin:0;line-height:1.08}.pwg-icon{color:#5f497e;background:#fbf3e2;border:max(1px,.06em) solid #b9a28a;border-radius:.7em .55em .65em .5em;justify-content:center;align-items:center;width:2.4em;height:2.4em;display:inline-flex}.pwg-icon svg{width:1.25em;height:1.25em}.pwg-subtitle{color:#463d50;flex:24em;margin:.3em 0 0;font-size:.95em;line-height:1.45}.pwg-badge{color:#463d50;background:#fbf3e2;border:max(1px,.06em) solid #b9a28a;border-radius:1em .8em 1em .9em;align-items:center;gap:.4em;margin:.3em 0 0;padding:.2em .7em;font-size:.85em;display:inline-flex}.pwg-badge svg{color:#5f497e;width:1em;height:1em}.pwg-workbench{isolation:isolate;position:relative}.pwg-workbench img{-webkit-user-select:none;user-select:none;max-width:none;height:auto;display:block}.pwg-room{z-index:-1;left:calc(-50vw + 50%);right:calc(-50vw + 50%);top:calc(-4*var(--pwg-font));bottom:calc(-6*var(--pwg-font));pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 calc(3*var(--pwg-font)),#000 calc(100% - 5*var(--pwg-font)),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 calc(3*var(--pwg-font)),#000 calc(100% - 5*var(--pwg-font)),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 calc(3*var(--pwg-font)),#000 calc(100% - 5*var(--pwg-font)),transparent 100%);position:absolute;overflow:hidden}.pwg-room picture{display:contents}.pwg-room-art{width:calc(3300*var(--u));left:calc(50% + (460*var(--u) - var(--pwg-lw))/2 - 1530*var(--u));top:calc(4*var(--pwg-font) - 140*var(--u));position:absolute}.pwg-stage{grid-template-columns:calc(460*var(--u))var(--pwg-lw);height:calc(620*var(--u));grid-template-areas:"left desk";justify-content:center;display:grid;position:relative}.pwg-left{z-index:1;pointer-events:none;grid-area:left;min-width:0;position:relative}.pwg-world{top:calc(560*var(--u));width:0;height:0;position:absolute;left:100%}.pwg-world>*{position:absolute}.pwg-box{left:calc(var(--bx)*var(--u));top:calc(var(--by)*var(--u));width:calc(var(--bw)*var(--u))}.pwg-world .pwg-art{width:100%}.pwg-move{animation:3.6s ease-in-out infinite pwg-breathe;display:block;position:relative}.pwg-roomie .pwg-move{transform-origin:41.9% 90.9%;animation-delay:-1.7s}.pwg-page .pwg-move{transform-origin:51% 88.2%}@keyframes pwg-breathe{0%,to{rotate:-.35deg;scale:1}50%{rotate:.4deg;scale:1.004 .993}}.pwg-note{z-index:0}.pwg-note .pwg-art+.pwg-art{opacity:0;position:absolute;top:0;left:0}.pwg-note[data-note=rest] .pwg-art+.pwg-art{display:none}.pwg-note[data-note=hop] .pwg-note-rest{animation:4.8s step-end infinite pwg-f0}.pwg-note[data-note=hop] .pwg-note-hop1{animation:4.8s step-end infinite pwg-f1}.pwg-note[data-note=hop] .pwg-note-swap1{animation:4.8s step-end infinite pwg-f2}.pwg-note[data-note=hop] .pwg-note-hop2{animation:4.8s step-end infinite pwg-f3}.pwg-note[data-note=hop] .pwg-note-swap2{animation:4.8s step-end infinite pwg-f4}@keyframes pwg-f0{0%{opacity:1}25%{opacity:0}}@keyframes pwg-f1{0%{opacity:0}25%{opacity:1}31.25%{opacity:0}}@keyframes pwg-f2{0%{opacity:0}31.25%{opacity:1}50%{opacity:0}}@keyframes pwg-f3{0%{opacity:0}50%{opacity:1}56.25%{opacity:0}}@keyframes pwg-f4{0%{opacity:0}56.25%{opacity:1}to{opacity:1}}.pwg-lock{z-index:3;left:calc(var(--wx)*var(--u));top:calc(var(--wy)*var(--u));--lu:calc(var(--u)*var(--ls));width:0;height:0;animation:.34s cubic-bezier(.3,1.5,.5,1) both pwg-pop}.pwg-lbox{left:calc(var(--lx)*var(--lu));top:calc(var(--ly)*var(--lu));width:calc(var(--lw)*var(--lu));position:absolute}.pwg-lbox .pwg-art,.pwg-lbox img{width:100%}.pwg-tiles,.pwg-tile-wrap{display:contents}.pwg-tile{aspect-ratio:1;overflow:hidden}.pwg-tile .pwg-art{position:absolute;top:0;left:0}.pwg-link{z-index:1}.pwg-bar{left:calc(-111.6*var(--lu));top:calc(147.3*var(--lu));height:calc(12*var(--lu));width:max(calc(12*var(--lu)),calc(223.2*var(--lu)*var(--bar)));border-radius:calc(6*var(--lu));background:#5f497e;transition:width .3s ease-out;position:absolute}@keyframes pwg-pop{0%{opacity:0;scale:.2}to{opacity:1;scale:1}}.pwg-workbench[data-spin=true] .pwg-word{animation:.3s cubic-bezier(.3,1.6,.5,1) both pwg-land;animation-delay:calc(.3s + var(--i)*80ms)}.pwg-workbench[data-spin=true] .pwg-reel{animation:50ms linear both pwg-reel-out;animation-delay:calc(.3s + var(--i)*80ms);position:absolute;inset:0}.pwg-reel-a{animation:.14s step-end infinite pwg-reel-a}.pwg-reel-b{animation:.14s step-end infinite pwg-reel-b}@keyframes pwg-land{0%{opacity:0;translate:0 -55%}25%{opacity:1}to{opacity:1;translate:0}}@keyframes pwg-reel-out{to{opacity:0}}@keyframes pwg-reel-a{0%{opacity:1}50%{opacity:0}}@keyframes pwg-reel-b{0%{opacity:0}50%{opacity:1}}.pwg-cue{z-index:6;left:calc(-458*var(--u));top:calc(-524*var(--u));box-sizing:border-box;max-width:calc(118*var(--u));width:max-content;font-family:var(--font-paper);font-size:max(13px,calc(22*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}.pwg-workbench[data-phase=copied] .pwg-cue{background:#dff0e2}.pwg-desk{z-index:2;grid-area:desk;min-width:0;position:relative}.pwg-device{left:0;right:0;bottom:calc(54*var(--u));height:min(calc(560*var(--u)),30em);box-sizing:border-box;border-style:solid;border-color:#0000;border-width:calc(22*var(--dk))calc(20*var(--dk));border-image:url(/paper/password/device.webp) 96 fill/calc(48*var(--dk))/0 stretch;display:flex;position:absolute}.pwg-device:after{content:"";z-index:-1;left:6%;right:2%;bottom:calc(-30*var(--dk));height:calc(16*var(--dk));background:radial-gradient(closest-side,#5a3f2a40,#0000);border-radius:50%;position:absolute}.pwg-camera{z-index:1;left:calc(50% - 22*var(--dk));top:calc(-15*var(--dk));width:calc(44*var(--dk));height:calc(7*var(--dk));border-radius:calc(4*var(--dk));background:#1c1822;position:absolute}.pwg-screen{color:#3f3343;border-radius:calc(12*var(--dk));background:#fbf8f0;flex-direction:column;flex:1;min-width:0;min-height:0;font-size:.92em;display:flex;position:relative;overflow:hidden}.pwg-browser{color:#7d7280;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}.pwg-browser i{background:#c9b2c4;border-radius:50%;flex:none;width:.55em;height:.55em}.pwg-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}.pwg-body{overscroll-behavior:contain;flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.pwg-bar-top{background:#f4eee2;border-bottom:1px solid #ddd2c0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5em;padding:.6em .8em;display:flex}.pwg-toggle{background:#fffdf6;border:max(1px,.06em) solid #c9bba6;border-radius:.6em;padding:.2em;display:inline-flex}.pwg-toggle button{color:#5d5160;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:.45em;padding:.3em .8em;font-size:.95em}.pwg-toggle button[aria-pressed=true]{color:#fbf8f0;background:#5f497e}.pwg-actions{flex-wrap:wrap;gap:.4em;display:flex}.pwg-result{padding:.9em .9em .7em}.pwg-value{min-height:1.3em;font-family:var(--font-mono,ui-monospace,monospace);word-break:break-all;-webkit-user-select:all;user-select:all;color:#2a2230;margin:0;font-size:1.7em;line-height:1.3}.pwg-alert{color:#6b1f1a;margin:.5em 0 0;font-size:.92em}.pwg-entropy{color:#5d5160;margin:.5em 0 0;font-size:.9em}.pwg-track{background:#e6dccb;border-radius:1em;height:.38em;margin-top:.35em;overflow:hidden}.pwg-fill{border-radius:1em;height:100%;transition:width .2s}.pwg-fill[data-strength=weak]{background:#d9483b}.pwg-fill[data-strength=okay]{background:#d99a1e}.pwg-fill[data-strength=strong]{background:#2e9d6f}.pwg-fill[data-strength=very\ strong]{background:#5f497e}.pwg-settings{background:#f4eee2;border-top:1px solid #ddd2c0;flex-direction:column;gap:.8em;padding:.8em .9em 1em;display:flex}.pwg-row{justify-content:space-between;align-items:center;gap:.6em;margin-bottom:.45em;display:flex}.pwg-label{font-size:.92em;font-weight:600}.pwg-switches{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5em .8em;display:grid}.pwg-switch{cursor:pointer;align-items:center;gap:.5em;font-size:.9em;display:flex}.pwg-switch-wide{grid-column:1/-1}.pwg-chips{flex-wrap:wrap;gap:.4em;display:flex}.pwg-chips button{color:#5d5160;font:inherit;cursor:pointer;background:#fffdf6;border:max(1px,.06em) solid #c9bba6;border-radius:.5em .6em .55em .5em;padding:.25em .75em;font-size:.9em}.pwg-chips button[aria-pressed=true]{color:#fbf8f0;background:#5f497e;border-color:#5f497e}.pwg-screen .paper-button{gap:.3em;height:auto;min-height:2em;padding:.2em .7em;font-size:.9em;line-height:1.1}.pwg-screen .paper-button svg{width:1em;height:1em}.pwg-screen input[type=text]{width:3.6em;height:2.1em;padding:0 .3em;font-size:.95em}.pwg-slider [role=slider]{width:1.15em;height:1.15em}.pwg-slider>span:first-child{height:.45em}.pwg-sw{flex:none;width:2.4em;height:1.4em}.pwg-sw>span{width:1.05em;height:1.05em}.pwg-sw>span[data-state=checked]{translate:1em}.pwg-sw>span[data-state=unchecked]{translate:0}@media (min-width:1180px) and (max-height:900px){.pwg-browser{height:1.55em}.pwg-bar-top{padding:.4em .7em}.pwg-result{padding:.6em .8em .5em}.pwg-value{font-size:1.3em}.pwg-settings{gap:.55em;padding:.55em .8em .7em}.pwg-row{margin-bottom:.3em}.pwg-switches{gap:.35em .8em}}.pwg-promo{z-index:1;margin-top:calc(60*var(--u) + 1.5em);position:relative}.pwg-reading.paper-notebook{width:calc(100% - 4em);margin:2.5em auto 0}.pwg-workbench[data-motion=paused] *,.pwg-workbench[data-motion=paused] :before,.pwg-workbench[data-motion=paused] :after{animation-play-state:paused!important}.pwg-workbench[data-motion=paused] .pwg-lock{animation:none}@media (prefers-reduced-motion:reduce){.pwg-workbench *,.pwg-workbench :before,.pwg-workbench :after{transition:none!important;animation:none!important}}@media (max-width:1179px){:root:has(.pwg-tool-page){--u:min(calc((100vw - 32px)/480),.9px);--dk:.6px}.pwg-tool-page{width:calc(100% - 32px)}.paper-shell:has(.pwg-tool-page) .room-clock{display:none}.pwg-stage{grid-template-columns:1fr calc(460*var(--u))1fr;grid-template-rows:calc(600*var(--u))auto;grid-template-areas:".left.""desk desk desk";justify-content:stretch;height:auto}.pwg-room{height:calc(4*var(--pwg-font) + 640*var(--u));bottom:auto}.pwg-room-art{width:calc(1200*var(--u));left:calc(50% - 600*var(--u));top:calc(4*var(--pwg-font) - 140*var(--u))}.pwg-desk{width:min(100%,44em);margin-top:calc(10*var(--u));justify-self:center}.pwg-device{height:auto;position:relative;bottom:auto}.pwg-device:after{display:none}.pwg-screen,.pwg-body{overflow:visible}.pwg-promo{margin-top:1.6em}}@media (max-width:679px){:root:has(.pwg-tool-page){--u:min(calc((100vw - 24px)/470),.9px);--dk:.5px}.pwg-tool-page{width:calc(100% - 24px);padding-top:1em}.pwg-value{font-size:1.25em}.pwg-switches{grid-template-columns:minmax(0,1fr)}.pwg-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}}
