body{background:teal;background-image:radial-gradient(circle at 25% 25%,#ff00ff 2px,transparent 2px),radial-gradient(circle at 75% 75%,#ffff00 2px,transparent 2px);background-size:50px 50px;animation:bgShift 10s ease infinite;font-family:"MS Sans Serif",Comic Sans MS,sans-serif;margin:0;padding:20px;color:#000}@keyframes bgShift{0%{background-position:0px 0px,25px 25px}50%{background-position:25px 25px,0px 0px}to{background-position:0px 0px,25px 25px}}.container{width:calc(100vw - 16px);height:calc(100vh - 50px);margin:8px 8px 42px;background:silver;border:2px outset #c0c0c0;padding:0;box-shadow:2px 2px 5px gray;display:flex;flex-direction:column;position:fixed;top:0;left:0;z-index:1000;box-sizing:border-box}.title-bar{background:linear-gradient(90deg,#0080ff,#004080);color:#fff;padding:2px;display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;flex-shrink:0}.title-text{padding-left:8px;display:flex;align-items:center;gap:4px}.title-icon{height:12px}.window-controls{display:flex}.window-btn{width:16px;height:14px;background:silver;border:1px outset #c0c0c0;margin-left:2px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;color:#000}.window-btn:active{border:1px inset #c0c0c0}.window-btn.minimize{padding-bottom:2px}.window-btn.close:hover{background:red;color:#fff}.content-area{padding:20px;flex:1;overflow-y:auto;overflow-x:hidden;background:#fff;display:flex;justify-content:center}.content-wrapper{max-width:800px;width:100%;min-height:100%}.menu-bar{background:silver;border-bottom:1px solid #808080;padding:2px;font-size:11px;display:flex;position:relative;flex-shrink:0}.browser-nav{background:silver;border-bottom:1px solid #808080;padding:4px;display:flex;align-items:center;gap:8px;flex-shrink:0;font-size:11px}.nav-buttons{display:flex;gap:2px}.nav-btn{width:24px;height:22px;background:silver;border:2px outset #c0c0c0;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;color:#000}.nav-btn:hover{background:#d0d0d0}.nav-btn:active{border:2px inset #c0c0c0;background:#a0a0a0}.nav-btn:disabled{color:gray;cursor:not-allowed}.home-icon{height:14px;width:14px}.url-bar-container{flex:1;display:flex;align-items:center;gap:6px}.url-label{font-weight:700;color:#000}.url-bar{flex:1;display:flex;border:2px inset #c0c0c0;background:#fff;padding:1px}.url-input{flex:1;border:none;outline:none;padding:2px 4px;font-size:11px;font-family:"MS Sans Serif",monospace;background:#fff;color:#000}.bookmark-btn{width:20px;height:20px;background:silver;border:1px outset #c0c0c0;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;color:#000}.bookmark-btn:hover{background:#d0d0d0}.bookmark-btn:active{border:1px inset #c0c0c0}.browser-toolbar{background:silver;border-bottom:1px solid #808080;padding:3px 6px;font-size:11px;flex-shrink:0}.toolbar-section{display:flex;align-items:center;gap:6px}.toolbar-label{font-weight:700;color:#000}.bookmark-link{background:none;border:1px solid transparent;padding:2px 6px;cursor:pointer;font-size:11px;color:#00f;text-decoration:underline;font-family:"MS Sans Serif",sans-serif}.bookmark-link:hover{border:1px outset #c0c0c0;background:#d0d0d0;text-decoration:none}.bookmark-link:active{border:1px inset #c0c0c0;background:#a0a0a0}.menu-item-container{position:relative;display:inline-block}.menu-item{display:inline-block;padding:4px 8px;cursor:pointer;border:1px solid transparent;box-sizing:border-box}.menu-item:hover{border:1px outset #c0c0c0}.menu-item:active{border:1px inset #c0c0c0}.dropdown-trigger{-webkit-user-select:none;user-select:none}.dropdown-menu{display:none;position:absolute;top:100%;left:0;background:silver;border:2px outset #c0c0c0;box-shadow:2px 2px 5px #0000004d;min-width:180px;z-index:1000}.dropdown-menu.show{display:block}.dropdown-item{display:block;padding:6px 12px;text-decoration:none;color:#000;font-size:11px;border-bottom:1px solid #a0a0a0;cursor:pointer}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:#0080ff;color:#fff}.dropdown-item:active{background:#004080}.minimized{height:auto;min-height:30px;overflow:hidden}.minimized .content-area,.minimized .menu-bar{display:none}.content-area.maximized-content{padding:5px}.status-bar{background:silver;border-top:1px solid #808080;padding:2px 6px;font-size:11px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;height:20px}.status-left{flex:1}.status-right{display:flex;align-items:center;gap:8px}.progress-container{width:100px;height:12px;border:1px inset #c0c0c0;background:#fff;position:relative}.progress-bar{height:100%;background:linear-gradient(90deg,#0080ff,#004080);width:0%;transition:width .3s ease}.security-icon{font-size:12px}.content-area::-webkit-scrollbar{width:18px}.content-area::-webkit-scrollbar-track{background:silver;border:2px inset #c0c0c0;margin:2px}.content-area::-webkit-scrollbar-thumb{background:silver;border:2px outset #c0c0c0;margin:1px;min-height:20px}.content-area::-webkit-scrollbar-thumb:hover{background:#a0a0a0}.content-area::-webkit-scrollbar-thumb:active{border:2px inset #c0c0c0}.content-area::-webkit-scrollbar-button{background:silver;border:2px outset #c0c0c0;height:16px}.content-area::-webkit-scrollbar-button:hover{background:#a0a0a0}.content-area::-webkit-scrollbar-button:active{border:2px inset #c0c0c0}.taskbar{position:fixed;bottom:0;left:0;right:0;height:30px;background:silver;border:2px outset #c0c0c0;display:flex;align-items:center;justify-content:space-between;z-index:2000;font-family:"MS Sans Serif",sans-serif;font-size:11px}.start-button{display:flex;align-items:center;gap:4px;padding:4px 8px;background:silver;border:2px outset #c0c0c0;cursor:pointer;font-weight:700;height:22px;box-sizing:border-box}.start-button:hover{background:#d0d0d0}.start-button:active,.start-button.active{border:2px inset #c0c0c0;background:#a0a0a0}.start-icon{height:14px;width:14px}.taskbar-time{padding:4px 8px;border:1px inset #c0c0c0;background:silver;font-size:10px;min-width:60px;text-align:center}.start-menu{position:fixed;bottom:34px;left:0;width:200px;background:silver;border:2px outset #c0c0c0;box-shadow:2px 2px 5px #00000080;z-index:2001;display:none;font-family:"MS Sans Serif",sans-serif;font-size:11px}.start-menu.open{display:block}.start-menu-header{background:linear-gradient(90deg,#0080ff,#004080);height:22px;display:flex;align-items:center;padding:0 8px}.start-menu-banner{color:#fff;font-weight:700;font-size:13px;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.start-menu-title{transform:rotate(-90deg);transform-origin:left bottom;position:absolute;left:4px;bottom:50%;white-space:nowrap}.start-menu-items{padding:2px}.start-menu-item{display:flex;align-items:center;gap:8px;padding:4px 6px;cursor:pointer;border:1px solid transparent;margin:1px}.start-menu-item:hover{background:#0080ff;color:#fff;border:1px solid #004080}.start-menu-item:active{background:#004080}.start-menu-item.shutdown:hover{background:red}.start-menu-item.shutdown:active{background:#c00}.menu-icon{height:16px;width:16px;flex-shrink:0}.start-menu-separator{height:1px;background:gray;margin:2px 4px;border-top:1px solid #a0a0a0}.start-menu-overlay{position:fixed;inset:0;z-index:1999;display:none}.start-menu.open+.start-menu-overlay{display:block}