*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;color:#fff}.app{width:100vw;height:100vh;position:relative}@media (min-width: 769px){body{overflow:hidden}}.three-container{width:100%;height:100%}.typewriter-text{position:fixed;bottom:20px;left:20px;font-family:Courier New,Courier,monospace;font-size:14px;color:#ffffffb3;pointer-events:none}.channel-detail-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.channel-detail{background-color:#111;border:1px solid #333;border-radius:12px;width:90%;max-width:800px;max-height:80vh;overflow:hidden;animation:slideUp .4s ease-out;box-shadow:0 20px 60px #000c}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.close-button{position:absolute;top:20px;right:20px;background:none;border:none;color:#fff;font-size:32px;cursor:pointer;transition:transform .2s;z-index:10;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#ffffff1a}.close-button:hover{transform:scale(1.1);background-color:#fff3}.channel-detail-content{display:flex;height:100%;max-height:80vh}.channel-info{flex:1;padding:40px;display:flex;flex-direction:column;align-items:center;text-align:center;border-right:1px solid #333}.channel-avatar{width:120px;height:120px;border-radius:50%;margin-bottom:20px;box-shadow:0 4px 20px #00000080}.channel-info h2{font-size:28px;margin-bottom:20px;color:#fff}.channel-info p{font-size:16px;line-height:1.6;color:#fffc;max-width:400px}.channel-videos{flex:1;padding:40px;overflow-y:auto}.channel-videos h3{font-size:24px;margin-bottom:20px;color:#fff}.videos-list{display:flex;flex-direction:column;gap:16px}.video-item{padding:12px;background-color:#ffffff0d;border-radius:8px;transition:background-color .2s}.video-item:hover{background-color:#ffffff1a}.video-item a{color:#fff;text-decoration:none;font-size:16px;display:block;margin-bottom:8px}.video-item a:hover{text-decoration:underline}.video-note{font-size:14px;color:#fff9;margin-top:4px;font-style:italic}.channel-videos::-webkit-scrollbar{width:8px}.channel-videos::-webkit-scrollbar-track{background:rgba(255,255,255,.05)}.channel-videos::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:4px}.channel-videos::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}.mobile-container{width:100%;min-height:100vh;background-color:#000;padding:20px;overflow-y:auto}.mobile-title{font-size:28px;text-align:center;margin-bottom:30px;font-weight:600}.mobile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;grid-auto-rows:150px;margin-bottom:40px}.mobile-tile{background-color:#111;border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s;position:relative;display:flex;align-items:center;justify-content:center}.mobile-tile.large{grid-column:span 2;grid-row:span 2}.mobile-tile:hover{transform:scale(1.05);box-shadow:0 10px 30px #ffffff1a}.mobile-tile img{width:80%;height:80%;object-fit:cover;border-radius:50%}.mobile-tile.large img{width:60%;height:60%}.mobile-tile-name{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-size:12px;color:#fffc;padding:0 10px}.mobile-credit{text-align:center;font-family:Courier New,Courier,monospace;font-size:14px;color:#ffffffb3;margin-top:20px;padding-bottom:20px}.mobile-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000f2;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.mobile-modal-content{background-color:#111;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;position:relative}.mobile-modal-close{position:absolute;top:15px;right:15px;background:rgba(255,255,255,.1);border:none;color:#fff;font-size:28px;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10}.mobile-modal-header{padding:30px;text-align:center;border-bottom:1px solid #333}.mobile-modal-header img{width:80px;height:80px;border-radius:50%;margin-bottom:15px}.mobile-modal-header h2{font-size:24px;margin:0}.mobile-modal-body{padding:20px}.mobile-channel-description{font-size:14px;line-height:1.6;color:#fffc;margin-bottom:20px}.mobile-videos h3{font-size:18px;margin-bottom:15px}.mobile-video-item{margin-bottom:15px;padding:10px;background-color:#ffffff0d;border-radius:8px}.mobile-video-item a{color:#fff;text-decoration:none;font-size:14px;display:block}.mobile-video-note{font-size:12px;color:#fff9;margin-top:5px;font-style:italic}@media (max-width: 768px){.channel-detail{width:95%;max-height:90vh}.channel-detail-content{flex-direction:column}.channel-info{border-right:none;border-bottom:1px solid #333;padding:30px 20px}.channel-videos{padding:20px}.channel-avatar{width:80px;height:80px}.channel-info h2{font-size:24px}.channel-info p{font-size:14px}.close-button{top:10px;right:10px;font-size:28px;width:36px;height:36px}}