@import "https://fonts.googleapis.com/css2?family=VT323&display=swap";:root{--w95-gray:silver;--w95-gray-light:#dfdfdf;--w95-gray-dark:gray;--w95-white:#fff;--w95-black:#0a0a0a;--w95-navy:navy;--w95-navy-grad:linear-gradient(90deg, navy 0%, #1084d0 100%);--w95-navy-grad-inactive:linear-gradient(90deg, gray 0%, #b5b5b5 100%);--w95-teal:teal;--w95-yellow:#ffc;--w95-blue-select:navy;--bevel-raised:inset -1px -1px var(--w95-black), inset 1px 1px var(--w95-white), inset -2px -2px var(--w95-gray-dark), inset 2px 2px var(--w95-gray-light);--bevel-sunken:inset -1px -1px var(--w95-white), inset 1px 1px var(--w95-gray-dark), inset -2px -2px var(--w95-gray-light), inset 2px 2px var(--w95-black);--bevel-pressed:inset -1px -1px var(--w95-white), inset 1px 1px var(--w95-black), inset -2px -2px var(--w95-gray-light), inset 2px 2px var(--w95-gray-dark);--font-ui:Tahoma, "MS Sans Serif", "Segoe UI", Geneva, sans-serif;--font-mono:"VT323", "Lucida Console", monospace;font-family:var(--font-ui);color:var(--w95-black);-webkit-font-smoothing:none;font-smooth:never;font-size:13px;line-height:1.4}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:var(--w95-teal);-webkit-user-select:none;user-select:none;cursor:default}img{image-rendering:pixelated}::selection{background:var(--w95-navy);color:var(--w95-white)}::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-track{background:var(--w95-gray);box-shadow:var(--bevel-sunken)}::-webkit-scrollbar-thumb{background:var(--w95-gray);box-shadow:var(--bevel-raised)}::-webkit-scrollbar-button{background:var(--w95-gray);box-shadow:var(--bevel-raised);width:16px;height:16px;display:block}.w95-btn{font-family:var(--font-ui);background:var(--w95-gray);box-shadow:var(--bevel-raised);min-width:64px;color:var(--w95-black);cursor:pointer;border:none;padding:4px 12px;font-size:12px}.w95-btn:active,.w95-btn[aria-pressed=true]{box-shadow:var(--bevel-pressed);padding:5px 11px 3px 13px}.w95-btn:focus-visible{outline:1px dotted var(--w95-black);outline-offset:-4px}.w95-panel{background:var(--w95-white);box-shadow:var(--bevel-sunken);padding:8px}.w95-fieldset{box-shadow:var(--bevel-raised);border:none;margin-bottom:10px;padding:12px}.w95-fieldset>legend{padding:0 4px;font-weight:700}.w95-input{font-family:var(--font-ui);background:var(--w95-white);box-shadow:var(--bevel-sunken);border:none;width:100%;padding:4px 6px;font-size:12px}.w95-titlebar{background:var(--w95-navy-grad);height:22px;color:var(--w95-white);cursor:grab;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;padding:0 2px 0 4px;font-size:12px;font-weight:700;display:flex}.w95-titlebar.inactive{background:var(--w95-navy-grad-inactive)}.w95-titlebar:active{cursor:grabbing}.w95-titlebar__icon{flex:0 0 16px;width:16px;height:16px}.w95-titlebar__text{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.w95-titlebar__controls{gap:2px;display:flex}.w95-ctrl-btn{background:var(--w95-gray);width:18px;height:16px;box-shadow:var(--bevel-raised);cursor:pointer;color:var(--w95-black);font-size:11px;font-weight:700;line-height:1;font-family:var(--font-ui);border:none;place-items:center;padding-bottom:2px;display:grid}.w95-ctrl-btn:active{box-shadow:var(--bevel-pressed)}.app-body{background:var(--w95-gray);height:100%;padding:14px;overflow:auto}.app-body h1,.app-body h2,.app-body h3{font-family:var(--font-ui)}.app-body a{color:var(--w95-navy)}.app-body p{margin-bottom:8px}.w95-chip{background:var(--w95-gray);box-shadow:var(--bevel-raised);margin:0 4px 4px 0;padding:2px 8px;font-size:11px;display:inline-block}.w95-list{background:var(--w95-white);box-shadow:var(--bevel-sunken);padding:2px;list-style:none}.w95-list li{cursor:pointer;align-items:center;gap:8px;padding:4px 6px;display:flex}.w95-list li:hover,.w95-list li.selected{background:var(--w95-blue-select);color:var(--w95-white)}.desktop{background:var(--w95-teal);background-image:radial-gradient(circle at 50% 0,#0a9c9c 0%,teal 55%,#026767 100%);position:fixed;inset:0;overflow:hidden}.desktop__icons{flex-flow:column wrap;align-content:flex-start;gap:4px;max-height:calc(100vh - 60px);display:flex;position:absolute;top:10px;left:10px}.desktop-icon{cursor:pointer;width:78px;color:var(--w95-white);background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:6px 4px;display:flex}.desktop-icon__glyph{filter:drop-shadow(1px 1px #00000080);font-size:30px}.desktop-icon__label{text-align:center;text-shadow:1px 1px #0009;padding:1px 3px;font-size:11px;line-height:1.15}.desktop-icon__label.sel{background:var(--w95-navy);text-shadow:none;outline:1px dotted #fff}.desktop__surface{position:absolute;inset:0 0 36px}.taskbar{background:var(--w95-gray);height:36px;box-shadow:inset 0 1px 0 var(--w95-white), inset 0 2px 0 var(--w95-gray-light);border-top:1px solid var(--w95-gray-light);z-index:9999;align-items:center;gap:4px;padding:3px 4px;display:flex;position:absolute;bottom:0;left:0;right:0}.taskbar__start{background:var(--w95-gray);box-shadow:var(--bevel-raised);cursor:pointer;border:none;align-items:center;gap:5px;height:28px;padding:3px 9px;font-size:13px;font-weight:700;display:flex}.taskbar__start.active{box-shadow:var(--bevel-pressed)}.taskbar__start-logo{font-size:15px}.taskbar__divider{width:2px;box-shadow:inset 1px 0 var(--w95-gray-dark), inset -1px 0 var(--w95-white);align-self:stretch;margin:3px 2px}.taskbar__windows{flex:1;gap:3px;display:flex;overflow:hidden}.taskbar__item{background:var(--w95-gray);min-width:120px;max-width:160px;height:28px;box-shadow:var(--bevel-raised);cursor:pointer;text-align:left;border:none;align-items:center;gap:6px;padding:0 8px;font-size:12px;display:flex}.taskbar__item.active{box-shadow:var(--bevel-pressed);background:#d4d0c8;font-weight:700}.taskbar__item-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.taskbar__tray{height:28px;box-shadow:var(--bevel-sunken);align-items:center;gap:8px;padding:0 8px;display:flex}.taskbar__clock{text-align:center;min-width:48px;font-size:12px}.startmenu-backdrop{z-index:9998;position:fixed;inset:0}.startmenu{z-index:9999;background:var(--w95-gray);min-width:240px;box-shadow:var(--bevel-raised);padding:3px;display:flex;position:absolute;bottom:36px;left:4px}.startmenu__rail{width:30px;color:var(--w95-white);writing-mode:vertical-rl;text-align:right;letter-spacing:1px;background:linear-gradient(#1084d0,navy);padding:8px 2px;font-size:18px;font-weight:700;transform:rotate(180deg)}.startmenu__rail span{opacity:.85;font-weight:400}.startmenu__items{flex:1;list-style:none}.startmenu__items li{cursor:pointer;align-items:center;gap:10px;padding:7px 16px 7px 10px;font-size:13px;display:flex}.startmenu__items li:hover{background:var(--w95-navy);color:var(--w95-white)}.startmenu__glyph{text-align:center;width:20px;font-size:17px}.startmenu__ext{opacity:.7;margin-left:auto}.startmenu__sep{border-top:1px solid var(--w95-gray-dark);border-bottom:1px solid var(--w95-white);height:0;margin:3px 6px;cursor:default!important;padding:0!important}.startmenu__sep:hover{background:0 0!important}.boot{cursor:pointer;background:#000;place-items:center;display:grid;position:fixed;inset:0}.boot__bios{font-family:var(--font-mono);color:silver;white-space:pre-wrap;width:min(640px,90vw);font-size:20px;line-height:1.4}.boot__cursor{animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.boot__login{text-align:center;color:var(--w95-white);animation:.5s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}}.boot__logo{margin-bottom:24px;font-size:34px;font-weight:700}.boot__logo span{opacity:.8;font-weight:300}.boot__avatar{background:var(--w95-gray);box-shadow:var(--bevel-raised);place-items:center;width:110px;height:110px;margin:0 auto 12px;font-size:72px;display:grid}.boot__user{font-size:20px;font-weight:700}.boot__sub{opacity:.8;margin-bottom:22px;font-size:13px}.boot__enter{padding:8px 20px;font-size:14px}.boot__hint{opacity:.6;margin-top:18px;font-size:11px}
