:root{--pink: #ff2d78;--purple: #a855f7;--blue: #3b82f6;--cyan: #06b6d4;--yellow: #facc15;--dark: #0a0a0a;--card: rgba(255,255,255,.06);--border: rgba(255,255,255,.08);color-scheme:dark;font-family:Poppins,ui-sans-serif,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;min-height:100dvh;background:var(--dark);color:#fafafa;overflow:hidden}::-webkit-scrollbar{width:0;height:0}.app{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;position:relative;max-width:480px;margin:0 auto;background:#000}.top-bar{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(to bottom,rgba(0,0,0,.7),transparent)}.top-bar .logo{font-size:1.3rem;font-weight:800;background:linear-gradient(135deg,var(--pink),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.top-bar .top-actions{display:flex;gap:16px;align-items:center}.top-bar .top-actions button{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:4px}.feed-tabs{position:absolute;top:48px;left:0;right:0;z-index:20;display:flex;justify-content:center;gap:24px;padding:8px}.feed-tabs button{background:none;border:none;color:#ffffff80;font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;position:relative;padding-bottom:4px;transition:color .2s}.feed-tabs button.active{color:#fff}.feed-tabs button.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:24px;height:3px;background:var(--pink);border-radius:2px}.video-feed{flex:1;overflow:hidden;position:relative}.video-card{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .45s ease}.video-card.hidden{pointer-events:none}.video-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;filter:brightness(.55)}.video-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 40%,transparent 60%,rgba(0,0,0,.4) 100%)}.video-info{position:absolute;bottom:80px;left:16px;right:80px;z-index:10}.video-info .username{font-weight:700;font-size:1rem;margin-bottom:4px}.video-info .caption{font-size:.85rem;color:#ffffffd9;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:8px}.video-info .music-tag{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#ffffffb3}.music-icon{display:inline-flex;animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.video-actions{position:absolute;right:12px;bottom:100px;z-index:10;display:flex;flex-direction:column;align-items:center;gap:20px}.video-actions .action-btn{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;color:#fff;cursor:pointer}.action-btn .icon-circle{width:44px;height:44px;border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:transform .15s,background .15s}.action-btn:hover .icon-circle{transform:scale(1.1);background:#fff3}.action-btn.liked .icon-circle{background:#ff2d784d;color:var(--pink)}.action-btn .count{font-size:.7rem;font-weight:600}.avatar{width:44px;height:44px;border-radius:50%;border:2px solid white;overflow:hidden;position:relative;background:linear-gradient(135deg,var(--pink),var(--purple))}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-small{width:36px;height:36px}.follow-badge{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:20px;height:20px;border-radius:50%;background:var(--pink);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;border:2px solid black}.bottom-nav{position:absolute;bottom:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-around;padding:8px 0 20px;background:linear-gradient(to top,#000000f2,#000000b3);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;color:#ffffff80;font-family:inherit;font-size:.65rem;font-weight:500;cursor:pointer;padding:4px 12px;transition:color .2s}.nav-item.active{color:#fff}.nav-item .nav-icon{font-size:1.3rem}.create-btn{width:48px;height:32px;border-radius:8px;border:none;background:linear-gradient(135deg,var(--cyan),var(--pink));display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:300;color:#fff;cursor:pointer;position:relative;box-shadow:0 0 20px #ff2d784d}.create-btn:before,.create-btn:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:10px;background:linear-gradient(135deg,var(--cyan),var(--pink));z-index:-1;opacity:.3}.page{flex:1;overflow-y:auto;padding-bottom:80px}.page-header{padding:16px;display:flex;align-items:center;justify-content:space-between}.page-header h2{font-size:1.3rem;font-weight:800;background:linear-gradient(135deg,var(--pink),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.search-bar{display:flex;align-items:center;gap:8px;margin:0 16px 16px;padding:10px 16px;background:var(--card);border:1px solid var(--border);border-radius:12px}.search-bar input{flex:1;background:none;border:none;outline:none;color:#fff;font-family:inherit;font-size:.9rem}.search-bar input::placeholder{color:#ffffff4d}.search-bar .search-icon{color:#ffffff4d;font-size:1rem}.trending-tags{display:flex;gap:8px;padding:0 16px 16px;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.trending-tags::-webkit-scrollbar{display:none}.tag-chip{white-space:nowrap;padding:6px 14px;border-radius:20px;background:var(--card);border:1px solid var(--border);color:#ffffffb3;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.tag-chip:hover,.tag-chip.active{background:linear-gradient(135deg,var(--pink),var(--purple));border-color:transparent;color:#fff}.section-title{padding:8px 16px 12px;font-size:1rem;font-weight:700}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:0 2px}.grid-item{aspect-ratio:3/4;position:relative;overflow:hidden;cursor:pointer;border-radius:4px}.grid-item .grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;transition:transform .3s}.grid-item:hover .grid-bg{transform:scale(1.05)}.grid-item .grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.6),transparent 50%)}.grid-item .grid-info{position:absolute;bottom:8px;left:8px;right:8px;display:flex;align-items:center;gap:4px}.grid-item .grid-info span{font-size:.75rem;font-weight:600}.inbox-list{padding:0 16px}.notification-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.notification-item .notif-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--purple));display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.notification-item .notif-content{flex:1;min-width:0}.notification-item .notif-text{font-size:.85rem;color:#ffffffd9;line-height:1.4}.notification-item .notif-text strong{color:#fff;font-weight:600}.notification-item .notif-time{font-size:.75rem;color:#ffffff59;margin-top:2px}.notification-item .notif-thumb{width:44px;height:56px;border-radius:6px;background-size:cover;background-position:center;flex-shrink:0}.profile-header{padding:24px 16px;text-align:center}.profile-avatar{width:88px;height:88px;border-radius:50%;margin:0 auto 12px;background:linear-gradient(135deg,var(--pink),var(--purple),var(--blue));display:flex;align-items:center;justify-content:center;font-size:2.2rem;position:relative}.profile-avatar:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:2px solid transparent;background:linear-gradient(135deg,var(--pink),var(--purple),var(--blue)) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.profile-name{font-size:1.2rem;font-weight:700}.profile-handle{font-size:.85rem;color:#fff6;margin-bottom:16px}.profile-stats{display:flex;justify-content:center;gap:32px;margin-bottom:16px}.stat-item{text-align:center}.stat-item .stat-number{font-size:1.1rem;font-weight:800}.stat-item .stat-label{font-size:.75rem;color:#fff6}.profile-actions{display:flex;justify-content:center;gap:8px}.btn-primary{padding:8px 32px;border-radius:8px;border:none;background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;font-family:inherit;font-size:.85rem;font-weight:600;cursor:pointer;transition:opacity .2s}.btn-primary:hover{opacity:.85}.btn-outline{padding:8px 16px;border-radius:8px;border:1px solid var(--border);background:var(--card);color:#fff;font-family:inherit;font-size:.85rem;font-weight:600;cursor:pointer}.profile-tabs{display:flex;border-bottom:1px solid var(--border)}.profile-tab{flex:1;padding:12px;text-align:center;background:none;border:none;color:#fff6;font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;position:relative;transition:color .2s}.profile-tab.active{color:#fff}.profile-tab.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:32px;height:2px;background:var(--pink)}.splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--dark);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .5s,visibility .5s}.splash.fade-out{opacity:0;visibility:hidden}.splash-logo{font-size:3rem;font-weight:900;background:linear-gradient(135deg,var(--pink),var(--purple),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:pulse-glow 2s ease-in-out infinite}.splash-sub{margin-top:8px;font-size:.9rem;color:#fff6;letter-spacing:.15em}.splash-loader{margin-top:32px;width:120px;height:3px;border-radius:2px;background:#ffffff1a;overflow:hidden}.splash-loader-bar{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--pink),var(--purple),var(--cyan));animation:load-bar 1.5s ease-in-out forwards}@keyframes load-bar{0%{width:0%}to{width:100%}}@keyframes pulse-glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.music-disc{width:36px;height:36px;border-radius:50%;border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;background:conic-gradient(from 0deg,#1a1a2e,#16213e,#0f3460,#1a1a2e);animation:spin 3s linear infinite}.music-disc .disc-center{width:12px;height:12px;border-radius:50%;background:#111;border:1px solid rgba(255,255,255,.15)}@keyframes spin{to{transform:rotate(360deg)}}.swipe-hint{position:absolute;bottom:90px;left:50%;transform:translate(-50%);z-index:15;display:flex;flex-direction:column;align-items:center;gap:4px;color:#ffffff4d;font-size:.7rem;animation:fade-hint 3s ease-in-out forwards;pointer-events:none}@keyframes fade-hint{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}.swipe-hint .arrow{font-size:1.2rem;animation:bounce-up 1.5s ease-in-out infinite}@keyframes bounce-up{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.heart-burst{position:absolute;z-index:30;pointer-events:none;animation:heart-pop .8s ease-out forwards}@keyframes heart-pop{0%{transform:scale(0);opacity:1}50%{transform:scale(1.4);opacity:1}to{transform:scale(1.8);opacity:0}}.video-progress{position:absolute;bottom:68px;left:0;right:0;height:2px;background:#ffffff26;z-index:15}.video-progress-bar{height:100%;background:var(--pink);border-radius:1px;transition:width .3s linear}@media(min-width:481px){.app{border-left:1px solid var(--border);border-right:1px solid var(--border)}}