:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html{height:100vh;height:100dvh;overflow:hidden}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;min-height:100dvh;height:100vh;height:100dvh;overflow:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#000;color:#fff;overflow:hidden;height:100vh;height:100dvh}.app{width:100vw;height:100vh;height:100dvh;background:#141414}.tiktok-layout{display:flex;width:100%;height:100vh;height:100dvh}.video-container{flex:1;background:#141414;position:relative}.sidebar{width:455px;background:#0d0d0d}@media(max-width:1024px){.sidebar{width:380px}}@media(max-width:768px){html,body{height:100vh!important;height:100dvh!important;max-height:100dvh!important;overflow:hidden!important;position:fixed!important;width:100%!important;margin:0!important;padding:0!important}.app{height:100vh!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;padding:0!important}.tiktok-layout{flex-direction:column;position:relative;height:100vh;height:100dvh;overflow-y:auto;overflow-x:hidden;max-height:100dvh;box-sizing:border-box;margin:0;padding:0}.video-container{flex:0 0 60%;position:relative;width:100%;min-height:0;z-index:1;height:60dvh;max-height:60dvh;box-sizing:border-box;margin:0;padding:0}.sidebar{position:relative;width:100%;flex:0 0 40%;height:40dvh;max-height:40dvh;background:#fff;border-top:1px solid rgba(22,24,35,.12);border-left:none;border-top-left-radius:20px;border-top-right-radius:20px;z-index:2;overflow:visible;flex-shrink:0;min-height:0;box-sizing:border-box;margin:0;padding:0;transition:height .3s ease-out,max-height .3s ease-out}.sidebar.open{flex:0 0 80%!important;height:80dvh!important;max-height:80dvh!important}.tiktok-layout.comments-open .video-container{flex:0 0 20%!important;height:20dvh!important;max-height:20dvh!important}.tiktok-layout:has(.sidebar.open) .video-container{flex:0 0 20%!important;height:20dvh!important;max-height:20dvh!important}.sidebar.minimized{flex:0 0 50px!important;height:50px!important;max-height:50px!important;min-height:50px!important;border-radius:20px 20px 0 0;overflow:visible}.tiktok-layout.comments-minimized .video-container{flex:0 0 calc(100% - 50px)!important;height:calc(100dvh - 50px)!important;max-height:calc(100dvh - 50px)!important}.tiktok-layout:has(.sidebar.minimized) .video-container{flex:0 0 calc(100% - 50px)!important;height:calc(100dvh - 50px)!important;max-height:calc(100dvh - 50px)!important}.maximize-tab{width:100%;height:100%;background:#0d0d0d;border:none;border-top-left-radius:20px;border-top-right-radius:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .2s;outline:none}.maximize-tab:hover{background:#1a1a1a}.maximize-tab:active{background:#2a2a2a}.maximize-tab svg{width:24px;height:24px}}.video-player{position:relative;width:100%;height:100%;background:#141414;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:1}.video-element{width:100%;max-width:540px;height:100%;object-fit:cover;cursor:pointer}.video-controls{position:absolute;bottom:20px;right:20px;display:flex;gap:10px;z-index:30;pointer-events:none}.video-controls .control-button{pointer-events:auto}.control-button{background:#00000080;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s;padding:0;outline:none}.control-button:hover{background:#000000b3;transform:scale(1.05)}.control-button svg{width:22px;height:22px;display:block;flex-shrink:0}.play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10}.play-button{width:0;height:0;border-left:50px solid white;border-top:30px solid transparent;border-bottom:30px solid transparent;margin-left:8px;transition:all .2s;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.play-overlay:hover .play-button{transform:scale(1.1);filter:drop-shadow(0 6px 12px rgba(0,0,0,.4))}.video-progress-container{position:absolute;bottom:0;left:0;right:0;height:4px;background:#ffffff4d;opacity:0;transition:opacity .2s;cursor:pointer;z-index:10}.video-player:hover .video-progress-container{opacity:1}.video-progress-container:hover{height:6px}.video-progress-bar{height:100%;background:#ffffffe6;border-radius:3px;transition:width .1s linear;position:relative}.video-progress-bar:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:12px;height:12px;background:#fff;border-radius:50%;opacity:0;transition:opacity .2s}.video-progress-container:hover .video-progress-bar:after{opacity:1}@media(max-width:768px){.video-player{position:relative;width:100%;height:100%;z-index:1}.video-element{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;max-width:100%;pointer-events:auto}.video-controls{bottom:16px;right:16px;z-index:50;pointer-events:auto;position:relative}.control-button{pointer-events:auto!important;position:relative;z-index:51}}.comment-section{width:100%;height:100%;background:#0d0d0d;display:flex;flex-direction:column;position:relative;overflow:hidden}.comment-section>.jump-to-bottom-btn{align-self:flex-end;margin-left:auto;margin-right:20px}.minimize-top-btn{width:50px;height:6px;background:#fff6;border:none;border-radius:3px;cursor:pointer;padding:0;margin:0;display:flex;align-items:center;justify-content:center;transition:all .2s;outline:none;position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:100;pointer-events:auto}.minimize-top-btn:hover{background:#fff9;transform:translate(-50%) scale(1.1)}.minimize-top-btn:active{background:#ffffffb3;transform:translate(-50%) scale(.95)}.minimize-top-btn svg{width:20px;height:20px;opacity:0;transition:opacity .2s;position:absolute}.minimize-top-btn:hover svg{opacity:1}.profile-section{padding:20px;flex-shrink:0;background:#0d0d0d;display:block;min-height:fit-content;width:100%;box-sizing:border-box;position:sticky;top:0;z-index:5}.profile-content{background:#1b1b1b;padding:16px;border-radius:8px}.profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.profile-left{display:flex;gap:12px;align-items:center}.profile-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-info{display:flex;flex-direction:column;gap:2px}.username{color:#fff;font-size:18px;font-weight:700}.follow-btn{background:#fe2c55;color:#fff;border:none;padding:6px 24px;border-radius:4px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s;flex-shrink:0}.follow-btn:hover{background:#e6234a}.post-date{color:#ffffff80;font-size:14px}.caption{margin-bottom:12px;color:#fff;font-size:16px;line-height:1.4}.hashtag{color:#fff;font-weight:600}.sound-info{display:flex;align-items:center;gap:8px;margin-bottom:20px;color:#fff;font-size:14px}.music-icon{font-size:16px}.sound-text{color:#fff}.engagement-stats{display:flex;gap:16px;margin-top:20px;padding-bottom:20px;align-items:center;justify-content:space-between}.stat-item{display:flex;align-items:center;gap:8px}.stat-icon-wrapper{width:40px;height:40px;background:#1b1b1b;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}.stat-icon{width:20px;height:20px}.stat-count{color:#ffffffe6;font-size:14px;font-weight:600}.social-sharing{display:flex;gap:12px;align-items:center;margin-left:auto}.social-icon-btn{width:40px;height:40px;background:#1b1b1b;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;padding:0;overflow:hidden;flex-shrink:0;outline:none}.social-icon-btn:focus{outline:none;border:none}.social-icon-btn:active{outline:none}.social-icon-btn:hover{background:#2a2a2a;transform:scale(1.05)}.social-icon-btn:active{transform:scale(.95)}.social-icon-btn img{width:100%;height:100%;object-fit:cover}.copy-link-section{display:flex;align-items:center;gap:8px;background:#1e1e1e;padding:10px 12px;border-radius:8px}.link-display{flex:1;color:#fff;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-btn{background:transparent;color:#fff;border:1px solid #2f2f2f;padding:6px 16px;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;flex-shrink:0}.copy-btn:hover{background:#2f2f2f}.copy-btn:hover{border-color:#fe2c55}.copy-btn:focus,.copy-btn:active{outline:none;border-color:#2f2f2f;box-shadow:none}.follow-btn.following{background:#3a3a3a;color:#fff}.follow-btn.following:hover{background:#4a4a4a}.comments-header{padding:16px 20px;border-bottom:1px solid #2f2f2f;background:#0d0d0d;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10}.close-comments-btn{background:transparent;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s;outline:none}.close-comments-btn:hover{background:#ffffff1a}.close-comments-btn:focus,.close-comments-btn:active{outline:none}.tab{color:#ffffff80;font-size:16px;font-weight:600;padding-bottom:8px;border-bottom:2px solid transparent;display:inline-block}.tab.active{color:#fff;border-bottom-color:#fff}.comments-list{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 0 120px;position:relative;min-height:0;display:flex;flex-direction:column;-webkit-overflow-scrolling:touch}@media(max-width:768px){.comment-section{height:100%;overflow:hidden;display:flex;flex-direction:column;position:relative}.minimize-top-btn{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:100;pointer-events:auto}.minimize-top-btn:hover{transform:translate(-50%) scale(1.1)}.minimize-top-btn:active{transform:translate(-50%) scale(.95)}.profile-section{padding:16px;display:block!important;flex-shrink:0;min-height:fit-content;width:100%;box-sizing:border-box;order:1}.comments-header{flex-shrink:0;order:2}.comments-list{flex:1;padding-bottom:0;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;order:3}.comment-input-bottom{flex-shrink:0;order:4}}.comment-item{padding:16px 20px;border-bottom:1px solid #1a1a1a;display:flex;gap:12px}.comment-left{flex:1;min-width:0}.comment-header-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.comment-pfp{width:24px;height:24px;border-radius:50%;object-fit:cover;flex-shrink:0}.comment-username{color:#fff;font-weight:600;font-size:15px}.comment-text{color:#fff;font-size:15px;line-height:1.4;margin-bottom:8px;word-wrap:break-word}.comment-image{margin-bottom:8px}.comment-image img{width:100%;max-width:120px;max-height:120px;height:auto;border-radius:8px;cursor:pointer;transition:transform .2s;object-fit:contain}.comment-image img:hover{transform:scale(1.02)}.comment-meta{display:flex;align-items:center;gap:16px;margin-top:8px}.comment-timestamp{color:#ffffff80;font-size:14px}.reply-btn,.view-replies-btn{background:none;border:none;color:#ffffff80;cursor:pointer;font-size:14px;padding:0;font-weight:600;transition:color .2s}.reply-btn:hover,.view-replies-btn:hover{color:#fff}.replies-container{margin-left:40px;border-left:2px solid #2f2f2f;padding-left:12px}.reply-item{padding:12px 20px}.cancel-reply-btn{background:none;border:none;color:#ffffff80;cursor:pointer;font-size:18px;padding:0 8px;transition:color .2s}.cancel-reply-btn:hover{color:#fff}.comment-right{display:flex;flex-direction:column;align-items:center;gap:4px;padding-top:4px}.like-btn{background:none;border:none;color:#ffffffbf;cursor:pointer;padding:0;display:flex;flex-direction:column;align-items:center;gap:4px;transition:color .2s;outline:none}.like-btn:focus{outline:none}.like-btn:hover{color:#fff}.like-icon{width:20px;height:20px}.like-count{font-size:12px;font-weight:600;color:#ffffffbf}.comment-input-bottom{position:fixed;bottom:0;width:455px;background:#0d0d0d;border-top:1px solid #2f2f2f;padding:16px 20px;display:flex;align-items:center;gap:12px;z-index:100}@media(max-width:768px){.comment-input-bottom{position:relative;width:100%;bottom:auto;padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));background:#0d0d0d;border-top:1px solid #2f2f2f}.comment-text-input{background:#1b1b1b;color:#fff;border:none}.comment-text-input:focus{background:#1b1b1b}.comment-text-input::placeholder{color:#ffffff80}}@media(max-width:768px),(max-width:1200px){.comments-overlay .comment-input-bottom{position:fixed;width:100%;left:0;right:0;padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));background:#fff;border-top:.5px solid rgba(22,24,35,.12)}}.comment-text-input{flex:1;background:#1b1b1b;border:none;border-radius:4px;padding:12px 16px;color:#fff;font-size:15px;outline:none;cursor:text}.comment-text-input::placeholder{color:#ffffff80}.comment-text-input:focus{background:#1b1b1b;color:#fff}.comment-post-btn{background:transparent;border:none;color:#ffffff80;font-size:15px;font-weight:600;cursor:not-allowed;padding:0 12px;flex-shrink:0;transition:color .2s;white-space:nowrap;min-width:50px}.comment-post-btn:not(:disabled){color:#fe2c55;cursor:pointer}.comment-post-btn:hover:not(:disabled){opacity:.8}.comment-post-btn:disabled{cursor:not-allowed}.comment-image-btn{width:40px;height:40px;background:#1b1b1b;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s;padding:0}.comment-image-btn:hover{background:#2a2a2a;transform:scale(1.05)}.comment-image-btn:active{transform:scale(.95)}.comment-image-btn svg{width:20px;height:20px}.input-actions{display:none}.comment-section::-webkit-scrollbar,.comments-list::-webkit-scrollbar{width:6px}.comment-section::-webkit-scrollbar-track,.comments-list::-webkit-scrollbar-track{background:#1a1a1a}.comment-section::-webkit-scrollbar-thumb,.comments-list::-webkit-scrollbar-thumb{background:#2f2f2f;border-radius:3px}.comment-section::-webkit-scrollbar-thumb:hover,.comments-list::-webkit-scrollbar-thumb:hover{background:#404040}@media(max-width:768px),(max-width:1200px){.comments-overlay .comment-section{width:100%;height:100%;position:relative;background:#fff}.comments-overlay .profile-section{padding:16px;display:none}.comments-overlay .comments-header{padding:16px;border-bottom:.5px solid rgba(22,24,35,.12);background:#fff;display:flex;justify-content:center;align-items:center;position:relative}.comments-overlay .comments-header .comments-count{font-size:16px;font-weight:600;color:#161823}.comments-overlay .comments-header .close-btn{position:absolute;right:16px;background:none;border:none;padding:8px;cursor:pointer;color:#161823;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.comments-overlay .comments-header .close-btn:hover{background:#1618230f}.comments-overlay .comment-item{padding:12px 16px;border-bottom:1px solid rgba(22,24,35,.08)}.comments-overlay .comment-username,.comments-overlay .comment-text{color:#161823}.comments-overlay .comment-timestamp,.comments-overlay .reply-btn,.comments-overlay .view-replies-btn{color:#16182380}.comments-overlay .reply-btn:hover,.comments-overlay .view-replies-btn:hover,.comments-overlay .like-count{color:#161823bf}.comments-overlay .comment-input-bottom{width:100%;padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));background:#fff;border-top:.5px solid rgba(22,24,35,.12)}.comments-overlay .comment-text-input{background:#1618230f;color:#161823}.comments-overlay .comment-text-input:focus{background:#fff;border-color:#16182333}.comments-overlay .comment-text-input::placeholder{color:#16182366}.comments-overlay .engagement-stats,.comments-overlay .copy-link-section{display:none}}.hamster-picker-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hamster-picker{background:#1a1a1a;border-radius:12px;padding:24px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;border:1px solid #2f2f2f}.picker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.picker-header h3{color:#fff;font-size:20px;font-weight:700;margin:0}.close-btn{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.close-btn:hover{background:#ffffff1a}.hamster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.hamster-item{aspect-ratio:1;cursor:pointer;border-radius:8px;overflow:hidden;border:2px solid transparent;transition:all .2s}.hamster-item:hover{border-color:#fe2c55;transform:scale(1.05)}.hamster-item img{width:100%;height:100%;object-fit:cover}.hamster-picker::-webkit-scrollbar{width:8px}.hamster-picker::-webkit-scrollbar-track{background:#0a0a0a}.hamster-picker::-webkit-scrollbar-thumb{background:#2f2f2f;border-radius:4px}.hamster-picker::-webkit-scrollbar-thumb:hover{background:#404040}@media(max-width:768px){.hamster-picker{max-width:95%;padding:20px}.hamster-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}}.username-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.username-modal{background:#1a1a1a;border-radius:16px;padding:32px;max-width:400px;width:90%;border:1px solid #2f2f2f;box-shadow:0 20px 40px #00000080}.modal-header{text-align:center;margin-bottom:24px}.modal-header h2{color:#fff;font-size:24px;margin:0 0 8px;font-weight:700}.modal-header p{color:#8e8e8e;font-size:16px;margin:0}.modal-form{margin-bottom:24px}.input-group{margin-bottom:16px}.input-group label{display:block;color:#fff;font-size:14px;font-weight:600;margin-bottom:8px}.input-group input{width:100%;padding:12px 16px;background:#2f2f2f;border:2px solid #404040;border-radius:8px;color:#fff;font-size:16px;transition:border-color .2s;box-sizing:border-box}.input-group input:focus{outline:none;border-color:#fe2c55}.input-group input::placeholder{color:#8e8e8e}.error-message{color:#fe2c55;font-size:14px;margin-top:4px;font-weight:500}.modal-actions{display:flex;justify-content:center}.submit-btn{background:#fe2c55;color:#fff;border:none;padding:12px 32px;border-radius:24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;min-width:160px}.submit-btn:hover{background:#e6234a;transform:translateY(-1px)}.submit-btn:active{transform:translateY(0)}.modal-footer{text-align:center}.modal-footer p{color:#8e8e8e;font-size:14px;margin:0;font-style:italic}@media(max-width:480px){.username-modal{padding:24px;margin:16px}.modal-header h2{font-size:20px}.modal-header p{font-size:14px}.submit-btn{width:100%}}