:root{--win-bg:silver;--win-blue:navy;--win-blue-light:#1084d0;--desktop-teal:teal;--border-raised:inset -1px -1px #0a0a0a, inset 1px 1px #fff, inset -2px -2px gray, inset 2px 2px #dfdfdf;--border-sunken:inset -1px -1px #fff, inset 1px 1px #0a0a0a, inset -2px -2px #dfdfdf, inset 2px 2px gray;--border-field:inset -1px -1px #fff, inset 1px 1px gray, inset -2px -2px #dfdfdf, inset 2px 2px #0a0a0a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{background:var(--desktop-teal);cursor:default;-webkit-font-smoothing:none;-webkit-user-select:none;user-select:none;font-family:Tahoma,MS Sans Serif,Microsoft Sans Serif,sans-serif;font-size:11px}.desktop{position:fixed;inset:0 0 30px;overflow:hidden}.icon-grid{flex-flow:column wrap;align-content:flex-start;gap:4px;height:100%;padding:8px;display:flex}.desktop-icon{text-align:center;flex-direction:column;align-items:center;gap:5px;width:76px;padding:4px 2px;display:flex}.desktop-icon img{object-fit:contain;width:48px;height:34px;image-rendering:pixelated}.desktop-icon span{color:#fff;text-shadow:1px 1px 1px #000;pointer-events:none;padding:1px 2px;line-height:1.2}.desktop-icon.selected span{background:var(--win-blue);outline:1px dotted #ff0}.window{background:var(--win-bg);box-shadow:var(--border-raised);flex-direction:column;min-width:220px;min-height:120px;padding:3px;display:flex;position:absolute}.window.maximized{width:100%!important;height:calc(100vh - 30px)!important;top:0!important;left:0!important}.title-bar{color:silver;background:linear-gradient(90deg,gray,#b5b5b5);flex-shrink:0;align-items:center;gap:4px;height:18px;padding:1px 2px 1px 3px;display:flex}.window.active .title-bar{background:linear-gradient(90deg, var(--win-blue), var(--win-blue-light));color:#fff}.title-bar img{object-fit:contain;width:14px;height:14px}.title-bar .title-text{white-space:nowrap;text-overflow:ellipsis;pointer-events:none;flex:1;font-weight:700;overflow:hidden}.title-bar-buttons{gap:2px;display:flex}button,.btn{background:var(--win-bg);box-shadow:var(--border-raised);color:#000;cursor:default;border:none;padding:4px 12px;font-family:inherit;font-size:11px}button:active:not(:disabled),.btn:active{box-shadow:var(--border-sunken);padding:5px 11px 3px 13px}.title-bar-buttons button{justify-content:center;align-items:center;width:16px;height:14px;padding:0;font-size:9px;line-height:1;display:flex}.title-bar-buttons button:active{padding:1px 0 0 1px}button:focus-visible{outline-offset:-4px;outline:1px dotted #000}.menu-bar{flex-shrink:0;padding:1px 0;display:flex}.menu-bar span{padding:2px 6px}.menu-bar span u{text-decoration:underline}.menu-bar span:hover{background:var(--win-blue);color:#fff}.ie-toolbar{border-top:1px solid #fff;flex-shrink:0;align-items:center;gap:2px;padding:2px;display:flex;box-shadow:inset 0 1px gray}.ie-toolbar button{box-shadow:none;align-items:center;gap:3px;padding:3px 6px;display:flex}.ie-toolbar button:hover{box-shadow:var(--border-raised)}.ie-toolbar button:active{box-shadow:var(--border-sunken)}.address-bar{flex-shrink:0;align-items:center;gap:4px;padding:2px 4px;display:flex}.address-bar .field{box-shadow:var(--border-field);white-space:nowrap;background:#fff;flex:1;align-items:center;gap:4px;padding:3px 4px;font-size:11px;display:flex;overflow:hidden}.window-body{box-shadow:var(--border-field);-webkit-user-select:text;user-select:text;background:#fff;flex:1;margin:1px;padding:2px;overflow:auto}.window-body.gray{background:var(--win-bg);box-shadow:none;flex-direction:column;display:flex;overflow:hidden}.status-bar{flex-shrink:0;gap:2px;margin-top:2px;display:flex}.status-bar .cell{white-space:nowrap;padding:2px 6px;overflow:hidden;box-shadow:inset -1px -1px #fff,inset 1px 1px gray}.status-bar .cell.grow{flex:1}.homepage{text-align:center;padding:12px 18px;font-family:Times New Roman,Times,serif;font-size:14px}.homepage h1{color:var(--win-blue);margin:8px 0;font-size:26px}.homepage hr{border:none;border-top:2px groove silver;margin:10px 0}.homepage h2{color:green;margin:12px 0 6px;font-size:18px}.homepage p{text-align:left;margin:6px 0}.homepage table{border-collapse:collapse;margin:8px auto;font-size:13px}.homepage table td,.homepage table th{border:1px solid gray;padding:3px 10px}.homepage table th{background:#ff9}.homepage a{color:#00e}.homepage a:visited{color:#551a8b}.homepage .counter{color:#0f0;letter-spacing:2px;background:#000;padding:2px 6px;font-family:Courier New,monospace}.homepage .small{color:gray;font-size:11px}.homepage ul{text-align:left;margin:4px 0;padding-left:24px;display:inline-block}.viewer{flex-direction:column;flex:1;gap:6px;min-height:0;padding:6px;display:flex}.viewer .screen{min-height:0;box-shadow:var(--border-field);background:#fff;flex:1;justify-content:center;align-items:center;padding:4px;display:flex}.viewer .screen img{object-fit:contain;max-width:100%;max-height:100%}.viewer .caption{box-shadow:var(--border-field);background:#ffffe1;flex-shrink:0;min-height:30px;padding:6px 8px}.viewer .controls{flex-shrink:0;align-items:center;gap:6px;display:flex}.viewer .controls .spacer{flex:1}.taskbar{background:var(--win-bg);z-index:9999;align-items:center;gap:4px;height:30px;padding:3px 2px 2px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:inset 0 1px #dfdfdf,inset 0 2px #fff}.start-button{flex-shrink:0;align-items:center;gap:4px;padding:3px 8px;font-weight:700;display:flex}.start-button img{width:16px;height:16px}.start-button.pressed{box-shadow:var(--border-sunken)}.task-buttons{flex:1;gap:3px;display:flex;overflow:hidden}.task-button{text-align:left;white-space:nowrap;align-items:center;gap:4px;width:160px;max-width:160px;padding:3px 6px;display:flex;overflow:hidden}.task-button img{object-fit:contain;flex-shrink:0;width:14px;height:14px}.task-button span{text-overflow:ellipsis;pointer-events:none;overflow:hidden}.task-button.active{box-shadow:var(--border-sunken);background-image:repeating-conic-gradient(#fff 0 25%, var(--win-bg) 0 50%);background-size:2px 2px;font-weight:700}.clock{flex-shrink:0;padding:3px 10px;box-shadow:inset -1px -1px #fff,inset 1px 1px gray}.start-menu{background:var(--win-bg);width:200px;box-shadow:var(--border-raised);z-index:10000;padding:3px;display:flex;position:fixed;bottom:30px;left:2px}.start-menu .banner{background:linear-gradient(180deg, var(--win-blue), var(--win-blue-light));color:silver;writing-mode:vertical-rl;letter-spacing:1px;flex-shrink:0;padding:8px 2px;font-size:16px;font-weight:700;transform:rotate(180deg)}.start-menu .items{flex:1}.start-menu .item{align-items:center;gap:8px;padding:5px 8px;display:flex}.start-menu .item img{object-fit:contain;width:22px;height:22px}.start-menu .item:hover{background:var(--win-blue);color:#fff}.start-menu .divider{border-top:1px solid gray;border-bottom:1px solid #fff;margin:2px 0}.shutdown{color:orange;text-align:center;z-index:99999;cursor:pointer;background:#000;justify-content:center;align-items:center;font-family:Courier New,monospace;font-size:22px;display:flex;position:fixed;inset:0}.shutdown p span{font-size:13px}@keyframes marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}