html,body,#root{margin:0;padding:0;width:100%;height:100%;z-index:0}body{font-family:inter,system-ui,sans-serif;background:#202025}.screen-root{height:100%;width:100%}.screen-root *{box-sizing:border-box;z-index:1}.canvas{height:100%;width:100%}.content{width:490px;height:497px}.main-container{font-family:"Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif";font-size:clamp(8px,9cqw,12px);background-color:inherit;width:100%;height:100%;padding:7px;display:grid;grid-template-areas:"top" "search" "main" "bottom";grid-template-rows:3.5% 4.5% 89.5% 2.5%;position:relative;overflow:hidden}.main-container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at center,rgba(255,255,255,.06) 0%,rgba(255,255,255,0) 45%,rgba(0,0,0,.28) 100%);mix-blend-mode:multiply}.top-bar{grid-area:top;background:linear-gradient(to left,#4e59f6,#efefef);display:flex;align-items:center;width:100%;border-bottom:1px solid #808080;overflow:none;gap:3px}.tab{display:flex}.tab button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:silver;padding:8px 10px;font-size:10px;font-weight:400;cursor:pointer;height:10px;width:80px;overflow:hidden;display:flex;justify-content:center;align-items:center;border:none;color:#000;font-family:Arial,Helvetica,sans-serif;box-shadow:1px 1px #404040,-1px -1px #fff,2px 2px #0002,-2px -2px #d4d0c8}.tab button{box-shadow:inset .5px 0 #0000}.tab button:hover{background:#dcdcdc}.tab button:active{box-shadow:inset 1px 1px #404040,inset -1px -1px #fff,inset 2px 2px #0002,inset -2px -2px #d4d0c8;background:#c9c9c9}.tab button.active{background:#ffffff}.search-bar{grid-area:search;background:#848383;display:flex;align-items:center;height:100%;border-top:1px solid #ffffff;border-left:1px solid #ffffff;border-bottom:1px solid #808080;border-right:1px solid #808080}.back-forward-buttons{margin-left:2px;display:flex;flex-direction:row;gap:2px;height:14.5px}.search-bar button{width:19px;margin:0;background:#cfcfcf;cursor:pointer;border:none;display:flex;justify-content:center;align-items:center;box-shadow:inset 1px 1px #fff,inset -1px -1px #5a5a5a}.search-bar button:hover{background:#dcdcdc}.search-bar button:active{box-shadow:inset 1px 1px #404040,inset -1px -1px #fff,inset 2px 2px #0002,inset -2px -2px #d4d0c8;background:#c9c9c9}.search-bar input{flex:1;height:16px;margin:0 2px;background-color:#fff;color:#000;border:none;padding:0 8px;font-size:12px;box-shadow:inset 1px 1px #d1cdcd,inset -1px -1px #d1cdcd,inset 1px 1px #d1cdcd,inset -1px -1px #d1cdcd}input[disabled]{opacity:1;color:#eee;-webkit-text-fill-color:#6c6c6c}.y2k-website{grid-area:main}.bottom-bar{grid-area:bottom;border-top:1px solid #6a6a6a;background:linear-gradient(to bottom,#efefef,#686868)}.main{display:grid;margin:3px;height:96%;width:470px;justify-self:center;align-self:center;grid-template-areas:"bio update" "other1 other2" "other3 other2";gap:5px;grid-template-columns:40% 59%;grid-template-rows:20% 50% 30%}.bio{grid-area:bio;background-color:#f5cdf7;display:flex;flex:1;flex-direction:column;box-shadow:inset 1px 1px #fff,inset -1px -1px #ff69b4;border:1px solid purple}.topbar{height:15px;background:linear-gradient(#7a7779,#9e7e94);display:flex;align-items:center;padding-left:2px;margin:2px}.topbar h4{margin:0;font-size:small;color:#fff}.bio-content{display:flex;align-items:center;justify-items:center;flex-direction:row;margin:1px 3px 3px;width:179px;height:65px;overflow:hidden}.image-container{width:100%;height:100%;display:flex;position:relative;gap:2px}.hover-text{position:absolute;background-color:#ae0289;color:#fff;border-radius:6px;padding:6px;opacity:0;transition:opacity .3s ease-in-out;width:60px}.bio-content p{margin-top:4px;font-size:medium;color:#4e0050;line-height:15px}.image-container:hover .hover-text{opacity:1}.writeDiv{grid-area:update;background-color:#f0e1f0;display:flex;flex-direction:column;box-shadow:inset 1px 1px #fff,inset -1px -1px #ff69b4;border:1px solid purple}.input-content{display:flex;flex-direction:column;align-items:start;height:100%;gap:5px;padding:5px}.input-content input{color:#320033;height:60%;width:100%;border:none;border:1px solid purple;box-shadow:inset 1px 1px #fff,inset -1px -1px #ff69b4}input,textarea,select{font-size:16px!important}.input-content input:focus{outline:none}.input-content button{height:100%;width:40%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#4e0050;border:none;background:linear-gradient(#ffd9f3,#d8c8d3);box-shadow:inset 1px 1px #fff,inset -1px -1px #ff69b4;border:1px solid purple}.input-content button:hover{background:rgb(236,230,230)}.input-content button:active{box-shadow:inset 1px 1px #404040,inset -1px -1px #fff,inset 2px 2px #0002,inset -2px -2px #d4d0c8;background:#c9c9c9}.input-content h5{color:#4e0050;font-style:italic;font-size:smaller}.button-div{display:flex;align-items:center;height:min-content;height:30%;width:100%;gap:10px}::-webkit-scrollbar{background-color:#e0e0e0;border:1px solid #c0c0c0}.song-container::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background-color:#b8b8b8;border:1px solid rgb(78,78,78);box-shadow:inset 1px 1px #fff,inset -1px -1px #ff69b4;cursor:pointer}::-webkit-scrollbar-button{background-color:#d0d0d0;box-shadow:inset 1px 1px #fff,inset -1px -1px #ff69b4;border:1px solid rgb(78,78,78);cursor:pointer}.song-container::-webkit-scrollbar-button{height:10px}.song-container::-webkit-scrollbar-button:vertical:start:increment,.song-container::-webkit-scrollbar-button:vertical:end:decrement{display:none}::-webkit-scrollbar-button:single-button:vertical:decrement{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8"><polygon points="4,2 1,6 7,6" fill="black"/></svg>');background-repeat:no-repeat;background-position:center}::-webkit-scrollbar-button:single-button:vertical:increment{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8"><polygon points="1,2 7,2 4,6" fill="black"/></svg>');background-repeat:no-repeat;background-position:center}::-webkit-scrollbar-corner{background:#d0d0d0}.log{grid-area:other2;background-color:#f7e2f7;display:flex;flex-direction:column;box-shadow:inset 1px 1px #fff,inset -1px -1px #ff69b4;border:1px solid #4e0050;z-index:0}.status-updates{padding:0 0 100px;margin:3px;flex:1;overflow-y:auto}.status-updates li{height:auto;margin-bottom:4px;margin-right:3px;display:flex;flex-direction:column;justify-content:center;padding:3px;background-color:#fed4ff;border:1px solid rgb(78,78,78);box-shadow:inset 1px 1px #fff,inset -1px -1px #ff69b4;overflow-x:hidden}.status-updates li.active{background-color:#fce3fc}.error-header{position:fixed;width:200px;height:90px;display:flex;left:25%;top:5%;align-items:center;justify-content:center;z-index:999;border-radius:0}.error-popup{background:rgb(189,189,189);padding:0;position:relative;width:100%;height:100%;box-shadow:inset 1px 1px #fff,inset -1px -1px #ff69b4;text-align:center;border:1px solid purple;border-radius:0;margin:0}.error-popup .file-topbar{background:linear-gradient(#7a7779,#281af4)}.error-header p{color:#000;font-size:small;font-weight:700}.post-header{display:flex;flex-direction:row;align-items:center;gap:4px}.post-header img{height:35px;width:35px}.status-updates li h4{margin:1px 1px 1px 0;color:#320033;font-size:14px;font-weight:100}.status-updates li p{font-size:9px;font-weight:1000;margin:3px 0 0 1px;color:#320033}.status-updates li h5{font-size:13px;font-weight:1000;margin:1px;color:#320033}.image-popup-overlay{position:fixed;width:250px;height:250px;display:flex;left:25%;top:25%;align-items:center;justify-content:center;z-index:9999;border-radius:0}.image-popup{background:white;padding:0;position:relative;width:100%;height:100%;box-shadow:inset 1px 1px #fff,inset -1px -1px #ff69b4;text-align:center;border:1px solid purple;border-radius:0;margin:0}.image-popup img{width:96%;height:90%}.contact{grid-area:other3;background:#d9c1da;border:1px solid purple;box-shadow:inset 1px 1px #fff,inset -1px -1px #ff69b4;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:0}.contact-content{height:76%;width:96%;display:flex;flex-direction:column;background-color:#ffe2fe;align-items:center;justify-content:center;padding:8px;margin:4px 8px;color:#4e0050;box-shadow:inset 1px 1px #fff,inset -1px -1px #ff69b4;overflow:hidden}.contact-content div{height:20%;width:100%;display:flex;flex-direction:row;align-items:center;margin:4px;gap:4px}.pics{grid-area:other4;background-color:#e57de9}.contact-topbar{background:linear-gradient(#7a7779,#9e7e94);height:15px;display:flex;justify-content:flex-start;padding-left:2px;color:#fff;align-items:center;width:98%;margin-top:s2px}.interests{grid-area:other1;display:flex;flex-direction:column;gap:3px}.mp4-container.active{opacity:1;background-color:#f7e1f7;display:flex;flex-direction:column;height:50%;padding:0;border:1px solid rgb(105,74,101);box-shadow:inset 1px 1px #fff,inset -1px -1px #ff69b4;overflow:hidden}.mp4-container.active.minimum{opacity:1;background-color:#f7e1f7;display:flex;flex-direction:column;height:21px;padding:0;border:1px solid rgb(105,74,101);box-shadow:inset 1px 1px #fff,inset -1px -1px #ff69b4;overflow:hidden}.mp4-opacity-button.active{opacity:1}.mp4-opacity-button{opacity:0}.mp4-container{opacity:0;height:0px;overflow:hidden}.song-container.active{opacity:1;margin:1px 2px 2px;display:flex;flex-direction:column;flex:1;overflow-y:scroll;border:1px solid #ffffff}.song-container{opacity:0}.song-container ul{list-style:none;padding:0;margin:0;background-color:#fff;width:99%}.song-container li{display:flex;flex-direction:column;justify-content:center;padding:2px;box-sizing:border-box;background-color:#fcc7eb}.song-container li.active{background-color:#fff}.song-container li h4{line-height:13px;margin:1px;color:#922d94;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp4-topbar{height:15px;background:linear-gradient(#7a7779,#9e7e94);display:flex;padding-left:2px;margin:2px}.mp4-topbar h4{align-self:center;color:#fff}.topbar-buttons{margin-left:auto;display:flex;gap:1px;padding:1px}.mp4-bottom-buttons.active{display:flex;justify-content:center;align-items:center;height:15%;gap:3px;padding-bottom:0;margin-bottom:2px;opacity:1}.mp4-bottom-buttons{opacity:0;height:0px}.title-wrapper{overflow:hidden;display:block;position:relative}.title-wrapper h4{white-space:nowrap;display:inline-block}.title-wrapper h4.scrolling{animation:scroll-text 8s linear infinite;will-change:transform}@keyframes scroll-text{0%{transform:translate(100%)}to{transform:translate(-100%)}}.mp4-bottom-buttons button{height:15px;width:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#5f0057;padding:0;border:1px solid rgb(144,80,154);background-color:#e4d2d2;box-shadow:inset 1px 1px #fff,inset -1px -1px #ff69b4}.mp4-bottom-buttons button:active{box-shadow:inset 1px 1px #404040,inset -1px -1px #fff,inset 2px 2px #0002,inset -2px -2px #d4d0c8;background:#c9c9c9}.mp4-bottom-buttons button:hover{background:#ebebeb}.topbar-buttons button{display:flex;align-items:center;justify-content:center;width:12px;height:12px;cursor:pointer;color:#860088;padding:0;box-shadow:inset 1px 1px #fff,inset -1px -1px #ff69b4;border:none}.topbar-buttons button:active{box-shadow:inset 1px 1px #404040,inset -1px -1px #fff,inset 2px 2px #0002,inset -2px -2px #d4d0c8;background:#c9c9c9}.file-system.active{opacity:1;background-color:#e4bee4;display:flex;flex-direction:column;height:50%;padding:0;border:1px solid rgb(103,69,98);box-shadow:inset 1px 1px #fff,inset -1px -1px #ff69b4;overflow:hidden}.file-system.active.minimum{opacity:1;display:flex;flex-direction:column;height:21px;padding:0;border:1px solid rgb(105,74,101);box-shadow:inset 1px 1px #fff,inset -1px -1px #ff69b4;overflow:hidden}.file-system{opacity:0;height:0px;overflow:hidden}.file-topbar{height:15px;background:linear-gradient(#7a7779,#9e7e94);display:flex;padding-left:2px;margin:2px}.file-topbar h4{align-self:center;color:#fff}.file-system-inside{opacity:1;margin:2px 5px 5px;display:flex;flex-direction:row;flex:1;background-color:#f7e1f7;border-radius:3px;box-shadow:inset 1px 1px #fff,inset -1px -1px #ff69b4}.folder-view{display:flex;flex-direction:column}.image-grid{display:flex;flex-wrap:wrap;gap:0px}.image-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;border:none;width:30px;background:transparent;cursor:pointer;margin:2px 0 auto 2px}.image-tile svg{display:block}.img-name{font-size:10px;line-height:1;text-align:center;color:#4e0050;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.image-back-button{display:flex;align-items:center;justify-content:center;margin:auto 0 5px 9px;height:12px;width:18px;cursor:pointer;color:#5f0057;padding:0;border:1px solid rgb(144,80,154);background-color:#e4d2d2;box-shadow:inset 1px 1px #fff,inset -1px -1px #ff69b4}.folder-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;width:33px;justify-self:flex-start;align-self:flex-start}.folder-name{display:block;font-size:10px;line-height:1;text-align:center;color:#4e0050;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.folder-grid{display:flex;flex-direction:row;padding:0}.folder-btn svg{pointer-events:none}.main-video{display:grid;height:98%;width:470px;padding-right:5px;justify-self:center;align-self:center;grid-template-areas:"video  name" "engage recs" "comments recs";grid-template-columns:3.3fr 1.7fr;grid-template-rows:50% 5% 45%;gap:2px;background-color:inherit}.video-frame{grid-area:video;display:flex;justify-content:flex-start;align-items:center;margin-right:3px;justify-self:center;align-self:center;height:200px;width:295px;background-color:#000;padding:0}.comment-section{grid-area:comments;display:flex;justify-content:flex-start;flex-direction:column}.comment-section h2{margin:0}.comment-section ul{padding:4px 4px 100px;margin:3px 3px 0;height:100%;overflow-y:auto;border-radius:2px;background:linear-gradient(to bottom,#d3d3d3,#646464);box-shadow:inset 1px 1px 1px #000,inset -1px -1px 1px #000}.user-icon{background-color:#fff;border-radius:50% 5%;border:1px solid gray;width:22px;display:flex;justify-content:center;align-items:center;padding:2px}.comment-section li{height:auto;margin-bottom:2px;display:flex;flex-direction:column;justify-content:center;padding:3px;border-radius:3px;background-color:#ffffff9c;border:1px solid rgb(138,138,138);box-shadow:inset 1px 1px #fffc,inset -1px -1px #383838;overflow-x:hidden;font-family:Audiowide,Arial,Helvetica,sans-serif;letter-spacing:.07em;color:#3d3d3d}.comment-header{display:flex;flex-direction:row;align-items:center;padding-top:2px;padding-left:1px}.comment-section h3{font-size:10px;margin:3px 0 3px 3px;font-weight:600;color:#2b2b2b;font-family:Arial,Helvetica,sans-serif}.comment-section li h5{margin:0 0 0 4px;font-size:9px}.comment-section li h4{margin:0;padding-top:4px;padding-left:3px;padding-bottom:0;font-size:12px;color:#3d3d3d}.comment-section li p{padding-left:3px;padding-top:4px;margin-top:0;margin-bottom:0;padding-bottom:0;font-size:10px;color:#444}.video-reactions{grid-area:engage;display:flex;flex-direction:row;justify-content:space-between;margin-left:3px;width:97%;flex:1;background-color:#bdbebd;box-shadow:inset 1px 1px #fff,inset -1px -1px #383838}.rating button{height:20px;width:15px;align-items:center;display:grid;background-color:inherit;cursor:pointer;border:none}.rating{width:fit-content;display:flex;gap:2px;justify-content:flex-start}.views{display:flex;flex-direction:row;align-items:center;justify-self:flex-end;margin-right:5px;gap:5px}.views h3{margin:0;padding:0;font-family:Audiowide,Arial,Helvetica,sans-serif;font-size:13px;letter-spacing:.09em;text-transform:uppercase;color:#555955}.video-title{grid-area:name;border-radius:2px;display:flex;flex-direction:column;align-items:flex-start;background-color:#ccccd1;justify-content:flex-start;height:96%;margin-top:5px;border:.3px solid rgb(45,44,44);box-shadow:inset 1px 1px 1px #d9d9d9,inset -1px -1px 1px #d9d9d9,1px 1px 1.5px #5f5f6c,-1px -1px 1.5px #5f5f6c;padding:0 5px 5px}.video-title h3{margin:8px 0 0;font-size:15px;line-height:1.2;color:#272727;font-weight:800;font-family:Arial,Helvetica,sans-serif}.video-title p{margin:8px 2px 2px;font-size:11px;line-height:1.2;color:#454444;font-weight:800;font-family:Arial,Helvetica,sans-serif}.video-recs{grid-area:recs;display:flex;align-items:stretch}.recs-frame{display:flex;flex-direction:column;height:100%;border-radius:2px;width:100%;box-shadow:0 0 4px 5px #000,}.topbar-vid{margin:0;display:flex;align-items:center;justify-content:center;border:1px solid #767676;border-bottom:none;height:19px;background:linear-gradient(to bottom,#939393 0%,#909091 45%,#b3b3b5 95%,#848484 100%);border-radius:2px 2px 0 0}.topbar-inner{display:flex;align-items:center;justify-content:flex-start;width:97%;height:86%;background:linear-gradient(to bottom,#c8c9c7 0%,rgb(193,200,193) 45%,#a2a2a2 75%,#7a7a7a 100%);border-radius:50px 2px;box-shadow:0 1px #fff inset,0 -1px #0006 inset}.topbar-inner h4{font-size:9px;margin:0 0 0 10px;font-weight:600;color:#0d0e0d;font-family:Arial,Helvetica,sans-serif}.recs-list{list-style:none;margin:0;padding:2px;flex:1;border-radius:0 0 2px 2px;background:linear-gradient(to bottom,#ebeaea,#c0c0c0);border:1px solid #767676;border-top:1px solid #8f8f8f;box-shadow:inset 0 1px #fff,inset 0 -1px #00000040;display:flex;flex-direction:column;font-family:Audiowide,Arial,Helvetica,sans-serif;color:#494949;min-height:0}.recs-list img{border-radius:2px;width:55px;height:34px}.recs-list li{display:flex;align-items:center;height:45px;gap:6px;padding:6px 5px;margin-bottom:2px;border-radius:4px;color:#023834;background-color:#e2e0e0;text-shadow:0 0 2px #ffffff,0 0 4px rgba(255,255,255,.8);font-size:13px;box-shadow:inset 1px 2px #ffffffb3,inset -1px -1px #bfbfbfb3;border:1px solid rgb(189,188,188)}.recs-list li:hover{background:rgba(249,249,249,.606)}.recs-list h6{margin:0;width:70px}