@import "https://unpkg.com/98.css";
*{box-sizing:border-box}html,body{width:100vw;height:100vh;margin:0;padding:0;font-family:MS Sans Serif,Tahoma,Arial,sans-serif;overflow:hidden}body{background-image:url(/images/windows-98-wallpaper.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;position:relative}.desktop{width:100vw;height:calc(100vh - 40px);position:relative;overflow:hidden}.desktop-icons{grid-template-columns:repeat(auto-fill,80px);grid-auto-rows:90px;gap:20px;padding:20px;display:grid;position:absolute;top:0;left:0}.desktop-icon{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:2px;flex-direction:column;justify-content:center;align-items:center;padding:8px;transition:background-color .2s;display:flex}.desktop-icon:hover{background-color:#ffffff1a}.desktop-icon.selected{background-color:#0000804d;border:1px dotted #fff}.desktop-icon img{width:48px;height:48px;margin-bottom:4px}.desktop-icon span{color:#fff;text-align:center;text-shadow:1px 1px 2px #000c;word-wrap:break-word;max-width:70px;font-size:11px}.window-container{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.window{pointer-events:all;background:silver;border:2px outset #dfdfdf;flex-direction:column;min-width:400px;min-height:300px;display:flex;position:absolute;box-shadow:2px 2px 10px #00000080}.window.focused{z-index:1000}.title-bar{color:#fff;cursor:move;-webkit-user-select:none;user-select:none;background:linear-gradient(#0a246a 0%,#0d3f8f 100%);justify-content:space-between;align-items:center;height:24px;padding:3px 4px;display:flex}.title-bar-text{align-items:center;gap:4px;font-size:11px;font-weight:700;display:flex}.title-bar-controls{gap:2px;display:flex}.title-bar-controls button{width:16px;height:14px;min-width:unset;padding:0;font-size:10px;line-height:1}.window-body{background:#fff;flex:1;padding:8px;overflow:auto}.taskbar{z-index:10000;background:silver;border-top:2px solid #fff;align-items:center;gap:4px;width:100%;height:40px;padding:2px 4px;display:flex;position:fixed;bottom:0;left:0;box-shadow:0 -2px 4px #0003}.start-button{cursor:pointer;-webkit-user-select:none;user-select:none;background:silver;border:2px outset #dfdfdf;align-items:center;gap:4px;height:32px;padding:0 16px;font-size:11px;font-weight:700;display:flex}.start-button:active{border-style:inset}.start-button img{width:20px;height:20px}.taskbar-divider{background:linear-gradient(90deg,gray 0%,#fff 50%,gray 100%);width:2px;height:32px;margin:0 2px}.quick-launch{align-items:center;gap:2px;display:flex}.quick-launch button{width:auto;height:28px;min-width:unset;padding:2px 8px}.quick-launch img{width:20px;height:20px}.taskbar-windows{flex:1;align-items:center;gap:2px;display:flex;overflow-x:auto}.taskbar-window-button{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;max-width:160px;height:28px;padding:0 8px;font-size:11px;display:flex;overflow:hidden}.taskbar-window-button.active{background:#dfdfdf;border-style:inset}.system-tray{background:silver;border:1px inset gray;align-items:center;gap:8px;height:28px;padding:0 8px;display:flex}.system-tray-time{color:#000;font-size:11px}.start-menu{z-index:10001;background:silver;border:2px outset #dfdfdf;width:250px;position:fixed;bottom:40px;left:0;box-shadow:2px 2px 10px #00000080}.start-menu-banner{color:#fff;writing-mode:vertical-lr;float:left;background:linear-gradient(90deg,#0a246a 0%,#0d3f8f 100%);height:100%;padding:4px 8px;font-size:18px;font-weight:700;transform:rotate(180deg)}.start-menu-items{padding:4px 0}.start-menu-item{cursor:pointer;align-items:center;gap:8px;padding:8px 32px 8px 40px;font-size:11px;display:flex;position:relative}.start-menu-item:hover{color:#fff;background:#0a246a}.start-menu-item img{width:24px;height:24px;position:absolute;left:8px}.word-viewer{flex-direction:column;height:100%;display:flex}.word-menubar{background:silver;border-bottom:1px solid gray;gap:8px;padding:2px 4px;font-size:11px;display:flex}.word-menubar span{cursor:pointer;padding:2px 8px}.word-menubar span:hover{color:#fff;background:#0a246a}.word-toolbar{background:silver;border-bottom:1px solid gray;flex-wrap:wrap;gap:4px;padding:4px;display:flex}.word-toolbar button{width:24px;height:24px;min-width:unset;padding:2px;font-size:10px}.word-content{background:#fff;flex:1;padding:40px;line-height:1.6;overflow-y:auto}.explorer{height:100%;display:flex}.explorer-sidebar{background:#fff;border-right:1px solid gray;width:200px;padding:8px;overflow-y:auto}.explorer-tree-item{cursor:pointer;align-items:center;gap:4px;padding:4px 8px;font-size:11px;display:flex}.explorer-tree-item:hover{color:#fff;background:#0a246a}.explorer-content{flex:1;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));align-content:start;gap:16px;padding:16px;display:grid;overflow-y:auto}.explorer-folder{cursor:pointer;border-radius:2px;flex-direction:column;align-items:center;padding:8px;display:flex}.explorer-folder:hover{background:#0a246a1a}.explorer-folder img{width:48px;height:48px;margin-bottom:4px}.explorer-folder span{text-align:center;word-wrap:break-word;font-size:11px}.terminal{color:silver;background:#000;height:100%;padding:16px;font-family:Courier New,monospace;font-size:14px;line-height:1.4;overflow-y:auto}.terminal-line{margin-bottom:4px}.terminal-prompt{color:#fff}.terminal-cursor{background:silver;width:8px;height:16px;margin-left:2px;animation:1s infinite blink;display:inline-block}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.contact-form{padding:16px}.form-group{margin-bottom:16px}.form-group label{margin-bottom:4px;font-size:11px;font-weight:700;display:block}.form-group input,.form-group textarea{border:1px inset gray;width:100%;padding:4px;font-family:MS Sans Serif,Tahoma,Arial,sans-serif;font-size:11px}.form-group textarea{resize:vertical;min-height:100px}.form-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-track{background:#dfdfdf}::-webkit-scrollbar-thumb{background:silver;border:1px outset #dfdfdf}::-webkit-scrollbar-thumb:hover{background:#a0a0a0}::-webkit-scrollbar-button{background:silver;border:1px outset #dfdfdf;width:16px;height:16px}button{cursor:pointer;background:silver;border:2px outset #dfdfdf;min-width:75px;padding:4px 12px;font-family:MS Sans Serif,Tahoma,Arial,sans-serif;font-size:11px}button:active{border-style:inset}button:focus{outline-offset:-4px;outline:1px dotted #000}