.fn .sb{--sb-wall-top:#f0eddf;--sb-wall-bottom:#e8e5d3;--sb-sky:#dfe5cc;--sb-tree:#889a77;--sb-foliage:#9dae87;--sb-shade:#e7d5a9;isolation:isolate;width:calc(100% + 40px);min-width:0;margin:0 0 0 -10px;position:relative}.fn .sb-stage{aspect-ratio:1.6;position:relative}.fn .sb-world{aspect-ratio:1200/660;width:120%;transform:translate(var(--drift-x,0px), calc(-50% + var(--drift-y,0px)));pointer-events:none;transition:transform .75s ease-out;position:absolute;top:50%;left:-10%}.fn .sb-backdrop{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.fn .sb-backdrop:not(.sb-backdrop-front) .sb-foreground{display:none}.fn .sb-backdrop-front{z-index:3}.fn .sb-backdrop-front>:not(.sb-foreground){display:none}.fn .sb-object{outline-offset:0;-webkit-tap-highlight-color:transparent;pointer-events:auto;background:0 0;border:0;border-radius:12px;padding:0;display:block;position:absolute}.fn .sb-object>svg{width:100%;height:100%;transition:filter .25s;display:block;overflow:visible}.fn .sb-object:hover>svg{filter:drop-shadow(0 0 4px #dbcb9977)}.fn .sb-object:focus-visible{outline-offset:4px;outline:1.5px dashed #9d8860}.fn .sb-object-hint{white-space:nowrap;color:#676e53;font:italic 13px var(--serif);opacity:0;pointer-events:none;background:#faf7eadb;border:1px solid #dddbc9;border-radius:4px;padding:5px 10px;transition:opacity .2s,transform .2s;position:absolute;bottom:calc(100% - 8px);left:50%;transform:translate(-50%,5px)}.fn .sb-object:hover .sb-object-hint,.fn .sb-object:focus-visible .sb-object-hint{opacity:1;transform:translate(-50%)}.fn .sb-window{z-index:2;border-radius:50% 50% 4px 4px;width:23.5%;height:50.45%;top:6.6%;left:40.8%}.fn .sb-window-sky{fill:var(--sb-sky);transition:fill 1.2s}.fn .sb-day-sky,.fn .sb-night-sky{transition:opacity 1.2s}.fn .sb-night-sky{opacity:0}.fn .sb-window .sb-object-hint{top:30%;bottom:auto;left:50%}.fn .sb-window-rain{opacity:0;transition:opacity .8s;transform:translateY(-10px)}.fn .sb[data-rain=true] .sb-window-rain{opacity:.65;animation:1.6s linear infinite sb-window-rain}@keyframes sb-window-rain{to{transform:translate(-10px,25px)}}.fn .sb-lamp{z-index:5;touch-action:none;width:15%;height:55.15%;top:22.1%;left:19.5%}.fn .sb-lamp-shade{fill:var(--sb-shade);transition:fill .7s}.fn .sb-light-pool{z-index:4;pointer-events:none;mix-blend-mode:multiply;opacity:1;background:radial-gradient(at 35% 29%,#f7d57865 0,#f1dba62b 23%,#f5e7ab12 43%,#0000 68%);border-radius:50%;width:38%;height:61%;transition:opacity .8s;position:absolute;top:20%;left:14%}.fn .sb[data-lamp=false] .sb-light-pool{opacity:0}.fn .sb[data-lamp=true]{--sb-shade:#f2dfa9}.fn .sb[data-lamp=false]{--sb-shade:#d2cbb2}.fn .sb-lamp:hover .sb-lamp-pull{transform:translateY(var(--cord-pull,4px))}.fn .sb-lamp:active .sb-lamp-pull{transform:translateY(var(--cord-pull,13px))}.fn .sb-lamp-pull,.fn .sb-lamp-cord{transform-origin:128px 145px;transition:transform .25s}.fn .sb-lamp:hover .sb-lamp-cord{transform:scaleY(var(--cord-stretch,1.1))}.fn .sb-lamp:active .sb-lamp-cord{transform:scaleY(var(--cord-stretch,1.3))}.fn .sb-book{z-index:6;width:15.33%;height:19.09%;top:54.1%;left:46.3%;transform:rotate(-6deg)}.fn .sb-book .sb-object-hint{bottom:calc(100% - 15px);transform:translate(-50%)rotate(6deg)}.fn .sb-turning-page{transform-box:fill-box;transform-origin:0;opacity:0;transform:perspective(350px)rotateY(0)}.fn .sb-book:hover .sb-turning-page{opacity:.7;transition:transform .6s,opacity .6s;transform:perspective(350px)rotateY(-27deg)}.fn .sb[data-opening=true] .sb-turning-page{opacity:1;animation:.65s ease-in-out both sb-page-turn}.fn .sb[data-opening=true] .sb-book:disabled{opacity:1}@keyframes sb-page-turn{0%{transform:perspective(350px)rotateY(-15deg)}to{transform:perspective(350px)rotateY(-165deg)}}.fn .sb-cat{z-index:6;width:16.67%;height:19.09%;top:66.5%;left:68.5%}.fn .sb-cat .sb-object-hint{bottom:calc(100% + 3px)}.fn .sb-cat-snooze{font:italic 18px var(--serif);animation:3s ease-in-out infinite sb-snooze}.fn .sb-cat-snooze text:last-child{font-size:13px}.fn .sb-awake-eyes,.fn .sb-cat-heart{opacity:0;transition:opacity .35s}.fn .sb-sleep-eyes{opacity:1;transition:opacity .3s}.fn .sb-cat-tail{transform-origin:139px 87px}.fn .sb[data-awake=true] .sb-cat-snooze,.fn .sb[data-awake=true] .sb-sleep-eyes{opacity:0;animation:none}.fn .sb[data-awake=true] .sb-awake-eyes,.fn .sb[data-awake=true] .sb-cat-heart{opacity:1}.fn .sb[data-awake=true] .sb-cat-tail{animation:2.8s ease-in-out infinite sb-tail}.fn .sb[data-awake=true] .sb-cat-heart{animation:3s ease-in-out infinite sb-cat-love}.fn .sb-steam{animation:4s ease-in-out infinite sb-steam}@keyframes sb-snooze{50%{opacity:.35;transform:translate(2px,-5px)}}@keyframes sb-tail{50%{transform:rotate(-12deg)}}@keyframes sb-cat-love{50%{transform:translateY(-4px)}}@keyframes sb-steam{50%{opacity:.35;transform:translateY(-6px)}}.fn .sb-dust{z-index:5;pointer-events:none;opacity:.7;width:26%;height:43%;transition:opacity .8s;position:absolute;top:31%;left:31%}.fn .sb-dust i{width:2px;height:2px;left:calc(var(--mote) * 14%);top:calc(10% + var(--mote) * 11%);animation:7s ease-in-out infinite sb-dust;animation-delay:calc(var(--mote) * -.83s);background:#bcb082;border-radius:50%;position:absolute}.fn .sb[data-lamp=false] .sb-dust{opacity:0}@keyframes sb-dust{50%{opacity:.2;transform:translate(8px,-12px)}}.fn .sb[data-night=true]{--sb-wall-top:#3f4d40;--sb-wall-bottom:#36463a;--sb-sky:#344953;--sb-tree:#82937e;--sb-foliage:#607c69}.fn .sb[data-night=true] .sb-backdrop-front{filter:brightness(.79)saturate(.85)}.fn .sb[data-night=true] :is(.sb-lamp,.sb-cat)>svg{filter:brightness(.84)saturate(.8)}.fn .sb[data-night=true] .sb-object:hover>svg{filter:drop-shadow(0 0 5px #eed5a53b)}.fn .sb[data-night=true] .sb-object-hint{color:#e3d3b0;background:#2a392fed;border-color:#68725b}.fn .sb[data-night=true] .sb-day-sky{opacity:0}.fn .sb[data-night=true] .sb-night-sky{opacity:1}.fn .sb[data-night=true][data-lamp=true] .sb-light-pool{background:radial-gradient(at 35% 29%,#ffdc8069,#f1dba63b 27%,#f5e7ab19 46%,#0000 70%)}.fn .sb-footer{justify-content:space-between;align-items:center;gap:12px;margin-inline:22px;padding:8px 0;display:flex}.fn .sb-invitation{color:var(--muted);font:italic 13px var(--serif);align-items:center;gap:8px;display:flex}.fn .sb-invitation svg{width:40px;height:24px;transform:rotate(-22deg)}.fn .sb-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fn .sb-tools{gap:18px;display:flex}.fn .sb-tools button{min-width:48px;min-height:44px;color:var(--muted);justify-content:center;align-items:center;gap:5px;padding:5px 2px;font-size:9px;display:inline-flex}.fn .sb-tools button[aria-pressed=true],.fn .sb-tools button:hover{color:var(--accent)}.fn .sb-tools svg{fill:none;stroke:currentColor;stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.fn .sb[data-still=true] *,.fn .sb[data-still=true] :before,.fn .sb[data-still=true] :after{transition:none!important;animation:none!important}@media (max-width:850px){.fn .sb-footer{gap:15px;margin-inline:8px}.fn .sb-invitation{font-size:11px}.fn .sb-invitation svg{display:none}.fn .sb-tools{gap:8px}.fn .sb-object-hint{font-size:11px}}@media (max-width:600px){.fn .sb{width:100%;margin:8px 0 0}.fn .sb-stage{aspect-ratio:1.65;margin:0 -8px}.fn .sb-world{width:120%;left:-10%;transform:translateY(-50%)}.fn .sb-window .sb-object-hint{top:23%}.fn .sb-lamp .sb-object-hint{bottom:calc(100% - 6px);left:63%}.fn .sb-cat .sb-object-hint{left:30%}.fn .sb-object-hint{padding:4px 7px;font-size:10px}.fn .sb-footer{gap:8px;margin-inline:0;padding:0}.fn .sb-invitation{font-size:11px}.fn .sb-tools{align-self:center}.fn .sb-tools button{min-height:40px;font-size:10px}}@media (prefers-reduced-motion:reduce){.fn .sb *,.fn .sb :before,.fn .sb :after{transition:none!important;animation:none!important}}