.room{width:min(850px,100%);height:380px;margin:22px auto 0;position:relative;isolation:isolate}.wall-line{position:absolute;left:4%;right:4%;bottom:56px;height:1px;background:#1a292e}.window{position:absolute;left:14%;top:15px;width:29%;height:232px;border:8px solid #141c24;outline:1px solid #28353e;background:linear-gradient(#162534,#273c48);box-shadow:0 0 70px #6a8a9610,inset 0 0 40px #0a142766;overflow:hidden}.window:before,.window:after{content:"";position:absolute;z-index:3;background:#111b24}.window:before{left:48%;width:7px;height:100%}.window:after{top:48%;height:7px;width:100%}.moon{position:absolute;right:25px;top:26px;width:35px;height:35px;background:#b4c9ca;border-radius:50%;opacity:.6;box-shadow:0 0 35px #b4c9ca44}.city{position:absolute;bottom:0;left:0;width:100%;height:80px;background:#12202a;clip-path:polygon( 0 32%,12% 32%,12% 65%,20% 65%,20% 15%,37% 15%,37% 45%,49% 45%,49% 0,61% 0,61% 58%,78% 58%,78% 27%,90% 27%,90% 70%,100% 70%,100% 100%,0 100% )}.rain{position:absolute;inset:-100% -50%;z-index:2;background:repeating-linear-gradient( 105deg,transparent 0 33px,#bdd9e12c 34px,transparent 35px 73px );background-size:73px 105px;mask-image:repeating-linear-gradient( transparent 0 15px,#000 17px 37px,transparent 39px 105px );animation:rain .85s linear infinite;opacity:.55}.rain.back{animation-duration:1.4s;transform:translateX(17px);opacity:.25}.sill{position:absolute;left:12.8%;top:249px;width:31.4%;height:10px;background:#283640;box-shadow:0 8px 12px #0006}.pool{position:absolute;left:35%;top:58px;width:51%;height:272px;background:radial-gradient(ellipse,#8bbda525,transparent 68%)}.desk{position:absolute;left:26%;right:10%;top:276px;height:12px;background:linear-gradient(#59615a,#2b3938 30%,#151f24 35%);box-shadow:0 14px 25px #0005}.leg{position:absolute;top:288px;height:74px;width:10px;background:#172229}.leg.one{left:29%}.leg.two{right:13%}.monitor{position:absolute;left:49%;top:124px;width:24%;height:125px;border:8px solid #18252b;border-bottom-width:13px;border-radius:6px;background:#10251f;box-shadow:0 0 0 1px #34443f,0 0 65px #8bbda520}.screen{position:absolute;inset:0;background:linear-gradient(135deg,#53796b,#294b43);padding:15px;color:#ccded0;font:9px/1.7 monospace;overflow:hidden}.screen:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(transparent 0 3px,#0a201b18 3px 4px)}.screen span{display:block;opacity:.6}.screen .prompt{opacity:1;margin-top:8px}.cursor{display:inline-block;width:5px;height:9px;background:#b4d1b7;vertical-align:middle}.stand{position:absolute;left:59%;top:249px;height:27px;width:4%;background:linear-gradient(90deg,#18272a,#3a4b46)}.stand:after{content:"";position:absolute;bottom:0;left:-24px;width:80px;height:5px;border-radius:50%;background:#35453f}.keyboard{position:absolute;left:47%;top:268px;width:24%;height:7px;transform:skewX(-22deg);background:repeating-linear-gradient(90deg,#263c39 0 5px,#152925 5px 6px);border:1px solid #41564b}.mug{position:absolute;left:77%;top:247px;width:24px;height:28px;background:linear-gradient(90deg,#737065,#3d443e);border-radius:2px 2px 8px 8px}.mug:after{content:"";position:absolute;left:20px;top:4px;width:12px;height:15px;border:3px solid #555d50;border-radius:50%;z-index:-1}.books{position:absolute;left:31%;top:250px;width:72px;height:26px}.books i{display:block;height:8px;margin-bottom:1px;border-left:5px solid #727566;background:#343e3b;box-shadow:inset 0 1px #67766a55}.books i:nth-child(2){width:65px;background:#535453;transform:translateX(5px)}.books i:nth-child(3){width:77px;background:#374b4b}.shelf{position:absolute;right:11%;top:52px;width:24%;height:6px;background:#334039}.shelf:before{content:"";position:absolute;bottom:6px;left:12px;width:16px;height:38px;background:#525e57;box-shadow:19px 0 #344c4b,37px 0 #6b6353,56px 0 #39413f}.picture{position:absolute;right:13%;top:6px;width:39px;height:46px;border:4px solid #3d4948;background:linear-gradient(140deg,#455b62 50%,#718073 51%,#273a36 76%)}.floor-glow{position:absolute;bottom:0;left:25%;width:65%;height:60px;background:radial-gradient(ellipse,#89bca512,transparent 68%)}.room-caption{position:absolute;bottom:7px;left:0;right:0;text-align:center;font:10px/1.5 monospace;letter-spacing:2px;color:#82938f}.screen{container-type:inline-size}.film{position:absolute;inset:0;overflow:hidden;font-size:1cqw;line-height:1;color:#e6e4cf;isolation:isolate}.film *{box-sizing:border-box}.film span{opacity:1;display:inline}.film:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse,transparent 30%,#0008);z-index:15}.film .name{font-family:Impact,arial narrow,sans-serif;font-weight:900;letter-spacing:.03em}.film .micro{font:2.6em/1.2 monospace;letter-spacing:.18em}.film .credit{font:4em/1.2 monospace;letter-spacing:.08em}.film .dust{position:absolute;width:.4em;height:.4em;background:#dfb974;box-shadow:12em 5em #e6c998,32em -15em #d2a875,42em 4em #e6c998,-22em 2em #e6c998,-16em -18em #e6c998;left:50%;top:50%;animation:drift 7s ease-out both}.screen:after{z-index:30;opacity:.4}@keyframes drift{from{transform:translate(4em,4em)rotate(-10deg);opacity:.2}to{transform:translate(-6em,-4em)rotate(10deg);opacity:.8}}.logo-world{background:#17272e;display:grid;place-items:center}.logo-world:after{display:none}.logo-circle{position:absolute;left:50%;top:50%;width:44em;height:44em;margin:-22em 0 0 -22em;border:.16em solid #b4c8ad55;border-radius:50%;animation:logo-revolve 24s linear infinite;box-shadow:0 0 4em #a9c6aa0c}.logo-circle:before{content:"";position:absolute;inset:12%;border:.13em solid #d7d09a66;border-radius:50%;box-shadow:0 0 2em #d7d09a12,inset 0 0 2em #d7d09a0c}.logo-circle:after{content:"";position:absolute;inset:5%;border:.14em solid transparent;border-top-color:#e6dba177;border-bottom-color:#a8cab266;border-radius:50%}.logo-circle .orbit-letter{position:absolute;inset:0;display:block;font:3em/1 monospace;transform:rotate(var(--angle));color:#c0d0b9}.orbit-letter b{position:absolute;left:50%;top:2%;font-weight:400;transform:translateX(-50%)}.logo-circle .orbit-dot{color:#e7d69c}.logo-name{position:relative;z-index:2;font:italic 7em/1.1 Georgia,times new roman,serif;letter-spacing:-.05em;color:#f4e5af;text-shadow:0 0 1.4em #dcca9d55;transform:rotate(-9deg);white-space:nowrap}@keyframes logo-revolve{from{transform:rotate(-15deg)}to{transform:rotate(345deg)}}.logo-circle{border-color:transparent;box-shadow:none}.logo-circle:before,.logo-circle:after{content:none}body,.room,.logo-world{transition:background-color .65s ease,color .65s ease}.celestial-toggle{appearance:none;border:0;padding:5px;width:46px;height:46px;right:19px;top:20px;opacity:1;background:0 0;box-shadow:none;z-index:5;cursor:pointer;color:inherit;touch-action:manipulation}.celestial-toggle:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.celestial-disc{display:block;width:35px;height:35px;border-radius:50%;background:radial-gradient(circle at 30% 34%,#819fa7 0 9%,transparent 10%),radial-gradient(circle at 65% 61%,#93adb4 0 14%,transparent 15%),#bdcfd0;box-shadow:0 0 24px #c1ded344;transition:background .6s,box-shadow .6s,transform .3s}.celestial-toggle:hover .celestial-disc{transform:scale(1.09)}.window:before,.window:after,.rain,.city{pointer-events:none}.wall-note{position:absolute;left:45%;top:45px;z-index:6;width:89px;min-height:66px;padding:13px 8px 8px;background:#d9ca85;color:#403a26;font:12px/1.35 segoe print,bradley hand,cursive;transform:rotate(-7deg);box-shadow:2px 4px 5px #0003}.wall-note:before{content:"";position:absolute;left:28%;top:-5px;width:40%;height:12px;background:#e6dcb088;transform:rotate(4deg)}.wall-note:after{content:"";position:absolute;right:0;bottom:0;border-style:solid;border-width:0 0 9px 9px;border-color:transparent transparent #a89a57 transparent}[data-theme=day] .window{border-color:#a59c84;outline-color:#938c78;background:linear-gradient(#7eb8cc,#dce8c7);box-shadow:0 0 55px #f8d98866,inset 0 0 30px #fff4bd33}[data-theme=day] .window:before,[data-theme=day] .window:after{background:#a59c84}[data-theme=day] .celestial-disc{background:#ffda75;box-shadow:0 0 0 5px #ffe49633,0 0 0 10px #ffe4961a,0 0 25px #ffdd84cc}[data-theme=day] .city{background:#779792}[data-theme=day] .rain{opacity:0;animation-play-state:paused}[data-theme=day] .sill{background:#b8ac91;box-shadow:0 8px 12px #62513916}[data-theme=day] .wall-line{background:#cec7b3}[data-theme=day] .pool{background:radial-gradient(ellipse,#edce8233,transparent 68%)}[data-theme=day] .desk{background:linear-gradient(#b49e75,#ccb991 30%,#9b896b 35%);box-shadow:0 14px 25px #65533919}[data-theme=day] .leg{background:#9b8e73}[data-theme=day] .monitor{border-color:#68756d;background:#d8e6d2;box-shadow:0 0 0 1px #465a4d,0 7px 20px #59644322}[data-theme=day] .logo-world{background:#e8e9d4}[data-theme=day] .logo-name{color:#725323;text-shadow:0 0 1.4em #ddc39144}[data-theme=day] .logo-circle .orbit-letter{color:#365b4c}[data-theme=day] .logo-circle .orbit-dot{color:#88612b}[data-theme=day] .screen:after{opacity:.13}[data-theme=day] .stand{background:linear-gradient(90deg,#6c7a6c,#9aa58c)}[data-theme=day] .stand:after{background:#87977e}[data-theme=day] .keyboard{background:repeating-linear-gradient(90deg,#a5b29b 0 5px,#788972 5px 6px);border-color:#6c8165}[data-theme=day] .mug{background:linear-gradient(90deg,#e0c8a0,#b79971)}[data-theme=day] .mug:after{border-color:#bda079}[data-theme=day] .books i{border-left-color:#c5b08b;background:#879b83;box-shadow:inset 0 1px #b9c5a5}[data-theme=day] .books i:nth-child(2){background:#b99b83}[data-theme=day] .books i:nth-child(3){background:#859e9a}[data-theme=day] .shelf{background:#ad9d7e}[data-theme=day] .shelf:before{background:#a0ab8b;box-shadow:19px 0 #819d91,37px 0 #bca47c,56px 0 #969b82}[data-theme=day] .picture{border-color:#9e947d;background:linear-gradient(140deg,#aac8c6 50%,#cad3a9 51%,#8da888 76%)}[data-theme=day] .floor-glow{background:radial-gradient(ellipse,#e9be6155,transparent 68%)}.room-stage{position:relative;height:390px;margin:26px auto 0}.room{margin:0 auto;background:var(--night);transform-origin:61% 184px}.room .screen{padding:0;animation:none;container-type:inline-size}.room .screen::after{pointer-events:none}.room .screen-scene{position:absolute;inset:0;padding:12px;background:#17332d;color:#b3cdb7;font:8px/2 monospace}.room .screen-scene span{display:block}.room .screen-heading{opacity:.6;margin-bottom:9px}.room .screen-code{color:#dfc991}.room .wall-note{width:79px;min-height:33px;padding:10px 4px 8px;font-size:10px;text-align:center;white-space:nowrap}.room .logo-world{transition:opacity .4s ease,background-color .65s ease}.room:not([data-scene=home]) .logo-world{opacity:0}.opening .room{z-index:50;animation:room-pullback 1.5s cubic-bezier(.3,0,.2,1)both}.opening .room .logo-world{opacity:1}.opening .scene-details{animation:page-arrives 1.5s both}@keyframes room-pullback{0%,12%{transform:translate(-11%,var(--camera-y,-120px))scale(10)}100%{transform:translate(0,0)scale(1)}}@keyframes rain{from{translate:0 -52px}to{translate:-12px 53px}}.scene-details{pointer-events:none}.teaching-board{position:absolute;left:76%;top:132px;width:124px;height:79px;border:4px solid #6c7563;background:#263e37;transform:rotate(-2deg);color:#c3d0b4;padding:8px;font:7px/1.5 monospace;box-shadow:2px 4px 8px #0003}.diagram{display:flex;align-items:center;gap:6px;margin-top:8px}.diagram i{width:20px;height:13px;border:1px solid #b3c5a8}.teaching-board small{display:block;margin-top:7px;font-size:5px;opacity:.6}.terminal-sticky{position:absolute;right:14%;top:106px;background:#b3b98c;padding:10px;font:10px/1.5 monospace;color:#2e3d31;transform:rotate(5deg)}.router{position:absolute;left:39%;top:259px;width:40px;height:17px;background:#32443f;border:1px solid #586452;display:flex;gap:4px;padding:7px 5px}.router::before{content:"";position:absolute;right:5px;top:-22px;width:3px;height:22px;background:#637466;transform:rotate(12deg)}.router i{width:3px;height:3px;background:#b8db9e;border-radius:50%;box-shadow:0 0 5px #b8db9e77}.extra-books{position:absolute;left:33%;top:201px;width:72px;height:49px;display:flex;align-items:end;gap:3px}.extra-books i{width:11px;height:44px;background:#a4906e;border-top:5px solid #bfaa89;border-bottom:6px solid #bfaa89}.extra-books i:nth-child(2n){height:49px;background:#647e73;border-color:#91a99c}.extra-books i:nth-child(3n){height:36px;background:#966f61;border-color:#b58f81}.controller{position:absolute;left:40%;top:256px;width:44px;height:19px;border-radius:8px 8px 5px 5px;background:#8d9b87;transform:rotate(-3deg);box-shadow:0 2px 2px #0005;color:#233b32;display:flex;align-items:center;justify-content:space-around;font:14px monospace}.controller b{font-size:10px;color:#d4bda0}.pixel-landscape{position:absolute;inset:0;background:linear-gradient(145deg,transparent 40%,#557b69 41% 60%,transparent 61%),linear-gradient(35deg,#a4ac7e 45%,#27483e 46%)}.now-board{position:absolute;left:76%;top:131px;width:118px;height:82px;padding:8px 10px;transform:rotate(-3deg);background:#d2c79e;color:#3d4735;font:7px/2 monospace}.now-board span{display:block;border-bottom:1px solid #7a806a55;font:italic 13px Georgia,serif;padding-bottom:5px;margin-bottom:3px}.now-board i{display:block;font-style:normal}.plant{position:absolute;left:35%;top:208px;width:24px;height:42px}.plant b{position:absolute;width:24px;height:21px;bottom:0;background:#a08063;clip-path:polygon(0 0,100% 0,85% 100%,15% 100%)}.plant i{position:absolute;left:11px;width:2px;height:29px;background:#789873}.plant i::before,.plant i::after{content:"";position:absolute;width:17px;height:10px;border-radius:0 100% 0 100%;background:#799473;top:5px;left:-16px;transform:rotate(15deg)}.plant i::after{top:-2px;left:2px;transform:rotate(-70deg)}.photo-string{position:absolute;left:77%;top:146px;display:flex;gap:10px;border-top:1px solid #89877b;padding-top:5px;transform:rotate(-4deg)}.photo-string i{width:25px;height:33px;border:3px solid #c9c4a8;border-bottom-width:8px;background:linear-gradient(130deg,#93aaa1 45%,#516b58 46%);transform:rotate(8deg)}.photo-string i:nth-child(2){transform:rotate(-7deg);background:linear-gradient(45deg,#a59374 40%,#6c8281 41%)}[data-theme=day] .screen-scene{background:#d9e1ca;color:#304d3d}[data-theme=day] .screen-code{color:#745423}[data-theme=day] .teaching-board{background:#e0e4cb;color:#345143;border-color:#9b9476}[data-theme=day] .diagram i{border-color:#637b5d}@media(max-width:700px){.room-stage{height:318px;margin-top:25px}.room{height:318px;transform-origin:62.5% 180px}.window{left:7%;width:34%;height:195px;top:25px}.sill{left:6%;width:36%;top:222px}.desk{left:19%;right:5%;top:259px}.leg{top:271px;height:38px}.leg.one{left:22%}.leg.two{right:8%}.monitor{left:47%;width:31%;top:137px;height:96px;border-width:5px;border-bottom-width:10px}.room .screen-scene{padding:6px;font-size:5px}.room .screen-heading{margin-bottom:5px}.stand{top:233px;height:26px;left:60%}.stand::after{width:48px;left:-16px}.keyboard{top:252px;left:46%;width:30%}.books{left:24%;top:233px;scale:.8;transform-origin:bottom left}.mug{left:83%;top:231px}.shelf{right:4%;width:29%;top:80px}.picture{right:9%;top:34px}.wall-line{bottom:15px}.room .wall-note{left:44%;top:44px;width:70px;padding:8px 2px;min-height:28px;font-size:9px}.room .celestial-toggle{right:8px;top:16px}.teaching-board,.now-board{left:81%;top:146px;width:18%;max-width:110px;height:66px;padding:5px 3px;font-size:clamp(4px,.9vw,6px)}.teaching-board{border-width:2px}.teaching-board>span{white-space:nowrap;letter-spacing:-.2px}.teaching-board small{font-size:clamp(3px,.75vw,5px);margin-top:7px}.diagram{gap:2px;margin-top:8px}.diagram i{width:12px;height:9px}.now-board span{font-size:9px;padding-bottom:4px}.now-board i{white-space:nowrap}.terminal-sticky{right:5%;top:100px;padding:6px;font-size:7px}.router{left:33%;top:242px;scale:.8}.extra-books{left:26%;top:189px;scale:.8;transform-origin:bottom left}.controller{left:34%;top:240px;scale:.75;transform-origin:bottom left}.plant{left:29%;top:191px}.photo-string{left:81%;top:159px;width:18%;gap:4px}.photo-string i{width:28%;height:25px;border-width:2px;border-bottom-width:6px}@keyframes room-pullback{0%,12%{transform:translate(-12.5%,var(--camera-y,-120px))scale(14)}100%{transform:translate(0,0)scale(1)}}}@media(prefers-reduced-motion:reduce){.room,.room *,.room *::before,.room *::after{animation:none!important;transition:none!important}}