.splash-container[data-v-bf4e35fb]{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--bg-black) 0%,#1a1a2e 50%,var(--bg-black) 100%);display:flex;align-items:center;justify-content:center;z-index:9999}.splash-content[data-v-bf4e35fb]{text-align:center}.logo-wrapper[data-v-bf4e35fb]{margin-bottom:var(--spacing-2xl)}.splash-logo[data-v-bf4e35fb]{width:8rem;height:8rem;object-fit:contain;filter:drop-shadow(0 0 20px rgba(59,130,246,.3))}.loading-dots[data-v-bf4e35fb]{display:flex;justify-content:center;gap:var(--spacing-sm)}.dot[data-v-bf4e35fb]{width:.75rem;height:.75rem;background-color:var(--primary-blue);border-radius:var(--radius-full);animation-duration:1s;animation-iteration-count:infinite}.login-container[data-v-614cbf13]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl)}.login-content[data-v-614cbf13]{width:100%;max-width:400px}.login-header[data-v-614cbf13]{text-align:center;margin-bottom:var(--spacing-2xl)}.logo-container[data-v-614cbf13]{width:4rem;height:4rem;margin:0 auto var(--spacing-md);background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-dark));border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center}.logo-icon[data-v-614cbf13]{width:2.5rem;height:2.5rem;color:var(--text-white)}.app-title[data-v-614cbf13]{font-size:2rem;font-weight:700;color:var(--text-white);margin-bottom:var(--spacing-sm)}.app-subtitle[data-v-614cbf13]{color:var(--text-gray-400)}.login-form[data-v-614cbf13]{margin-bottom:var(--spacing-2xl)}.form-group[data-v-614cbf13]{margin-bottom:var(--spacing-xl)}.form-label[data-v-614cbf13]{display:block;font-size:.875rem;font-weight:500;color:var(--text-gray-300);margin-bottom:var(--spacing-sm)}.input-error[data-v-614cbf13]{border-color:var(--accent-red)!important}.error-message[data-v-614cbf13]{margin-top:var(--spacing-sm);font-size:.875rem;color:var(--accent-red)}.login-button[data-v-614cbf13]{width:100%;padding:var(--spacing-md);font-weight:600}.loading-content[data-v-614cbf13]{display:flex;align-items:center;justify-content:center}.loading-icon[data-v-614cbf13]{width:1.25rem;height:1.25rem;margin-right:var(--spacing-md)}.examples-section[data-v-614cbf13]{margin-top:var(--spacing-2xl)}.examples-title[data-v-614cbf13]{font-size:.875rem;font-weight:500;color:var(--text-gray-300);margin-bottom:var(--spacing-sm)}.examples-list[data-v-614cbf13]{display:flex;flex-direction:column;gap:var(--spacing-xs)}.example-code[data-v-614cbf13]{width:100%;text-align:left;font-size:.875rem;color:var(--text-gray-400);padding:var(--spacing-sm);border-radius:var(--radius-sm);background:transparent;border:none;cursor:pointer}.example-code[data-v-614cbf13]:hover{color:var(--text-white);background-color:var(--bg-gray-800)}.bottom-nav-container[data-v-f3449300]{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;padding:var(--spacing-md);pointer-events:none;z-index:50}.bottom-nav-pill[data-v-f3449300]{border-radius:2rem;padding:var(--spacing-sm) var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-xl);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000004d;pointer-events:auto;transition:all var(--transition-normal)}.nav-pill-item[data-v-f3449300]{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-full);background:none;border:none;cursor:pointer;transition:all var(--transition-fast);position:relative}.nav-pill-item[data-v-f3449300]:hover{background:rgba(255,255,255,.1);transform:scale(1.05)}.nav-pill-active[data-v-f3449300]{background:rgba(255,255,255,.2)}.nav-pill-active[data-v-f3449300]:hover{background:rgba(255,255,255,.25)}.nav-pill-icon[data-v-f3449300]{width:1.25rem;height:1.25rem;color:var(--text-white);transition:all var(--transition-fast)}.nav-pill-active .nav-pill-icon[data-v-f3449300]{filter:drop-shadow(0 0 8px rgba(255,255,255,.3))}.comments-container[data-v-80269cff]{position:fixed;bottom:0;left:0;right:0;top:0;background-color:var(--bg-black);z-index:100;display:flex;flex-direction:column}.comments-content[data-v-80269cff]{flex:1;display:flex;flex-direction:column;height:100%}.admin-badge[data-v-80269cff]{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;font-size:.7rem;font-weight:700;padding:.2rem .5rem;border-radius:.75rem;margin-left:.5rem;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #ee5a244d}.comments-list[data-v-80269cff]{flex:1;overflow-y:auto;padding:var(--spacing-md);padding-bottom:0}.empty-state[data-v-80269cff]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center}.empty-icon[data-v-80269cff]{width:4rem;height:4rem;color:var(--text-gray-600);margin-bottom:var(--spacing-md)}.empty-text[data-v-80269cff]{font-size:1.125rem;font-weight:600;color:var(--text-white);margin-bottom:var(--spacing-sm)}.empty-subtext[data-v-80269cff]{color:var(--text-gray-400)}.comment-item[data-v-80269cff]{margin-bottom:var(--spacing-xl)}.comment-main[data-v-80269cff]{display:flex;gap:var(--spacing-md)}.comment-avatar[data-v-80269cff]{flex-shrink:0}.avatar-circle[data-v-80269cff]{width:2.5rem;height:2.5rem;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--text-white)}.reply-avatar .avatar-circle[data-v-80269cff]{width:2rem;height:2rem;font-size:.875rem}.comment-content[data-v-80269cff]{flex:1;min-width:0}.comment-header[data-v-80269cff]{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xs);position:relative}.comment-author[data-v-80269cff]{font-weight:600;color:var(--text-white)}.comment-time[data-v-80269cff]{font-size:.875rem;color:var(--text-gray-400)}.delete-button[data-v-80269cff]{margin-left:auto;padding:var(--spacing-xs);background:none;border:none;color:var(--text-gray-500);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.delete-button[data-v-80269cff]:hover{color:var(--accent-red);background-color:#ef44441a}.delete-icon[data-v-80269cff]{width:1rem;height:1rem}.comment-text[data-v-80269cff]{color:var(--text-gray-300);margin-bottom:var(--spacing-sm);line-height:1.4}.reply-mention[data-v-80269cff]{color:var(--primary-blue-light);font-weight:500}.comment-actions[data-v-80269cff]{display:flex;align-items:center;gap:var(--spacing-lg)}.action-button[data-v-80269cff]{display:flex;align-items:center;gap:var(--spacing-xs);background:none;border:none;color:var(--text-gray-400);font-size:.875rem;cursor:pointer;transition:color var(--transition-fast)}.action-button[data-v-80269cff]:hover{color:var(--text-white)}.action-liked[data-v-80269cff]{color:var(--accent-red)!important}.action-icon[data-v-80269cff]{width:1rem;height:1rem}.replies-toggle[data-v-80269cff]{color:var(--primary-blue-light)!important;font-weight:500}.replies-toggle[data-v-80269cff]:hover{color:var(--primary-blue)!important}.replies-container[data-v-80269cff]{margin-top:var(--spacing-md);margin-left:3.5rem;border-left:2px solid rgba(255,255,255,.1);padding-left:var(--spacing-md)}.reply-item[data-v-80269cff]{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.reply-form[data-v-80269cff]{margin-top:var(--spacing-md);margin-left:3.5rem;padding-left:var(--spacing-md)}.reply-input-container[data-v-80269cff]{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.reply-input-wrapper[data-v-80269cff]{flex:1;display:flex;gap:var(--spacing-sm)}.reply-input[data-v-80269cff]{flex:1;background-color:var(--bg-gray-800);border:1px solid var(--bg-gray-700);border-radius:var(--radius-lg);padding:var(--spacing-sm) var(--spacing-md);color:var(--text-white);font-size:.875rem}.reply-input[data-v-80269cff]:focus{outline:none;border-color:var(--primary-blue)}.reply-submit[data-v-80269cff]{padding:var(--spacing-sm);background-color:var(--primary-blue);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--transition-fast)}.reply-submit[data-v-80269cff]:hover:not(:disabled){background-color:var(--primary-blue-dark)}.reply-submit[data-v-80269cff]:disabled{opacity:.5;cursor:not-allowed}.cancel-reply[data-v-80269cff]{background:none;border:none;color:var(--text-gray-400);font-size:.875rem;cursor:pointer;padding:var(--spacing-xs) 0}.cancel-reply[data-v-80269cff]:hover{color:var(--text-white)}.comment-input-container[data-v-80269cff]{background-color:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);padding:var(--spacing-md);padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom))}.input-wrapper[data-v-80269cff]{display:flex;align-items:center;gap:var(--spacing-md)}.comment-input[data-v-80269cff]{flex:1;background-color:var(--bg-gray-800);border:1px solid var(--bg-gray-700);border-radius:var(--radius-full);padding:var(--spacing-md) var(--spacing-lg);color:var(--text-white);font-size:1rem}.comment-input[data-v-80269cff]:focus{outline:none;border-color:var(--primary-blue)}.comment-input[data-v-80269cff]::placeholder{color:var(--text-gray-500)}.submit-button[data-v-80269cff]{padding:var(--spacing-md);background-color:var(--primary-blue);border:none;border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--transition-fast)}.submit-button[data-v-80269cff]:hover:not(:disabled){background-color:var(--primary-blue-dark)}.submit-button[data-v-80269cff]:disabled{opacity:.5;cursor:not-allowed}.submit-icon[data-v-80269cff]{width:1.25rem;height:1.25rem;color:var(--text-white)}.comments-list[data-v-80269cff]::-webkit-scrollbar{width:4px}.comments-list[data-v-80269cff]::-webkit-scrollbar-track{background:transparent}.comments-list[data-v-80269cff]::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:var(--radius-full)}.comments-list[data-v-80269cff]::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}.loading-state[data-v-80269cff]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;text-align:center}.loading-spinner[data-v-80269cff]{width:2rem;height:2rem;border:2px solid rgba(255,255,255,.2);border-top:2px solid var(--primary-blue);border-radius:50%;animation:spin-80269cff 1s linear infinite;margin-bottom:var(--spacing-md)}.loading-spinner.small[data-v-80269cff]{width:1rem;height:1rem;border-width:1px;margin-bottom:0;margin-right:var(--spacing-sm)}.loading-text[data-v-80269cff]{color:var(--text-gray-400);font-size:.875rem}.loading-more[data-v-80269cff]{display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);color:var(--text-gray-400);font-size:.875rem}@keyframes spin-80269cff{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tiktok-container[data-v-301fe71d]{min-height:100vh;position:relative;overflow:hidden;touch-action:pan-y;overscroll-behavior:none;-webkit-overflow-scrolling:touch}.top-header[data-v-301fe71d]{position:fixed;top:0;left:0;right:0;z-index:20;background-color:#0009;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 4px 16px #0000004d;padding-top:0}@media (max-width: 768px){.top-header[data-v-301fe71d]{padding-top:0;top:0}}.header-nav[data-v-301fe71d]{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2xl);padding:var(--spacing-md) 0}.nav-button[data-v-301fe71d]{position:relative;font-size:1.125rem;font-weight:600;color:var(--text-gray-400);background:none;border:none;cursor:pointer;transition:color var(--transition-fast)}.nav-button-active[data-v-301fe71d]{color:var(--text-white)}.nav-indicator[data-v-301fe71d]{position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);width:1.5rem;height:2px;background-color:var(--text-white);border-radius:var(--radius-full)}.video-container[data-v-301fe71d]{height:100vh;width:100%;position:relative;touch-action:pan-y;overscroll-behavior:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.video-stack[data-v-301fe71d]{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.video-slide[data-v-301fe71d]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100vh;will-change:transform;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.video-slide-current[data-v-301fe71d]{z-index:2}.video-slide-previous[data-v-301fe71d],.video-slide-next[data-v-301fe71d]{z-index:1}.video-background[data-v-301fe71d]{position:absolute;top:0;right:0;bottom:0;left:0}.video-overlay[data-v-301fe71d]{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0003}.video-content[data-v-301fe71d]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex}.video-area[data-v-301fe71d]{flex:1;position:relative}.video-player[data-v-301fe71d]{width:100%;height:100%;position:relative}.video-element[data-v-301fe71d],.image-element[data-v-301fe71d]{width:100%;height:100%;object-fit:cover;background-color:#000;pointer-events:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}.media-player[data-v-301fe71d]{position:relative;width:100%;height:100%;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.play-pause-button[data-v-301fe71d]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.6);border-radius:50%;padding:1rem;transition:opacity .3s ease;pointer-events:none}.play-icon[data-v-301fe71d],.pause-icon[data-v-301fe71d]{width:3rem;height:3rem;opacity:.9}.video-placeholder[data-v-301fe71d]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.loading-spinner[data-v-301fe71d]{text-align:center}.spinner[data-v-301fe71d]{width:4rem;height:4rem;border:4px solid rgba(255,255,255,.3);border-top-color:var(--text-white);border-radius:var(--radius-full);margin:0 auto var(--spacing-md)}.loading-text[data-v-301fe71d]{color:#fff9}.actions-sidebar[data-v-301fe71d]{position:absolute;right:var(--spacing-md);bottom:8rem;z-index:30;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.action-button[data-v-301fe71d]{display:flex;flex-direction:column;align-items:center;gap:.25rem;background:none;border:none;cursor:pointer}.action-icon[data-v-301fe71d]{position:relative;width:2.25rem;height:2.25rem;border-radius:var(--radius-full);background-color:#0009;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);box-shadow:0 4px 16px #0000004d}.action-button:hover .action-icon[data-v-301fe71d]{background-color:#000c;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-color:#fff3;transform:scale(1.05);box-shadow:0 6px 20px #0006}.action-button:active .action-icon[data-v-301fe71d]{transform:scale(.95)}.icon[data-v-301fe71d]{width:1.25rem;height:1.25rem;color:var(--text-white)}.action-count[data-v-301fe71d]{font-size:.625rem;color:#ffffffe6;text-shadow:0 1px 3px rgba(0,0,0,.8);font-weight:600}.like-animation[data-v-301fe71d]{animation:likeHeartbeat-301fe71d .8s ease-in-out}@keyframes likeHeartbeat-301fe71d{0%{transform:scale(1)}15%{transform:scale(1.4)}30%{transform:scale(1.1)}45%{transform:scale(1.3)}60%{transform:scale(1.05)}75%{transform:scale(1.2)}to{transform:scale(1)}}.like-particles[data-v-301fe71d]{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.particle[data-v-301fe71d]{position:absolute;top:50%;left:50%;width:var(--size);height:var(--size);background:linear-gradient(45deg,#ff6b6b,#ff8e8e,#ffa8a8);border-radius:50%;animation:particleFloat-301fe71d 1.2s ease-out forwards;animation-delay:var(--delay)}@keyframes particleFloat-301fe71d{0%{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(0) scale(1);opacity:1}70%{opacity:.8}to{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(-1 * var(--distance))) scale(0);opacity:0}}.video-info[data-v-301fe71d]{position:absolute;bottom:6rem;left:var(--spacing-md);right:5rem}.video-info-overlay[data-v-301fe71d]{position:fixed;bottom:6rem;left:var(--spacing-md);right:5rem;z-index:10;pointer-events:none}.video-info-overlay .hashtag[data-v-301fe71d]{pointer-events:auto}.hashtags-container[data-v-301fe71d]{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.hashtag[data-v-301fe71d]{color:var(--text-white);cursor:pointer;transition:color var(--transition-fast);font-size:.875rem;padding:.25rem .5rem;background-color:#0006;border-radius:var(--radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hashtag[data-v-301fe71d]:hover{color:var(--primary-blue-light)}.overlay[data-v-301fe71d]{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md)}.modal[data-v-301fe71d]{background-color:var(--bg-gray-900);border-radius:var(--radius-xl);padding:var(--spacing-xl);width:100%;max-width:24rem}.modal-title[data-v-301fe71d]{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-md);text-align:center}.hashtag-list[data-v-301fe71d]{max-height:16rem;overflow-y:auto;margin-bottom:var(--spacing-md)}.hashtag-option[data-v-301fe71d]{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);margin-bottom:var(--spacing-sm);background-color:var(--bg-gray-800);border-radius:var(--radius-md);border:none;color:var(--text-white);cursor:pointer;transition:background-color var(--transition-fast)}.hashtag-option[data-v-301fe71d]:hover{background-color:var(--bg-gray-700)}.hashtag-count[data-v-301fe71d]{font-size:.75rem;color:var(--text-gray-400)}.modal-close[data-v-301fe71d]{width:100%;padding:var(--spacing-md);background-color:var(--bg-gray-700);border:none;border-radius:var(--radius-md);color:var(--text-white);cursor:pointer;transition:background-color var(--transition-fast)}.modal-close[data-v-301fe71d]:hover{background-color:var(--bg-gray-600)}.notification[data-v-301fe71d]{position:fixed;top:var(--spacing-xl);left:50%;transform:translate(-50%);background-color:var(--accent-green);color:var(--text-white);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);z-index:100}.animate-fade-in[data-v-301fe71d]{animation:fadeIn-301fe71d .3s ease-out}.animate-scale-in[data-v-301fe71d]{animation:scaleIn-301fe71d .3s ease-out}.animate-slide-in-down[data-v-301fe71d]{animation:slideInDown-301fe71d .3s ease-out}@keyframes fadeIn-301fe71d{0%{opacity:0}to{opacity:1}}@keyframes scaleIn-301fe71d{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideInDown-301fe71d{0%{transform:translate(-50%) translateY(-100%)}to{transform:translate(-50%) translateY(0)}}@keyframes spin-301fe71d{to{transform:rotate(360deg)}}.animate-spin[data-v-301fe71d]{animation:spin-301fe71d 1s linear infinite}.comments-panel[data-v-301fe71d]{position:fixed;bottom:0;left:0;right:0;height:50vh;background-color:var(--bg-gray-900);border-radius:var(--radius-xl) var(--radius-xl) 0 0;z-index:60;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .3s cubic-bezier(.25,.46,.45,.94);box-shadow:0 -10px 25px #0000004d}.comments-panel-open[data-v-301fe71d]{transform:translateY(0)}.comments-handle[data-v-301fe71d]{width:40px;height:4px;background-color:var(--text-gray-600);border-radius:2px;margin:var(--spacing-sm) auto;flex-shrink:0}.comments-content[data-v-301fe71d]{flex:1;display:flex;flex-direction:column;overflow:hidden}.comments-header[data-v-301fe71d]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--bg-gray-800);flex-shrink:0}.comments-title[data-v-301fe71d]{font-size:1.125rem;font-weight:600;color:var(--text-white);margin:0}.close-button[data-v-301fe71d]{background:none;border:none;color:var(--text-gray-400);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-md);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.close-button[data-v-301fe71d]:hover{background-color:var(--bg-gray-800);color:var(--text-white)}.close-button .icon[data-v-301fe71d]{width:1.25rem;height:1.25rem}.comments-panel[style*=transform][data-v-301fe71d]{transition:none}@media (max-width: 768px){.comments-panel[data-v-301fe71d]{height:60vh}.comments-header[data-v-301fe71d]{padding:var(--spacing-md)}}@media (orientation: landscape) and (max-height: 600px){.comments-panel[data-v-301fe71d]{height:70vh}}.profile-container[data-v-f3a56947]{min-height:100vh;display:flex;flex-direction:column}.profile-header[data-v-f3a56947]{position:sticky;top:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);z-index:10}.header-content[data-v-f3a56947]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md)}.header-button[data-v-f3a56947]{padding:var(--spacing-sm);background:none;border:none;cursor:pointer}.header-icon[data-v-f3a56947]{width:1.5rem;height:1.5rem;color:var(--text-white)}.header-title[data-v-f3a56947]{font-size:1.125rem;font-weight:600}.profile-content[data-v-f3a56947]{flex:1;padding:var(--spacing-xl);padding-bottom:6rem;overflow:hidden;display:flex;flex-direction:column}.user-section[data-v-f3a56947]{text-align:center;margin-bottom:var(--spacing-2xl);flex-shrink:0}.user-avatar[data-v-f3a56947]{width:5rem;height:5rem;margin:0 auto var(--spacing-md);background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-dark));border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.avatar-icon[data-v-f3a56947]{width:2.5rem;height:2.5rem;color:var(--text-white)}.user-title-container[data-v-f3a56947]{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin:var(--spacing-sm) 0}.user-title[data-v-f3a56947]{font-size:1.5rem;font-weight:700;color:var(--text-white);margin:0;text-align:center}.admin-badge[data-v-f3a56947]{display:inline-block;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);color:#1f2937;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 2px 8px #fbbf244d;animation:glow-f3a56947 2s ease-in-out infinite alternate}@keyframes glow-f3a56947{0%{box-shadow:0 2px 8px #fbbf244d}to{box-shadow:0 4px 16px #fbbf2480}}.user-code-display[data-v-f3a56947]{margin-bottom:var(--spacing-md);cursor:pointer;transition:all var(--transition-normal);position:relative}.user-code-display[data-v-f3a56947]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f626}.user-code[data-v-f3a56947]{font-size:1.875rem;font-family:Courier New,monospace;color:var(--primary-blue-light);transition:all var(--transition-normal)}.code-blurred[data-v-f3a56947]{filter:blur(8px);-webkit-user-select:none;user-select:none}.blur-hint[data-v-f3a56947]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.875rem;color:var(--text-gray-400);pointer-events:none}.user-info[data-v-f3a56947]{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md)}.info-text[data-v-f3a56947]{font-size:.875rem;color:var(--text-gray-400)}.liked-videos-section[data-v-f3a56947]{flex:1;display:flex;flex-direction:column;min-height:0}.section-title[data-v-f3a56947]{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.section-icon[data-v-f3a56947]{width:1.25rem;height:1.25rem;color:var(--primary-blue-light)}.liked-videos-scroll-container[data-v-f3a56947]{flex:1;overflow-y:auto;overflow-x:hidden;padding-right:var(--spacing-sm);margin-right:calc(-1 * var(--spacing-sm));scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.liked-videos-scroll-container[data-v-f3a56947]::-webkit-scrollbar{width:4px}.liked-videos-scroll-container[data-v-f3a56947]::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:2px}.liked-videos-scroll-container[data-v-f3a56947]::-webkit-scrollbar-thumb{background:rgba(59,130,246,.5);border-radius:2px}.liked-videos-scroll-container[data-v-f3a56947]::-webkit-scrollbar-thumb:hover{background:rgba(59,130,246,.7)}.no-videos-message[data-v-f3a56947]{text-align:center;padding:var(--spacing-2xl) var(--spacing-md);color:var(--text-gray-400)}.no-videos-icon[data-v-f3a56947]{width:3rem;height:3rem;margin:0 auto var(--spacing-md);opacity:.5}.no-videos-text[data-v-f3a56947]{font-size:.875rem;font-style:italic}.liked-videos-list[data-v-f3a56947]{margin-bottom:var(--spacing-xl)}.video-item[data-v-f3a56947]{margin-bottom:var(--spacing-md);display:flex;gap:var(--spacing-md);cursor:pointer;transition:all var(--transition-normal);border-left:4px solid var(--primary-blue)}.video-item[data-v-f3a56947]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f626}.video-thumbnail[data-v-f3a56947]{position:relative;width:80px;height:80px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-dark));display:flex;align-items:center;justify-content:center}.thumbnail-image[data-v-f3a56947],.video-preview[data-v-f3a56947],.image-preview[data-v-f3a56947]{width:100%;height:100%;object-fit:cover;display:block}.thumbnail-placeholder[data-v-f3a56947]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.thumbnail-placeholder.loading[data-v-f3a56947]{background:linear-gradient(135deg,#4a5568 0%,#2d3748 100%)}.loading-spinner[data-v-f3a56947]{width:32px;height:32px;color:#fff;animation:spin-f3a56947 1s linear infinite}@keyframes spin-f3a56947{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.play-icon[data-v-f3a56947],.image-icon[data-v-f3a56947]{width:2rem;height:2rem;color:var(--text-white);opacity:.8}.play-overlay[data-v-f3a56947]{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.3);opacity:0;transition:opacity var(--transition-normal);pointer-events:none}.video-thumbnail:hover .play-overlay[data-v-f3a56947]{opacity:1}.play-icon-overlay[data-v-f3a56947]{width:2.5rem;height:2.5rem;color:var(--text-white);filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.video-preview[data-v-f3a56947],.image-preview[data-v-f3a56947]{width:100%;height:100%;object-fit:cover}.media-type-indicator[data-v-f3a56947]{position:absolute;top:var(--spacing-xs);left:var(--spacing-xs);background:rgba(0,0,0,.7);border-radius:var(--radius-sm);padding:2px}.type-icon[data-v-f3a56947]{width:.875rem;height:.875rem;color:var(--text-white)}.video-hashtag[data-v-f3a56947]{color:var(--primary-blue-light);font-size:.75rem;margin:0;font-weight:500}.video-duration[data-v-f3a56947]{position:absolute;bottom:var(--spacing-xs);right:var(--spacing-xs);background:rgba(0,0,0,.8);color:var(--text-white);padding:2px var(--spacing-xs);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500}.video-info[data-v-f3a56947]{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.video-title[data-v-f3a56947]{font-weight:600;color:var(--text-white);font-size:.875rem;line-height:1.2;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-author[data-v-f3a56947]{color:var(--text-gray-400);font-size:.75rem;margin:0}.video-stats[data-v-f3a56947]{display:flex;align-items:center;gap:var(--spacing-md)}.stat-item[data-v-f3a56947]{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-gray-400);font-size:.75rem}.stat-icon[data-v-f3a56947]{width:.875rem;height:.875rem}.video-date[data-v-f3a56947]{color:var(--text-gray-500);font-size:.75rem;margin-top:auto}.load-more-section[data-v-f3a56947]{text-align:center;padding:var(--spacing-md) 0;flex-shrink:0}.load-more-button[data-v-f3a56947]{padding:var(--spacing-sm) var(--spacing-xl)}.loading-content[data-v-f3a56947]{display:flex;align-items:center;justify-content:center}.loading-icon[data-v-f3a56947]{width:1rem;height:1rem;margin-right:var(--spacing-sm)}.end-message[data-v-f3a56947]{text-align:center;padding:var(--spacing-lg) 0;flex-shrink:0}.end-text[data-v-f3a56947]{color:var(--text-gray-400);font-size:.875rem;font-style:italic}@keyframes animate-spin-f3a56947{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin[data-v-f3a56947]{animation:animate-spin-f3a56947 1s linear infinite}.update-notification[data-v-17d4b982]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px}.update-content[data-v-17d4b982]{background:white;border-radius:15px;padding:30px;max-width:400px;width:100%;text-align:center;box-shadow:0 10px 30px #0000004d}.update-icon[data-v-17d4b982]{font-size:48px;margin-bottom:20px}.update-text h3[data-v-17d4b982]{margin:0 0 10px;color:#333;font-size:24px;font-weight:600}.update-text p[data-v-17d4b982]{margin:5px 0;color:#666;font-size:16px}.current-version[data-v-17d4b982]{font-size:14px!important;color:#999!important}.update-actions[data-v-17d4b982]{margin-top:25px;display:flex;gap:15px;justify-content:center}.update-btn[data-v-17d4b982]{background:#007AFF;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:120px}.update-btn[data-v-17d4b982]:hover:not(:disabled){background:#0056CC;transform:translateY(-1px)}.update-btn[data-v-17d4b982]:disabled{background:#ccc;cursor:not-allowed;transform:none}.dismiss-btn[data-v-17d4b982]{background:transparent;color:#666;border:2px solid #ddd;padding:10px 24px;border-radius:8px;font-size:16px;cursor:pointer;transition:all .3s ease;min-width:120px}.dismiss-btn[data-v-17d4b982]:hover{border-color:#999;color:#333}@media (max-width: 480px){.update-content[data-v-17d4b982]{padding:20px;margin:20px}.update-actions[data-v-17d4b982]{flex-direction:column}.update-btn[data-v-17d4b982],.dismiss-btn[data-v-17d4b982]{width:100%}}.permissions-view[data-v-f4bc5d7f]{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;z-index:9999}.permissions-container[data-v-f4bc5d7f]{background:white;border-radius:20px;padding:40px;max-width:400px;width:90%;text-align:center;box-shadow:0 20px 40px #0000001a}.icon-container[data-v-f4bc5d7f]{margin-bottom:20px}.title[data-v-f4bc5d7f]{font-size:24px;font-weight:700;color:#333;margin-bottom:10px}.description[data-v-f4bc5d7f]{color:#666;margin-bottom:30px;line-height:1.5}.permissions-list[data-v-f4bc5d7f]{margin-bottom:30px}.permission-item[data-v-f4bc5d7f]{display:flex;align-items:center;padding:15px;border:2px solid #f0f0f0;border-radius:10px;margin-bottom:10px;transition:all .3s ease}.permission-item.granted[data-v-f4bc5d7f]{border-color:#4caf50;background-color:#f8fff8}.permission-icon[data-v-f4bc5d7f]{margin-right:15px;color:#666}.permission-item.granted .permission-icon[data-v-f4bc5d7f]{color:#4caf50}.permission-text[data-v-f4bc5d7f]{flex:1;text-align:left}.permission-text h3[data-v-f4bc5d7f]{margin:0 0 5px;font-size:16px;color:#333}.permission-text p[data-v-f4bc5d7f]{margin:0;font-size:14px;color:#666}.permission-status .granted[data-v-f4bc5d7f]{color:#4caf50;font-size:18px;font-weight:700}.permission-status .denied[data-v-f4bc5d7f]{color:#f44336;font-size:18px;font-weight:700}.buttons[data-v-f4bc5d7f]{display:flex;flex-direction:column;gap:10px}.btn-primary[data-v-f4bc5d7f]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:15px 30px;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-primary[data-v-f4bc5d7f]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.btn-primary[data-v-f4bc5d7f]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-f4bc5d7f]{background:transparent;color:#667eea;border:2px solid #667eea;padding:12px 30px;border-radius:10px;font-size:14px;cursor:pointer;transition:all .3s ease}.btn-secondary[data-v-f4bc5d7f]:hover{background:#667eea;color:#fff}.btn-success[data-v-f4bc5d7f]{background:linear-gradient(135deg,#4CAF50 0%,#45a049 100%);color:#fff;border:none;padding:15px 30px;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-success[data-v-f4bc5d7f]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #4caf5066}.error-message[data-v-f4bc5d7f]{margin-top:15px;padding:10px;background-color:#ffebee;color:#c62828;border-radius:5px;font-size:14px}*{margin:0;padding:0;box-sizing:border-box}*:before,*:after{box-sizing:border-box}:root{--primary-blue: #3b82f6;--primary-blue-dark: #2563eb;--primary-blue-light: #60a5fa;--bg-black: #000000;--bg-gray-900: #111827;--bg-gray-800: #1f2937;--bg-gray-700: #374151;--text-white: #ffffff;--text-gray-300: #d1d5db;--text-gray-400: #9ca3af;--text-gray-500: #6b7280;--accent-red: #ef4444;--accent-green: #10b981;--accent-purple: #8b5cf6;--accent-pink: #ec4899;--border-gray-800: #1f2937;--border-gray-700: #374151;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--transition-fast: .15s ease-in-out;--transition-normal: .2s ease-in-out;--transition-slow: .3s ease-in-out;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--safe-area-inset-top: env(safe-area-inset-top);--safe-area-inset-right: env(safe-area-inset-right);--safe-area-inset-bottom: env(safe-area-inset-bottom);--safe-area-inset-left: env(safe-area-inset-left)}html{font-size:16px;line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-feature-settings:normal;font-variation-settings:normal}body{background-color:var(--bg-black);color:var(--text-white);font-family:inherit;line-height:inherit;margin:0;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none;border:none;cursor:pointer}button:focus,[type=button]:focus,[type=reset]:focus,[type=submit]:focus{outline:2px solid var(--primary-blue);outline-offset:2px}input,textarea{background-color:transparent;border:none;outline:none}a{color:inherit;text-decoration:inherit}ol,ul,menu{list-style:none;margin:0;padding:0}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle;max-width:100%;height:auto}table{text-indent:0;border-color:inherit;border-collapse:collapse}fieldset{margin:0;padding:0;border:none}legend{padding:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}::-webkit-scrollbar-corner{background:transparent}::selection{background-color:var(--primary-blue);color:var(--text-white)}::-moz-selection{background-color:var(--primary-blue);color:var(--text-white)}:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-bounce{animation:bounce 1s infinite}.animate-fade-in{animation:fadeIn .3s ease-in-out}.animate-fade-out{animation:fadeOut .3s ease-in-out}.animate-slide-in-up{animation:slideInUp .3s ease-out}.animate-slide-in-down{animation:slideInDown .3s ease-out}.animate-scale-in{animation:scaleIn .2s ease-out}.transition-all{transition:all var(--transition-normal)}.transition-colors{transition:color var(--transition-normal),background-color var(--transition-normal),border-color var(--transition-normal)}.transition-transform{transition:transform var(--transition-normal)}.transition-opacity{transition:opacity var(--transition-normal)}.interactive{transition:all var(--transition-fast);cursor:pointer}.interactive:hover{transform:translateY(-1px)}.interactive:active{transform:scale(.98)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-weight:500;transition:all var(--transition-fast);cursor:pointer;border:none;outline:none}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-dark));color:var(--text-white)}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-blue-dark),var(--primary-blue));transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--bg-gray-800);color:var(--text-white);border:1px solid var(--border-gray-700)}.btn-secondary:hover{background-color:var(--bg-gray-700)}.input{width:100%;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-gray-900);border:1px solid var(--border-gray-700);border-radius:var(--radius-md);color:var(--text-white);transition:all var(--transition-fast)}.input::placeholder{color:var(--text-gray-500)}.input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #3b82f61a}.input:invalid{border-color:var(--accent-red)}.card{background-color:var(--bg-gray-900);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--border-gray-800)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--bg-gray-900);border-radius:var(--radius-xl);padding:var(--spacing-xl);max-width:90vw;max-height:90vh;overflow-y:auto;z-index:51}@media (max-width: 640px){html{font-size:14px}.modal{padding:var(--spacing-lg);margin:var(--spacing-md)}}@media (max-width: 480px){html{font-size:13px}}@supports (padding: max(0px)){.safe-area-top{padding-top:max(var(--spacing-md),env(safe-area-inset-top))}.safe-area-bottom{padding-bottom:max(var(--spacing-md),env(safe-area-inset-bottom))}.safe-area-left{padding-left:max(var(--spacing-md),env(safe-area-inset-left))}.safe-area-right{padding-right:max(var(--spacing-md),env(safe-area-inset-right))}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}body{font-size:12pt;line-height:1.5}.no-print{display:none!important}}.gpu-accelerated{transform:translateZ(0);will-change:transform}.smooth-scroll{scroll-behavior:smooth}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media (prefers-contrast: high){:root{--primary-blue: #0066cc;--text-gray-400: #cccccc;--text-gray-500: #999999;--border-gray-700: #666666;--border-gray-800: #333333}}@media (hover: none) and (pointer: coarse){.interactive:hover,.btn:hover{transform:none}}#app{min-height:100vh;min-height:100dvh;position:relative;overflow-x:hidden}.tiktok-gradient-1{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.tiktok-gradient-2{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.tiktok-gradient-3{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}.tiktok-gradient-4{background:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%)}.tiktok-gradient-5{background:linear-gradient(135deg,#fa709a 0%,#fee140 100%)}.hashtag{color:var(--primary-blue-light);cursor:pointer;transition:color var(--transition-fast)}.hashtag:hover{color:var(--primary-blue)}.notification{position:fixed;top:var(--spacing-xl);left:50%;transform:translate(-50%);background-color:var(--bg-gray-900);color:var(--text-white);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);z-index:100;animation:slideInDown .3s ease-out}.notification.success{background-color:var(--accent-green)}.notification.error{background-color:var(--accent-red)}.notification.info{background-color:var(--primary-blue)}
