:root{color-scheme:light;font-family:Arial,Helvetica,sans-serif;font-size:13px;color:#000;background:teal}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit;color:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:2px outset #fff;border-radius:0;background:silver;padding:5px 9px}button:active,button[aria-pressed=true]{border-style:inset}button:disabled{cursor:default;color:#656565}button:focus-visible,a:focus-visible{outline:1px dotted currentColor;outline-offset:-5px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #000080;outline-offset:-2px}button[hidden],[hidden]{display:none!important}svg{flex-shrink:0}#desktop96{height:100svh;min-height:320px;position:relative;overflow:hidden;background:teal;--face: #c0c0c0;--active: #000080;--title-text: #fff;--window-border: #fff}#desktop96[data-os=linux]{background-color:#596070;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4'%3E%3Cpath fill='%234d5465' d='M0 0h2v2H0zM2 2h2v2H2z'/%3E%3C/svg%3E");--face: #aeb0bd;--active: #645a86;--title-text: #fff;--window-border: #e0e0ee}.desktop-icons{position:absolute;inset:12px auto 46px 8px;display:flex;flex-direction:column;flex-wrap:wrap;gap:9px 4px;align-content:flex-start;z-index:1}.desktop-icon{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:5px;width:92px;min-height:65px;padding:3px 2px;background:none;border:1px solid transparent;color:#fff;font-size:12px;line-height:1.2;text-shadow:1px 1px #000}.desktop-icon .retro-icon{width:34px;height:34px;image-rendering:pixelated}.desktop-icon:focus,.desktop-icon:hover{background:#00008055;border:1px dotted #fff}.desktop-icon span{max-width:86px}.desktop-stamp{position:absolute;bottom:68px;right:34px;display:flex;flex-direction:column;text-align:right;gap:6px;color:#fff8;pointer-events:none}.desktop-stamp strong{font:italic 700 44px Georgia,serif;letter-spacing:-2px}.desktop-stamp span{font:13px Courier New,monospace}.desktop-stamp small{font-size:11px}.retro-window{position:absolute;z-index:2;display:flex;flex-direction:column;padding:3px;background:var(--face);border:2px outset var(--window-border);box-shadow:1px 1px #000;min-width:240px;max-width:calc(100% - 8px);max-height:calc(100% - 46px);overflow:hidden}.retro-window.is-active{z-index:3}.window-title{display:flex;align-items:center;gap:5px;min-height:25px;padding:2px 3px;color:#fff;background:gray;user-select:none;touch-action:none;cursor:move}.is-active>.window-title{background:var(--active);color:var(--title-text)}.window-title>.retro-icon{width:18px;height:18px}.window-title>strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;flex:1}.window-controls{display:flex;gap:2px}.window-controls button{padding:0;min-width:21px;height:20px;font:700 15px Arial;line-height:14px;color:#000}.window-controls button:last-child{margin-left:2px}.browser-window{left:clamp(106px,13vw,220px);top:clamp(14px,5vh,56px);width:min(1040px,calc(100% - 148px));height:calc(100% - 100px)}.browser-menu{display:flex;gap:2px;padding:2px 0;border-bottom:1px solid #808080}.browser-menu button{border:0;background:none;padding:4px 7px;font-size:12px}.browser-menu button:hover{background:var(--active);color:#fff}.browser-toolbar{display:flex;gap:2px;align-items:stretch;padding:4px 3px;border-top:1px solid #fff;border-bottom:1px solid #808080}.browser-toolbar>button{display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;min-width:58px;padding:3px;border-color:transparent;background:transparent}.browser-toolbar>button:hover:not(:disabled){border:2px outset white}.browser-toolbar b{font:24px Times New Roman,serif;color:navy;line-height:22px;text-shadow:1px 1px white}.browser-toolbar :disabled b{color:gray}.browser-toolbar span{font-size:11px}.browser-throbber{margin-left:auto;width:49px;display:grid;place-items:center;font:italic 700 38px Georgia,serif;background:#e8e8e8;color:navy;border:2px inset #fff}.browser-window.is-loading .browser-throbber{animation:throbber96 1.2s steps(4) infinite}@keyframes throbber96{50%{color:teal;transform:rotateY(30deg)}}.browser-address{display:flex;gap:6px;align-items:center;padding:4px 2px}.browser-address label{font-size:12px}.browser-address input{flex:1;min-width:0;height:26px;border:2px inset #fff;border-radius:0;padding:3px 5px;background:#fff;font:13px Arial}.browser-address button{padding:2px 9px;min-height:26px}.browser-viewport{position:relative;flex:1;min-height:0;border:2px inset #fff;background:#fff}#retro-web{width:100%;height:100%;display:block;border:0}.browser-status{display:flex;gap:2px;margin-top:3px;font-size:11px;min-height:21px;flex-shrink:0}.browser-status>span{border:1px inset #fff;padding:3px 6px}.browser-status>span:first-child{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.browser-status>span:last-child{min-width:130px}#modem-panel{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;background:var(--face);text-align:center}#modem-panel h2{font-size:17px;margin:10px 0}#modem-panel pre{font:12px monospace;text-align:left}.retro-progress{width:210px;border:2px inset #fff;height:17px;margin:12px 0 20px;padding:2px}.retro-progress i{display:block;background:var(--active);width:35%;height:100%;animation:connect96 1.7s steps(8) infinite}@keyframes connect96{0%{transform:translate(0)}to{transform:translate(180%)}}.app-window{left:22%;top:15%;width:580px;height:390px}.file-address{padding:8px 6px;border-bottom:1px solid #808080;font-size:12px}.file-list{background:#fff;overflow:auto;flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));align-content:start;gap:12px;padding:16px}.file-list button{display:flex;align-items:center;gap:6px;flex-direction:column;border:1px dotted transparent;background:none;font-size:12px;padding:8px;word-break:break-word}.file-list button:hover,.file-list button:focus{background:navy;color:#fff}.terminal-window{left:29%;top:23%;width:600px;height:350px}.terminal-body{overflow:auto;flex:1;background:#000;color:#ddd;padding:9px;font:13px/1.45 Courier New,monospace}.terminal-body pre{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.terminal-body form{display:flex;gap:8px;margin-top:3px}.terminal-body input{background:transparent;border:0;border-radius:0;padding:0;outline:0;color:inherit;flex:1;min-width:0;font:inherit}.terminal-body input:focus-visible{outline:none}.terminal-body label{white-space:nowrap}#desktop96[data-os=linux] .terminal-body{background:#fff8dc;color:#000}.notes-window{left:31%;top:19%;height:390px}.app-toolbar{display:flex;align-items:center;gap:8px;padding:4px;flex-wrap:wrap;font-size:11px}.app-toolbar button{font-size:12px;padding:4px 7px}.notes-window textarea{flex:1;resize:none;border:2px inset #fff;background:#fff;font:14px/1.45 Courier New,monospace;padding:10px;min-height:0;tab-size:4}.paint-window{left:23%;top:12%;width:600px;height:450px}.paint-paper{flex:1;min-height:0;background:gray;overflow:auto;padding:10px}#retro-paint{display:block;width:100%;height:auto;max-height:none;touch-action:none;cursor:crosshair;image-rendering:pixelated;background:#fff}.paint-palette{display:flex;flex-wrap:wrap;gap:3px;padding:7px;align-items:center}.paint-palette button{width:23px;height:23px;background:var(--swatch);padding:0}.paint-palette button[aria-pressed=true]{outline:2px solid #000;outline-offset:1px}.paint-palette label{margin-left:auto;font-size:11px}.paint-palette select{font-size:11px}.calculator-window{left:40%;top:22%;width:268px}#calc-display{display:block;text-align:right;border:2px inset white;background:#fff;padding:8px;margin:10px 6px 4px;font:22px Courier New,monospace;overflow:hidden}.calc-keys{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:8px}.calc-keys button{height:39px;font-size:16px;color:navy}.calc-keys button:first-child{color:maroon}.calc-keys button:last-child{grid-column:span 2}.about-window{width:450px;height:auto;top:18%;left:33%}.about-content{padding:22px;overflow:auto;font-size:13px;line-height:1.5}.about-content>.retro-icon{float:left;width:42px;height:42px;margin:0 12px 10px 0}.about-content h2{font-size:20px;margin:0 0 12px}.about-content p{margin:12px 0}.about-actions{display:flex;gap:8px;margin-top:20px}.system-window{width:510px;left:calc(50% - 255px);top:calc(50% - 225px);height:auto;z-index:5}.system-content{padding:24px;overflow:auto}.system-content h2{margin:0 0 8px;font:700 22px Arial}.system-content>p{line-height:1.5;margin:8px 0 20px}.os-choice{width:100%;display:flex;align-items:center;gap:16px;text-align:left;padding:18px 14px;margin:10px 0;background:#ddd}.os-choice>span:nth-child(2){flex:1}.os-choice b{font-size:18px;display:block;margin-bottom:5px}.os-choice small{font-size:11px;display:block;line-height:1.5}.windows-flag{display:grid;grid-template-columns:1fr 1fr;gap:3px;width:34px;height:30px;transform:skewY(-10deg);flex-shrink:0}.windows-flag i{border:1px solid #000;background:red}.windows-flag i:nth-child(2){background:#00a000}.windows-flag i:nth-child(3){background:#00f}.windows-flag i:nth-child(4){background:#ff0}.linux-mark{font:700 italic 45px Georgia;position:relative;line-height:1;color:#161642;width:34px;text-shadow:1px 1px #fff}.linux-mark>span{font:700 12px Arial;position:absolute;right:-7px;bottom:1px;color:#000}.system-foot{font:11px Courier New,monospace!important;margin:20px 0 0!important}.desktop-taskbar{position:absolute;bottom:0;left:0;right:0;height:38px;padding:3px;display:flex;gap:5px;align-items:stretch;background:var(--face);border-top:2px outset #fff;z-index:15}.desktop-taskbar>button{display:flex;gap:6px;align-items:center;padding:2px 6px}.desktop-taskbar .windows-flag{width:20px;height:19px;gap:1px}.desktop-taskbar .windows-flag i{border:0}.desktop-tray{margin-left:auto;display:flex;align-items:center;border:2px inset #fff;padding:0 4px;gap:3px;flex-shrink:0}.desktop-tray button{border:0;background:none;padding:3px;min-width:24px;font-size:18px}.desktop-tray time{font-size:12px;white-space:nowrap;padding:0 3px}.desktop-tray button[aria-pressed=true]{color:navy;background:#fff5}#window-tasks{display:flex;gap:4px;flex:1;min-width:0;overflow:auto}#window-tasks button{display:flex;align-items:center;gap:4px;max-width:170px;min-width:35px;flex:0 1 170px;text-align:left;padding:2px 5px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#window-tasks button[aria-pressed=true]{font-weight:700;background:#ddd}#window-tasks .retro-icon{width:17px;height:17px}#window-tasks span{overflow:hidden;text-overflow:ellipsis}#start-menu{position:absolute;left:3px;bottom:38px;z-index:16;display:flex;max-height:calc(100% - 44px);overflow:auto;border:2px outset white;box-shadow:1px 1px #000;background:var(--face);width:255px}.start-brand{writing-mode:vertical-rl;transform:rotate(180deg);background:gray;color:#ddd;font:700 22px Arial;padding:12px 5px;white-space:nowrap}.start-items{flex:1;padding:3px}.start-items button{display:flex;align-items:center;gap:10px;padding:6px 8px;width:100%;border:0;background:none;text-align:left;font-size:12px}.start-items .retro-icon{width:25px;height:25px}.start-items button:hover,.start-items button:focus{background:var(--active);color:#fff}.start-items hr{border:0;border-top:1px solid #808080;border-bottom:1px solid #fff;margin:4px}.retro-window.is-maximized{left:0!important;top:0!important;width:100%!important;height:calc(100% - 38px)!important;max-width:100%;max-height:calc(100% - 38px)}#desktop96[data-os=linux] .window-title{min-height:28px;box-shadow:inset 1px 1px #ddd,inset -1px -1px #444}#desktop96[data-os=linux] .window-title strong{text-align:center;font:700 13px Times New Roman,serif}#desktop96[data-os=linux] .retro-window{border-width:4px;padding:2px}#desktop96[data-os=linux] .browser-throbber{color:#fff;background:#001844;text-shadow:2px 2px #008080}#desktop96[data-os=linux] .start-brand{background:#645a86;color:#fff}#desktop96[data-os=linux] .desktop-taskbar{border:3px outset #ddd;height:42px}#desktop96[data-os=linux] .desktop-taskbar .windows-flag{display:none}#boot-screen{position:fixed;inset:0;z-index:20;background:#000;color:#ddd;display:flex;align-items:stretch;overflow:hidden;font:15px/1.5 Courier New,monospace}.boot-bios{padding:clamp(24px,6vw,70px);width:100%}.boot-bios pre{font:inherit;white-space:pre-wrap;margin:0;max-width:900px}.boot-cursor{animation:cursor96 .8s step-end infinite}@keyframes cursor96{50%{opacity:0}}.boot-controls{position:absolute;bottom:0;left:0;right:0;display:flex;gap:10px;align-items:center;padding:16px 22px;background:#000;color:#ddd;font:12px Courier New,monospace}.boot-controls>span{flex:1}.boot-controls button{background:#000;color:#ddd;border:1px solid #666;padding:9px 12px;font-size:12px}.boot-windows{position:absolute;inset:0 0 70px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#111;background:#b8d9f2}.boot-windows:before{content:"";position:absolute;inset:0;opacity:.45;background:radial-gradient(ellipse at 12% 21%,#fff 0 13%,transparent 40%),radial-gradient(ellipse at 90% 70%,#fff 0 15%,transparent 50%);pointer-events:none}.boot-logo{display:flex;gap:30px;align-items:center;position:relative}.boot-logo>.windows-flag{width:130px;height:120px;gap:7px;filter:drop-shadow(-12px 8px 0 #0003);transform:rotate(-8deg) skewY(-12deg)}.boot-logo>.windows-flag i{border:4px solid #000}.boot-logo p{font:22px Arial}.boot-logo p span{display:block;font:66px Arial;letter-spacing:-4px}.boot-logo b{font-weight:400}.boot-windows>p{margin-top:40px;font:14px Arial;z-index:1}.windows-loading{position:absolute;bottom:0;left:0;right:0;height:14px;background:navy;overflow:hidden}.windows-loading i{display:block;width:40%;height:100%;background:linear-gradient(90deg,navy,#9baefe,navy);animation:winload96 1.6s linear infinite}@keyframes winload96{0%{transform:translate(-100%)}to{transform:translate(350%)}}.retro-noscript{position:fixed;inset:20px;z-index:25;background:silver;padding:20px;height:max-content}.desktop-arrival{animation:desktop96-on .5s ease-out both}@keyframes desktop96-on{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@media(max-width:700px){.browser-window{left:8px;top:14px;width:calc(100% - 16px);height:calc(100% - 65px)}.app-window,.system-window,.calculator-window{left:8px!important;top:14px!important;max-width:calc(100% - 16px);max-height:calc(100% - 64px)}.system-window{top:clamp(14px,12vh,120px)!important;left:calc(50% - min(255px,50% - 8px))!important}.desktop-icons{gap:12px 6px;bottom:80px;max-width:100%}.desktop-icon{width:88px}.desktop-stamp{bottom:70px;right:16px}.desktop-stamp strong{font-size:30px}.window-title{min-height:32px}.window-controls button{min-width:28px;height:26px}.browser-menu button{padding:6px;font-size:11px}.browser-toolbar{gap:0;padding:3px 0}.browser-toolbar>button{min-width:46px;flex:1}.browser-toolbar>button:nth-child(5){display:none}.browser-toolbar span{font-size:10px}.browser-throbber{width:35px;font-size:28px}.browser-address{gap:4px}.browser-address label{font-size:11px}.browser-address input{font-size:12px;height:30px}.browser-address button{height:30px}.browser-status>span:last-child{min-width:100px;font-size:10px}#window-tasks button{flex:0 0 35px;padding:4px}#window-tasks span{display:none}.desktop-tray{padding:0 2px;gap:0}.desktop-tray button{min-width:23px}#retro-fullscreen{display:none}.system-content{padding:18px}.system-content h2{font-size:20px}.os-choice{padding:15px 10px;gap:14px}.os-choice b{font-size:17px}.system-content>p{font-size:12px}.boot-logo{gap:20px}.boot-logo>.windows-flag{width:65px;height:62px;gap:3px}.boot-logo>.windows-flag i{border-width:2px}.boot-logo p{font-size:15px}.boot-logo p span{font-size:38px;letter-spacing:-2px}.boot-controls{padding:12px;flex-wrap:wrap}.boot-controls>span{flex-basis:100%}.boot-bios{padding:25px 18px;font-size:12px}.boot-windows{bottom:100px}.paint-palette button{width:25px;height:25px}.paint-palette label{margin-left:0}.about-content{padding:16px}.file-list{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px;gap:4px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}html[data-motion=paused] *,html[data-motion=paused] *:before,html[data-motion=paused] *:after{animation:none!important;transition:none!important}#desktop96[data-os=windows] .netscape-glyph,#desktop96[data-os=linux] .ie-glyph{display:none}#browser-dropdown{position:fixed;z-index:18;min-width:190px;max-width:calc(100vw - 8px);background:var(--face);border:2px outset white;padding:3px;box-shadow:1px 1px #000}#browser-dropdown button{display:block;width:100%;border:0;background:none;text-align:left;padding:8px 16px;font-size:12px}#browser-dropdown button:hover,#browser-dropdown button:focus{background:var(--active);color:#fff}@media(max-width:700px){#browser-dropdown button{min-height:40px}}