:root{--bg-color:#0f0f0f;--surface-color:#1a1a1a;--surface-hover:#2a2a2a;--text-primary:#fff;--text-secondary:#a0a0a0;--primary:#9146ff;--secondary:#00e701;--accent:#ff4b4b;--glass:#ffffff0d;--glass-border:#ffffff1a;--shadow:0 8px 32px 0 #000c;--nav-height:64px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}.top-nav{height:var(--nav-height);z-index:200;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);background:#0f0f0fd9;justify-content:space-between;align-items:center;padding:0 2rem;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{background:linear-gradient(45deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;white-space:nowrap;-webkit-background-clip:text;background-clip:text;flex-shrink:0;font-size:1.6rem;font-weight:800}.nav-center{flex:1;justify-content:center;align-items:center;gap:.25rem;display:flex}.nav-link{color:var(--text-secondary);border-radius:10px;align-items:center;gap:.5rem;padding:.55rem 1.1rem;font-size:.92rem;font-weight:600;transition:all .2s;display:flex}.nav-link:hover,.nav-link.active{color:var(--text-primary);background:var(--glass)}.nav-link.active{color:var(--primary)}.nav-right{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.nav-search{background:var(--glass);border:1px solid var(--glass-border);border-radius:22px;align-items:center;gap:.5rem;padding:.4rem 1rem;transition:border-color .2s;display:flex}.nav-search:focus-within{border-color:var(--primary)}.nav-search input{color:var(--text-primary);background:0 0;border:none;outline:none;width:180px;font-size:.88rem}.nav-search i{color:var(--text-secondary);font-size:.85rem}.nav-user-chip{border:1px solid var(--glass-border);background:var(--glass);cursor:pointer;border-radius:40px;align-items:center;gap:.6rem;padding:.3rem .8rem .3rem .3rem;transition:border-color .2s;display:flex}.nav-user-chip:hover{border-color:var(--primary)}.nav-user-chip img{border:2px solid var(--primary);object-fit:cover;border-radius:50%;width:32px;height:32px}.nav-user-chip span{text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:.85rem;font-weight:600;overflow:hidden}.app-container{padding-top:var(--nav-height);min-height:100vh}main{max-width:1400px;margin:0 auto;padding:2rem}.btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.4rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{filter:brightness(1.15);transform:translateY(-2px);box-shadow:0 4px 20px #9146ff66}.btn-secondary{background:var(--secondary);color:#000;font-weight:700}.btn-secondary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 4px 15px #00e7014d}.btn-glass{background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);color:var(--text-primary)}.btn-glass:hover{background:var(--glass-border);border-color:var(--primary)}.btn-sm{border-radius:8px;padding:.4rem .9rem;font-size:.8rem}.feed-page{justify-content:center;gap:0;display:flex}.feed-wrapper{width:100%;max-width:1100px;margin:0 auto}.tiktok-item{min-height:calc(100vh - var(--nav-height) - 2rem);box-shadow:var(--shadow);background:#111;border-radius:20px;gap:0;margin-bottom:2rem;display:flex;overflow:hidden}.tiktok-video-col{background:#000;flex:0 0 420px;align-items:stretch;display:flex;position:relative}.tiktok-video-col video{object-fit:cover;width:100%;height:100%;display:block}.video-gradient{pointer-events:none;background:linear-gradient(#0000004d 0%,#0000 30% 55%,#000000d9 100%);position:absolute;inset:0}.platform-badge{z-index:10;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:1rem;left:1rem;box-shadow:0 2px 10px #00000080}.video-bottom-info{z-index:10;padding:1.5rem;position:absolute;bottom:0;left:0;right:0}.video-creator-row{align-items:center;gap:.75rem;margin-bottom:.6rem;display:flex}.video-creator-row img{border:2px solid var(--primary);border-radius:50%;flex-shrink:0;width:38px;height:38px}.video-creator-name{color:#fff;text-shadow:0 1px 4px #000000b3;font-size:.95rem;font-weight:700}.video-title{color:#ffffffe6;text-shadow:0 1px 4px #000000b3;font-size:.9rem;font-weight:500;line-height:1.4}.video-game-tag{color:var(--secondary);align-items:center;gap:.4rem;margin-top:.5rem;font-size:.78rem;font-weight:600;display:inline-flex}.tiktok-panel{background:var(--surface-color);border-left:1px solid var(--glass-border);flex-direction:column;flex:1;min-height:500px;display:flex}.panel-creator-header{border-bottom:1px solid var(--glass-border);align-items:center;gap:1rem;padding:1.5rem;display:flex}.panel-creator-header img{border:2px solid var(--primary);border-radius:50%;flex-shrink:0;width:52px;height:52px}.panel-creator-info{flex:1}.panel-creator-info h3{margin-bottom:.1rem;font-size:1rem;font-weight:700}.panel-creator-info p{color:var(--text-secondary);font-size:.78rem}.panel-stats{border-bottom:1px solid var(--glass-border);gap:0;display:flex}.stat-pill{color:var(--text-secondary);border-right:1px solid var(--glass-border);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:.9rem .5rem;font-size:.78rem;transition:background .2s;display:flex}.stat-pill:last-child{border-right:none}.stat-pill:hover{background:var(--glass)}.stat-pill .stat-val{color:var(--text-primary);margin-bottom:.15rem;font-size:1.1rem;font-weight:800;line-height:1}.panel-actions{border-bottom:1px solid var(--glass-border);gap:.75rem;padding:1rem 1.5rem;display:flex}.action-icon-btn{background:var(--glass);border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;border-radius:10px;align-items:center;gap:.4rem;padding:.55rem 1rem;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.action-icon-btn:hover{border-color:var(--primary);color:var(--primary);background:#9146ff14}.action-icon-btn.liked{color:var(--accent);border-color:var(--accent);background:#ff4b4b14}.comments-area{flex-direction:column;flex:1;gap:.75rem;padding:1rem 1.5rem;display:flex;overflow-y:auto}.comments-area::-webkit-scrollbar{width:4px}.comments-area::-webkit-scrollbar-track{background:0 0}.comments-area::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:4px}.comment-item{align-items:flex-start;gap:.75rem;display:flex}.comment-avatar{border:1px solid var(--glass-border);object-fit:cover;border-radius:50%;flex-shrink:0;width:32px;height:32px}.comment-bubble{background:var(--glass);border:1px solid var(--glass-border);border-radius:12px 12px 12px 4px;flex:1;padding:.55rem .9rem}.comment-username{color:var(--primary);align-items:center;gap:.4rem;margin-bottom:.15rem;font-size:.75rem;font-weight:700;display:flex}.comment-platform-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.comment-text{color:var(--text-primary);font-size:.85rem;line-height:1.4}.comment-time{color:var(--text-secondary);margin-top:.15rem;font-size:.7rem}.no-comments{color:var(--text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:2rem 0;font-size:.85rem;display:flex}.no-comments i{opacity:.3;font-size:2rem}.comment-input-bar{border-top:1px solid var(--glass-border);background:var(--surface-color);align-items:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.comment-input-bar img{border:2px solid var(--primary);border-radius:50%;flex-shrink:0;width:34px;height:34px}.comment-input-wrap{background:var(--glass);border:1px solid var(--glass-border);border-radius:12px;flex:1;padding:.55rem 1rem;transition:border-color .2s}.comment-input-wrap:focus-within{border-color:var(--primary)}.comment-input-wrap textarea{color:var(--text-primary);resize:none;background:0 0;border:none;outline:none;width:100%;min-height:36px;max-height:100px;font-family:inherit;font-size:.85rem;line-height:1.5}.comment-input-wrap textarea::placeholder{color:var(--text-secondary)}.feed-tabs{border-bottom:1px solid var(--glass-border);gap:0;margin-bottom:1.5rem;display:flex}.feed-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-1px;padding:.75rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:700;transition:all .2s}.feed-tab.active{color:var(--text-primary);border-bottom-color:var(--primary)}.feed-tab:hover:not(.active){color:var(--text-primary)}.text-gradient{background:linear-gradient(45deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass-morphism{background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border)}.loader-item{color:var(--primary);justify-content:center;padding:2rem;display:flex}@media (width<=900px){.tiktok-item{flex-direction:column;min-height:auto}.tiktok-video-col{aspect-ratio:9/16;flex:none;max-height:70vh}.tiktok-panel{min-height:400px}.nav-search{display:none}}@media (width<=600px){.top-nav{padding:0 1rem}.nav-center{display:none}main{padding:1rem}.tiktok-video-col{aspect-ratio:9/16;flex:none}}