.win98-taskbar-top{position:fixed;top:0;left:0;right:0;height:40px;background:linear-gradient(180deg,#c0c0c0,#808080);border-bottom:2px outset #c0c0c0;display:flex;align-items:center;justify-content:space-between;font-family:"MS Sans Serif",sans-serif;font-size:11px;z-index:1000;box-shadow:0 2px 4px rgba(0,0,0,.3)}.win98-start-section{display:flex;align-items:center;gap:4px;padding-left:4px}.win98-start-button{background:linear-gradient(180deg,#c0c0c0,#808080);border:2px outset #c0c0c0;padding:4px 16px 4px 8px;font-family:"MS Sans Serif",sans-serif;font-size:11px;font-weight:700;color:#000;cursor:pointer;display:flex;align-items:center;gap:4px;height:32px;transition:none}.win98-start-button:hover{background:linear-gradient(180deg,#d0d0d0,#909090)}.win98-start-button.pressed{border:2px inset #c0c0c0;background:linear-gradient(180deg,#808080,#c0c0c0)}.win98-start-flag{font-size:14px;filter:drop-shadow(1px 1px 0 #000)}.win98-window-buttons{display:flex;gap:2px;padding-left:8px}.win98-window-button{background:linear-gradient(180deg,#c0c0c0,#808080);border:1px outset #c0c0c0;padding:2px 8px;font-family:"MS Sans Serif",sans-serif;font-size:10px;color:#000;display:flex;align-items:center;gap:4px;height:24px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.win98-window-button.active{border:1px inset #c0c0c0;background:linear-gradient(180deg,#808080,#c0c0c0)}.win98-window-button[type=button]{cursor:pointer;transition:all .1s ease;color:#000;font-family:"MS Sans Serif",sans-serif;font-size:10px;background:linear-gradient(180deg,#c0c0c0,#808080);border:1px outset #c0c0c0;padding:2px 8px;display:flex;align-items:center;gap:4px;height:24px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.win98-window-button[type=button]:hover{background:linear-gradient(180deg,#d0d0d0,#909090);border:1px outset #c0c0c0;transform:translateY(-1px)}.win98-window-button[type=button]:active{border:1px inset #c0c0c0;background:linear-gradient(180deg,#808080,#c0c0c0);transform:translateY(1px)}.win98-tray-icon[type=button]{cursor:pointer;transition:all .1s ease;font-size:14px;padding:2px;border:1px solid transparent;background:none;color:inherit;font-family:inherit}.win98-tray-icon[type=button]:hover{border:1px outset #c0c0c0;background:#d0d0d0;transform:scale(1.1)}.win98-tray-icon[type=button]:active{border:1px inset #c0c0c0;background:#b0b0b0;transform:scale(.95)}.win98-discord-button{cursor:pointer;transition:all .1s ease}.win98-discord-button:hover{background:linear-gradient(180deg,#d0d0d0,#909090);border:1px outset #c0c0c0}.win98-discord-button:active{border:1px inset #c0c0c0;background:linear-gradient(180deg,#808080,#c0c0c0)}.win98-x-button{cursor:pointer;transition:all .1s ease;background:linear-gradient(180deg,#1DA1F2,#0d8bd9);color:white;font-weight:700}.win98-x-button:hover{background:linear-gradient(180deg,#0d8bd9,#0a7bc4);border:1px outset #c0c0c0;transform:translateY(-1px)}.win98-x-button:active{border:1px inset #c0c0c0;background:linear-gradient(180deg,#0a7bc4,#086bb0);transform:translateY(0)}.win98-write-letter-button{cursor:pointer;transition:all .1s ease;background:linear-gradient(180deg,#ff6b35,#d4541f);color:white;font-weight:700}.win98-write-letter-button:hover{background:linear-gradient(180deg,#ff8c5a,#e65a29);border:1px outset #c0c0c0;transform:translateY(-1px)}.win98-write-letter-button:active{border:1px inset #c0c0c0;background:linear-gradient(180deg,#d4541f,#b8471a);transform:translateY(0)}.win98-pumpswamp-button{cursor:pointer;transition:all .1s ease}.win98-pumpswamp-button:hover{background:linear-gradient(180deg,#d0d0d0,#909090);border:1px outset #c0c0c0}.win98-pumpswamp-button:active{border:1px inset #c0c0c0;background:linear-gradient(180deg,#808080,#c0c0c0)}.win98-dex-button{cursor:pointer;transition:all .1s ease}.win98-dex-button:hover{background:linear-gradient(180deg,#d0d0d0,#909090);border:1px outset #c0c0c0}.win98-dex-button:active{border:1px inset #c0c0c0;background:linear-gradient(180deg,#808080,#c0c0c0)}.win98-button-logo{width:16px;height:16px;object-fit:contain;filter:contrast(1.2) brightness(1.1)}.win98-icon{font-size:12px}.win98-system-tray{display:flex;align-items:center;gap:8px;padding-right:4px;border-left:1px inset #c0c0c0;padding-left:8px;height:32px}.win98-tray-icons{display:flex;gap:4px}.win98-tray-icon{font-size:14px;padding:2px;cursor:pointer;border:1px solid transparent;background:none;color:inherit;font-family:inherit;transition:all .1s}.win98-tray-icon:hover{border:1px outset #c0c0c0;background:#d0d0d0}.win98-tray-icon.pressed,.win98-tray-icon:active{border:1px inset #c0c0c0;background:#b0b0b0}.win98-tray-icon.muted{opacity:.6;filter:grayscale(50%)}.win98-tray-icon.unmuted{opacity:1;filter:none;animation:audio-pulse 2s ease-in-out infinite}@keyframes audio-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.win98-music-visualizer{display:flex;align-items:flex-end;height:16px;width:36px;padding:2px;margin:0 4px;background:#000000;border:1px inset #c0c0c0;gap:1px}.visualizer-bar{width:4px;background:#00ff41;border-radius:1px 1px 0 0;animation:visualizer-dance .8s ease-in-out infinite;transition:height .1s ease}.visualizer-bar:first-child{animation-delay:.1s}.visualizer-bar:nth-child(2){animation-delay:.2s}.visualizer-bar:nth-child(3){animation-delay:.3s}.visualizer-bar:nth-child(4){animation-delay:.4s}.visualizer-bar:nth-child(5){animation-delay:.5s}.visualizer-bar:nth-child(6){animation-delay:.6s}@keyframes visualizer-dance{0%,to{height:3px}25%{height:8px}50%{height:12px}75%{height:6px}}.win98-clock{background:linear-gradient(180deg,#ffffff,#e0e0e0);border:1px inset #c0c0c0;padding:2px 8px;font-size:11px;color:#000;min-width:50px;text-align:center}.win98-clock,.win98-start-menu{font-family:"MS Sans Serif",sans-serif}.win98-start-menu{position:fixed;bottom:40px;left:4px;width:220px;background:#c0c0c0;border:2px outset #c0c0c0;box-shadow:4px 4px 8px rgba(0,0,0,.5);z-index:1001}.win98-start-menu-header{background:linear-gradient(90deg,#000080,#4080ff);color:#fff;padding:8px 16px;font-weight:700;font-size:12px;border-bottom:1px solid #808080}.win98-start-menu-items{padding:4px 0}.win98-menu-item{padding:4px 16px 4px 32px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:11px;color:#000;position:relative}.win98-menu-item:hover{background:linear-gradient(90deg,#000080,#4080ff);color:#fff}.win98-menu-icon{position:absolute;left:8px;font-size:14px}.win98-menu-separator{height:1px;background:#808080;margin:4px 8px;border-top:1px solid #ffffff}.win98-taskbar-bottom{position:fixed;bottom:0;left:0;right:0;height:24px;background:linear-gradient(180deg,#c0c0c0,#808080);border-top:1px outset #c0c0c0;z-index:1000;box-shadow:0 -2px 4px rgba(0,0,0,.3)}.win98-status-bar{display:flex;height:100%;align-items:center;font-family:"MS Sans Serif",sans-serif;font-size:10px;color:#000}.win98-status-section{padding:2px 8px;background:linear-gradient(180deg,#ffffff,#e0e0e0);border:1px inset #c0c0c0;margin:2px;flex:1 1}.win98-status-text{font-weight:400;color:#000;text-shadow:none}.win98-status-resize{position:absolute;bottom:0;right:0;width:16px;height:16px;background:#c0c0c0;cursor:se-resize;display:flex;align-items:center;justify-content:center;font-size:8px;color:#808080}.win98-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;background:transparent}@media (max-width:768px){.win98-taskbar-top{height:36px}.win98-window-buttons{display:none}.win98-start-menu{width:180px}.win98-status-section{font-size:9px;padding:1px 4px}.mobile-icons-container{display:flex!important}.win98-desktop-icon[style*="position: fixed"]{display:none!important}.mobile-icons-container .win98-desktop-icon{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-width:50px!important;min-height:50px!important;padding:4px!important;margin:2px!important;background:rgba(0,255,65,.1)!important;border-radius:6px!important;border:1px solid rgba(0,255,65,.3)!important;cursor:pointer!important;transition:all .2s!important;position:static!important}.mobile-icons-container .win98-desktop-icon:hover{background:rgba(0,255,65,.2)!important;border-color:rgba(0,255,65,.5)!important;transform:scale(1.05)!important}.mobile-icons-container .win98-desktop-icon div:first-child{font-size:20px!important;margin-bottom:1px!important}.mobile-icons-container .win98-desktop-icon div:last-child{font-size:7px!important;line-height:1!important;text-align:center!important;word-break:break-word!important;max-width:45px!important;color:#00ff41!important;font-weight:700!important;text-shadow:none!important;pointer-events:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}}@font-face{font-family:"MS Sans Serif";src:local("MS Sans Serif"),local("Microsoft Sans Serif"),local("Tahoma"),local("Arial"),sans-serif;font-display:swap}