.taskbar{position:absolute;bottom:0;left:0;width:100%;background-image:linear-gradient(180deg,#c0c0c0,#808080);color:white;height:60px;padding:0 8px;z-index:500}.taskbar,.window-icon{display:flex;align-items:center}.window-icon{cursor:pointer;width:50px;height:50px;padding:10px;border-color:#ffffff #808080 #808080 #ffffff;border-style:solid;border-width:2px;background-color:#C0C0C0;border-radius:2px;justify-content:center;font-family:"MS Sans Serif",Geneva,sans-serif;font-size:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-right:4px}.window-icon.pressed,.window-icon:active{border-color:#808080 #ffffff #ffffff #808080;border-style:solid;border-width:2px;color:black}.start-menu{position:absolute;bottom:60px;left:0;width:200px;background-color:#C0C0C0;border:1px solid black;box-shadow:1px 1px 0 #000;padding:10px;z-index:1000}.menu-item{padding:5px;color:black;border:1px solid transparent;margin-bottom:2px}.menu-item:hover{background-color:#000080;color:white;cursor:pointer}.taskbar-break{margin-left:4px;margin-right:15px;color:#C0C0C0}#tooltip{position:absolute;padding:10px;background-color:rgba(255,255,255,.6);border-radius:5px;z-index:100;display:none;font-size:14px;left:50%;transform:translateX(-50%)}#tooltip,.taskbar-time{color:#000000;pointer-events:none}.taskbar-time{padding:5px 10px;background-color:#C0C0C0;border-radius:2px;border-color:#808080 #ffffff #ffffff #808080;border-style:solid;border-width:2px}.taskbar-right-controls{margin-left:auto;gap:8px;padding-right:8px}.honk,.taskbar-right-controls{display:flex;align-items:center}.honk{width:50px;height:50px;padding:4px;background-color:#C0C0C0;border-color:#ffffff #808080 #808080 #ffffff;border-style:solid;border-width:2px;justify-content:center;cursor:pointer}.honk:active{border-color:#808080 #ffffff #ffffff #808080;border-style:solid;border-width:2px}.honkImage{margin:auto}.message-box{position:absolute;top:30%;left:50%;padding-bottom:10px;border:2px solid;background-color:#ffffff;color:black;font-family:"MS Sans Serif",Geneva,sans-serif;font-size:14px;width:300px;z-index:100;transform:translateX(-50%)}.message-title-bar{background-image:linear-gradient(90deg,#ff0000,#0022ff);color:white;padding:5px;display:flex;justify-content:space-between;align-items:center;cursor:move}.message-content{display:flex;align-items:center;margin-bottom:10px;padding:20px}.message-buttons{display:flex;justify-content:flex-end;margin:5px}.message-button{margin-right:5px;background-color:#C0C0C0;border:1px solid #000;color:black;padding:5px 10px;cursor:pointer;border-color:#ffffff #808080 #808080 #ffffff;border-style:solid;border-width:2px}.message-button.pressed,.message-button:active{border-color:#808080 #ffffff #ffffff #808080;border-style:solid;border-width:2px;color:black}.blackout{position:fixed;top:0;left:0;right:0;bottom:0;background:rgb(0,0,0);animation:tvShutDown .2s backwards;z-index:10000;transition:1s}#powerbutton{opacity:0;transition:2s;top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;cursor:pointer}@keyframes tvShutDown{0%{transform:scale(1);opacity:1;-webkit-clip-path:inset(0);clip-path:inset(0);background:#000}to{transform:scale(.95);-webkit-clip-path:inset(50% 0);clip-path:inset(50% 0);opacity:0}}.radio-player-desktop{position:absolute;right:20px;width:280px}.radio-player-desktop,.radio-player-mobile{bottom:70px;background-color:#C0C0C0;border-color:#ffffff #808080 #808080 #ffffff;border-style:solid;border-width:2px;box-shadow:2px 2px 4px rgba(0,0,0,.5);font-family:"MS Sans Serif",Geneva,sans-serif;font-size:14px;color:black;z-index:501;display:flex;flex-direction:column}.radio-player-mobile{position:fixed;left:50%;transform:translateX(-50%);width:90%;max-width:320px}.radio-title-bar{background-image:linear-gradient(90deg,#ff0000,#0022ff);color:white;padding:4px 6px;font-weight:700;text-align:left}.radio-content{padding:15px;display:flex;flex-direction:column;align-items:center;gap:15px}.station-display{background-color:#e0e0e0;border:1px inset #808080;padding:8px;text-align:center;width:100%;box-shadow:inset 1px 1px 2px #808080}.frequency-display{font-size:12px;color:#333}.tuning-controls{display:flex;align-items:center;justify-content:center;gap:20px}.radio-button{cursor:pointer;width:32px;height:32px}.radio-button:active{transform:scale(.95)}.radio-button.back{transform:rotateY(180deg)}.radio-button.back:active{transform:rotateY(180deg) scale(.95)}.mainContentBrowser{position:absolute;border:2px solid #000;background-color:#c0c0c0;width:80%;height:60%;display:flex;flex-direction:column;z-index:10;left:50%;top:50%;transform:translate(-50%,-50%)}.titleBar{background-image:linear-gradient(90deg,red,blue);color:white;padding:5px;display:flex;justify-content:space-between;align-items:center;cursor:move}.mainContentBrowser::-webkit-scrollbar{width:16px;background-color:#C0C0C0}.mainContentBrowser::-webkit-scrollbar-thumb{background-color:#808080;border:3px solid #c0c0c0;border-radius:0}.mainContentBrowser::-webkit-scrollbar-button{background-color:#C0C0C0;border:1px solid #808080}.mainContentBrowser::-webkit-scrollbar-corner{background-color:black}.mainContentBrowser{font-family:"MS Sans Serif",Geneva,sans-serif;color:#000000;background-color:#C0C0C0;scrollbar-width:auto;scrollbar-color:#808080 #C0C0C0}.windowControls{display:flex}.windowControls button{background-color:#c0c0c0;border:1px solid #fff;color:black;width:20px;height:20px;font-size:10px;margin-left:2px;cursor:pointer}.content,.windowControls button:hover{background-color:#fff}.content{display:flex;justify-content:center;flex-grow:1;padding:20px;overflow-y:auto}.content p{font-size:18px}.content iframe,.content img{margin-top:20px;margin-bottom:20px}.article{width:70%;left:50%;margin-bottom:80px}.article:after{content:"";display:block;height:50px}.searchBar{display:flex;padding:5px;background-color:#c0c0c0;border-bottom:2px solid #000}.searchBar input{flex-grow:1;padding:2px 5px;margin-right:5px}.searchBar button{padding:2px 5px;background-color:#00007f;color:white;border:none;cursor:pointer}.searchBar button:hover{background-color:#0000ff}.resizeHandle{position:absolute;z-index:20}.resizeHandle.right{right:-5px;top:0;bottom:0;width:10px;cursor:ew-resize}.resizeHandle.bottom{bottom:-5px;left:0;right:0;height:10px;cursor:ns-resize}.resizeHandle.corner{bottom:-5px;right:-5px;width:20px;height:20px;cursor:nwse-resize;z-index:30}.uploadArtworkContainer button,.uploadArtworkContainer input[type=email],.uploadArtworkContainer input[type=text]{box-sizing:border-box}.uploadArtworkContainer button{cursor:pointer}.artworkShowContainer{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:20px}.artworkItem{padding:20px;gap:15px}.imageFrame{display:inline-block}.artImage{width:256px;height:256px}.upvoteButton{padding:5px}*,:after,:before{box-sizing:border-box}.artworkWindow{position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.artworkContainer,.artworkWindow{display:flex;flex-direction:column;height:100%;background-color:#fff}.artworkContainer{overflow-y:auto}.drawingCanvas{border:2px solid #000;margin-bottom:20px;margin-top:30px}.controls{margin-top:20px;display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.artworkContainer button{font-size:16px;cursor:pointer;border:none;border-radius:5px;background-color:#f0f0f0;transition:background-color .3s}button:hover{background-color:#e0e0e0}button:disabled{background-color:#cccccc;cursor:not-allowed}.colorButton,.sizeButton{width:40px;height:40px;border-radius:50%;border:2px solid transparent;display:flex;align-items:center;justify-content:center}.colorIndicator{width:24px;height:24px;border-radius:4px}.sizeIndicator{width:24px;height:24px;border-radius:50%;background-color:black}.artworkContainer button.active{background:#bfbfbf}.uploadArtworkContainer{display:flex;flex-direction:column;align-items:center;padding:20px;gap:15px;background-color:#c3c3c3;box-shadow:0 2px 4px rgba(0,0,0,.1);max-width:400px;margin:30px auto 70px}.uploadArtworkContainer button,.uploadArtworkContainer input[type=email],.uploadArtworkContainer input[type=text]{width:calc(100% - 20px);padding:10px;border:1px solid #ccc;border-radius:4px}.uploadArtworkContainer button{background-color:#ff0000;color:white;font-weight:700;border:none}.uploadArtworkContainer button:hover{background-color:#9f0000}.uploadArtworkContainer input[type=checkbox]{margin-right:10px}.uploadArtworkContainer button:disabled,.uploadArtworkContainer input:disabled{background-color:#eaeaea;cursor:not-allowed}.galleryContainer{width:100%;overflow-y:auto;background-color:#fff;height:100%;text-align:center;padding:20px}.artworkShowContainer{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:20px;gap:20px;width:100%}.artworkItem{background:#c0c0c0;border-color:#ffffff #000000 #000000 #ffffff;border-style:solid;border-width:2px;padding:15px;display:flex;flex-direction:column;align-items:center;gap:10px}.imageFrame{padding:10px;background:linear-gradient(145deg,#000000,#000000);border:2px solid #000;box-shadow:inset 0 0 5px rgba(0,0,0,.5),3px 3px 5px rgba(0,0,0,.3)}.artImage,.imageFrame{display:block;width:100%}.artImage{height:auto;aspect-ratio:1/1;object-fit:cover;border:2px solid #333}.artworkInfo{text-align:center;color:#000;font-family:"MS Sans Serif",Geneva,sans-serif;width:100%}.artworkInfo h2{font-size:16px;margin-bottom:5px;word-wrap:break-word}.artworkInfo p{font-size:14px;margin-bottom:10px;word-wrap:break-word}.upvoteSection{gap:10px}.upvoteButton,.upvoteSection{display:flex;align-items:center;justify-content:center}.upvoteButton{background-color:#c0c0c0;border-color:#ffffff #000000 #000000 #ffffff;border-style:solid;border-width:2px;padding:0;cursor:pointer;width:40px;height:40px}.upvoteButton:active{border-color:#000000 #ffffff #ffffff #000000;border-style:solid;border-width:2px}.upvoteButton img{width:24px;height:24px;display:block}.upvoteSection span{font-weight:700;font-size:16px}.controlsHeader{padding:10px 20px;background:#c0c0c0;color:#000;border-bottom:2px solid #000;margin-bottom:20px}.controlsHeader select,.loadMoreButton{font-family:"MS Sans Serif",Geneva,sans-serif;font-size:14px;padding:5px;background-color:#fff;border:2px inset #808080}.paginationControls{text-align:center;padding:20px}.loadMoreButton{background-color:#c0c0c0;border-color:#ffffff #000000 #000000 #ffffff;border-style:solid;border-width:2px;padding:10px 20px;cursor:pointer}.loadMoreButton:active{border-color:#000000 #ffffff #ffffff #000000;border-style:solid;border-width:2px}.loader{border:4px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:40px;height:40px;animation:spin 2s linear infinite;margin:auto}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:600px){.galleryContainer{padding:10px}.artworkShowContainer{gap:15px}}@media (max-width:480px){.artworkShowContainer{grid-template-columns:1fr}}.LoadingContainer{position:fixed;top:0;left:0;width:100%;height:100%;transition:opacity 1s ease-out;z-index:1000;background-position:50%;background-repeat:no-repeat;background-size:cover;font-family:"MS Sans Serif",Geneva,sans-serif;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.LoadingContainer.fadeOut{opacity:0}.loading-box{background-color:#C0C0C0;border:2px solid #000;box-shadow:5px 5px 0 #000000;padding:20px;width:90%;max-width:400px;text-align:center;box-sizing:border-box}.loading-text{color:#000;font-size:16px;margin-bottom:10px}.loading-bar-container{width:100%;height:30px;background-color:#808080;border:2px solid #000}.loading-bar{height:100%;background:linear-gradient(90deg,#ff00ff,#00ffff);transition:width .1s linear}.login-container{justify-content:center;padding:20px}.login-box,.login-container{display:flex;align-items:center;width:100%;box-sizing:border-box}.login-box{background-color:#C0C0C0;border-color:#ffffff #000000 #000000 #ffffff;border-style:solid;border-width:2px;padding:30px;max-width:350px;box-shadow:5px 5px 0 #000;flex-direction:column;gap:15px}.profile-icon{width:128px;height:128px;border-radius:50%;border-color:#ffffff #000000 #000000 #ffffff;border-style:solid;border-width:2px;object-fit:cover;background-color:#e0e0e0;padding:4px;box-shadow:2px 2px 0 #000}.input-group{margin-bottom:0;width:100%}.input-group label{display:block;margin-bottom:5px;color:#000;text-align:left}.input-group input{width:100%;padding:8px;font-family:"MS Sans Serif",Geneva,sans-serif;font-size:16px;background-color:#fff;border:2px inset #808080;box-sizing:border-box;color:#000}.login-button{width:100%;padding:10px;font-size:18px;font-weight:700;color:#000;background-color:#C0C0C0;border-color:#ffffff #000000 #000000 #ffffff;border-style:solid;border-width:2px;cursor:pointer;box-shadow:2px 2px 0 #000;transition:all .1s ease-in-out}.login-button:hover{background-color:#dcdcdc}.login-button:active{border-color:#000000 #ffffff #ffffff #000000;border-style:solid;border-width:2px;box-shadow:-1px -1px 0 #000}@media (max-width:480px){.login-box{padding:20px;gap:15px}.profile-icon{width:96px;height:96px}.input-group input{padding:6px;font-size:14px}.login-button{padding:8px;font-size:16px}}.App{text-align:center;background-color:#000;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden;padding:15px;box-sizing:border-box}.content-wrapper{position:relative;width:100%;height:100%;overflow:hidden;background-position:50%;background-size:cover;background-repeat:no-repeat}.main-scene-container{z-index:0}.main-scene-container,.ui-container{position:absolute;top:0;left:0;width:100%;height:100%}.ui-container{z-index:1;pointer-events:none}.ui-container>*{pointer-events:auto}.tv-frame-overlay{border-radius:0;position:relative}.tv-frame-overlay:before{box-shadow:inset 0 0 0 rgba(0,0,0,.7),inset 0 0 0 10px #343434,inset 0 0 0 14px #ffffff;border-radius:25px}.tv-frame-overlay:after,.tv-frame-overlay:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:9999;pointer-events:none}.tv-frame-overlay:after{background-image:radial-gradient(ellipse at center,rgba(255,255,255,0) 60%,rgba(0,0,0,.4) 110%),repeating-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.05) 4px,rgba(0,0,0,0) 0)}