@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap');
:root{--cream:#f3ebd8;--cocoa:#795337;--ink:#30251d;--butter:#eedc9b;--line:#68472f}*{box-sizing:border-box}body{margin:0;background:var(--cocoa);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:3px solid #bc791e;outline-offset:4px}button:hover{filter:brightness(1.06)}[hidden]{display:none!important}#intro{position:fixed;inset:0;z-index:100;background:#8f661b;overflow:hidden;transition:opacity .7s,transform 1.1s cubic-bezier(.22,1,.36,1);transform-origin:38% 50%}#intro.exit{transform:scale(.72);opacity:0;pointer-events:none}.intro-film{width:100%;height:100%;object-fit:cover;object-position:center 65%}.intro-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(39,25,6,.58),transparent 65%),linear-gradient(0deg,rgba(39,25,6,.45),transparent 50%)}.intro-top{position:absolute;top:34px;left:4vw;right:4vw;display:flex;align-items:center;justify-content:space-between;color:var(--cream);font-size:10px;letter-spacing:2px}.intro-top img{width:155px}.intro-copy{position:absolute;left:7vw;bottom:16vh;color:var(--cream)}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600}h1{font-family:'DM Serif Display',Georgia,serif;font-size:clamp(50px,6.5vw,98px);line-height:1.02;letter-spacing:-3px;font-weight:400;margin:24px 0 34px}.enter{display:flex;gap:55px;justify-content:space-between;align-items:center;background:var(--cream);border:1px solid var(--cream);padding:17px 22px;color:var(--ink);font-size:13px}.enter span{font-size:24px}.sound-text{display:block;border:0;background:none;color:var(--cream);margin-top:16px;padding:8px 0;font-size:11px}.intro-foot{position:absolute;bottom:28px;left:4vw;color:var(--cream);font-size:9px;letter-spacing:2px}.skip{position:absolute;bottom:24px;right:4vw;background:none;border:0;color:var(--cream);font-size:11px}#desktop{min-height:100svh;height:100svh;overflow:hidden;position:relative;background:radial-gradient(ellipse at 65% 35%,#c5a77555,transparent 60%),#98744e}#desktop:before{content:'';position:absolute;inset:0;opacity:.14;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.4' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.menubar{height:34px;background:var(--cream);border-bottom:2px solid var(--ink);display:flex;gap:23px;align-items:center;padding:0 18px;font:11px 'Courier New',monospace;position:relative;z-index:50}.menubar button{border:0;background:none;padding:0;font:inherit}.menubar img{width:21px;filter:brightness(.4)}.menubar time{margin-left:auto}.wallpaper{position:absolute;right:4vw;bottom:70px;width:42%;text-align:right;opacity:.24}.wallpaper img{width:100%}.wallpaper p{letter-spacing:4px;font-size:10px;color:var(--cream)}.icons{position:absolute;top:70px;left:20px;display:grid;gap:21px;width:105px}.icons button{background:none;border:0;color:var(--cream);display:grid;justify-items:center;gap:7px;padding:4px}.icons b{font:10px 'Courier New',monospace;text-shadow:1px 1px #4a2d19;line-height:1.3}.icon{display:grid;place-items:center;width:43px;height:39px;font:30px Georgia;color:#f8ecc6;filter:drop-shadow(3px 3px 0 #4f382b)}.folder-icon{color:#efd477;font-size:47px}.butter-icon{background:#e7c866;border:2px solid #634730;border-radius:15px;font-weight:bold;font-size:24px;color:#6c4928}.film-icon{background:#e9dfc9;color:#785437;font-size:32px;border:2px solid #62462b}.letter-icon{font-size:43px}.window{position:absolute;background:var(--cream);border:1px solid #32251b;padding:3px;box-shadow:inset 1px 1px #fff8e9,inset -1px -1px #a9997e,5px 6px 0 #3b251b33;min-width:240px}.titlebar{height:25px;background:#735036;color:#fff3d5;display:flex;align-items:center;justify-content:space-between;padding:3px 5px;font:11px 'Courier New',monospace;cursor:grab;touch-action:none;user-select:none}.titlebar>div{display:flex;gap:3px}.titlebar button{height:18px;min-width:19px;border:1px solid #3c2c1c;border-top-color:#fff6de;border-left-color:#fff6de;background:#ded0b0;font:15px/12px Arial;color:#382a20;padding:0}.bath-window{width:41vw;max-width:560px;left:15vw;top:9vh;z-index:3}.video-wrap{height:55vh;max-height:520px;position:relative;margin-top:3px;background:#ae8524;overflow:hidden}.video-wrap video{width:100%;height:100%;object-fit:cover;object-position:center 63%}.live{position:absolute;top:13px;left:14px;font:8px 'Courier New',monospace;letter-spacing:1px;background:#f3ebd8d9;padding:6px 8px}.live i,.footer-status i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#587349;margin-right:6px}.player{height:38px;display:flex;align-items:center;gap:12px;padding:5px;font:9px 'Courier New',monospace}.player button{background:var(--cream);border:1px solid #a89673;padding:4px 9px}.track{height:6px;background:#d3c1a0;flex:1;border:1px solid #9a896c}.track i{display:block;width:30%;height:100%;background:#795337;animation:playhead 5s linear infinite}@keyframes playhead{from{width:0}to{width:100%}}.statusbar{border:1px inset #dfd1b4;padding:5px 7px;font:9px 'Courier New',monospace}.welcome-window{width:35vw;max-width:460px;right:6vw;top:18vh;z-index:5}.welcome-body{padding:28px 30px 17px;background:#faf2d8}.welcome-body h2,.popup h2{font:normal clamp(40px,4.4vw,66px)/.98 'DM Serif Display',Georgia,serif;letter-spacing:-2px;margin:23px 0}.welcome-body p:not(.eyebrow):not(.tiny){font-size:13px;line-height:1.7}.retro-button{border:2px outset #fffae8;background:#dfc992;box-shadow:1px 1px 0 #655035;padding:12px 15px;font:11px 'Courier New',monospace;display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:24px}.retro-button:active{border-style:inset}.tiny{font:9px/1.5 'Courier New',monospace;color:#82664b;margin-top:18px}.note-window{right:11vw;top:74vh;width:245px;z-index:6;transform:rotate(-3deg)}.note-body{background:#f3dda3;padding:20px 25px;font:italic 26px/1.1 Georgia,serif}.note-body span{display:block;font:9px 'Courier New',monospace;margin-top:15px}.popup{width:430px;left:calc(50% - 215px);top:15vh;z-index:20}.popup-body{padding:28px;background:#fbf3dc}.popup p{font-size:13px;line-height:1.7}.popup .small{font-size:11px}.stamp{display:inline-block;font:9px 'Courier New',monospace;letter-spacing:1px;border:1px solid #a18358;padding:7px}.loading{border:2px inset #e2cf9f;height:18px;padding:2px;margin:24px 0}.loading i{display:block;width:62%;height:100%;background:repeating-linear-gradient(90deg,#795337 0 9px,transparent 9px 12px)}hr{border:0;border-top:1px solid #cabb9b;margin:25px 0}blockquote{margin:25px 0;font:22px/1.5 Georgia,serif}blockquote em{color:#92704b}.message-window{width:310px;left:calc(50% - 155px);top:9vh}.message-window img{display:block;width:100%;max-height:75vh;object-fit:contain}.taskbar{height:40px;background:#dfd1b4;border-top:2px outset #fff5db;position:absolute;bottom:0;left:0;right:0;z-index:70;display:flex;align-items:center;gap:9px;padding:4px 8px;font:10px 'Courier New',monospace}.taskbar button{height:29px;border:2px outset #fff5db;background:#eee1c5;min-width:95px;text-align:left;font:inherit}.taskbar #start{font-weight:bold;min-width:78px;display:flex;align-items:center;gap:8px}.taskbar img{width:20px;filter:brightness(.4)}#tasks{display:flex;gap:4px}.footer-status{margin-left:auto;padding:8px;border:1px inset #eee1c5}#startMenu{position:absolute;bottom:40px;left:8px;z-index:71;width:230px;border:2px outset #fff5db;background:#eee1c5;padding:10px}#startMenu strong{display:block;background:var(--cocoa);color:var(--cream);font:13px 'Courier New';padding:12px;margin-bottom:7px}#startMenu button{display:block;width:100%;text-align:left;border:0;background:none;padding:12px;font:11px 'Courier New'}#startMenu button:hover{background:#cfb988}body.entered #desktop{animation:boot .8s ease-out}@keyframes boot{from{filter:blur(4px);transform:scale(1.04)}to{filter:blur(0);transform:scale(1)}}
@media(min-width:1100px){.intro-film{object-position:center 64%}}@media(max-width:700px){.intro-top{top:25px;left:24px;right:24px}.intro-top img{width:120px}.intro-top span{font-size:8px;letter-spacing:1px}.intro-copy{left:26px;bottom:16vh}h1{font-size:55px;letter-spacing:-2px}.intro-shade{background:linear-gradient(0deg,#372608b0,transparent 85%)}.intro-film{object-position:center}.intro-foot{font-size:7px;letter-spacing:1px;left:25px}.menubar{gap:16px;padding:0 10px;font-size:9px}.menubar time{display:none}.menubar #sound{margin-left:auto}.icons{top:51px;left:10px;right:10px;display:flex;justify-content:space-around;width:auto;gap:4px}.icons button{width:65px}.icons b{font-size:8px}.icon{height:30px;font-size:27px;width:35px}.folder-icon{font-size:38px}.butter-icon{font-size:19px}.bath-window{top:145px;left:5%;width:78%;max-width:none}.video-wrap{height:34svh;max-height:300px}.welcome-window{top:calc(145px + 27svh);right:4%;width:78%;max-width:none}.welcome-body{padding:20px 22px 12px}.welcome-body h2{font-size:42px;margin:16px 0}.welcome-body p:not(.eyebrow):not(.tiny){font-size:11px;line-height:1.5}.welcome-body .eyebrow{font-size:8px}.welcome-body .retro-button{margin-top:17px;padding:10px;font-size:9px}.welcome-body .tiny{margin-top:13px;font-size:8px}.note-window{display:none}.wallpaper{width:80%;bottom:65px}.popup{width:90%;left:5%;top:125px;max-height:calc(100svh - 180px);overflow:auto}.popup h2{font-size:45px}.message-window{width:70%;left:15%;top:110px}.message-window img{max-height:65svh}.footer-status{font-size:8px;padding:7px}#tasks button{min-width:65px;font-size:8px}.titlebar{font-size:10px}.statusbar{font-size:8px}#desktop{min-height:800px;height:100svh;overflow:auto}.taskbar{position:fixed}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}#intro.exit{transform:none}}