@font-face{font-family:'Rainy Hearts';src:url('https://digitality.neocities.org/rainyhearts.ttf') format('truetype');font-weight:normal;font-style:normal;}:root{--background-color:#0d1126;--primary-text:#89ddff;--secondary-text:#b0c4de;--highlight-color:#ff69b4;--border-color:rgba(137,221,255,0.25);--panel-bg:rgba(20,26,61,0.85);--panel-header-bg:#89ddff;--panel-header-text:#0d1126;--font-stack:'Rainy Hearts',monospace;--header-font:'Silkscreen',cursive;--ease-out-back:cubic-bezier(0.34,1.56,0.64,1);--logo-c1:#3498db;--logo-c2:#9b59b6;--logo-c3:#2ecc71;--logo-c4:#e67e22;--logo-c5:#e91e63;--logo-c6:#00bcd4;--logo-c7:#f1c40f;}body.time-morning{--logo-c1:#ff9a9e;--logo-c2:#fecfef;--logo-c3:#a18cd1;--logo-c4:#fbc2eb;--logo-c5:#8fd3f4;--logo-c6:#84fab0;--logo-c7:#fccb90;}body.time-afternoon{--logo-c1:#f6d365;--logo-c2:#fda085;--logo-c3:#f5576c;--logo-c4:#f093fb;--logo-c5:#5ee7df;--logo-c6:#b490ca;--logo-c7:#4facfe;}body.time-sunset{--logo-c1:#ff0844;--logo-c2:#ffb199;--logo-c3:#f6d365;--logo-c4:#fda085;--logo-c5:#f5576c;--logo-c6:#c33764;--logo-c7:#1d2671;}body.theme-halloween{--highlight-color:#ff7518;--primary-text:#d4a5ff;--border-color:rgba(255,117,24,0.3);}body.theme-winter{--highlight-color:#4dd0e1;--primary-text:#e0f7fa;--border-color:rgba(77,208,225,0.3);}body.theme-spring{--highlight-color:#ff9cee;--primary-text:#ffb6c1;--border-color:rgba(255,156,238,0.3);}body.theme-summer{--highlight-color:#ffeb3b;--primary-text:#84ffff;--border-color:rgba(255,235,59,0.3);}h1,h2,h3,h4,h5,h6,#main-title,.logo-char{font-family:var(--header-font);font-weight:normal;}html{cursor:default;overflow-x:hidden;scrollbar-width:none;overscroll-behavior:none;}::-webkit-scrollbar{display:none;}body{background-color:var(--background-color);background-image:url('https://media1.tenor.com/m/D1uK_74l-p8AAAAC/miku-pixel.gif');color:var(--secondary-text);font-family:var(--font-stack);font-size:20px;-webkit-font-smoothing:none;font-smooth:never;margin:0;width:100vw;overflow-x:hidden;transition:background-image 0.7s ease-in-out;background-size:cover;background-position:center;background-attachment:fixed;}body::before,body::after{transition:opacity 0.45s ease,transform 0.45s ease;will-change:opacity,transform;}body.crt-off::before,body.crt-off::after{opacity:0 !important;transform:scale(0.995) !important;pointer-events:none !important;animation-play-state:paused !important;}body.crt-transition::before,body.crt-transition::after{transition:opacity 0.6s cubic-bezier(.2,.8,.2,1),transform 0.6s ease;}body.loading,body.modal-open{overflow:hidden;}#background-video{position:fixed;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;z-index:-100;transform:translateX(-50%) translateY(-50%);background-size:cover;transition:opacity 0.7s ease-in-out;will-change:opacity;filter:brightness(0.65);}body::before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:repeating-linear-gradient(0deg,rgba(0,0,0,0.15),rgba(0,0,0,0.15) 1px,transparent 1px,transparent 3px);z-index:100;pointer-events:none;animation:scanline 10s linear infinite;}@keyframes scanline{0%{background-position:0 0;}100%{background-position:0 100vh;}}body::after{content:'';position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(rgba(18,16,16,0) 50%,rgba(0,0,0,0.25) 50%);background-size:100% 4px;opacity:0.3;pointer-events:none;z-index:-1;}*{box-sizing:border-box;}#preloader{position:fixed;inset:0;z-index:99999;background:linear-gradient(120deg,#0d1126 0%,#071226 25%,#0b1b2b 50%,#071226 75%,#0d1126 100%);background-size:200% 200%;animation:preloader-bg-move 6s linear infinite;display:flex;align-items:center;justify-content:center;transition:opacity 0.5s ease-out;}#preloader .skip-btn{position:absolute;bottom:36px;right:24px;padding:6px 14px;font-size:0.9rem;display:none;z-index:100000;}#preloader.show-skip .skip-btn{display:inline-flex;}.loader{width:100px;height:100px;overflow:visible;transition:transform 1s cubic-bezier(0.6,-0.28,0.735,0.045),opacity 0.5s 0.8s;}#preloader.flying .loader .loader-avatar,#preloader.flying .loader .loader-outline{animation:none;}.loader-outline{fill:none;stroke:var(--primary-text);stroke-width:4;}.loader-sweep{fill:none;stroke:rgba(255,255,255,0.95);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:180;stroke-dashoffset:180;opacity:0.9;animation:sweep 2.6s cubic-bezier(.2,.8,.2,1) infinite;}.loader-avatar{animation:pulse-opacity 2s ease-in-out infinite;}@keyframes preloader-bg-move{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}@keyframes sweep{0%{stroke-dashoffset:180;opacity:0;}10%{opacity:1;}60%{stroke-dashoffset:30;opacity:1;}100%{stroke-dashoffset:0;opacity:0;}}@keyframes pulse-opacity{0%,100%{opacity:0.6;filter:brightness(0.8);}50%{opacity:1;filter:brightness(1.2);}}.site-wrapper{position:relative;max-width:1200px;margin:0 auto;padding:130px 20px 150px 20px;display:flex;justify-content:space-between;align-items:flex-start;opacity:0;transition:opacity 0.5s ease-in;}.site-wrapper.visible{opacity:1;}header,.sidebar-left,.main-content,.sidebar-right{opacity:0;transform:translateY(20px);transition:opacity 0.45s ease,transform 0.45s var(--ease-out-back);}.sidebar-left,.sidebar-right{width:23%;position:relative;z-index:2;}.main-content{width:46%;position:relative;z-index:5;}.hidden-by-video{opacity:0 !important;transform:translateY(18px) !important;pointer-events:none !important;}.loaded{opacity:1;transform:translateY(0);}header{position:absolute;width:calc(100% - 40px);top:40px;left:20px;background:var(--panel-bg);z-index:10;border-radius:12px;height:70px;border:1px solid var(--border-color);box-shadow:0 4px 20px rgba(0,0,0,0.4);transition:box-shadow 0.3s ease;}header:hover{box-shadow:0 6px 25px rgba(0,0,0,0.6);}header::before{content:'';position:absolute;top:-1px;left:15%;right:15%;height:2px;background:linear-gradient(90deg,transparent,var(--primary-text),transparent);box-shadow:0 -3px 12px rgba(137,221,255,0.7);border-radius:50%;opacity:0.9;z-index:-1;pointer-events:none;}.header-main-bar{height:100%;border-radius:10px;position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 20px 0 20px;background-color:rgba(0,0,0,0.2);background-image:repeating-linear-gradient(45deg,rgba(255,255,255,0.02) 25%,transparent 25%,transparent 75%,rgba(255,255,255,0.02) 75%,rgba(255,255,255,0.02)),repeating-linear-gradient(-45deg,rgba(255,255,255,0.02) 25%,transparent 25%,transparent 75%,rgba(255,255,255,0.02) 75%,rgba(255,255,255,0.02));background-size:15px 15px;}.header-logo-breakout{position:absolute;left:20px;top:-20px;background:#000;color:var(--primary-text);padding:8px 15px;border:1px solid var(--border-color);border-radius:4px;transform:skew(-15deg);z-index:12;display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 10px rgba(0,0,0,0.5);}.header-logo-breakout.bouncing{position:fixed !important;margin:0 !important;z-index:9999999 !important;transition:none !important;box-shadow:0 10px 30px rgba(0,0,0,0.8) !important;}.logo-main-text{display:flex;}.logo-char{display:inline-block;padding:0 4px;font-size:2.5rem;line-height:1;color:white;text-shadow:1px 1px 2px rgba(0,0,0,0.5);animation:logo-float 3s ease-in-out infinite;will-change:transform,background-color;transition:background-color 2.5s ease;}.char-d{background-color:var(--logo-c1);}.char-i{background-color:var(--logo-c2);}.char-g{background-color:var(--logo-c3);}.char-t{background-color:var(--logo-c4);}.char-a{background-color:var(--logo-c5);}.char-l{background-color:var(--logo-c6);}.char-y{background-color:var(--logo-c7);color:white;}.logo-main-text .logo-char:nth-child(1){animation-delay:0.1s;}.logo-main-text .logo-char:nth-child(2){animation-delay:0.2s;}.logo-main-text .logo-char:nth-child(3){animation-delay:0.3s;}.logo-main-text .logo-char:nth-child(4){animation-delay:0.4s;}.logo-main-text .logo-char:nth-child(5){animation-delay:0.5s;}.logo-main-text .logo-char:nth-child(6){animation-delay:0.6s;}.logo-main-text .logo-char:nth-child(7){animation-delay:0.7s;}.logo-main-text .logo-char:nth-child(8){animation-delay:0.8s;}.logo-main-text .logo-char:nth-child(9){animation-delay:0.9s;}.logo-main-text .logo-char:nth-child(10){animation-delay:1s;}.logo-tagline{font-size:0.9rem;color:var(--secondary-text);margin-top:5px;}.header-title-area{text-align:left;padding-left:360px;display:flex;flex-direction:column;justify-content:center;min-width:0;flex-grow:1;}#main-title{font-family:var(--font-stack);font-size:2.4rem;color:#fff;margin:0 0 -5px 0;text-shadow:0 0 12px rgba(137,221,255,0.6),2px 2px 0px rgba(0,0,0,0.8);letter-spacing:1px;white-space:nowrap;}#tagline{font-size:0.85rem;color:var(--secondary-text);margin:0;letter-spacing:2px;text-shadow:1px 1px 0px #000;opacity:0.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.header-nav{display:flex;align-items:center;gap:6px;background:rgba(0,0,0,0.4);padding:5px 10px;border-radius:8px;box-shadow:inset 0 0 15px rgba(0,0,0,0.9),0 0 0 1px var(--border-color);border:none;flex-shrink:0;}.header-clock{display:flex;align-items:center;justify-content:center;width:96px;flex:0 0 96px;margin:0 15px 0 10px;}.header-clock canvas{width:64px;height:64px;border-radius:50%;background:rgba(0,0,0,0.18);border:1px solid var(--border-color);box-shadow:0 0 8px rgba(0,0,0,0.3);}@media (max-width:1150px){.header-title-area{padding-left:270px;}.header-logo-breakout{transform:skew(-15deg) scale(0.75);transform-origin:top left;top:-12px;}.header-clock{display:none;}}.header-nav a,.header-nav button,.nav-style-btn{background:linear-gradient(to bottom,rgba(137,221,255,0.15),rgba(137,221,255,0.02));color:var(--primary-text);text-decoration:none;font-size:0.85rem;padding:4px 10px;border:1px solid var(--border-color);border-radius:6px;transition:all 0.1s ease;font-family:var(--font-stack);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 2px 0 var(--background-color),0 2px 0 1px var(--border-color),0 4px 6px rgba(0,0,0,0.4),inset 0 1px 0 rgba(255,255,255,0.1);text-shadow:1px 1px 2px rgba(0,0,0,0.8);letter-spacing:0.5px;text-transform:uppercase;white-space:nowrap;transform:translateY(0);}.header-nav a:hover,.header-nav button:hover,.nav-style-btn:hover{color:#fff;background:linear-gradient(to bottom,rgba(255,105,180,0.25),rgba(255,105,180,0.05));border-color:var(--highlight-color);text-shadow:0 0 8px var(--highlight-color),1px 1px 2px rgba(0,0,0,0.8);box-shadow:0 3px 0 var(--background-color),0 3px 0 1px var(--highlight-color),0 6px 10px rgba(255,105,180,0.3),inset 0 1px 0 rgba(255,255,255,0.2);transform:translateY(-1px);}.header-nav a:active,.header-nav button:active,.nav-style-btn:active{transform:translateY(2px);box-shadow:0 0 0 var(--background-color),0 0 0 1px var(--highlight-color),0 1px 2px rgba(0,0,0,0.4);transition:all 0.05s ease;}.header-nav a.disabled-link{opacity:0.4;background:rgba(0,0,0,0.2);border-color:rgba(255,255,255,0.1);box-shadow:0 3px 0 var(--background-color),0 3px 0 1px rgba(255,255,255,0.1),inset 0 0 5px rgba(0,0,0,0.5);color:var(--secondary-text);text-shadow:none;pointer-events:none;cursor:not-allowed;transform:translateY(-1px);}.header-nav i{font-size:0.9em;opacity:0.85;}.panel{position:relative;border:1px solid var(--border-color);padding:15px;box-shadow:0 4px 20px rgba(0,0,0,0.3);margin-bottom:20px;border-radius:8px;}.panel::before{content:'';position:absolute;inset:0;z-index:-1;background:rgba(15,19,45,0.96);border-radius:inherit;}.panel-header{background-color:rgba(137,221,255,0.15);color:var(--primary-text);padding:2px 10px;margin:-15px -15px 15px -15px;font-size:1.15rem;border-bottom:1px solid var(--border-color);border-radius:8px 8px 0 0;text-align:center;}a,button,.playlist-song,.site-button-code{cursor:url(https://win98icons.alexmeub.com/cursors/pointer.cur),pointer;}a{color:var(--primary-text);text-decoration:none;}a:hover{color:var(--highlight-color);}ul{list-style:none;padding:0;}ul.nav-list li{margin-bottom:10px;}ul.nav-list a{display:block;padding:5px;border:1px solid transparent;transition:all 0.2s ease-out;}ul.nav-list a:hover{background-color:rgba(137,221,255,0.1);border-color:var(--primary-text);transform:translateX(4px);}#welcome-panel{padding:0;background:transparent;border:none;box-shadow:none;}#welcome-panel::before{display:none;}.user-card{background-color:#0a0d1d;background-image:linear-gradient(to bottom,rgba(13,17,38,0.05) 0%,rgba(13,17,38,0.8) 50%,rgba(13,17,38,0.95) 100%),url('https://digitality.neocities.org/wallpaper/hatsune-miku1.jpg');background-size:cover;background-position:center;border:1px solid var(--border-color);border-radius:8px;width:100%;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.5);}.uc-banner{height:100px;background:transparent;position:relative;border-bottom:1px solid rgba(255,255,255,0.05);}.uc-info{padding:0 15px 15px 15px;}.name-row{display:flex;align-items:center;gap:12px;margin-top:-20px;margin-bottom:8px;position:relative;z-index:2;}.uc-avatar{width:42px;height:42px;border-radius:6px;background:#000;position:relative;box-shadow:0 4px 10px rgba(0,0,0,0.6);flex-shrink:0;}.uc-avatar .profile-img{width:100%;height:100%;object-fit:cover;border-radius:6px;image-rendering:pixelated;}.uc-avatar-frame{position:absolute;top:-18%;left:-18%;width:136%;height:136%;z-index:2;pointer-events:none;}.uc-name{margin:0;font-size:2.5rem;color:#fff;font-family:var(--font-stack);text-transform:uppercase;letter-spacing:1px;text-shadow:2px 2px 0px rgba(255,105,180,0.6);line-height:1;}.uc-subtitle{font-size:1.1rem;color:var(--primary-text);margin-top:-2px;margin-bottom:12px;line-height:1.3;}.uc-badges{display:flex;flex-wrap:wrap;align-items:center;gap:6px;}.text-badge{font-family:var(--font-stack);font-size:0.9rem;color:var(--secondary-text);transition:all 0.2s ease;cursor:default;text-shadow:1px 1px 2px #000;}.text-badge:hover{color:var(--highlight-color);text-shadow:0 0 8px var(--highlight-color),1px 1px 2px #000;transform:translateY(-2px);}.imood-badge{display:inline-flex;align-items:center;transition:transform 0.2s ease;filter:drop-shadow(1px 1px 2px #000);}.imood-badge:hover{transform:translateY(-2px);filter:drop-shadow(0 0 8px var(--highlight-color));}.uc-nav{display:flex;border-bottom:1px solid var(--border-color);background:transparent;padding:0 10px;gap:2px;position:relative;z-index:10;}.uc-tab-btn{background:transparent;border:1px solid transparent;color:var(--secondary-text);font-family:inherit;font-size:1rem;padding:8px 16px;cursor:pointer;transition:all 0.2s;position:relative;margin-bottom:-1px;border-radius:6px 6px 0 0;display:inline-flex;align-items:center;justify-content:center;z-index:1;}.uc-tab-btn:hover{color:var(--primary-text);background:transparent;text-shadow:0 0 8px var(--primary-text);}.uc-tab-btn.active{color:var(--primary-text);background:rgba(0,0,0,0.4);border-color:var(--border-color);border-bottom-color:var(--background-color);z-index:2;}.uc-body{padding:15px;height:180px;overflow-y:auto;background:rgba(0,0,0,0.4);scrollbar-width:thin;scrollbar-color:var(--primary-text) transparent;overscroll-behavior:contain;transition:box-shadow 0.2s ease;}.uc-body::-webkit-scrollbar{width:4px;display:block;}.uc-body::-webkit-scrollbar-thumb{background-color:var(--primary-text);border-radius:2px;}.uc-content{display:none;font-size:1.0rem;line-height:1.5;animation:fade-in 0.2s ease-out;}.uc-content.active{display:block;}.uc-content p{margin:0 0 10px 0;color:var(--secondary-text);}@keyframes fade-in{0%{opacity:0;transform:translateY(4px);}100%{opacity:1;transform:translateY(0);}}#music-carousel{display:flex;flex-direction:column;gap:15px;background:rgba(0,0,0,0.2);padding:15px;border-radius:8px;border:1px solid var(--border-color);box-shadow:inset 0 0 20px rgba(0,0,0,0.5);}.main-video-area{display:flex;flex-direction:column;gap:12px;}.video-tv-frame{background:#000;padding:6px;border-radius:8px;border:2px solid rgba(137,221,255,0.3);box-shadow:0 0 15px rgba(0,0,0,0.6),inset 0 0 10px rgba(255,105,180,0.1);position:relative;}.video-tv-frame::after{content:'';position:absolute;top:6px;left:6px;right:6px;bottom:6px;border-radius:4px;pointer-events:none;box-shadow:inset 0 0 20px rgba(0,0,0,0.9);z-index:2;}.video-controls-bar{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,rgba(13,17,38,0.8),rgba(28,61,90,0.6),rgba(13,17,38,0.8));border:1px solid var(--border-color);padding:8px 12px;border-radius:6px;box-shadow:0 4px 10px rgba(0,0,0,0.5);}#main-video-title{color:var(--primary-text);margin:0;text-align:center;font-size:1.1rem;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 5px var(--primary-text);flex-grow:1;padding:0 15px;}.carousel-nav-btn{background:rgba(0,0,0,0.6);border:1px solid var(--primary-text);color:var(--primary-text);border-radius:4px;width:40px;height:30px;font-size:1rem;transition:all 0.2s;flex-shrink:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 5px rgba(0,0,0,0.5);}.carousel-nav-btn:hover{background:var(--primary-text);color:var(--panel-bg);transform:translateY(-2px);box-shadow:0 4px 10px rgba(137,221,255,0.4);}.carousel-nav-btn:active{transform:translateY(0);}.thumbnail-strip{display:flex;justify-content:center;gap:12px;padding:5px;flex-wrap:wrap;}.thumbnail-wrapper{position:relative;border-radius:6px;padding:3px;background:rgba(0,0,0,0.5);border:1px solid transparent;transition:all 0.3s;cursor:pointer;}.thumbnail-wrapper:hover{transform:translateY(-4px);border-color:var(--highlight-color);background:rgba(255,105,180,0.2);box-shadow:0 5px 15px rgba(255,105,180,0.3);}.thumbnail-wrapper.active{border-color:var(--primary-text);background:rgba(137,221,255,0.2);box-shadow:0 0 10px var(--primary-text);}.thumbnail-img{width:110px;height:62px;object-fit:cover;border-radius:4px;display:block;opacity:0.7;transition:opacity 0.3s;}.thumbnail-wrapper:hover .thumbnail-img,.thumbnail-wrapper.active .thumbnail-img{opacity:1;}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:4px;}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}.status-box{background-color:rgba(0,0,0,0.3);border:1px solid var(--border-color);padding:10px;text-align:center;border-radius:8px;}.status-box .label{color:var(--primary-text);font-weight:bold;}.social-icons{display:flex;justify-content:center;gap:15px;align-items:center;border-top:1px solid var(--border-color);margin-top:10px;padding-top:10px;}.social-icons a,.social-icons span{display:inline-block;transition:transform 0.2s,filter 0.3s ease;width:32px;height:32px;}.social-icons a:hover,.social-icons span:hover{transform:scale(1.2);filter:drop-shadow(0 0 5px var(--highlight-color));}.social-icons img{width:32px;height:32px;image-rendering:pixelated;}.site-button-code{width:100%;background-color:rgba(0,0,0,0.3);color:#fff;padding:8px;font-family:monospace;border:1px solid var(--border-color);border-radius:4px;resize:none;overflow:hidden;text-align:center;transition:all 0.3s ease;}.site-button-code:hover{border-color:var(--primary-text);}#custom-chatbox{display:flex;flex-direction:column;height:300px;gap:8px;}#chat-messages{flex-grow:1;overflow-y:auto;border:1px solid var(--border-color);padding:8px;background:rgba(0,0,0,0.3);border-radius:6px;display:flex;flex-direction:column;gap:1px;scrollbar-width:thin;scrollbar-color:var(--primary-text) transparent;overscroll-behavior:contain;transition:box-shadow 0.2s ease;}#chat-messages::-webkit-scrollbar{width:6px;display:block;}#chat-messages::-webkit-scrollbar-thumb{background-color:var(--primary-text);border-radius:3px;}.chat-msg{position:relative;padding:1px 55px 1px 4px;margin:0 -4px;border-radius:4px;text-align:left;font-size:0.85rem;word-break:break-word;line-height:1.2;transition:background-color 0.1s;}.chat-msg:hover{background-color:rgba(137,221,255,0.08);}.chat-msg .chat-favicon{display:inline-block;width:14px;height:14px;vertical-align:middle;margin-right:0;border-radius:2px;}.chat-msg .chat-favicon-link{text-decoration:none;display:inline-block;transition:transform 0.2s;}.chat-msg .chat-favicon-link:hover{transform:scale(1.2);}.chat-msg .author{color:var(--highlight-color);font-weight:bold;margin-right:0;}#chat-settings-panel{display:flex;gap:8px;padding:8px;background:rgba(0,0,0,0.4);border:1px solid var(--border-color);border-radius:6px;transition:all 0.2s ease;}#chat-settings-panel.hidden{display:none;}#chat-setting-name,#chat-setting-website{background:rgba(0,0,0,0.3);border:1px solid var(--border-color);color:var(--primary-text);padding:4px 8px;border-radius:4px;font-family:inherit;font-size:0.85rem;min-width:0;}#chat-setting-name{flex-grow:1;}#chat-setting-website{width:120px;}#chat-setting-name::placeholder,#chat-setting-website::placeholder,#chat-text::placeholder{color:rgba(176,196,222,0.5);}#chat-typing-indicator{position:absolute;top:-26px;left:42px;font-size:0.75rem;color:var(--secondary-text);font-style:italic;background:rgba(13,17,38,0.95);border:1px solid var(--border-color);padding:2px 8px;border-radius:6px;opacity:0;transition:opacity 0.2s,transform 0.2s;pointer-events:none;white-space:nowrap;transform:translateY(4px);box-shadow:0 4px 10px rgba(0,0,0,0.5);}#chat-typing-indicator.visible{opacity:1;transform:translateY(0);}#chat-input-area{display:flex;gap:6px;height:36px;width:100%;box-sizing:border-box;position:relative;}#chat-emoji-btn{width:36px;height:36px;flex-shrink:0;background:rgba(0,0,0,0.4);border:1px solid var(--border-color);color:var(--primary-text);border-radius:6px;cursor:pointer;transition:all 0.2s;display:flex;align-items:center;justify-content:center;}#chat-emoji-btn:hover{background:rgba(137,221,255,0.1);}#chat-emoji-panel{position:absolute;bottom:42px;left:0;background:rgba(15,19,45,0.95);border:1px solid var(--border-color);border-radius:6px;padding:6px;display:none;gap:4px;z-index:20;box-shadow:0 4px 10px rgba(0,0,0,0.5);grid-template-columns:repeat(6,1fr);width:max-content;max-height:150px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--primary-text) transparent;}#chat-emoji-panel.show{display:grid;}#chat-emoji-panel button{background:none;border:none;font-size:1.1rem;cursor:pointer;transition:transform 0.1s;padding:2px;display:flex;justify-content:center;align-items:center;}#chat-emoji-panel button:hover{transform:scale(1.2);}.inline-emoji{width:16px;height:16px;vertical-align:middle;display:inline-block;image-rendering:pixelated;border-radius:2px;}#chat-text{flex-grow:1;min-width:0;background:rgba(0,0,0,0.3);border:1px solid var(--border-color);color:var(--primary-text);padding:8px 10px;border-radius:6px;font-family:inherit;font-size:0.9rem;height:36px;box-sizing:border-box;outline:none;overflow-x:auto;overflow-y:hidden;white-space:nowrap;line-height:18px;cursor:text;scrollbar-width:none;}#chat-text::-webkit-scrollbar{display:none;}#chat-text[data-placeholder]:empty::before{content:attr(data-placeholder);color:rgba(176,196,222,0.5);pointer-events:none;display:block;}.input-error[data-placeholder]:empty::before{color:#ff5555 !important;opacity:0.9;}#chat-submit{height:36px;flex-shrink:0;padding:0 10px;}@keyframes shake-input{0%,100%{transform:translateX(0);}25%{transform:translateX(-4px);}50%{transform:translateX(4px);}75%{transform:translateX(-4px);}}.input-error{animation:shake-input 0.3s ease-in-out;border-color:#ff5555 !important;box-shadow:0 0 8px rgba(255,85,85,0.4);}.cmd-option:hover{background:rgba(137,221,255,0.15) !important;}#chat-settings-btn{transition:transform 0.2s,color 0.2s;display:flex;align-items:center;justify-content:center;}#chat-settings-btn:hover{color:var(--highlight-color) !important;transform:rotate(45deg);}.chat-msg{position:relative;padding:4px;margin:0 -4px;border-radius:4px;text-align:left;font-size:0.85rem;word-break:break-word;line-height:1.3;transition:background-color 0.1s;}.chat-msg:hover .chat-msg-actions{display:flex;}.chat-msg-actions{display:none;position:absolute;right:8px;top:-14px;background:rgba(15,19,45,0.98);border:1px solid var(--border-color);border-radius:6px;gap:2px;padding:1px 4px;z-index:10;box-shadow:0 4px 8px rgba(0,0,0,0.5);align-items:center;}.chat-msg-exact-time{font-size:0.6rem;color:var(--secondary-text);padding-right:4px;margin-right:2px;border-right:1px solid rgba(137,221,255,0.2);white-space:nowrap;opacity:0.8;}.chat-msg-actions button{background:none;border:none;color:var(--secondary-text);cursor:pointer;font-size:0.75rem;padding:2px 4px;transition:color 0.2s;}.chat-msg-actions button:hover{color:var(--highlight-color);}.chat-reactions{display:flex;gap:4px;margin-top:4px;flex-wrap:wrap;}.chat-reaction{background:rgba(0,0,0,0.4);border:1px solid var(--border-color);border-radius:4px;padding:2px 6px;font-size:0.75rem;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all 0.2s ease;}.chat-reaction:hover{border-color:var(--primary-text);}.chat-reaction.reacted{background:rgba(137,221,255,0.2);border-color:var(--primary-text);color:var(--primary-text);}.chat-reaction img{width:14px;height:14px;image-rendering:pixelated;object-fit:cover;border-radius:2px;}.chat-reply-ref{border-left:2px solid var(--highlight-color);padding-left:6px;margin-bottom:4px;font-size:0.75rem;color:var(--secondary-text);opacity:0.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}#chat-replying-indicator{display:none;justify-content:space-between;align-items:center;background:rgba(0,0,0,0.4);border:1px solid var(--border-color);border-left:3px solid var(--highlight-color);border-radius:4px;padding:4px 8px;font-size:0.75rem;color:var(--secondary-text);margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}#chat-replying-indicator strong{color:var(--primary-text);margin-right:4px;}#reaction-picker{position:fixed;background:rgba(15,19,45,0.95);border:1px solid var(--primary-text);border-radius:6px;padding:4px 6px;display:none;gap:4px;z-index:10000;box-shadow:0 4px 10px rgba(0,0,0,0.5);align-items:center;}#reaction-picker button{background:none;border:none;font-size:1.1rem;cursor:pointer;transition:transform 0.1s;padding:2px;display:flex;align-items:center;justify-content:center;}#reaction-picker button:hover{transform:scale(1.2);}.custom-gif-btn{font-size:0.75rem !important;background:rgba(137,221,255,0.1) !important;border:1px solid var(--primary-text) !important;color:var(--primary-text) !important;border-radius:4px;padding:4px 6px;font-family:var(--font-stack);}.update-item{border-bottom:1px solid var(--border-color);padding-bottom:10px;margin-bottom:10px;transition:all 0.3s ease;padding:5px;}.update-item:hover{background-color:rgba(137,221,255,0.05);border-radius:4px;}.update-item:last-child{border-bottom:none;}.update-date{font-weight:bold;color:var(--primary-text);}.scrollable-content{max-height:250px;overflow-y:auto;overscroll-behavior:contain;transition:box-shadow 0.2s ease;}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;text-align:center;}.stat-item{background:rgba(0,0,0,0.3);border:1px solid var(--border-color);padding:6px;border-radius:4px;transition:all 0.2s ease;display:flex;flex-direction:column;justify-content:center;min-height:48px;}.stat-item:hover{transform:scale(1.05);background-color:rgba(137,221,255,0.08);border-radius:6px;box-shadow:0 0 8px rgba(137,221,255,0.25);}.stat-item .stat-value{font-size:1.1rem;color:var(--primary-text);font-weight:bold;display:inline-block;transition:transform 0.1s cubic-bezier(0.175,0.885,0.32,1.275),color 0.1s;will-change:transform;}.stat-item .stat-label{font-size:0.75rem;color:var(--secondary-text);margin-top:2px;}@keyframes stat-pop{0%{transform:scale(0.85);background-color:rgba(255,105,180,0.25);box-shadow:0 0 15px rgba(255,105,180,0.5);border-radius:8px;}50%{transform:scale(1.08);background-color:rgba(137,221,255,0.1);border-radius:8px;}100%{transform:scale(1);background-color:transparent;box-shadow:none;border-radius:8px;}}.stat-click-anim{animation:stat-pop 0.3s cubic-bezier(0.175,0.885,0.32,1.275);}.floating-plus-one{position:fixed;font-family:var(--font-stack);font-size:1.5rem;font-weight:bold;pointer-events:none;z-index:99999;animation:satisfying-pop 0.8s cubic-bezier(0.2,0.8,0.2,1) forwards;will-change:transform,opacity;}@keyframes satisfying-pop{0%{transform:translate(0,0) scale(0) rotate(0deg);opacity:1;}20%{transform:translate(calc(var(--tx) * 0.5),calc(var(--ty) * 0.6)) scale(calc(var(--scale) * 1.3)) rotate(calc(var(--rot) * 0.5));opacity:1;}100%{transform:translate(var(--tx),var(--ty)) scale(var(--scale)) rotate(var(--rot));opacity:0;filter:blur(2px);}}.featured-things-container{display:flex;gap:8px;justify-content:space-around;flex-wrap:wrap;}.featured-item{text-align:center;flex:1;min-width:150px;background:rgba(0,0,0,0.2);padding:8px;border:1px solid var(--border-color);border-radius:8px;}.featured-item h3{color:var(--primary-text);margin:0 0 5px 0;font-size:1.1rem;}.featured-item img{width:100%;aspect-ratio:4 / 4;object-fit:cover;border:1px solid var(--border-color);margin-bottom:5px;image-rendering:pixelated;transition:all 0.3s ease;border-radius:4px;}.featured-item p{font-size:0.85rem;margin:5px 0;line-height:1.2;}.featured-item:hover img{border-color:var(--primary-text);}.featured-sites-horizontal{margin-top:15px;padding-top:15px;border-top:1px dashed var(--border-color);}.featured-sites-horizontal h4{color:var(--primary-text);margin:0 0 10px 0;text-align:center;font-size:1rem;}.sites-strip{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;}.site-pill{display:inline-block;text-decoration:none;transition:all 0.2s ease;position:relative;}.site-pill>img{display:block;width:88px;height:31px;border:1px solid var(--border-color);border-radius:4px;object-fit:cover;image-rendering:pixelated;transition:all 0.2s ease;}.site-pill:hover>img{border-color:var(--primary-text);box-shadow:0 0 10px rgba(137,221,255,0.4);}.site-pill:hover{transform:translateY(-2px);z-index:20;}.site-pill.special-glow-pill{position:relative;display:inline-block;border-radius:4px;}.site-pill.special-glow-pill>img{border-color:rgba(186,85,211,0.8);display:block;box-shadow:0 0 8px rgba(186,85,211,0.5);}.site-pill.special-glow-pill::after{content:'';position:absolute;top:0;left:0;width:88px;height:31px;border-radius:4px;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,0.4) 35%,rgba(255,255,255,0.8) 45%,rgba(255,255,255,0.4) 55%,transparent 70%);background-size:250% 100%;animation:mc-enchant 3s infinite linear;pointer-events:none;z-index:2;}@keyframes mc-enchant{0%{background-position:200% 0;}100%{background-position:-100% 0;}}.deco-ribbon{position:absolute;top:-20px;left:-20px;width:90px;z-index:25;pointer-events:none;--rot:-15deg;transform:rotate(var(--rot));filter:drop-shadow(2px 4px 6px rgba(0,0,0,0.6));}.deco-fan{position:absolute;top:-25px;right:-25px;width:100px;z-index:25;pointer-events:none;--rot:15deg;transform:rotate(var(--rot));filter:drop-shadow(-2px 4px 6px rgba(0,0,0,0.6));}.deco-piano{position:absolute;bottom:-20px;left:-30px;width:130px;z-index:25;pointer-events:none;--rot:-8deg;transform:rotate(var(--rot));filter:drop-shadow(-2px 4px 6px rgba(0,0,0,0.6));transition:opacity 0.3s ease;}.deco-sheet{position:absolute;bottom:-20px;right:-20px;width:80px;z-index:25;pointer-events:none;--rot:10deg;transform:rotate(var(--rot));filter:drop-shadow(2px 2px 5px rgba(0,0,0,0.6));}.deco-ursa{position:absolute;top:-35px;right:-25px;width:120px;z-index:25;pointer-events:none;--rot:12deg;transform:rotate(var(--rot));filter:drop-shadow(2px 4px 6px rgba(0,0,0,0.6));}.site-preview-tooltip{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translateX(-50%) translateY(10px);width:320px;height:210px;background:rgba(15,19,45,0.98);border:1px solid var(--highlight-color);border-radius:8px;box-shadow:0 8px 25px rgba(0,0,0,0.6),0 0 15px rgba(255,105,180,0.2);opacity:0;visibility:hidden;transition:all 0.3s var(--ease-out-back);pointer-events:none;overflow:hidden;z-index:100;display:flex;flex-direction:column;}.site-pill:hover .site-preview-tooltip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}.site-preview-header{display:flex;align-items:center;gap:8px;padding:6px 12px;background:rgba(137,221,255,0.15);border-bottom:1px solid var(--highlight-color);color:var(--primary-text);font-size:0.9rem;font-weight:bold;}.site-preview-header img{width:14px;height:14px;border-radius:2px;}.site-preview-header span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1;}.site-preview-body{position:relative;flex-grow:1;width:100%;overflow:hidden;}.site-preview-body iframe{position:absolute;top:0;left:0;width:1920px;height:1080px;transform:scale(0.1666667);transform-origin:top left;border:none;pointer-events:none;background:#fff;}@keyframes skeleton-shimmer{0%{background-position:-200% 0;}100%{background-position:200% 0;}}.preview-skeleton-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,19,45,0.8) 25%,rgba(137,221,255,0.15) 50%,rgba(15,19,45,0.8) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite linear;z-index:5;}.preview-skeleton-text{display:inline-block;width:100px;height:12px;border-radius:4px;background:linear-gradient(90deg,rgba(255,255,255,0.1) 25%,rgba(255,255,255,0.25) 50%,rgba(255,255,255,0.1) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite linear;vertical-align:middle;}body.previews-disabled .site-preview-tooltip,body.previews-disabled #scroll-progress-bar{display:none !important;}.custom-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,0.7);backdrop-filter:blur(2px);z-index:999999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all 0.3s ease;}.custom-modal-overlay.show{opacity:1;visibility:visible;}.custom-modal-content{width:360px;max-width:90%;transform:translateY(20px);transition:transform 0.3s var(--ease-out-back);}.custom-modal-overlay.show .custom-modal-content{transform:translateY(0);}.shortcuts-grid{display:flex;flex-direction:column;gap:10px;margin-top:15px;}.shortcut-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px dashed rgba(137,221,255,0.2);padding-bottom:8px;}.shortcut-row:last-child{border-bottom:none;padding-bottom:0;}.shortcut-keys{display:flex;gap:6px;align-items:center;}.shortcut-keys kbd{background:linear-gradient(to bottom,rgba(137,221,255,0.15),rgba(137,221,255,0.02));border:1px solid var(--border-color);padding:3px 8px;border-radius:4px;color:var(--primary-text);font-family:monospace;font-size:0.85rem;box-shadow:0 2px 0 var(--background-color),0 2px 0 1px var(--border-color),0 4px 6px rgba(0,0,0,0.4),inset 0 1px 0 rgba(255,255,255,0.1);text-shadow:1px 1px 2px rgba(0,0,0,0.8);display:inline-block;min-width:24px;text-align:center;transform:translateY(0);}.shortcut-row span{color:var(--secondary-text);font-size:0.95rem;}.presence-popup{position:fixed;bottom:25px;right:25px;width:280px;max-width:calc(100vw - 40px);z-index:9999999;transform:translateY(120%);opacity:0;visibility:hidden;transition:all 0.5s var(--ease-out-back);box-shadow:0 8px 25px rgba(0,0,0,0.8),0 0 15px rgba(137,221,255,0.15);background:rgba(15,19,45,0.98);}.presence-popup.show{transform:translateY(0);opacity:1;visibility:visible;}.art-credit{font-size:0.8rem;opacity:0.7;margin-top:5px;display:block;}.art-credit a{color:var(--secondary-text);text-decoration:none;}.art-credit a:hover{color:var(--highlight-color);}.featured-game-image{width:100%;aspect-ratio:16 / 9;object-fit:cover;object-position:center;border:1px solid var(--border-color);margin-bottom:8px;border-radius:4px;}.featured-game-nav{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding-top:8px;border-top:1px solid var(--border-color);}#game-nav-indicator{font-size:0.85rem;color:var(--primary-text);}.footer-credits{text-align:center;color:#fff;font-size:0.9rem;padding:20px 0;text-shadow:1px 1px 2px #000;}.footer-settings-toggles{margin-top:8px;display:flex;justify-content:center;gap:15px;flex-wrap:wrap;}.setting-toggle-btn{background:transparent;border:none;color:var(--secondary-text);font-family:var(--font-stack);font-size:0.85rem;cursor:pointer;transition:all 0.2s;padding:0;text-shadow:1px 1px 2px #000;}.setting-toggle-btn:hover{color:var(--primary-text);text-shadow:0 0 5px var(--primary-text);}.setting-toggle-btn.setting-on{color:#2ecc71;}.setting-toggle-btn.setting-on:hover{color:#2ecc71;text-shadow:0 0 5px #2ecc71;}.setting-toggle-btn.immersive-floating{position:fixed;bottom:25px;right:25px;color:var(--highlight-color);font-size:0.9rem;z-index:999999;text-shadow:1px 1px 2px #000,0 0 8px rgba(255,105,180,0.6);background:transparent;border:none;padding:0;box-shadow:none;}.setting-toggle-btn.immersive-floating:hover{color:var(--highlight-color);transform:scale(1.05);text-shadow:1px 1px 2px #000,0 0 12px rgba(255,105,180,1);background:transparent;}footer{position:fixed;bottom:0;left:0;width:100%;background:rgba(13,17,38,0.95);border-top:1px solid var(--border-color);z-index:20;transition:transform 0.4s ease-out;}.footer-content{white-space:nowrap;padding:4px 0;overflow:hidden;display:flex;align-items:center;position:relative;}.footer-site-controls{position:absolute;right:0;top:0;bottom:0;display:flex;align-items:center;gap:8px;padding:0 15px 0 40px;background:linear-gradient(90deg,transparent 0%,rgba(13,17,38,0.95) 35%,rgba(13,17,38,1) 100%);z-index:5;}.site-control-btn.minimal-btn{width:28px;height:28px;background:transparent !important;border:none !important;color:var(--secondary-text) !important;box-shadow:none !important;border-radius:4px;font-size:1rem;display:flex;align-items:center;justify-content:center;padding:0;}.site-control-btn.minimal-btn:hover{color:var(--primary-text) !important;background:rgba(137,221,255,0.1) !important;}.site-control-btn.minimal-btn.off{opacity:0.4 !important;filter:none !important;}#button-wall-scroller{display:inline-flex;gap:4px;align-items:center;animation:scroll-left 40s linear infinite;height:22px;}#button-wall-scroller a{transition:all 0.3s ease;display:flex;align-items:center;height:100%;}#button-wall-scroller a:hover{transform:translateY(-2px) scale(1.05);}#button-wall-scroller img{height:22px;width:auto;image-rendering:pixelated;display:block;}#footer-handle{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:rgba(13,17,38,0.95);border:1px solid var(--border-color);border-bottom:none;border-radius:8px 8px 0 0;padding:0px 15px;color:var(--primary-text);transition:all 0.3s ease;cursor:pointer;}#footer-handle:hover{color:var(--highlight-color);padding-bottom:5px;}#footer-handle i{transition:transform 0.3s ease-out;}footer.footer-hidden{transform:translateY(100%);}footer.footer-hidden #footer-handle i{transform:rotate(180deg);}#music-player{position:fixed;bottom:70px;left:20px;z-index:30;display:flex;align-items:stretch;transition:transform 0.5s var(--ease-out-back);border-radius:8px;border:1px solid var(--border-color);box-shadow:0 4px 20px rgba(0,0,0,0.5);overflow:visible;}#music-player.player-hidden{transform:translateX(calc(-100% + 42px));}#audio-player{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:0;transition:opacity 0.4s ease;pointer-events:none;border-radius:inherit;}#audio-player.show-video{opacity:1;}.playlist-song-art-wrapper{position:relative;width:40px;height:40px;flex-shrink:0;}.playlist-song-art-wrapper img{width:100%;height:100%;border-radius:4px;display:block;}.playlist-video-icon{position:absolute;bottom:-4px;right:-4px;background:rgba(13,17,38,0.9);color:var(--primary-text);border-radius:4px;padding:2px;font-size:0.65rem;display:flex;align-items:center;justify-content:center;box-shadow:0 0 5px rgba(0,0,0,0.8);border:1px solid var(--border-color);}.player-body{position:relative;padding:8px;width:auto;display:flex;gap:10px;align-items:center;overflow:hidden;border-radius:8px 0 0 8px;}.player-body::before{content:'';position:absolute;inset:0;z-index:-1;background:rgba(13,17,38,0.75);border-radius:inherit;}#player-album-bg{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;filter:blur(15px) brightness(0.8);z-index:-3;transition:background-image 0.5s ease-in-out,opacity 0.4s ease;transform:scale(1.15);}.album-art-container{position:relative;flex-shrink:0;width:40px;height:40px;z-index:1;}#album-art{height:100%;width:100%;border-radius:50%;object-fit:cover;box-shadow:0 0 8px rgba(0,0,0,0.6);}#playlist-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,0.5);color:white;border:none;border-radius:50%;width:24px;height:24px;font-size:0.8rem;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.2s ease,transform 0.2s ease;cursor:pointer;}.album-art-container:hover #playlist-btn{opacity:1;transform:translate(-50%,-50%) scale(1.1);}#playlist-btn.reveal{opacity:1 !important;transform:translate(-50%,-50%) scale(1.12) !important;box-shadow:0 6px 18px rgba(137,221,255,0.18);}#playlist-btn.attention-glow{opacity:1 !important;transform:translate(-50%,-50%) scale(1.1) !important;animation:playlist-attention 1.2s infinite alternate ease-in-out;}@keyframes playlist-attention{from{box-shadow:0 0 8px rgba(137,221,255,0.6);background:rgba(0,0,0,0.6);color:var(--primary-text);}to{box-shadow:0 0 20px rgba(255,105,180,0.8);background:rgba(0,0,0,0.8);color:var(--highlight-color);}}.player-info-and-controls{display:flex;flex-direction:column;gap:2px;width:200px;position:relative;z-index:1;}.song-info{display:flex;align-items:baseline;gap:5px;white-space:nowrap;overflow:hidden;}#song-title{font-size:0.9rem;font-weight:bold;color:var(--primary-text);text-overflow:ellipsis;overflow:hidden;text-shadow:1px 1px 3px rgba(0,0,0,0.9);}#song-artist{font-size:0.8rem;color:var(--secondary-text);text-overflow:ellipsis;overflow:hidden;flex-shrink:1;text-shadow:1px 1px 3px rgba(0,0,0,0.9);}.timeline-container{display:flex;align-items:center;gap:8px;width:100%;}.time-display{font-size:0.7rem;color:var(--secondary-text);min-width:35px;text-align:center;text-shadow:1px 1px 3px rgba(0,0,0,0.9);}#player-toggle-btn{background:rgba(15,19,45,0.96);border:none;border-left:1px solid var(--border-color);width:42px;color:var(--primary-text);font-size:1.2rem;border-radius:0 8px 8px 0;position:relative;z-index:3;overflow:hidden;transition:box-shadow 0.18s ease,color 0.12s ease;cursor:pointer;display:flex;align-items:center;justify-content:center;}#player-toggle-btn svg{position:relative;z-index:2;display:inline-block;transition:transform 0.18s cubic-bezier(.2,.9,.2,1);will-change:transform;}#player-toggle-btn:hover{color:var(--highlight-color);}#player-toggle-btn:hover svg{transform:translateY(-3px) scale(1.06) rotate(-8deg);}#player-toggle-btn:active svg{transform:translateY(0) scale(0.98) rotate(0deg);}.toggled-glow{color:var(--highlight-color) !important;text-shadow:0 0 8px var(--highlight-color);}.toggled-glow-blue{color:var(--primary-text) !important;text-shadow:0 0 8px var(--primary-text);}.player-controls{display:flex;justify-content:space-between;align-items:center;position:relative;}.player-controls button{background:none;border:none;color:var(--secondary-text);transition:transform 0.2s ease,color 0.2s ease,text-shadow 0.2s ease,filter 0.2s ease;cursor:pointer;filter:drop-shadow(1px 1px 2px rgba(0,0,0,0.8));}.player-controls button:hover{color:var(--primary-text);transform:scale(1.15);text-shadow:0 0 5px var(--primary-text);}.volume-control-wrapper{position:relative;display:flex;align-items:center;gap:8px;}#volume-slider-input{width:0;transition:width 0.3s ease-out,opacity 0.3s ease-out;opacity:0;pointer-events:none;flex-shrink:0;}.volume-control-wrapper:hover #volume-slider-input{width:50px;opacity:1;pointer-events:auto;}input[type=range]{-webkit-appearance:none;background:transparent;width:100%;margin:0;padding:0;cursor:pointer;}input[type=range]::-webkit-slider-runnable-track{height:3px;background:rgba(255,255,255,0.2);border-radius:2px;}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:12px;width:12px;border-radius:50%;background:var(--primary-text);margin-top:-4.5px;box-shadow:0 0 5px rgba(0,0,0,0.5);}#song-notification-toast{position:absolute;left:100%;bottom:0;margin-left:10px;display:flex;align-items:center;gap:10px;background:rgba(15,19,45,0.96);border:1px solid var(--border-color);padding:8px 12px;border-radius:8px;width:250px;opacity:0;transform:translateY(20px);visibility:hidden;transition:opacity 0.4s ease,transform 0.4s var(--ease-out-back),visibility 0.4s;pointer-events:none;box-shadow:0 4px 15px rgba(0,0,0,0.3);}#song-notification-toast.show{opacity:1;transform:translateY(0);visibility:visible;}#toast-album-art{width:30px;height:30px;border-radius:4px;}#toast-song-title{font-size:0.9rem;color:var(--primary-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}#playlist-modal{position:absolute;bottom:110%;left:0;z-index:50;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity 0.4s ease,transform 0.4s var(--ease-out-back),visibility 0.4s;pointer-events:none;}#playlist-modal.show{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;}.modal-content{position:relative;border:1px solid var(--border-color);border-radius:8px;width:280px;max-height:65vh;display:flex;flex-direction:column;box-shadow:0 8px 25px rgba(0,0,0,0.5);background:rgba(15,19,45,0.96);overflow:hidden;}.modal-header{padding:10px 15px;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:10px;align-items:stretch;}.modal-header-top{display:flex;justify-content:space-between;align-items:center;}.modal-header h3{margin:0;font-size:1.2rem;color:var(--primary-text);}#playlist-search{width:100%;background:rgba(0,0,0,0.3);border:1px solid var(--border-color);color:var(--primary-text);padding:5px 8px;font-family:var(--font-stack);border-radius:4px;}#playlist-search:focus{outline:none;border-color:var(--primary-text);}.modal-close-btn{background:none;border:none;font-size:1.5rem;color:var(--secondary-text);cursor:pointer;}.playlist-action-btn{background:none;border:none;color:var(--secondary-text);cursor:pointer;transition:transform 0.2s ease,color 0.2s ease,text-shadow 0.2s ease,filter 0.2s ease;padding:0;display:flex;align-items:center;justify-content:center;font-size:1.1rem;filter:drop-shadow(1px 1px 2px rgba(0,0,0,0.8));}.playlist-action-btn:hover{color:var(--primary-text);transform:scale(1.15);text-shadow:0 0 5px var(--primary-text);}#playlist-container{padding:0;overflow-y:auto;flex-grow:1;height:300px;min-height:0;overscroll-behavior:contain;transition:box-shadow 0.2s ease;}.playlist-song{position:relative;display:flex;align-items:center;gap:10px;padding:8px;border-radius:0;transition:background-color 0.2s;border-bottom:1px solid rgba(137,221,255,0.1);overflow:hidden;cursor:pointer;}.playlist-song .song-blur-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;filter:blur(4px) brightness(0.4);z-index:-1;transition:background-image 0.3s ease;}.playlist-song-content{z-index:1;display:flex;align-items:center;gap:10px;width:100%;}.playlist-song:last-child{border-bottom:none;}.playlist-song:hover{background-color:rgba(137,221,255,0.1);}.playlist-song.playing{background-color:rgba(137,221,255,0.2);border-left:2px solid var(--primary-text);padding-left:6px;}.playlist-song.queued{background-color:rgba(255,105,180,0.15);border-right:2px solid var(--highlight-color);}.playlist-song-title{font-size:1rem;color:var(--primary-text);}.playlist-song-artist{font-size:0.9rem;color:var(--secondary-text);}.playlist-song.unmatched{opacity:0.35;filter:grayscale(0.8);}.playlist-queue-btn{opacity:0;padding:4px 6px;display:flex;align-items:center;justify-content:center;}.playlist-queue-status{margin-left:auto;margin-right:4px;display:flex;align-items:center;gap:8px;}.playlist-queue-btn.standalone{margin-left:auto;margin-right:4px;}.playlist-song:hover .playlist-queue-btn,.playlist-song.queued .playlist-queue-btn{opacity:1;}.glow-top{box-shadow:inset 0 20px 20px -20px rgba(255,255,255,0.7) !important;}.glow-bottom{box-shadow:inset 0 -20px 20px -20px rgba(255,255,255,0.7) !important;}@keyframes float{from{transform:translateY(0px) translateX(0px) rotate(0deg);}to{transform:translateY(30px) translateX(-20px) rotate(5deg);}}@keyframes scroll-left{from{transform:translateX(0);}to{transform:translateX(-50%);}}.splash-text{position:absolute;right:-32px;top:calc(100% - 16px);font-size:1rem;color:#ffff00;font-weight:bold;text-shadow:2px 2px 0px rgba(0,0,0,0.5),-1px -1px 0px rgba(255,255,255,0.3);transform:rotate(-15deg);font-family:var(--font-stack);white-space:nowrap;pointer-events:auto;cursor:pointer;animation:splash-pop-in 0.8s cubic-bezier(0.34,1.56,0.64,1) forwards;letter-spacing:1px;user-select:none;transition:transform 0.12s ease;z-index:60;}.splash-text:hover{transform:rotate(-15deg) scale(1.08);}.splash-text:active{transform:rotate(-15deg) scale(0.96);}@keyframes splash-pop-in{0%{transform:rotate(-15deg) scale(0) translateY(18px);opacity:0;}50%{transform:rotate(-15deg) scale(1.12) translateY(-4px);}100%{transform:rotate(-15deg) scale(1) translateY(0);opacity:1;}}@keyframes splash-wiggle{0%,100%{transform:rotate(-15deg);}25%{transform:rotate(-18deg);}75%{transform:rotate(-12deg);}}@keyframes logo-float{0%,100%{transform:translateY(0);}50%{transform:translateY(-3px);}}@media (max-width:900px){body{font-size:16px;padding:12px;padding-bottom:120px;}.site-wrapper{max-width:100%;margin:0;padding:20px 8px 120px 8px;display:flex;flex-direction:column;}header{position:relative;top:0;left:0;width:100%;margin-bottom:20px;height:60px;border-radius:8px;}.sidebar-left,.main-content,.sidebar-right{width:100%;margin-bottom:20px;}.header-logo-breakout{display:none;}.header-main-bar{padding:0 12px;}.header-title-area{padding-left:20px;text-align:center;flex-grow:1;}.header-nav{gap:5px;flex-wrap:wrap;justify-content:center;}.header-clock{display:none;}.splash-text{display:none;}#music-player{position:fixed;left:8px;right:8px;bottom:70px;width:auto;border-radius:10px;z-index:10050;}#music-player .player-body{display:flex;gap:8px;align-items:center;}#album-art{width:48px;height:48px;}.player-controls button{min-width:44px;min-height:44px;}.player-info-and-controls{width:100%;flex-grow:1;}#playlist-modal{position:fixed;bottom:auto;top:50%;left:50%;transform:translate(-50%,-50%) scale(0.95);}#playlist-modal.show{transform:translate(-50%,-50%) scale(1);}}@media (max-width:720px){video#background-video{display:none !important;}body{background-attachment:scroll;}#preloader .loader{width:72px;height:72px;}#audio-visualizer{display:none;}}.webring-container{display:flex;flex-direction:column;align-items:center;gap:10px;}.webring-nav-buttons{display:flex;justify-content:center;gap:15px;margin-top:15px;}.webrings-slider{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:0;scroll-behavior:smooth;}.webrings-slider::-webkit-scrollbar{display:none;}.webring-slide{flex:0 0 100%;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;justify-content:center;}.webring-progress-track{width:100%;height:8px;background:rgba(0,0,0,0.5);border-radius:4px;border:1px solid var(--border-color);margin-top:15px;position:relative;cursor:pointer;overflow:hidden;box-shadow:inset 0 1px 3px rgba(0,0,0,0.8);display:none !important;}.webring-progress-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#1c3d5a,var(--primary-text));pointer-events:none;border-radius:3px;box-shadow:0 0 8px rgba(137,221,255,0.4);width:0%;}#audio-visualizer{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:0;opacity:0;pointer-events:none;filter:drop-shadow(0 0 6px rgba(255,105,180,0.4));}#audio-visualizer.visualizer-visible{opacity:0.6;transform:translateY(0) scale(1);transition:opacity 360ms cubic-bezier(.2,.9,.2,1),transform 360ms cubic-bezier(.2,.9,.2,1);}#audio-visualizer.visualizer-hidden{opacity:0;transform:translateY(6px) scale(0.985);transition:opacity 360ms cubic-bezier(.2,.9,.2,1),transform 360ms cubic-bezier(.2,.9,.2,1);}#mini-visualizer{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:0;pointer-events:none;filter:drop-shadow(0 0 4px rgba(255,105,180,0.5));transition:opacity 360ms cubic-bezier(.2,.9,.2,1);}#music-player.player-hidden #mini-visualizer.visualizer-visible{opacity:0.8;}.buffering-indicator{position:absolute;inset:0;z-index:1;opacity:0;transition:opacity 0.3s;pointer-events:none;}.buffering-indicator::before{content:'';position:absolute;inset:-4px;background-size:200% 200%;background-image:linear-gradient(90deg,#ff00ff,#00ffff,#ff00ff);filter:blur(10px);z-index:-1;animation:gradient-glow-animation 4s linear infinite;}#music-player.buffering .buffering-indicator{opacity:1;}@keyframes gradient-glow-animation{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}.album-art-container img#album-art{transition:transform 420ms cubic-bezier(.2,.9,.2,1);transform-origin:50% 50%;}.album-art-container img#album-art.spinning{animation:art-spin 4s linear infinite;}.album-art-container img#album-art.return-rotation{transform:rotate(0deg) !important;transition:transform 420ms cubic-bezier(.2,.9,.2,1);}@keyframes art-spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}footer.suppress-pop{transition:none !important;}footer.suppress-pop .footer-content,footer.suppress-pop #button-wall-scroller{transition:none !important;animation:none !important;}.cursor-trail-particle{position:fixed;pointer-events:none;z-index:9999999;font-family:var(--font-stack);font-size:16px;text-shadow:0 0 5px currentColor;animation:cursor-sparkle 0.8s cubic-bezier(0.25,1,0.5,1) forwards;will-change:transform,opacity;}@keyframes cursor-sparkle{0%{opacity:0.9;transform:translate(-50%,-50%) scale(1) rotate(0deg);}100%{opacity:0;transform:translate(calc(-50% + var(--drift,0px)),calc(-50% - 25px)) scale(0.3) rotate(90deg);}}.click-burst-particle{position:fixed;pointer-events:none;z-index:9999999;font-family:var(--font-stack);font-size:14px;text-shadow:0 0 6px currentColor;animation:click-burst-anim 0.6s cubic-bezier(0.25,1,0.5,1) forwards;will-change:transform,opacity;}@keyframes click-burst-anim{0%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0deg);}100%{opacity:0;transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) scale(0.4) rotate(var(--rot));}}#scroll-progress-bar{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--primary-text),var(--highlight-color));width:0%;z-index:9999999;pointer-events:none;transition:width 0.1s ease-out;box-shadow:0 0 10px var(--highlight-color);}#top-android-banner{position:fixed;top:0;left:0;width:100%;background:rgba(13,17,38,0.95);border-bottom:1px solid #3ddc84;color:var(--secondary-text);text-align:center;padding:2px 10px;z-index:99000;font-size:0.75rem;letter-spacing:0.5px;box-shadow:0 2px 10px rgba(0,0,0,0.5);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;gap:6px;}#top-android-banner a{color:#3ddc84;text-decoration:none;font-weight:bold;text-shadow:0 0 5px rgba(61,220,132,0.4);transition:all 0.2s ease;}#top-android-banner a:hover{color:#fff;text-shadow:0 0 8px #3ddc84;}#close-android-banner{position:absolute;right:15px;background:none;border:none;color:var(--secondary-text);font-size:1rem;cursor:pointer;padding:0;line-height:1;transition:color 0.2s;}#close-android-banner:hover{color:#ff5555;}body.banner-dismissed #top-android-banner{display:none !important;}@media (max-width:900px){.site-wrapper{padding-top:30px !important;}body.banner-dismissed .site-wrapper{padding-top:15px !important;}}#back-to-top-btn{position:fixed;bottom:90px;right:25px;z-index:99999;background:rgba(13,17,38,0.95);border:1px solid var(--border-color);color:var(--primary-text);width:44px;height:44px;border-radius:50%;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(20px);transition:all 0.3s var(--ease-out-back);box-shadow:0 4px 15px rgba(0,0,0,0.5);}#back-to-top-btn.visible{opacity:1;visibility:visible;transform:translateY(0);}#back-to-top-btn:hover{color:var(--highlight-color);border-color:var(--highlight-color);box-shadow:0 0 15px rgba(255,105,180,0.4);transform:translateY(-5px);}#back-to-top-btn:active{transform:translateY(-2px);}.feed-nav{display:flex;gap:10px;margin:-15px -15px 15px -15px;border-bottom:1px solid var(--border-color);background-color:rgba(137,221,255,0.15);border-radius:8px 8px 0 0;padding:0 10px;}.feed-tab-btn{background:transparent;border:none;color:var(--primary-text);font-family:var(--header-font);font-size:1.15rem;padding:8px 15px;cursor:pointer;opacity:0.6;transition:all 0.2s ease;border-bottom:2px solid transparent;margin-bottom:-1px;}.feed-tab-btn:hover{opacity:0.8;}.feed-tab-btn.active{opacity:1;border-bottom:2px solid var(--primary-text);text-shadow:0 0 8px rgba(137,221,255,0.4);}.feed-wrapper{position:relative;}.feed-content{opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.3s ease-out,visibility 0.3s ease-out;}#feed-music.active{opacity:1;visibility:visible;pointer-events:auto;}#feed-blog{position:absolute;inset:0;display:flex;flex-direction:column;}#feed-blog.active{opacity:1;visibility:visible;pointer-events:auto;}.blog-glow-wrapper{position:relative;flex-grow:1;display:flex;flex-direction:column;min-height:0;border-radius:inherit;}.blog-posts-container{flex-grow:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--primary-text) transparent;padding-right:5px;overscroll-behavior:contain;transition:box-shadow 0.2s ease;}.blog-posts-container::-webkit-scrollbar{width:4px;display:block;}.blog-posts-container::-webkit-scrollbar-thumb{background-color:var(--primary-text);border-radius:2px;}.blog-post{background:rgba(0,0,0,0.3);padding:15px;border-radius:8px;border:1px solid var(--border-color);transition:border-color 0.3s,box-shadow 0.3s;margin-bottom:15px;position:relative;overflow:hidden;}.blog-post.collapsed{cursor:pointer;}.blog-post.expanded{cursor:default;}.blog-post:last-child{margin-bottom:0;}.blog-post:hover{border-color:var(--primary-text);box-shadow:0 4px 15px rgba(0,0,0,0.4),inset 0 0 10px rgba(137,221,255,0.05);}.blog-post-title{margin:0 0 5px 0;color:var(--primary-text);font-size:1.2rem;font-family:var(--font-stack);font-weight:bold;word-wrap:break-word;overflow-wrap:break-word;}.blog-post-meta{font-size:0.75rem;color:var(--secondary-text);opacity:0.8;margin-bottom:10px;border-bottom:1px dashed var(--border-color);padding-bottom:5px;}.blog-post-body-wrapper{position:relative;overflow:hidden;transition:max-height 0.3s ease;}.blog-post.collapsed .blog-post-body-wrapper{max-height:70px;-webkit-mask-image:linear-gradient(to bottom,black 30%,transparent 100%);mask-image:linear-gradient(to bottom,black 30%,transparent 100%);pointer-events:none;}.blog-post.expanded .blog-post-body-wrapper{max-height:none;-webkit-mask-image:none;mask-image:none;}.read-more-hint{display:none;color:var(--highlight-color);font-size:0.85rem;text-align:center;margin-top:8px;text-transform:uppercase;font-family:var(--font-stack);pointer-events:none;}.blog-post.collapsed .read-more-hint{display:block;}.blog-post-body{margin:0;font-size:0.95rem;line-height:1.5;color:#fff;word-wrap:break-word;overflow-wrap:break-word;}.blog-post-body a{text-decoration:underline;color:var(--primary-text);word-break:break-all;}.blog-post-body a:hover{color:var(--highlight-color);}.blog-post-body code{background:rgba(0,0,0,0.5);padding:2px 4px;border-radius:4px;font-family:monospace;font-size:0.9em;border:1px solid var(--border-color);white-space:pre-wrap;word-break:break-word;}.blog-post-body pre{background:rgba(0,0,0,0.5);padding:12px;border-radius:6px;border:1px solid var(--border-color);overflow-x:auto;margin:0;}.blog-post-body pre code{background:none;padding:0;border:none;white-space:pre;word-break:normal;font-size:0.85rem;}.code-block-wrapper{position:relative;margin:10px 0;}.copy-code-btn{position:absolute;top:8px;right:8px;background:rgba(13,17,38,0.9);border:1px solid var(--border-color);color:var(--secondary-text);border-radius:4px;padding:4px 6px;font-size:0.9rem;cursor:pointer;opacity:0;transition:all 0.2s;z-index:10;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px rgba(0,0,0,0.5);}.code-block-wrapper:hover .copy-code-btn{opacity:1;}.copy-code-btn:hover{color:var(--primary-text);border-color:var(--primary-text);background:rgba(0,0,0,0.8);transform:translateY(-1px);}.blog-post-body ul,.blog-post-body ol{padding-left:20px;list-style:disc;margin:10px 0;}.blog-post-body p{margin-bottom:10px;word-break:break-word;}.blog-post-body h1,.blog-post-body h2,.blog-post-body h3,.blog-post-body h4{margin:15px 0 10px 0;color:var(--highlight-color);font-family:var(--header-font);font-size:1.1em;word-break:break-word;}.blog-post-body img{max-width:100%;height:auto;border-radius:4px;border:1px solid var(--border-color);}.blog-post-body blockquote{border-left:4px solid var(--highlight-color);margin:10px 0;background:rgba(0,0,0,0.2);padding:10px 10px 10px 15px;border-radius:0 4px 4px 0;font-style:italic;}.blog-post-body table{width:100%;border-collapse:collapse;margin:15px 0;}.blog-post-body th,.blog-post-body td{border:1px solid var(--border-color);padding:8px 12px;}.blog-post-body th{background:rgba(137,221,255,0.1);color:var(--primary-text);font-weight:bold;}.blog-post-body hr{border:none;border-top:2px dashed var(--border-color);margin:20px 0;opacity:0.5;}.blog-post-body mark{background:rgba(255,235,59,0.2);color:#fff;padding:0 4px;border-radius:2px;}.blog-post-body kbd{background:rgba(0,0,0,0.5);border:1px solid var(--border-color);padding:2px 6px;border-radius:4px;font-family:monospace;font-size:0.85em;box-shadow:0 2px 0 var(--border-color);color:var(--primary-text);}.blog-post-body details{background:rgba(0,0,0,0.3);border:1px solid var(--border-color);padding:10px;border-radius:6px;margin:10px 0;}.blog-post-body summary{cursor:pointer;font-weight:bold;color:var(--highlight-color);outline:none;}.blog-post-body input[type="checkbox"]{margin-right:8px;accent-color:var(--highlight-color);}.blog-post-body li{margin-bottom:4px;}