@font-face{font-family:WIN95FA;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/win95fa-latin-400-normal-DxtS-rFC.woff2) format("woff2"),url(/assets/win95fa-latin-400-normal-CVSTZ9jh.woff) format("woff")}@font-face{font-family:Fixedsys Excelsior;src:url(/assets/FSEX302-j5bfZvkf.ttf) format("truetype")}:root{--desktop: #008080;--face: #c0c0c0;--highlight: #ffffff;--light: #dfdfdf;--shadow: #808080;--dark: #000000;--active-title: #000080;--inactive-title: #808080;--selection: #000080;--selection-text: #ffffff;--ui-font: "WIN95FA", sans-serif;--mono-font: "Fixedsys Excelsior", monospace;--ui-size: 12.5px;--ui-line: 13px;--bevel-window: inset -1px -1px var(--dark), inset 1px 1px var(--light), inset -2px -2px var(--shadow), inset 2px 2px var(--highlight);--bevel-button: inset -1px -1px var(--dark), inset 1px 1px var(--highlight), inset -2px -2px var(--shadow), inset 2px 2px var(--light);--bevel-pressed: inset 1px 1px var(--dark), inset -1px -1px var(--highlight), inset 2px 2px var(--shadow), inset -2px -2px var(--light);--bevel-sunken: inset -1px -1px var(--highlight), inset 1px 1px var(--shadow), inset -2px -2px var(--light), inset 2px 2px var(--dark);--bevel-thin-sunken: inset -1px -1px var(--highlight), inset 1px 1px var(--shadow);--face-hover: #9a9a9a;--face-pressed: #808080}html,body,#root{margin:0;height:100%;background:#000;overflow:hidden}*{box-sizing:border-box}body{font-family:var(--ui-font);font-size:var(--ui-size);line-height:var(--ui-line);color:#000;-webkit-font-smoothing:none;font-smooth:never;text-rendering:optimizeSpeed;-webkit-user-select:none;user-select:none;cursor:var(--cursor-arrow),default}.shortcut,.tab,.start-menu .option,.win-btn,.btn,.credits,.off.clickable,a,.router-link{cursor:var(--cursor-hand),pointer}p,h1,h2,h3,h4{margin:0;font-size:inherit;font-weight:inherit}b{font-weight:700}button{font:inherit}.stage{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#000}.screen{position:relative;transform-origin:center center;overflow:hidden;background:#000;image-rendering:pixelated}.screen img,.screen canvas{image-rendering:pixelated}.screen-content{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}html.embed,html.embed body{margin:0;overflow:hidden;scrollbar-width:none}html.embed body{-webkit-font-smoothing:auto;font-smooth:auto;text-rendering:auto}html.embed .screen,html.embed .screen img,html.embed .screen canvas{image-rendering:auto}.terminal{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;color:silver;font-family:var(--mono-font);font-size:16px;line-height:16px;padding:32px 40px;white-space:pre-wrap;cursor:default}.blinking-cursor{display:inline-block;width:8px;height:2px;background:silver;animation:blink .65s step-end infinite}@keyframes blink{0%,to{background:transparent}50%{background:silver}}.off{position:absolute;top:0;right:0;bottom:0;left:0;background:#000}.crt-on{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#000;transform-origin:center center}.crt-on{animation:crt-open .65s ease-out both}.crt-on .beam{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;pointer-events:none;transform-origin:center center}.crt-on .beam{animation:beam-open .65s ease-out both}@keyframes crt-open{0%{transform:scaleY(.004) scaleX(.4)}35%{transform:scaleY(.004) scaleX(1)}75%{transform:scaleY(1) scaleX(1)}to{transform:none}}@keyframes beam-open{0%{opacity:1}35%{opacity:1}70%{opacity:.85}to{opacity:0}}.desktop{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--desktop);overflow:hidden}.window-layer{position:absolute;top:0;left:0}.window-layer.minimized{opacity:0;pointer-events:none}.shortcuts{position:absolute;top:4px;left:6px}.shortcut{position:absolute;width:74px;display:flex;flex-direction:column;align-items:center}.shortcut .icon-wrap{padding:2px 0}.shortcut .label{color:#fff;text-align:center;padding:0 2px}.shortcut.selected .label{background:var(--selection);color:var(--selection-text)}.os-window{position:absolute;display:flex;flex-direction:column;background:var(--face);box-shadow:var(--bevel-window);padding:3px}.os-window .top-bar{display:flex;align-items:center;height:18px;padding:0 2px;margin:1px 1px 0;background:var(--active-title);color:#fff;cursor:default;touch-action:none}.os-window.inactive .top-bar{background:var(--inactive-title);color:var(--face)}.os-window .top-bar .header{flex:1;display:flex;align-items:center;gap:3px;font-weight:700;white-space:nowrap;overflow:hidden;padding-bottom:1px}.os-window .top-bar .buttons{display:flex;align-items:center}.os-window .top-bar .buttons .gap{width:2px}.win-btn{width:16px;height:14px;padding:0;border:0;display:grid;place-items:center;background:var(--face);box-shadow:var(--bevel-button)}.win-btn:hover{background:var(--face-hover)}.win-btn:active{box-shadow:var(--bevel-pressed);background:var(--face-pressed)}.menu-bar{display:flex;height:18px;margin:1px 1px 0;align-items:center}.menu-bar span{padding:1px 6px}.os-window .content-outer{flex:1;min-height:0;margin:1px;padding:2px;box-shadow:var(--bevel-sunken);background:#fff}.os-window .content{position:relative;width:100%;height:100%;overflow:hidden}.os-window.dialog .content-outer{box-shadow:none;padding:0;background:transparent}.os-window .bottom-bar{display:flex;height:18px;gap:2px;margin:1px 1px 0}.os-window .bottom-bar .inset{display:flex;align-items:center;padding:0 4px;box-shadow:var(--bevel-thin-sunken);white-space:nowrap;overflow:hidden}.os-window .bottom-bar .text{flex:5}.os-window .bottom-bar .spacer{width:16px;padding:0}.os-window .bottom-bar .grip{flex:2;justify-content:flex-end;align-items:flex-end;padding:0 1px 1px 0;cursor:nwse-resize}.resize-hitbox{position:absolute;right:-6px;bottom:-6px;width:26px;height:26px;cursor:nwse-resize}.drag-indicator{position:absolute;z-index:99999;pointer-events:none;mix-blend-mode:difference;border:4px solid transparent;border-image:repeating-conic-gradient(#fff 0,#fff 25%,#000 0,#000 50%) 4 / 4px / 0 round}.page{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#fff;padding:8px 10px;cursor:default}.page.gray{background:var(--face)}.page.fit{position:static}.page .muted{color:var(--shadow)}.page .row{display:flex;align-items:center;gap:8px}.page .stack{display:flex;flex-direction:column;gap:6px}.notepad-text{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;background:#fff;font-family:var(--mono-font);font-size:16px;line-height:16px;padding:2px 4px;white-space:pre-wrap;cursor:text}.btn{min-width:75px;height:23px;padding:0 10px;border:0;background:var(--face);box-shadow:var(--bevel-button);color:#000}.btn:active{box-shadow:var(--bevel-pressed);padding-top:2px}.btn.default{outline:1px solid #000;outline-offset:-1px}.group-box{position:relative;box-shadow:inset -1px -1px var(--highlight),inset 1px 1px var(--shadow),inset -2px -2px var(--shadow),inset 2px 2px var(--highlight);padding:12px 10px 10px;margin-top:6px}.group-box>.legend{position:absolute;top:-7px;left:8px;background:var(--face);padding:0 3px}.page.with-aside{display:flex;gap:10px}.page.with-aside .main{flex:1;min-width:0}.headshot{flex:none;width:75px;height:75px;box-shadow:var(--bevel-sunken);background:var(--face);overflow:hidden;display:grid;place-items:center}.headshot .photo{display:block;width:75px;height:75px;opacity:0;transition:opacity .2s}.headshot .photo.loaded{opacity:1}.social-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.social-head b{display:block}.dialog-body{display:flex;gap:14px;align-items:flex-start;padding:11px 12px 6px}.dialog-body .buttons{display:flex;justify-content:center;margin-top:12px}.status-grid{display:grid;grid-template-columns:80px 1fr;gap:4px 8px}.dot{display:inline-block;width:8px;height:8px;border:1px solid #000;margin-right:5px;vertical-align:-1px}.loading:after{display:inline-block;animation:dotty steps(1,end) 1s infinite;content:""}@keyframes dotty{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.credits{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;color:#fff;display:flex;flex-direction:column;align-items:center;padding:20px 20px 14px;overflow:hidden}.credits .title{font-weight:700}.credits .slide{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.credits .slide .section{font-weight:700;margin-bottom:8px}.credits .slide .row{display:flex;justify-content:space-between;width:320px}.credits .timer{height:13px;letter-spacing:6px}.toolbar{position:absolute;left:0;right:0;bottom:0;height:28px;background:var(--face);box-shadow:inset 0 1px var(--highlight);z-index:100000}.toolbar .inner{height:100%;display:flex;align-items:center;padding:2px 2px 0 0}.tab{display:flex;align-items:center;height:22px;margin-left:2px;padding:0 6px 0 4px;gap:4px;background:var(--face);box-shadow:var(--bevel-button);white-space:nowrap;overflow:hidden}.tab:hover{background:var(--face-hover)}.tab:active{box-shadow:var(--bevel-pressed);background:var(--face-pressed)}.tab.start{font-weight:700;padding-right:7px}.tab.active{box-shadow:var(--bevel-pressed);background:repeating-conic-gradient(#fff 0 25%,var(--face) 0 50%) 0 0 / 2px 2px;padding-top:1px}.tab.active:hover{background:repeating-conic-gradient(#fff 0 25%,var(--face-hover) 0 50%) 0 0 / 2px 2px}.tab.active:active{background:repeating-conic-gradient(#fff 0 25%,var(--face-pressed) 0 50%) 0 0 / 2px 2px;padding-left:5px}.toolbar .tabs{flex:1;display:flex;margin:0 4px 0 2px;overflow:hidden}.toolbar .tabs .tab{flex:1;max-width:160px;min-width:0}.toolbar .time{display:flex;align-items:center;justify-content:center;min-width:70px;height:22px;padding:0 8px;box-shadow:var(--bevel-thin-sunken)}.start-menu{position:absolute;left:2px;bottom:28px;width:190px;z-index:100001;display:flex;background:var(--face);box-shadow:var(--bevel-window);padding:3px}.start-menu .band{width:21px;background:var(--active-title);color:var(--face);font-weight:700;writing-mode:vertical-rl;transform:rotate(180deg);padding:6px 0 20px;text-align:right}.start-menu .items{flex:1;display:flex;flex-direction:column;justify-content:flex-end}.start-menu .option{display:flex;align-items:center;gap:8px;height:24px;padding:0 8px 0 6px}.start-menu .option .check{width:16px;height:16px;flex:none}.start-menu .option:hover{background:var(--selection);color:var(--selection-text)}.start-menu .line{height:2px;margin:3px 0;box-shadow:inset 0 1px var(--shadow),inset 0 -1px var(--highlight)}.crt{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1000000;overflow:hidden}.crt>*{position:absolute;top:0;right:0;bottom:0;left:0}.crt .scanlines{background:repeating-linear-gradient(to bottom,#0000 0,#0000 1px,#00000014 1px,#00000014 2px)}.crt canvas.grain{width:100%;height:100%;opacity:.035}.crt .vignette{background:radial-gradient(ellipse at center,#0000 65%,#0000002e 90%,#00000059)}.crt .flicker{background:#000;opacity:.015;animation:flicker 2.4s steps(1) infinite}@keyframes flicker{0%{opacity:.015}17%{opacity:.025}31%{opacity:.01}48%{opacity:.03}63%{opacity:.015}80%{opacity:.022}92%{opacity:.012}}.screen-content.glitch{filter:url(#crt-glitch)}@media(prefers-reduced-motion:reduce){.crt .flicker{animation:none}}
