.of{--wood:#7a5b40;--desk:#4e3627;--desk2:#3a281c;--wall:#e9e2d2}.of-app{background:#2a2620;width:100%;max-width:460px;height:100%;margin:0 auto;position:relative;overflow:clip}.of-top{z-index:8;height:auto;padding:max(10px,env(safe-area-inset-top)) 12px 6px;background:#f6f2e8eb;position:absolute;top:0;left:0;right:0}.of-stage{z-index:0;touch-action:pan-y;-webkit-user-select:none;user-select:none;position:absolute;inset:0;container-type:size}.of-cam{--u:calc(100cqw/375);perspective:calc(var(--u)*520);perspective-origin:50% 38%;position:absolute;inset:0}.of-turn,.of-dolly,.of-room{width:0;height:0;transform-style:preserve-3d;position:absolute;top:38%;left:50%}.of-dolly{top:0;left:0}.of-turn{animation:5.2s both of-turn}.of-dolly{animation:5.2s both of-path,5.2s both of-sit}@keyframes of-path{0%,17%{transform:translate3d(calc(var(--u)*-520),0,calc(var(--u)*782));animation-timing-function:cubic-bezier(.5,0,.75,.5)}41%{transform:translate3d(calc(var(--u)*-232),0,calc(var(--u)*750));animation-timing-function:linear}49.3%{transform:translate3d(calc(var(--u)*-232),0,calc(var(--u)*550));animation-timing-function:linear}67.9%{transform:translate3d(calc(var(--u)*-175),0,calc(var(--u)*110));animation-timing-function:cubic-bezier(.25,.5,.5,1)}85%,to{transform:none}}@keyframes of-turn{0%,17%{transform:translateZ(calc(var(--u)*520)) rotateY(-90deg) translateZ(calc(var(--u)*-520));animation-timing-function:ease-in-out}49%{transform:translateZ(calc(var(--u)*520)) rotateY(-164deg) translateZ(calc(var(--u)*-520));animation-timing-function:ease-in-out}63%{transform:translateZ(calc(var(--u)*520)) rotateY(-170deg) translateZ(calc(var(--u)*-520));animation-timing-function:cubic-bezier(.45,0,.3,1)}93%,to{transform:none}}@keyframes of-sit{0%,76%{translate:0 calc(var(--u)*45) 0;animation-timing-function:cubic-bezier(.4,0,.7,.9)}93%{translate:0 calc(var(--u)*-4) 0;animation-timing-function:cubic-bezier(.3,0,.3,1)}to{translate:none}}.of-app.enter .of-cam{animation:.4s ease-in-out .95s 8 alternate of-walk}@keyframes of-walk{to{transform:translateY(1.2%)}}.of-app.enter .of-door .leaf{animation:5.2s both of-door-in}@keyframes of-door-in{0%,3%{transform:none}15%,40%{transform:rotateY(-82deg)}55%,to{transform:none}}.of-room>.of-ext{width:0;height:0}.of-ext i{display:block;position:absolute;top:0;left:0}.of-ext .fl{width:calc(var(--u)*520);height:calc(var(--u)*290);transform:translate(-50%,-50%) translate3d(0,calc(var(--u)*240),calc(var(--u)*495)) rotateX(90deg);background:var(--wood) repeating-linear-gradient(90deg,transparent 0 calc(var(--u)*64 - 1px),#00000038 calc(var(--u)*64 - 1px) calc(var(--u)*64))}.of-ext .ce{width:calc(var(--u)*520);height:calc(var(--u)*290);transform:translate(-50%,-50%) translate3d(0,calc(var(--u)*-240),calc(var(--u)*495)) rotateX(-90deg);background:#efeadf}.of-ext .wl,.of-ext .wr{width:calc(var(--u)*290);height:calc(var(--u)*480)}.of-ext .wl{transform:translate(-50%,-50%) translate3d(calc(var(--u)*-260),0,calc(var(--u)*495)) rotateY(90deg);box-shadow:inset 0 calc(var(--u)*-26) 0 #c5bca7;background:#dfd7c4}.of-ext .wr{transform:translate(-50%,-50%) translate3d(calc(var(--u)*260),0,calc(var(--u)*495)) rotateY(-90deg);box-shadow:inset 0 calc(var(--u)*-26) 0 #bdb39d;background:#d6cdb8}.of-ext .wf{width:calc(var(--u)*520);height:calc(var(--u)*480);transform:translate(-50%,-50%) translateZ(calc(var(--u)*640)) rotateY(180deg);background:var(--wall);box-shadow:inset 0 calc(var(--u)*-26) 0 #cfc6b2}.of-ext .dk{background:var(--desk)}.of-ext .dk.top{width:calc(var(--u)*250);height:calc(var(--u)*96);transform:translate(-50%,-50%) translate3d(0,calc(var(--u)*120),calc(var(--u)*425)) rotateX(90deg);box-shadow:inset 0 0 0 calc(var(--u)*4) #6a4b36;background:#5a3f2d}.of-ext .dk.front{width:calc(var(--u)*250);height:calc(var(--u)*120);transform:translate(-50%,-50%) translate3d(0,calc(var(--u)*180),calc(var(--u)*377));box-shadow:inset 0 calc(var(--u)*8) 0 #3a281c,inset 0 0 0 calc(var(--u)*14) var(--desk),inset 0 0 0 calc(var(--u)*16) #3a281c}.of-ext .dk.sl,.of-ext .dk.sr{width:calc(var(--u)*96);height:calc(var(--u)*120);background:var(--desk2)}.of-ext .dk.sl{transform:translate(-50%,-50%) translate3d(calc(var(--u)*-125),calc(var(--u)*180),calc(var(--u)*425)) rotateY(90deg)}.of-ext .dk.sr{transform:translate(-50%,-50%) translate3d(calc(var(--u)*125),calc(var(--u)*180),calc(var(--u)*425)) rotateY(90deg)}.of-ext b{transform-style:preserve-3d;position:absolute;top:0;left:0}.of-ext .ch{--lea:#5b231d;--lea2:#45190f;--seam:#0000004d;--chrome:#9a958a}.of-ext .ch.shell{width:calc(var(--u)*150);height:calc(var(--u)*232);transform:translate(-50%,-50%) translate3d(0,calc(var(--u)*28),calc(var(--u)*614));border-radius:calc(var(--u)*50) calc(var(--u)*50) calc(var(--u)*16) calc(var(--u)*16);background:#2a120d}.of-ext .ch.back{width:calc(var(--u)*140);height:calc(var(--u)*222);transform:translate(-50%,-50%) translate3d(0,calc(var(--u)*28),calc(var(--u)*602));border-radius:calc(var(--u)*46) calc(var(--u)*46) calc(var(--u)*14) calc(var(--u)*14);background:linear-gradient(var(--lea2),var(--lea2)) 50% calc(var(--u)*52)/100% calc(var(--u)*3) no-repeat,repeating-linear-gradient(180deg,transparent 0 calc(var(--u)*32),var(--seam) calc(var(--u)*32) calc(var(--u)*34)) 0 calc(var(--u)*56)/100% 100% no-repeat,repeating-linear-gradient(90deg,transparent 0 calc(var(--u)*45),var(--seam) calc(var(--u)*45) calc(var(--u)*47)) calc(var(--u)*2) calc(var(--u)*56)/100% 100% no-repeat,var(--lea);box-shadow:inset 0 0 0 calc(var(--u)*5) var(--lea2),inset 0 0 0 calc(var(--u)*6) #7a3a2e}.of-ext .ch.seat{width:calc(var(--u)*138);height:calc(var(--u)*92);transform:translate(-50%,-50%) translate3d(0,calc(var(--u)*150),calc(var(--u)*555)) rotateX(90deg);border-radius:calc(var(--u)*16);background:repeating-linear-gradient(90deg,transparent 0 calc(var(--u)*45),var(--seam) calc(var(--u)*45) calc(var(--u)*47)) calc(var(--u)*1) 0,var(--lea);box-shadow:inset 0 0 0 calc(var(--u)*5) var(--lea2),inset 0 0 0 calc(var(--u)*6) #7a3a2e}.of-ext .ch.edge{width:calc(var(--u)*138);height:calc(var(--u)*26);transform:translate(-50%,-50%) translate3d(0,calc(var(--u)*163),calc(var(--u)*509));background:var(--lea2);border-radius:0 0 calc(var(--u)*12) calc(var(--u)*12);box-shadow:inset 0 calc(var(--u)*3) 0 #7a3a2e}.of-ext .ch.arm{width:calc(var(--u)*18);height:calc(var(--u)*78);transform:translate(-50%,-50%) translate3d(calc(var(--k)*var(--u)*80),calc(var(--u)*104),calc(var(--u)*552)) rotateX(90deg);border-radius:calc(var(--u)*8);box-shadow:inset 0 0 0 calc(var(--u)*2) #523a28;background:#6b4d36}.of-ext .ch.arm-side{width:calc(var(--u)*78);height:calc(var(--u)*10);transform:translate(-50%,-50%) translate3d(calc(var(--k)*var(--u)*89),calc(var(--u)*109),calc(var(--u)*552)) rotateY(90deg);border-radius:calc(var(--u)*5);background:#523a28}.of-ext .ch.arm-post{width:calc(var(--u)*8);height:calc(var(--u)*44);transform:translate(-50%,-50%) translate3d(calc(var(--k)*var(--u)*80),calc(var(--u)*130),calc(var(--u)*525));background:var(--chrome);box-shadow:inset calc(var(--u)*-3) 0 0 #6f6b62}.of-ext .ch.lift{width:calc(var(--u)*12);height:calc(var(--u)*56);transform:translate(-50%,-50%) translate3d(0,calc(var(--u)*200),calc(var(--u)*555));background:var(--chrome);box-shadow:inset calc(var(--u)*-4) 0 0 #6f6b62}.of-ext .ch.lift.r{transform:translate(-50%,-50%) translate3d(0,calc(var(--u)*200),calc(var(--u)*555)) rotateY(90deg)}.of-ext .ch.hub{width:calc(var(--u)*26);height:calc(var(--u)*26);transform:translate(-50%,-50%) translate3d(0,calc(var(--u)*226),calc(var(--u)*555)) rotateX(90deg);background:#22211d;border-radius:50%}.of-ext .ch.leg{width:calc(var(--u)*62);height:calc(var(--u)*9);transform:translate(-50%,-50%) translate3d(0,calc(var(--u)*226),calc(var(--u)*555)) rotateY(calc(var(--k)*72deg + 18deg)) translateX(calc(var(--u)*31));border-radius:calc(var(--u)*3);background:#22211d}.of-ext .ch.wheel{width:calc(var(--u)*13);height:calc(var(--u)*13);transform:translate(-50%,-50%) translate3d(0,calc(var(--u)*233),calc(var(--u)*555)) rotateY(calc(var(--k)*72deg + 18deg)) translateX(calc(var(--u)*60)) rotateY(calc(var(--k)*-72deg - 18deg));background:#0e0d0b;border-radius:50%}.of-room{transform:translateZ(calc(var(--u)*520)) rotateY(var(--yaw,0deg)) translateZ(calc(var(--u)*-520));transition:transform .2s;top:0;left:0}.of-room>div{transform-style:preserve-3d;position:absolute;top:0;left:0}.of-floor{width:calc(var(--u)*520);height:calc(var(--u)*700);transform:translate(-50%,-50%) translateY(calc(var(--u)*240)) rotateX(90deg);background:var(--wood) repeating-linear-gradient(90deg,transparent 0 calc(var(--u)*64 - 1px),#00000038 calc(var(--u)*64 - 1px) calc(var(--u)*64))}.of-ceil{width:calc(var(--u)*520);height:calc(var(--u)*700);transform:translate(-50%,-50%) translateY(calc(var(--u)*-240)) rotateX(-90deg);background:#efeadf}.of-ceil i{background:#fbf8f0;height:12%;position:absolute;top:40%;left:30%;right:30%;box-shadow:0 0 0 2px #d9d2c2}.of-wall{height:calc(var(--u)*480)}.of-wall.back{width:calc(var(--u)*520);transform:translate(-50%,-50%) translateZ(calc(var(--u)*-350));background:var(--wall);box-shadow:inset 0 calc(var(--u)*-26) 0 #cfc6b2}.of-wall.left{width:calc(var(--u)*700);transform:translate(-50%,-50%) translateX(calc(var(--u)*-260)) rotateY(90deg);box-shadow:inset 0 calc(var(--u)*-26) 0 #c5bca7;background:#dfd7c4}.of-wall.right,.of-room>.of-doorway{width:calc(var(--u)*700);height:calc(var(--u)*480);transform:translate(-50%,-50%) translateX(calc(var(--u)*260)) rotateY(-90deg)}.of-wall.right{box-shadow:inset 0 calc(var(--u)*-26) 0 #bdb39d;clip-path:polygon(0 0,100% 0,100% 100%,21.15% 100%,21.15% 37.5%,4% 37.5%,4% 100%,0 100%);background:#d6cdb8}.of-door{width:calc(var(--u)*120);height:calc(var(--u)*300);transform-style:preserve-3d;box-shadow:0 0 0 calc(var(--u)*8) #5c4330;position:absolute;bottom:0;left:4%}.of-door .leaf{transform-origin:0;box-shadow:inset 0 0 0 calc(var(--u)*10) #6b4d36,inset 0 0 0 calc(var(--u)*12) #523a28;background:#6b4d36;transition:transform .5s;position:absolute;inset:0}.of-door .leaf.open{transform:rotateY(-82deg)}.of-door .leaf i{right:calc(var(--u)*14);width:calc(var(--u)*8);height:calc(var(--u)*22);background:#c9a86a;position:absolute;top:52%}.of-door span{left:50%;bottom:calc(100% + var(--u)*20);padding:calc(var(--u)*5) calc(var(--u)*14);color:#f6f2e8;font:900 calc(var(--u)*17)/1 var(--serif);letter-spacing:.2em;white-space:nowrap;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#22211d;position:absolute;transform:translate(-50%)}.of-door span.out{transform:translate(-50%)rotateY(180deg)}.of-cal{width:calc(var(--u)*86);height:calc(var(--u)*104);transform-style:preserve-3d;border-top:calc(var(--u)*12) solid var(--red);background:#fbf8f0;position:absolute;top:9%;left:81%;box-shadow:0 0 0 1px #8a8478}.of-cal .rings{z-index:3;left:12%;right:12%;top:calc(var(--u)*-15);height:calc(var(--u)*7);background:radial-gradient(circle,#3a3832 0 45%,transparent 50%) 0 0/calc(var(--u)*10) 100% repeat-x;position:absolute}.of-cal .pg{justify-content:center;align-items:center;gap:calc(var(--u)*4);background:#fbf8f0;flex-direction:column;display:flex;position:absolute;inset:0}.of-cal b{font:900 calc(var(--u)*15)/1 var(--serif)}.of-cal em{font:900 calc(var(--u)*26)/1 var(--serif);font-style:normal}.of-cal .stub{z-index:2;height:calc(var(--u)*6);clip-path:polygon(0 0,100% 0,100% 60%,94% 100%,88% 50%,81% 95%,74% 40%,67% 100%,60% 55%,53% 90%,46% 35%,39% 100%,32% 50%,25% 85%,18% 40%,11% 100%,5% 55%,0 90%);background:#efe9da;position:absolute;top:0;left:0;right:0}.of-cal .tear{z-index:4;transform-origin:100% 0;clip-path:polygon(0 4%,6% 0,12% 5%,19% 1%,26% 6%,33% 0,40% 4%,47% 1%,54% 6%,61% 0,68% 5%,75% 1%,82% 6%,89% 0,95% 4%,100% 0,100% 100%,0 100%);animation:1.5s cubic-bezier(.45,0,.55,1) forwards of-tear;box-shadow:0 2px #00000014}@keyframes of-tear{0%{transform:none}30%{transform:rotateZ(-16deg) translateZ(calc(var(--u)*4))}42%{transform:rotateZ(-24deg) translate3d(calc(var(--u)*-4),calc(var(--u)*8),calc(var(--u)*8))}80%{opacity:1}to{transform:translate3d(calc(var(--u)*-40),calc(var(--u)*260),calc(var(--u)*90)) rotateZ(-65deg) rotateX(-35deg);opacity:0}}.of-window{width:72%;height:58%;box-shadow:0 0 0 calc(var(--u)*9) #3a3832,0 calc(var(--u)*14) 0 calc(var(--u)*9) #cfc6b2;background:#d5d9dc;position:absolute;top:13%;left:6%;overflow:hidden}.of-window svg{width:100%;height:100%;display:block}.of-window:before,.of-window:after{content:"";z-index:1;background:#3a3832;position:absolute}.of-window:before{width:calc(var(--u)*7);top:0;bottom:0;left:50%;transform:translate(-50%)}.of-window:after{height:calc(var(--u)*6);top:38%;left:0;right:0}.of-fall{animation:6s linear infinite of-fall}.of-fall.winter{animation-duration:8s}@keyframes of-fall{0%{transform:translateY(-40px)}to{transform:translateY(60px)}}.of-shelf{gap:calc(var(--u)*8);width:27%;padding:calc(var(--u)*8);background:#5c4330;grid-template-rows:repeat(4,1fr);display:grid;position:absolute;top:12%;bottom:5%;left:70%}.of-shelf div{align-items:flex-end;gap:calc(var(--u)*3);padding:0 calc(var(--u)*6);background:#3a2a1e;display:flex}.of-shelf i{box-shadow:inset calc(var(--u)*-3) 0 0 #0000001f;background:#e9e2d2;flex:1}.of-shelf div:nth-child(2) i:nth-child(3n),.of-shelf div:nth-child(4) i:nth-child(4n+1){background:var(--red)}.of-shelf div i:nth-child(5n+2){background:#22211d}.of-room>.of-sec{width:calc(var(--u)*120);height:calc(var(--u)*300);transition:transform 1.7s linear,opacity .25s}.of-sec svg{width:100%;height:100%;display:block}.of-room>.of-sec.gone,.of-room>.of-sec.out{transform:translate(-50%,-100%) translate3d(calc(var(--u)*200),calc(var(--u)*240),calc(var(--u)*-230));opacity:0}.of-room>.of-sec.out{transition:transform 1.7s linear,opacity .3s 1.4s}.of-room>.of-sec.in,.of-room>.of-sec.stand{transform:translate(-50%,-100%) translate3d(calc(var(--u)*120),calc(var(--u)*240),calc(var(--u)*-110));opacity:1}.of-room>.of-sec.gone{transition:none}.of-sec-art .leg{transform-origin:60px 182px}.of-sec-art.walk .leg.l{animation:.55s ease-in-out infinite alternate of-step}.of-sec-art.walk .leg.r{animation:.55s ease-in-out infinite alternate-reverse of-step}.of-sec-art.walk{animation:.275s ease-in-out infinite alternate of-bob}@keyframes of-step{0%{transform:rotate(-7deg)}to{transform:rotate(7deg)}}@keyframes of-bob{to{transform:translateY(-1.5%)}}.of-say{z-index:4;left:12px;right:12px;top:calc(max(10px,env(safe-area-inset-top)) + 40px);animation:.3s both bk-in;position:absolute}.of-say .bk-say{margin-top:0}.of-say .bk-aide,.of-say .bk-say p:before{display:none}.of-say .bk-say p{box-shadow:0 6px 16px -10px #00000080}.of-desk{z-index:3;flex-direction:column;height:31%;min-height:180px;animation:.7s cubic-bezier(.2,.7,.3,1) 4.3s both of-desk;display:flex;position:absolute;bottom:0;left:0;right:0}@keyframes of-desk{0%{transform:translateY(100%)}}.of-desk .top{background:var(--desk);clip-path:polygon(5% 0,95% 0,100% 100%,0 100%);flex:1;grid-template-columns:1.2fr 1.1fr .8fr 1fr;align-items:end;gap:4px;padding:30px 14px 8px;display:grid;position:relative;box-shadow:inset 0 2px #6a4b36}.of-desk .plate{white-space:nowrap;align-items:baseline;gap:.6em;padding:5px 14px;font-size:14px;display:flex;position:absolute;top:6px;left:50%;transform:translate(-50%);box-shadow:0 3px #1c130d}.of-plaque,.of-desk .plate{color:#d9be7c;background:#3a281c;box-shadow:inset 0 0 0 2px #3a281c,inset 0 0 0 3px #b8984f}.of-plaque b,.of-desk .plate b{font:900 1em/1 var(--serif);letter-spacing:.3em;margin-right:-.3em}.of-plaque span,.of-desk .plate span{font:700 .86em/1 var(--serif);letter-spacing:.12em}.of-desk .plate{box-shadow:inset 0 0 0 2px #3a281c,inset 0 0 0 3px #b8984f,0 3px #1c130d}.of-plaque{left:42%;top:calc(var(--u)*4);padding:calc(var(--u)*8) calc(var(--u)*26);white-space:nowrap;font-size:calc(var(--u)*29);align-items:baseline;gap:.6em;display:flex;position:absolute;transform:translate(-50%);box-shadow:inset 0 0 0 calc(var(--u)*3) #3a281c,inset 0 0 0 calc(var(--u)*4.5) #b8984f!important}.z2 .of-desk .item{background:0 0;border:0;min-height:44px;padding:0;display:block}.of-desk .item svg{filter:drop-shadow(0 4px 2px #00000059);width:100%;height:auto;display:block}.of-desk .folder,.of-desk .paper{animation:.45s cubic-bezier(.2,.8,.3,1.2) both of-drop}.of-desk .paper{animation-delay:.12s}.of-desk .paper.marked{position:relative}.of-desk .paper.marked:after{content:"";background:var(--red);width:10px;height:10px;box-shadow:0 0 0 2px var(--desk);border-radius:50%;position:absolute;top:2%;right:8%}@keyframes of-drop{0%{opacity:0;transform:translateY(-30px)rotate(-6deg)}}.of-desk .mug{justify-self:center;width:78%}.of-desk .mug.held{visibility:hidden}.of-eat{z-index:5;pointer-events:none;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0;overflow:hidden}.of-eat svg{transform-origin:70% 100%;flex:none;width:100%;animation:1.7s cubic-bezier(.45,.05,.4,1) both of-eat}.of-eat .mint{transform-origin:130px 119px;animation:1.7s both of-mint}@keyframes of-eat{0%{transform:translate(30%,90%)rotate(14deg)}35%{transform:translate(4%,34%)rotate(0)}50%,58%{transform:translateY(46%)rotate(-4deg)scale(1.3)}to{transform:translate(30%,95%)rotate(12deg)}}@keyframes of-mint{0%,50%{opacity:1;transform:none}58%,to{opacity:0;transform:translateY(40px)scale(.6)}}.z2 .of-mute{width:30px;height:30px;color:var(--ink2);flex:none;place-items:center;margin-left:2px;display:grid}.of-mute svg{width:20px;height:20px}.of-mute[aria-pressed=true]{color:var(--ink3)}.of-drink{z-index:5;pointer-events:none;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0;overflow:hidden}.of-drink svg{transform-origin:50% 100%;flex:none;width:118%;margin-bottom:-6%;animation:2s cubic-bezier(.45,.05,.4,1) both of-drink}.of-drink .cup{transform-origin:200px 100px;animation:2s ease-in-out both of-tip}.of-drink .steam{animation:2s ease-out both of-steam}@keyframes of-drink{0%{transform:translateY(105%)rotate(8deg)scale(.8)}30%{transform:translateY(36%)rotate(0)scale(1)}50%,66%{transform:translateY(40%)rotate(-4deg)scale(1.4)}to{transform:translateY(105%)rotate(6deg)scale(.85)}}@keyframes of-tip{0%,30%{transform:none}50%,66%{transform:translateY(5px)scaleY(.9)}to{transform:none}}@keyframes of-steam{0%,20%{opacity:0}40%{opacity:.7}70%,to{opacity:0;transform:translateY(-30px)}}.of-stage.drink .of-cam{animation:2s cubic-bezier(.45,.05,.4,1) both of-tilt}@keyframes of-tilt{0%,to{transform:none}50%,66%{transform:translateY(7%)scale(1.04)}}.of-desk .mug:disabled,.of-desk .bowl:disabled{opacity:1}.of-desk .bowl .mintc{animation:of-mint-in .35s calc(var(--i)*70ms) cubic-bezier(.3,.6,.4,1.3) both}@keyframes of-mint-in{0%{opacity:0;transform:translateY(-14px)}}.of-steam path{stroke-dasharray:6 5;animation:2.4s linear infinite of-rise}@keyframes of-rise{0%{stroke-dashoffset:0;opacity:.9}to{stroke-dashoffset:-22px;opacity:.3}}.of-desk .foot{padding:5px 8px max(5px,env(safe-area-inset-bottom));background:var(--desk2);text-align:center;flex:none}.of-desk .foot .tally{color:#cdbfa3;font-variant-numeric:tabular-nums;font-size:11px;font-weight:700}.of-desk .foot .bk-legal{color:#9c8e74;margin-top:1px}.of-sheet{z-index:6;background:#16151280;animation:.2s both bk-fade;position:absolute;inset:0}.of-sheet .bk-app{height:100%;padding-top:calc(max(10px,env(safe-area-inset-top)) + 40px)}.z2 .of-sheet .bk-btn.line.of-put{flex:0 0 32%}.of-sheet .of-sheet-legal{color:#cdbfa3}.of-sheet .bk-doc{animation:.35s cubic-bezier(.2,.7,.2,1) both of-lift}@keyframes of-lift{0%{opacity:0;transform:translateY(60px)rotate(2deg)}}.of-news{max-width:420px;max-height:calc(100% - 70px);color:var(--ink);background:#efe9da;margin:0 auto;padding:14px 16px 16px;animation:.35s cubic-bezier(.2,.7,.2,1) both of-paper;position:absolute;top:50%;left:12px;right:12px;overflow:hidden;transform:translateY(-50%)rotate(-1deg);box-shadow:0 18px 40px -18px #000000b3}@keyframes of-paper{0%{opacity:0;transform:translateY(-40%)rotate(-5deg)}}.of-news header{border-bottom:3px double var(--ink);justify-content:space-between;align-items:baseline;padding-bottom:6px;display:flex}.of-news header b{font:900 20px/1 var(--serif)}.of-news header span{color:var(--ink3);font-size:11px;font-weight:700}.of-news h3{font:900 22px/1.3 var(--serif);letter-spacing:-.05em;word-break:keep-all;margin:10px 0 0}.of-news>p{color:var(--ink2);word-break:keep-all;margin-top:6px;font-size:13.5px;line-height:1.55}.of-news section{border-top:1px solid var(--ink);margin-top:10px;padding-top:8px}.of-news section small{color:var(--ink3);font-size:11px;font-weight:800}.of-news section h4{font:900 17px/1.35 var(--serif);letter-spacing:-.04em;word-break:keep-all;margin:2px 0 0}.of-news section.blame h4{color:var(--red)}.of-news section p{color:var(--ink2);word-break:keep-all;margin-top:4px;font-size:13px;line-height:1.5}.z2 .of-news .bk-btn{width:100%;margin-top:14px}@media (max-height:700px){.of-desk{height:29%;min-height:160px}.of-desk .top{padding-top:26px}.of-news h3{font-size:20px}}@media (prefers-reduced-motion:reduce){.of-desk .bowl .mintc,.of-app.enter .of-door .leaf,.of-turn,.of-dolly,.of-desk,.of-app.enter .of-cam,.of-desk .folder,.of-desk .paper,.of-sheet,.of-sheet .bk-doc,.of-news,.of-fall,.of-cal .tear,.of-drink,.of-stage.drink .of-cam,.of-sec-art.walk,.of-sec-art .leg,.of-eat,.of-eat .mint,.of-steam path{animation:none!important}.of-room>.of-sec,.of-door .leaf{transition:none}.of-drink,.of-eat{display:none}.of-desk .mug.held{visibility:visible}}.of-news .brief{border-top:1px solid var(--ink);gap:5px;margin:10px 0 0;padding:8px 0 0;list-style:none;display:grid}.of-news .brief li{font:800 13px/1.35 var(--serif);letter-spacing:-.03em;color:var(--ink);word-break:keep-all;padding-left:12px;position:relative}.of-news .brief li:before{content:"";background:var(--ink);width:5px;height:5px;position:absolute;top:.55em;left:0}@media (max-height:700px){.of-news .brief li{font-size:12px}.of-news>p{font-size:12.5px}}