:root{--bg:teal;--face:silver;--face-light:#dfdfdf;--light:#fff;--shadow:gray;--dark:#000;--surface:var(--face);--surface-2:var(--face-light);--text:#000;--muted:#444;--accent:navy;--accent-2:#1084d0;--link:navy;--radius:0;--taskbar-h:30px;--font:Tahoma, "MS Sans Serif", "Segoe UI", Verdana, "DejaVu Sans", sans-serif;--mono:"Lucida Console", Consolas, "DejaVu Sans Mono", monospace;--raised:inset -1px -1px var(--dark), inset 1px 1px var(--light), inset -2px -2px var(--shadow), inset 2px 2px var(--face-light);--raised-thin:inset -1px -1px var(--shadow), inset 1px 1px var(--light);--sunken:inset -1px -1px var(--light), inset 1px 1px var(--shadow), inset -2px -2px var(--face-light), inset 2px 2px var(--dark);--sunken-thin:inset -1px -1px var(--light), inset 1px 1px var(--shadow);--pressed:inset 1px 1px var(--dark), inset -1px -1px var(--light), inset 2px 2px var(--shadow), inset -2px -2px var(--face-light)}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);margin:0;font-size:12px}#root{position:fixed;inset:0;overflow:hidden}:focus-visible{outline:1px dotted var(--dark);outline-offset:-4px}a,a:visited{color:var(--link)}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn,.trash__bar button,.ms__face,.ms__select,.window__btn,.taskbar__start,.taskbar__task{background:var(--face);color:var(--text);box-shadow:var(--raised);font:inherit;cursor:default;border:0;border-radius:0}.btn:active,.trash__bar button:active,.taskbar__start:active,.taskbar__start.is-active,.taskbar__task.is-active{box-shadow:var(--pressed)}.btn,.trash__bar button{min-width:75px;padding:4px 12px}.btn:focus-visible,.trash__bar button:focus-visible{outline-offset:-5px}.window{background:var(--face);box-shadow:var(--raised);flex-direction:column;padding:3px;display:flex;position:absolute;overflow:hidden}.window:focus-visible{outline:none}.window__titlebar{background:linear-gradient(90deg, var(--shadow), #b5b5b5);height:18px;color:var(--face);-webkit-user-select:none;user-select:none;touch-action:none;cursor:default;align-items:center;gap:2px;margin-bottom:2px;padding:2px 2px 2px 4px;display:flex}.window.is-focused .window__titlebar{background:linear-gradient(90deg, var(--accent), var(--accent-2));color:#fff}.window__titlebar:focus-visible{outline-offset:-2px;outline:1px dotted #fff}.window__title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;font-weight:700;line-height:1;overflow:hidden}.window__btn{color:#000;width:16px;height:14px;padding:0;font-size:11px;font-weight:700;line-height:1}.window__btn:active{box-shadow:var(--pressed)}.window__btn--close{margin-left:2px}.window__btn:focus-visible{outline-offset:-3px}.window__body{flex:1;padding:10px;overflow:auto}.windows-layer{z-index:0;isolation:isolate;pointer-events:none;position:absolute;inset:0}.windows-layer>.window{pointer-events:auto}.window[hidden],.window.is-maximized .window__edge{display:none}.window__edge{z-index:1;touch-action:none;position:absolute}.window__edge[data-edge=n],.window__edge[data-edge=s]{cursor:ns-resize;height:6px;left:8px;right:8px}.window__edge[data-edge=e],.window__edge[data-edge=w]{cursor:ew-resize;width:6px;top:8px;bottom:8px}.window__edge[data-edge=n]{top:0}.window__edge[data-edge=s]{bottom:0}.window__edge[data-edge=e]{right:0}.window__edge[data-edge=w]{left:0}.window__edge[data-edge=ne],.window__edge[data-edge=nw],.window__edge[data-edge=se],.window__edge[data-edge=sw]{width:10px;height:10px}.window__edge[data-edge=ne]{cursor:nesw-resize;top:0;right:0}.window__edge[data-edge=sw]{cursor:nesw-resize;bottom:0;left:0}.window__edge[data-edge=nw]{cursor:nwse-resize;top:0;left:0}.window__edge[data-edge=se]{cursor:nwse-resize;bottom:0;right:0}.snap-preview{z-index:2147483000;border:2px dashed var(--face);pointer-events:none;background:#00008026;transition:left .12s,top .12s,width .12s,height .12s;position:absolute}.snap-preview[hidden]{display:none}.taskbar{height:var(--taskbar-h);background:var(--face);box-shadow:inset 0 1px var(--light), 0 -1px var(--face-light);z-index:1;align-items:center;gap:4px;padding:3px 2px 2px;display:flex;position:absolute;bottom:0;left:0;right:0}.taskbar button:focus-visible{outline-offset:-4px}.taskbar__start{flex:none;align-items:center;gap:4px;height:22px;padding:0 6px 0 4px;font-weight:700;display:flex}.taskbar__start svg{width:16px;height:16px}.taskbar__start:after{content:"";align-self:stretch;width:1px}.taskbar__sep{width:2px;height:22px;box-shadow:inset 1px 0 var(--shadow), inset -1px 0 var(--light);flex:none}.taskbar__tasks{flex:1;gap:3px;min-width:0;display:flex;overflow:hidden}.taskbar__task{text-align:left;align-items:center;gap:4px;width:160px;min-width:0;height:22px;padding:0 6px;display:flex}.taskbar__task.is-active{background-image:linear-gradient(45deg, var(--light) 25%, transparent 25%, transparent 75%, var(--light) 75%), linear-gradient(45deg, var(--light) 25%, transparent 25%, transparent 75%, var(--light) 75%);background-position:0 0,1px 1px;background-size:2px 2px;font-weight:700}.taskbar__task svg{flex:none;width:16px;height:16px}.taskbar__task-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.taskbar__clock{height:22px;box-shadow:var(--sunken-thin);font-variant-numeric:tabular-nums;flex:none;padding:0 10px;line-height:22px}.desktop{position:absolute;inset:0}.desktop__icons{top:8px;left:4px;bottom:calc(var(--taskbar-h) + 8px);grid-template-rows:repeat(auto-fill,76px);grid-auto-columns:86px;grid-auto-flow:column;align-items:start;gap:0 2px;display:grid;position:absolute}.icon{color:#fff;width:86px;font:inherit;cursor:default;background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;padding:4px 0;display:flex}.icon__art{flex:none;width:32px;height:32px}.icon__art svg{width:32px;height:32px;display:block}.icon__label{text-align:center;text-shadow:1px 1px #000;overflow-wrap:normal;max-width:100%;padding:1px 2px;line-height:1.2}.icon:focus{outline:none}.icon:focus .icon__label{background:var(--accent);outline-offset:-1px;text-shadow:none;outline:1px dotted #fff}.icon:focus .icon__art{filter:brightness(.6)sepia()hue-rotate(200deg)saturate(2)}.start-menu{left:2px;bottom:calc(var(--taskbar-h) - 2px);z-index:2;background:var(--face);min-width:190px;box-shadow:var(--raised);padding:3px;display:flex;position:absolute}.start-menu[hidden]{display:none}.start-menu__banner{background:linear-gradient(0deg, var(--accent), var(--accent-2));color:silver;white-space:nowrap;writing-mode:vertical-rl;flex:none;justify-content:center;align-items:flex-start;width:24px;padding:6px 0;font-size:16px;font-weight:400;display:flex;transform:rotate(180deg)}.start-menu__banner b{color:#fff}.start-menu__list{flex-direction:column;flex:1;min-width:0;display:flex}.start-menu__item{width:100%;min-height:36px;color:var(--text);font:inherit;text-align:left;cursor:default;background:0 0;border:0;align-items:center;gap:8px;padding:2px 16px 2px 6px;display:flex}.start-menu__item:hover,.start-menu__item:focus-visible{background:var(--accent);color:#fff;outline:none}.start-menu__item svg{flex:none;width:32px;height:32px}.start-menu__divider{border:0;border-top:1px solid var(--shadow);border-bottom:1px solid var(--light);width:100%;margin:2px 0}.ctx-menu{z-index:4;background:var(--face);min-width:140px;box-shadow:var(--raised);flex-direction:column;padding:3px;display:flex;position:fixed}.ctx-menu__item{width:100%;height:24px;color:var(--text);font:inherit;text-align:left;white-space:nowrap;cursor:default;background:0 0;border:0;align-items:center;padding:0 16px 0 20px;display:flex}.ctx-menu__item:hover,.ctx-menu__item:focus{background:var(--accent);color:#fff;outline:none}.ctx-menu__divider{border:0;border-top:1px solid var(--shadow);border-bottom:1px solid var(--light);width:100%;margin:2px 0}.desktop__icons.is-refreshing{visibility:hidden}@media (prefers-reduced-motion:reduce){.desktop__icons.is-refreshing{visibility:visible}}.app-stub{color:var(--muted);margin:0}.splash{z-index:10;cursor:pointer;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:fixed;inset:0}.splash__name{color:silver;font-family:var(--mono);letter-spacing:.04em;font-size:20px}.splash__bar{background:#333;width:200px;height:6px;overflow:hidden}.splash__fill{transform-origin:0;height:100%;animation:splash-fill var(--boot-ms,.9s) linear forwards;background:silver}@keyframes splash-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.dialup{z-index:10;background:var(--face);width:360px;max-width:calc(100vw - 32px);color:var(--text);box-shadow:var(--raised);padding:3px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.dialup__titlebar{background:linear-gradient(90deg, var(--accent), var(--accent-2));color:#fff;-webkit-user-select:none;user-select:none;align-items:center;height:18px;margin-bottom:2px;padding:2px 4px;font-weight:700;display:flex}.dialup__body{padding:10px 12px 8px}.dialup__line{margin:0 0 6px}.dialup__status{min-height:1.4em;box-shadow:var(--sunken-thin);margin:10px 0 0;padding:2px 4px}.dialup__actions{justify-content:flex-end;gap:6px;margin-top:12px;display:flex}.dialup .btn:disabled{color:var(--shadow);text-shadow:1px 1px var(--light)}.screensaver{z-index:9;cursor:none;background:#000;position:fixed;inset:0}.screensaver canvas{width:100%;height:100%;display:block}.shutdown{z-index:10;animation:shutdown-fade var(--fade-ms,.6s) ease-in both;background:#000;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.shutdown__text{color:#f0a040;font-family:var(--mono);text-align:center;animation:shutdown-fade .3s var(--fade-ms,.6s) ease-out both;margin:0;padding:0 16px;font-size:18px}@keyframes shutdown-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.splash__fill,.shutdown,.shutdown__text{animation:none}}.window__body.ski-host{padding:0;overflow:hidden}.ski__frame{background:#fff;border:0;width:100%;height:100%;display:block}.display{box-shadow:inset 1px 1px var(--shadow), inset -1px -1px var(--light), inset 2px 2px var(--light), inset -2px -2px var(--shadow);border:0;gap:8px;margin:0;padding:10px 12px;display:grid}.display legend{color:var(--muted);padding:0 6px}.display__option{cursor:pointer;align-items:center;gap:10px;display:flex}.display__swatch{width:56px;height:36px;box-shadow:var(--sunken-thin);flex:none}.about{padding:6px 4px;line-height:1.5}.about h2{margin:0 0 8px}.about p{margin:0 0 10px}.about__links a{margin-right:12px}.about__credits{color:var(--muted);margin-top:8px}.about h2{font-size:18px}.trash{padding:12px}.trash__list{box-shadow:var(--sunken);background:#fff;gap:4px;margin:0 0 12px;padding:6px 8px;list-style:none;display:grid}.trash__bar{gap:8px;display:flex}.trash__empty{text-align:center;color:var(--muted);margin:24px 0}.term{box-sizing:border-box;color:silver;height:100%;font-family:var(--mono);background:#000;padding:8px;font-size:13px;overflow-y:auto}.term__out{white-space:pre-wrap;word-break:break-word;font:inherit;margin:0}.term__row{align-items:baseline;display:flex}.term__prompt{white-space:pre;flex:none}.term__input{min-width:0;color:inherit;font:inherit;background:0 0;border:0;outline:0;flex:1;padding:0}.helper{right:16px;bottom:calc(var(--taskbar-h) + 12px);z-index:3;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:absolute}.helper__art{line-height:0;display:block}.helper__art svg{width:64px;height:64px}.helper__balloon{color:#000;background:#fff;border:1px solid #000;max-width:220px;padding:8px 10px;font-size:12px;position:relative}.helper__balloon:after{content:"";background:#fff;border-bottom:1px solid #000;border-right:1px solid #000;width:10px;height:10px;position:absolute;bottom:-6px;right:22px;transform:rotate(45deg)}.helper__text{margin:0 0 8px}.helper__buttons{justify-content:flex-end;gap:6px;display:flex}.helper__buttons button{background:var(--face);min-width:60px;color:var(--text);box-shadow:var(--raised);font:inherit;cursor:default;border:0;border-radius:0;padding:2px 10px}.helper__buttons button:active{box-shadow:var(--pressed)}.halo{padding:6px 4px;line-height:1.5}.halo p{margin:0 0 10px}.halo .halo__credit{color:var(--muted);margin:10px 0 0}
