.add-video-page{z-index:40;-webkit-overflow-scrolling:touch;background:#000;padding:52px 16px 100px;position:absolute;inset:0;overflow-y:auto}.add-video-page::-webkit-scrollbar{display:none}.add-video-title{color:#fff;font-size:20px;font-weight:700;font-family:var(--font-display);margin-bottom:20px}.add-video-success{color:#0f8;text-align:center;background:#00ff881f;border:1px solid #00ff8840;border-radius:12px;margin-bottom:16px;padding:12px 16px;font-size:14px;font-weight:600;animation:.3s ease-out fadeIn}.add-video-error{color:#ff6b9d;text-align:center;background:#ff2d871f;border:1px solid #ff2d8740;border-radius:12px;margin-bottom:16px;padding:12px 16px;font-size:14px;font-weight:600}.add-video-form{flex-direction:column;gap:20px;display:flex}.add-video-section{flex-direction:column;gap:8px;display:flex}.add-video-row{gap:12px;display:flex}.add-video-row .flex-1{flex:1;min-width:0}.add-video-label{color:#ffffffb3;font-size:13px;font-weight:600;font-family:var(--font-sans)}.add-video-sublabel{color:#fff6;font-size:12px;font-weight:500;font-family:var(--font-sans);margin-top:4px}.add-required{color:var(--neon-pink);margin-left:2px}.add-video-hint{color:#ffffff59;font-size:12px;font-family:var(--font-sans)}.add-video-input{color:#fff;width:100%;font-size:15px;font-family:var(--font-sans);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;outline:none;padding:12px 14px;transition:border-color .2s}.add-video-input:focus{border-color:#ffffff4d}.add-video-input::placeholder{color:#ffffff40}.add-video-textarea{color:#fff;width:100%;font-size:15px;font-family:var(--font-sans);resize:none;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;outline:none;padding:12px 14px;line-height:1.6;transition:border-color .2s}.add-video-textarea:focus{border-color:#ffffff4d}.add-video-textarea::placeholder{color:#ffffff40}.add-char-count{text-align:right;color:#ffffff4d;font-size:11px;font-family:var(--font-mono);display:block}.add-video-submit{color:#fff;font-size:15px;font-weight:700;font-family:var(--font-display);cursor:pointer;background:linear-gradient(135deg,#ff2d87,#b026ff);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:14px 20px;transition:transform .2s,box-shadow .2s,opacity .2s;display:flex;box-shadow:0 0 20px #ff2d874d}.add-video-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 28px #ff2d8773}.add-video-submit:active:not(:disabled){transform:translateY(0)}.add-video-submit:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.add-avatar-preview-wrap{justify-content:center;margin-bottom:8px;display:flex}.add-success-overlay{z-index:9999;-webkit-backdrop-filter:blur(6px);background:#0009;justify-content:center;align-items:center;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.add-success-overlay.closing{animation:.25s ease-out forwards fadeOut}.add-success-modal{text-align:center;background:#1a1a2e;border:1px solid #ffffff14;border-radius:20px;width:280px;max-width:85vw;padding:32px 20px 24px;animation:.3s ease-out scaleIn}.add-success-modal.closing{animation:.25s ease-out forwards scaleOut}.add-success-icon-wrap{margin-bottom:16px}.add-success-icon{color:#fff;background:linear-gradient(135deg,#0f8,#00cc6a);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto;font-size:32px;display:flex;box-shadow:0 0 28px #00ff8859}.add-success-heading{color:#fff;font-size:18px;font-weight:700;font-family:var(--font-display);margin-bottom:8px}.add-success-title-text{color:#ffffffb3;font-size:14px;font-family:var(--font-sans);word-break:break-word;margin-bottom:6px;line-height:1.5}.add-success-sub{color:#ffffff59;font-size:12px;font-family:var(--font-sans);margin-bottom:20px}.add-success-close-btn{color:#fff;font-size:14px;font-weight:600;font-family:var(--font-display);cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:12px;padding:10px 28px;transition:background .2s,transform .2s}.add-success-close-btn:hover{background:#ffffff24;transform:translateY(-1px)}.add-success-close-btn:active{transform:translateY(0)}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.add-avatar-presets{flex-wrap:wrap;gap:10px;display:flex}.add-avatar-preset{cursor:pointer;border:2px solid #0000;border-radius:50%;width:40px;height:40px;transition:transform .2s,border-color .2s}.add-avatar-preset:hover{transform:scale(1.1)}.add-avatar-preset.selected{border-color:#fff;box-shadow:0 0 0 3px #fff3}.add-theme-presets{flex-wrap:wrap;gap:10px;display:flex}.add-theme-preset{color:#fff;font-size:13px;font-weight:500;font-family:var(--font-sans);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;transition:all .2s;display:flex}.add-theme-preset:hover{background:#ffffff1a}.add-theme-preset.selected{border-color:var(--neon-pink);background:#ff2d871a}.add-theme-dot{border-radius:50%;flex-shrink:0;width:14px;height:14px}.add-theme-label{font-size:12px}.nav-item.create-btn .create-btn-inner{color:#fff;background:linear-gradient(135deg,#ff2d87 0%,#3af4ff 100%);border-radius:10px;justify-content:center;align-items:center;width:46px;height:32px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 0 16px #ff2d8780}.nav-item.create-btn:hover .create-btn-inner{transform:scale(1.05);box-shadow:0 0 24px #ff2d87b3}.password-gate-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);background:#000000b3;justify-content:center;align-items:center;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.password-gate-dialog{text-align:center;background:#1a1a2e;border:1px solid #ffffff14;border-radius:20px;width:320px;max-width:90vw;padding:32px 24px 24px;animation:.3s ease-out scaleIn;position:relative}.password-gate-icon{color:#fff;background:linear-gradient(135deg,#ff2d87,#b026ff);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;display:flex;box-shadow:0 0 24px #ff2d8766}.password-gate-title{color:#fff;font-size:18px;font-weight:700;font-family:var(--font-display);margin-bottom:6px}.password-gate-desc{color:#ffffff73;font-size:13px;font-family:var(--font-sans);margin-bottom:20px}.password-gate-form{flex-direction:column;gap:12px;display:flex}.password-gate-input{color:#fff;width:100%;font-size:16px;font-family:var(--font-sans);text-align:center;letter-spacing:4px;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;outline:none;padding:12px 14px;transition:border-color .2s}.password-gate-input:focus{border-color:#ff2d8780}.password-gate-input::placeholder{color:#fff3;letter-spacing:0}.password-gate-error{color:#ff6b9d;font-size:13px;font-weight:600;font-family:var(--font-sans);animation:.4s ease-out shake}.password-gate-submit{color:#fff;width:100%;font-size:15px;font-weight:700;font-family:var(--font-display);cursor:pointer;background:linear-gradient(135deg,#ff2d87,#b026ff);border:none;border-radius:12px;padding:12px 20px;transition:transform .2s,box-shadow .2s;box-shadow:0 0 20px #ff2d874d}.password-gate-submit:hover{transform:translateY(-1px);box-shadow:0 0 28px #ff2d8773}.password-gate-submit:active{transform:translateY(0)}.password-gate-change{color:#ffffff4d;font-size:12px;font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;padding:4px;transition:color .2s}.password-gate-change:hover{color:#fff9}.password-gate-remember{color:#fff6;font-size:12px;font-family:var(--font-sans);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;transition:color .2s;display:flex}.password-gate-remember:hover{color:#ffffffa6}.password-gate-remember input[type=checkbox]{accent-color:#ff2d87;cursor:pointer;flex-shrink:0;width:16px;height:16px}.password-gate-footer-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.password-gate-close{color:#fff6;cursor:pointer;background:#ffffff0d;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s,color .2s;display:flex;position:absolute;top:12px;right:12px}.password-gate-close:hover{color:#fff;background:#ffffff1a}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.age-gate-overlay{z-index:99999;-webkit-backdrop-filter:blur(16px);background:#000000d9;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.age-gate-overlay.age-gate-closing{animation:.35s ease-out forwards fadeOut}.age-gate-dialog{text-align:center;background:linear-gradient(#14141e 0%,#0e0e18 100%);border:1px solid #ffffff0f;border-radius:24px;width:400px;max-width:90vw;padding:40px 32px 32px;animation:.4s ease-out scaleIn;position:relative;box-shadow:0 0 60px #ff2d8714,0 0 120px #b026ff0a}.age-gate-dialog.age-gate-dialog-closing{animation:.3s ease-out forwards scaleOut}.age-gate-warning-icon{justify-content:center;margin-bottom:20px;display:flex}.age-gate-warning-icon svg circle:first-of-type{animation:2s ease-in-out infinite ageRingPulse}@keyframes ageRingPulse{0%,to{opacity:.6}50%{opacity:1}}.age-gate-title{color:#fff;font-size:24px;font-weight:700;font-family:var(--font-display);letter-spacing:.02em;margin-bottom:12px}.age-gate-desc{color:#ffffff8c;font-size:14px;font-family:var(--font-sans);margin-bottom:28px;line-height:1.8}.age-gate-actions{flex-direction:column;gap:10px;display:flex}.age-gate-btn{width:100%;font-size:15px;font-weight:700;font-family:var(--font-display);cursor:pointer;border:none;border-radius:14px;padding:14px 20px;transition:transform .2s,box-shadow .2s,background .2s}.age-gate-btn-yes{color:#fff;background:linear-gradient(135deg,#ff2d87,#b026ff);box-shadow:0 0 24px #ff2d8759,0 0 48px #ff2d871a}.age-gate-btn-yes:hover{transform:translateY(-2px);box-shadow:0 0 32px #ff2d8780,0 0 64px #ff2d8726}.age-gate-btn-yes:active{transform:translateY(0)}.age-gate-btn-no{color:#ffffff73;background:#ffffff0d;border:1px solid #ffffff14}.age-gate-btn-no:hover{color:#ffffffa6;background:#ffffff14}.age-gate-disclaimer{color:#fff3;font-size:11px;font-family:var(--font-sans);margin-top:20px;line-height:1.5}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.admin-page{z-index:40;background:#000;flex-direction:column;display:flex;position:absolute;inset:0}.admin-tab-bar{z-index:10;background:#000;gap:0;padding:12px 16px 0;display:flex;position:sticky;top:0}.admin-tab{color:#fff6;font-size:14px;font-weight:600;font-family:var(--font-sans);cursor:pointer;background:#ffffff0a;border:none;border-radius:12px 12px 0 0;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px 16px;transition:all .2s;display:flex}.admin-tab.active{color:#fff;background:#ffffff14}.admin-tab:hover{color:#ffffffb3}.admin-tab-count{color:#ff6b9d;background:#ff2d874d;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}.admin-page-content{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.admin-page-content>*{flex:1}.admin-page-content>.add-video-page{padding-top:16px;position:relative;inset:auto}.edit-video-list-wrap{-webkit-overflow-scrolling:touch;flex:1;padding:16px 16px 100px;overflow-y:auto}.edit-video-list-wrap::-webkit-scrollbar{display:none}.edit-video-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.edit-empty-icon{color:#fff3;background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:16px;font-size:32px;display:flex}.edit-empty-text{color:#fff6;font-size:15px;font-weight:600;font-family:var(--font-sans);margin-bottom:6px}.edit-empty-sub{color:#ffffff40;font-size:13px;font-family:var(--font-sans);line-height:1.5}.edit-video-list{flex-direction:column;gap:10px;display:flex}.edit-video-card{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:14px;align-items:center;gap:12px;padding:12px;transition:background .2s;display:flex}.edit-video-card:hover{background:#ffffff0f}.edit-video-card-thumb{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative;overflow:hidden}.edit-video-card-avatar{color:#fff;width:32px;height:32px;font-size:14px;font-weight:700;font-family:var(--font-sans);border-radius:50%;justify-content:center;align-items:center;display:flex}.edit-video-card-body{flex:1;min-width:0}.edit-video-card-title{color:#fff;font-size:14px;font-weight:600;font-family:var(--font-sans);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;overflow:hidden}.edit-video-card-creator{color:#fff6;font-size:12px;font-family:var(--font-sans);margin-bottom:4px}.edit-video-card-tags{flex-wrap:wrap;gap:4px;display:flex}.edit-video-card-tag{color:#ffffff59;font-size:10px;font-family:var(--font-sans);background:#ffffff0f;border-radius:4px;padding:2px 6px}.edit-video-card-tag-more{color:#fff3;font-size:10px;font-family:var(--font-sans)}.edit-video-card-actions{flex-direction:column;flex-shrink:0;gap:6px;display:flex}.edit-video-edit-btn{color:#ffffff80;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;transition:all .2s;display:flex}.edit-video-edit-btn:hover{color:#3af4ff;background:#3af4ff1a;border-color:#3af4ff4d}.edit-video-delete-btn{color:#ffffff80;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;transition:all .2s;display:flex}.edit-video-delete-btn:hover{color:#ff2d87;background:#ff2d871a;border-color:#ff2d874d}.edit-video-visible-btn{color:#ffffff80;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;transition:all .2s;display:flex}.edit-video-visible-btn:hover{color:#fff;background:#ffffff1a}.edit-video-visible-btn.is-hidden{color:#ff6b9d;background:#ff2d871a;border-color:#ff2d874d}.edit-video-visible-btn.is-hidden:hover{color:#ff2d87;background:#ff2d8733}.edit-video-card-hidden{opacity:.5;background:#ffffff05;border-color:#ffffff0a}.edit-video-drag-btn{color:#fff3;cursor:grab;touch-action:none;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:48px;font-size:18px;transition:color .2s;display:flex}.edit-video-drag-btn:hover{color:#ffffff80}.edit-video-drag-btn:active{cursor:grabbing}.edit-video-card-dragging{background:#ffffff14;border-color:#ff2d874d;box-shadow:0 8px 32px #ff2d8740}.edit-video-form-wrap{-webkit-overflow-scrolling:touch;flex:1;padding:16px 16px 100px;overflow-y:auto}.edit-video-form-wrap::-webkit-scrollbar{display:none}.edit-form-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.edit-back-btn{color:#fff9;font-size:13px;font-weight:500;font-family:var(--font-sans);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:4px;padding:8px 12px;transition:all .2s;display:flex}.edit-back-btn:hover{color:#fff;background:#ffffff1a}.edit-back-btn i{font-size:18px}.edit-form-title{color:#fff;font-size:18px;font-weight:700;font-family:var(--font-display)}.edit-delete-overlay{z-index:9999;-webkit-backdrop-filter:blur(6px);background:#0009;justify-content:center;align-items:center;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.edit-delete-dialog{text-align:center;background:#1a1a2e;border:1px solid #ffffff14;border-radius:20px;width:300px;max-width:85vw;padding:28px 20px 20px;animation:.3s ease-out scaleIn}.edit-delete-icon-wrap{margin-bottom:14px}.edit-delete-icon{color:#fff;background:linear-gradient(135deg,#ff2d87,#ff6b9d);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto;font-size:28px;display:flex;box-shadow:0 0 24px #ff2d874d}.edit-delete-heading{color:#fff;font-size:16px;font-weight:700;font-family:var(--font-display);margin-bottom:6px}.edit-delete-desc{color:#ffffff73;font-size:13px;font-family:var(--font-sans);margin-bottom:20px;line-height:1.5}.edit-delete-actions{gap:10px;display:flex}.edit-delete-cancel-btn{color:#fff;font-size:14px;font-weight:600;font-family:var(--font-sans);cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:12px;flex:1;padding:10px 16px;transition:background .2s}.edit-delete-cancel-btn:hover{background:#ffffff24}.edit-delete-confirm-btn{color:#fff;font-size:14px;font-weight:700;font-family:var(--font-display);cursor:pointer;background:linear-gradient(135deg,#ff2d87,#ff6b9d);border:none;border-radius:12px;flex:1;padding:10px 16px;transition:transform .2s,box-shadow .2s;box-shadow:0 0 16px #ff2d874d}.edit-delete-confirm-btn:hover{transform:translateY(-1px);box-shadow:0 0 24px #ff2d8773}.edit-delete-confirm-btn:active{transform:translateY(0)}.edit-delete-toast{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;animation:.3s ease-out fadeIn;display:flex}.edit-delete-toast-text{color:#ffffffb3;font-size:13px;font-family:var(--font-sans);flex:1}.edit-delete-toast-undo{color:#3af4ff;font-size:13px;font-weight:600;font-family:var(--font-sans);cursor:pointer;background:#3af4ff1f;border:1px solid #3af4ff40;border-radius:8px;flex-shrink:0;padding:6px 14px;transition:background .2s}.edit-delete-toast-undo:hover{background:#3af4ff33}.add-video-mode-tabs{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;gap:0;margin-bottom:20px;padding:4px;display:flex}.add-video-mode-tab{color:#ffffff59;font-size:13px;font-weight:600;font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 16px;transition:all .2s;display:flex}.add-video-mode-tab:hover{color:#fff9}.add-video-mode-tab.active{color:#fff;background:#ffffff14}.add-video-mode-tab i{font-size:16px}.add-video-mode-tabs-three .add-video-mode-tab{padding:10px 8px;font-size:12px}.add-video-mode-tabs-three .add-video-mode-tab i{font-size:14px}.add-video-file-zone{cursor:pointer;background:#ffffff08;border:2px dashed #ffffff26;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:140px;padding:32px 20px;transition:all .2s;display:flex}.add-video-file-zone:hover,.add-video-file-zone.dragover{background:#ff2d870f;border-color:#ff2d8780}.add-video-file-zone-icon{color:#ffffff4d;background:#ffffff0f;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:12px;font-size:24px;display:flex}.add-video-file-zone-text{color:#ffffff80;font-size:14px;font-weight:500;font-family:var(--font-sans);text-align:center;line-height:1.6}.add-video-file-zone-hint{color:#fff3;font-size:12px;font-family:var(--font-sans);margin-top:6px}.csv-import-wrap{flex-direction:column;gap:16px;display:flex}.csv-drop-zone{cursor:pointer;background:#ffffff08;border:2px dashed #ffffff26;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:140px;padding:32px 20px;transition:all .2s;display:flex}.csv-drop-zone:hover,.csv-drop-zone.dragover{background:#3af4ff0f;border-color:#3af4ff80}.csv-drop-icon{color:#3af4ff;background:#3af4ff1a;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:12px;font-size:24px;display:flex}.csv-drop-text{color:#ffffff80;font-size:14px;font-weight:500;font-family:var(--font-sans);text-align:center;line-height:1.6}.csv-drop-hint{color:#fff3;font-size:12px;font-family:var(--font-sans);margin-top:6px}.csv-template-section{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:16px;display:flex}.csv-template-desc{color:#ffffff73;font-size:13px;font-family:var(--font-sans);text-align:center;line-height:1.5}.csv-template-btn{color:#3af4ff;font-size:13px;font-weight:600;font-family:var(--font-sans);cursor:pointer;background:#3af4ff1a;border:1px solid #3af4ff33;border-radius:10px;align-items:center;gap:6px;padding:10px 18px;transition:all .2s;display:flex}.csv-template-btn:hover{background:#3af4ff2e;border-color:#3af4ff59}.csv-template-btn i{font-size:16px}.csv-format-info{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;overflow:hidden}.csv-format-title{color:#ffffff80;font-size:13px;font-weight:600;font-family:var(--font-sans);padding:12px 14px 8px}.csv-format-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.csv-format-table-wrap::-webkit-scrollbar{height:4px}.csv-format-table-wrap::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.csv-format-table{border-collapse:collapse;width:100%;font-size:12px;font-family:var(--font-sans)}.csv-format-table th{text-align:left;color:#ffffff59;white-space:nowrap;border-bottom:1px solid #ffffff0f;padding:8px 14px;font-weight:600}.csv-format-table td{color:#ffffff8c;vertical-align:top;border-bottom:1px solid #ffffff08;padding:8px 14px}.csv-format-table code{font-family:var(--font-mono);color:#3af4ff;background:#3af4ff14;border-radius:4px;padding:2px 6px;font-size:11px}.csv-required-tag{color:#ff6b9d;background:#ff2d871f;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:700;display:inline-flex}.csv-optional-tag{color:#ffffff59;background:#ffffff0f;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:600;display:inline-flex}.csv-file-selected{background:#3af4ff0f;border:1px solid #3af4ff1f;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.csv-file-info{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.csv-file-icon{color:#3af4ff;background:#3af4ff1a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.csv-file-detail{min-width:0}.csv-file-name{color:#fffc;font-size:13px;font-weight:600;font-family:var(--font-sans);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;overflow:hidden}.csv-file-meta{color:#ffffff59;font-size:11px;font-family:var(--font-sans)}.csv-file-meta-sep{color:#ffffff26;margin:0 6px}.csv-file-meta-valid{color:#0f8}.csv-file-meta-invalid{color:#ff6b9d}.csv-file-change-btn{color:#ffffff80;font-size:12px;font-weight:500;font-family:var(--font-sans);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;flex-shrink:0;align-items:center;gap:4px;padding:6px 12px;transition:all .2s;display:flex}.csv-file-change-btn:hover{color:#fff;background:#ffffff1a}.csv-file-change-btn i{font-size:14px}.csv-preview-section{flex-direction:column;gap:12px;display:flex}.csv-preview-header{justify-content:space-between;align-items:center;display:flex}.csv-preview-title{color:#ffffff80;font-size:13px;font-weight:600;font-family:var(--font-sans)}.csv-preview-counts{font-size:11px;font-family:var(--font-sans)}.csv-count-valid{color:#0f8}.csv-count-invalid{color:#ff6b9d}.csv-preview-table-wrap{-webkit-overflow-scrolling:touch;border:1px solid #ffffff14;border-radius:10px;overflow-x:auto}.csv-preview-table-wrap::-webkit-scrollbar{height:4px}.csv-preview-table-wrap::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.csv-preview-table{border-collapse:collapse;width:100%;min-width:500px;font-size:12px;font-family:var(--font-sans)}.csv-preview-table th{text-align:left;color:#ffffff59;white-space:nowrap;background:#ffffff08;border-bottom:1px solid #ffffff14;padding:8px 10px;font-size:11px;font-weight:600}.csv-preview-table td{color:#fff9;white-space:nowrap;border-bottom:1px solid #ffffff08;padding:8px 10px}.csv-preview-table tbody tr:last-child td{border-bottom:none}.csv-preview-table tbody tr:hover{background:#ffffff05}.csv-preview-table .csv-row-invalid{background:#ff2d870a}.csv-preview-table .csv-row-invalid:hover{background:#ff2d8712}.csv-th-no{width:36px}.csv-th-status{width:48px}.csv-th-url{min-width:160px}.csv-th-title{min-width:120px}.csv-th-creator{min-width:80px}.csv-th-error{min-width:140px}.csv-td-no{font-family:var(--font-mono);color:#ffffff40!important}.csv-td-status{text-align:center}.csv-status-ok{color:#0f8;background:#00ff8826;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;display:inline-flex}.csv-status-ng{color:#ff6b9d;background:#ff2d8726;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;display:inline-flex}.csv-td-url{font-family:var(--font-mono);text-overflow:ellipsis;max-width:180px;font-size:11px;overflow:hidden}.csv-td-title{text-overflow:ellipsis;max-width:140px;overflow:hidden}.csv-error-text{color:#ff6b9d;white-space:normal;word-break:break-word;font-size:11px}.csv-import-btn{color:#000;width:100%;font-size:15px;font-weight:700;font-family:var(--font-display);cursor:pointer;background:linear-gradient(135deg,#00cc6a,#0f8);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 20px;transition:transform .2s,box-shadow .2s,opacity .2s;display:flex;box-shadow:0 0 20px #00ff884d}.csv-import-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 28px #00ff8873}.csv-import-btn:active:not(:disabled){transform:translateY(0)}.csv-import-btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none;transform:none}.csv-import-spinner{border:2px solid #0003;border-top-color:#000;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.csv-import-result{background:#00ff8814;border:1px solid #00ff8826;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.csv-import-result-icon{color:#0f8;background:#00ff8826;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.csv-import-result-title{color:#0f8;font-size:14px;font-weight:600;font-family:var(--font-sans)}.csv-import-result-detail{color:#ffffff80;font-size:12px;font-family:var(--font-sans);margin-top:2px}.add-video-file-info{background:#ffffff0d;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:12px;padding:12px;display:flex}.add-video-file-info-preview{background:#000;border-radius:10px;flex-shrink:0;width:56px;height:56px;overflow:hidden}.add-video-file-preview-video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.add-video-file-info-detail{flex:1;min-width:0}.add-video-file-info-name{color:#fffc;font-size:13px;font-weight:600;font-family:var(--font-sans);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;overflow:hidden}.add-video-file-info-size{color:#ffffff59;font-size:11px;font-family:var(--font-mono)}.add-video-file-change-btn{color:#ffffff80;font-size:12px;font-weight:500;font-family:var(--font-sans);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;flex-shrink:0;align-items:center;gap:4px;padding:6px 12px;transition:all .2s;display:flex}.add-video-file-change-btn:hover{color:#fff;background:#ffffff1a}.add-video-file-change-btn i{font-size:14px}.add-video-file-input-hidden{display:none}.edit-video-card-badge{color:#3af4ff;font-size:9px;font-weight:700;font-family:var(--font-sans);vertical-align:middle;background:#3af4ff1a;border:1px solid #3af4ff33;border-radius:4px;align-items:center;margin-left:6px;padding:1px 6px;display:inline-flex}.desktop-admin-panel{display:none}@media (width>=900px){.desktop-admin-panel{z-index:25;background:#0c0c16;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;width:480px;max-width:calc(100vw - 430px);height:calc(100vh - 40px);animation:.35s ease-out slideInRight;display:flex;position:fixed;top:20px;right:max(16px,50vw - 710px);overflow:hidden;box-shadow:0 0 60px #000000b3}.desktop-admin-panel .admin-page{flex-direction:column;flex:1;display:flex;position:relative;inset:auto;overflow:hidden}.desktop-admin-panel .admin-page-content{flex:1;overflow:hidden}.desktop-admin-panel .admin-tab-bar{background:#0c0c16;padding-left:20px;padding-right:20px;position:sticky;top:0}.desktop-admin-panel .add-video-page{-webkit-overflow-scrolling:touch;flex:1;padding:24px 20px 40px;position:relative;inset:auto;overflow-y:auto}.desktop-admin-panel .add-video-page::-webkit-scrollbar{width:6px}.desktop-admin-panel .add-video-page::-webkit-scrollbar-track{background:0 0}.desktop-admin-panel .add-video-page::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.desktop-admin-panel .edit-video-list-wrap{-webkit-overflow-scrolling:touch;flex:1;padding:0;position:relative;inset:auto;overflow-y:auto}.desktop-admin-panel .edit-video-list-wrap::-webkit-scrollbar{width:6px}.desktop-admin-panel .edit-video-list-wrap::-webkit-scrollbar-track{background:0 0}.desktop-admin-panel .edit-video-list-wrap::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.desktop-admin-panel .edit-table-th{background:#0c0c16}.desktop-admin-panel .edit-video-list{padding:12px 16px 20px}.desktop-admin-panel .edit-video-empty{padding:60px 20px}.desktop-admin-panel .edit-delete-toast{margin:12px 16px 0}.desktop-admin-panel .edit-video-form-wrap{-webkit-overflow-scrolling:touch;flex:1;padding:16px 20px 40px;position:relative;inset:auto;overflow-y:auto}.desktop-admin-panel .edit-video-form-wrap::-webkit-scrollbar{width:6px}.desktop-admin-panel .edit-video-form-wrap::-webkit-scrollbar-track{background:0 0}.desktop-admin-panel .edit-video-form-wrap::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.desktop-admin-close-btn{color:#fff6;cursor:pointer;z-index:30;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.desktop-admin-close-btn:hover{color:#ff6b9d;background:#ff2d8726;border-color:#ff2d874d}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.edit-table-wrap{-webkit-overflow-scrolling:touch;flex:1;overflow:auto}.edit-table-wrap::-webkit-scrollbar{width:6px;height:6px}.edit-table-wrap::-webkit-scrollbar-track{background:0 0}.edit-table-wrap::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.edit-video-table{border-collapse:collapse;width:100%;font-size:13px;font-family:var(--font-sans)}.edit-table-th{z-index:5;text-align:left;color:#ffffff59;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background:#0c0c16;border-bottom:1px solid #ffffff14;padding:10px 12px;font-size:11px;font-weight:700;position:sticky;top:0}.edit-table-th-drag{width:36px;padding:0}.edit-table-th-thumb{width:52px}.edit-table-th-title{min-width:160px}.edit-table-th-creator{min-width:80px}.edit-table-th-tags{min-width:100px}.edit-table-th-stats{text-align:center;width:80px}.edit-table-th-visible{text-align:center;width:52px}.edit-table-th-actions{text-align:center;width:80px}.edit-table-row{border-bottom:1px solid #ffffff0a;transition:background .15s}.edit-table-row:hover{background:#ffffff08}.edit-table-row-hidden{opacity:.45}.edit-table-row-hidden:hover{opacity:.65}.edit-table-row-dragging{box-shadow:0 4px 20px #ff2d8733;background:#ff2d8714!important}.edit-table-td{vertical-align:middle;color:#ffffffb3;padding:10px 12px}.edit-table-td-drag{text-align:center;padding:0}.edit-table-drag-btn{color:#ffffff26;cursor:grab;touch-action:none;background:0 0;border:none;justify-content:center;align-items:center;width:100%;height:100%;min-height:44px;padding:0;font-size:16px;transition:color .2s;display:flex}.edit-table-drag-btn:hover{color:#ffffff73}.edit-table-drag-btn:active{cursor:grabbing}.edit-table-td-thumb{padding:8px 12px}.edit-table-thumb{border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;overflow:hidden}.edit-table-avatar{color:#fff;width:24px;height:24px;font-size:11px;font-weight:700;font-family:var(--font-sans);border-radius:50%;justify-content:center;align-items:center;display:flex}.edit-table-title-text{color:#fff;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;max-width:200px;font-weight:600;display:inline-block;overflow:hidden}.edit-table-badge{color:#3af4ff;vertical-align:middle;background:#3af4ff1a;border:1px solid #3af4ff33;border-radius:4px;flex-shrink:0;align-items:center;margin-left:6px;padding:1px 5px;font-size:9px;font-weight:700;display:inline-flex}.edit-table-td-creator{white-space:nowrap;text-overflow:ellipsis;color:#ffffff80;max-width:100px;font-size:12px;overflow:hidden}.edit-table-tags{flex-wrap:wrap;gap:4px;display:flex}.edit-table-tag{color:#ffffff59;white-space:nowrap;background:#ffffff0f;border-radius:4px;padding:2px 6px;font-size:10px}.edit-table-tag-more{color:#ffffff2e;white-space:nowrap;font-size:10px}.edit-table-empty{color:#ffffff26;font-size:12px}.edit-table-td-stats{text-align:center}.edit-table-stat{color:#ffffff59;font-size:12px;font-family:var(--font-sans);align-items:center;gap:3px;display:inline-flex}.edit-table-stat i{color:#ffffff40;font-size:13px}.edit-table-td-visible{text-align:center}.edit-table-visible-btn{color:#fff6;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;transition:all .2s;display:inline-flex}.edit-table-visible-btn:hover{color:#fff;background:#ffffff1a}.edit-table-visible-btn.is-hidden{color:#ff6b9d;background:#ff2d871a;border-color:#ff2d8740}.edit-table-visible-btn.is-hidden:hover{color:#ff2d87;background:#ff2d8733}.edit-table-td-actions{text-align:center;white-space:nowrap}.edit-table-action-btn{color:#fff6;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;transition:all .2s;display:inline-flex}.edit-table-action-btn+.edit-table-action-btn{margin-left:6px}.edit-table-edit-btn:hover{color:#3af4ff;background:#3af4ff1a;border-color:#3af4ff4d}.edit-table-delete-btn:hover{color:#ff2d87;background:#ff2d871a;border-color:#ff2d874d}.add-video-upload-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.6s linear infinite spin}.add-video-progress-wrap{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.add-video-progress-bar{background:#ffffff14;border-radius:3px;width:100%;height:6px;overflow:hidden}.add-video-progress-fill{background:linear-gradient(90deg,#ff2d87,#3af4ff);border-radius:3px;height:100%;transition:width .3s ease-out}.add-video-progress-text{color:#ffffff73;font-size:12px;font-family:var(--font-sans);text-align:center}*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.bottom-0{bottom:0}.z-0{z-index:0}.z-10{z-index:10}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.hidden{display:none}.h-10{height:2.5rem}.h-12{height:3rem}.h-full{height:100%}.h-screen{height:100vh}.w-10{width:2.5rem}.w-12{width:3rem}.w-full{width:100%}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-spin{animation:1s linear infinite spin}.select-none{-webkit-user-select:none;user-select:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1\.5{gap:.375rem}.gap-4{gap:1rem}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-full{border-radius:9999px}.border-t-transparent{border-top-color:#0000}.object-cover{-o-object-fit:cover;object-fit:cover}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-9xl{font-size:8rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-50{--tw-text-opacity:1;color:rgb(249 250 251/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}:root{--bg:#08080f;--bg-elev:#12121c;--fg:#fff;--fg-dim:#ffffffb3;--fg-mute:#ffffff80;--neon-pink:#ff2d87;--neon-cyan:#3af4ff;--neon-violet:#b026ff;--neon-green:#0f8;--border:#ffffff14;--font-sans:"Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Space Grotesk", "Noto Sans JP", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace}html,body,#root{height:100%;margin:0;padding:0}body{color:var(--fg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;overscroll-behavior:none;background:#000;font-weight:400;overflow:hidden}button{color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;font-family:inherit}.desktop-stage{background:radial-gradient(at 20% 30%,#ff2d8726 0%,#0000 50%),radial-gradient(at 80% 70%,#3af4ff1f 0%,#0000 50%),radial-gradient(at 50% 100%,#b026ff1a 0%,#0000 60%),#05050a;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.desktop-stage:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 80%);mask-image:radial-gradient(#000 30%,#0000 80%)}.orb{filter:blur(80px);opacity:.5;pointer-events:none;border-radius:50%;animation:20s ease-in-out infinite floatOrb;position:absolute}.orb-1{background:#ff2d87;width:500px;height:500px;top:-10%;left:-10%}.orb-2{background:#3af4ff;width:600px;height:600px;animation-delay:-7s;bottom:-20%;right:-10%}.orb-3{background:#b026ff;width:400px;height:400px;animation-delay:-14s;top:40%;left:60%}@keyframes floatOrb{0%,to{transform:translate(0)scale(1)}33%{transform:translate(50px,-30px)scale(1.1)}66%{transform:translate(-30px,40px)scale(.9)}}.side-info{z-index:5;color:var(--fg);font-family:var(--font-display);position:absolute}.side-info.left{max-width:300px;top:50%;left:max(40px,50% - 480px);transform:translateY(-50%)}.side-info.right{text-align:right;max-width:300px;top:50%;right:max(40px,50% - 480px);transform:translateY(-50%)}.side-info .logo{font-family:var(--font-display);letter-spacing:-.03em;background:linear-gradient(135deg,#ff2d87 0%,#3af4ff 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:44px;font-weight:700;line-height:1}.side-info .logo-dot{vertical-align:4px;background:#ff2d87;border-radius:50%;width:10px;height:10px;margin-left:2px;display:inline-block;box-shadow:0 0 12px #ff2d87}.side-info .tagline{color:var(--fg-dim);font-size:14px;line-height:1.7;font-family:var(--font-sans);margin-bottom:24px}.side-info .feature-list{font-family:var(--font-sans);margin:0;padding:0;list-style:none}.side-info .feature-list li{border-top:1px solid var(--border);color:var(--fg-dim);align-items:center;gap:10px;padding:10px 0;font-size:13px;display:flex}.side-info.right .feature-list li{flex-direction:row-reverse}.side-info .feature-list li:last-child{border-bottom:1px solid var(--border)}.side-info .feature-list .num{font-family:var(--font-mono);color:var(--neon-pink);min-width:24px;font-size:11px}.download-badges{gap:8px;margin-top:24px;display:flex}.side-info.right .download-badges{justify-content:flex-end}.badge{border:1px solid var(--border);font-size:11px;font-family:var(--font-mono);color:var(--fg-dim);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;transition:all .2s;display:flex}.badge:hover{border-color:var(--neon-pink);color:var(--fg)}.badge .badge-icon{font-size:14px}.side-info .live-indicator{font-family:var(--font-mono);letter-spacing:.2em;color:var(--neon-green);text-transform:uppercase;align-items:center;gap:8px;margin-bottom:24px;font-size:10px;display:inline-flex}.side-info .live-dot{background:var(--neon-green);width:6px;height:6px;box-shadow:0 0 8px var(--neon-green);border-radius:50%;animation:1.5s ease-in-out infinite pulseDot}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.3}}.trending-list{margin-bottom:24px}.trending-list .trending-row{border-top:1px solid var(--border);font-family:var(--font-sans);justify-content:space-between;align-items:baseline;padding:10px 0;display:flex}.trending-list .trending-row:last-child{border-bottom:1px solid var(--border)}.trending-list .trending-tag{color:var(--fg);font-size:13px;font-weight:600}.trending-list .trending-rank{color:var(--neon-cyan);font-family:var(--font-mono);margin-right:8px;font-size:11px}.trending-list .trending-count{color:var(--fg-mute);font-size:11px;font-family:var(--font-mono)}.trending-header{font-family:var(--font-mono);color:var(--fg-mute);letter-spacing:.2em;margin-bottom:12px;font-size:10px}.creator-program{text-align:left;background:linear-gradient(135deg,#ff2d871a,#3af4ff14);border:1px solid #ff2d8733;border-radius:16px;padding:16px}.creator-program .cp-eyebrow{font-family:var(--font-mono);color:var(--neon-pink);letter-spacing:.15em;margin-bottom:6px;font-size:10px}.creator-program .cp-title{color:var(--fg);margin-bottom:4px;font-size:13px;font-weight:600;line-height:1.4}.creator-program .cp-desc{color:var(--fg-dim);font-size:11px;line-height:1.5}.phone-shell{z-index:10;background:#000;border-radius:54px;width:390px;height:844px;max-height:calc(100vh - 40px);padding:12px;position:relative;box-shadow:0 0 0 2px #1a1a24,0 0 0 12px #0a0a12,0 40px 100px #0009,0 0 80px #ff2d8726,0 0 120px #3af4ff1a}.phone-shell:before{content:"";background:#1a1a24;border-radius:2px 0 0 2px;width:4px;height:60px;position:absolute;top:180px;left:-14px;box-shadow:0 80px #1a1a24}.phone-shell:after{content:"";background:#1a1a24;border-radius:0 2px 2px 0;width:4px;height:90px;position:absolute;top:200px;right:-14px}.phone-screen{background:var(--bg);border-radius:44px;width:100%;height:100%;position:relative;overflow:hidden}.dynamic-island{z-index:100;pointer-events:none;background:#000;border-radius:20px;width:120px;height:34px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.status-bar{color:#fff;height:54px;font-family:var(--font-display);z-index:90;pointer-events:none;justify-content:space-between;align-items:center;padding:18px 32px 0;font-size:15px;font-weight:600;display:flex;position:absolute;top:0;left:0;right:0}.status-bar .time{text-shadow:0 1px 2px #00000080}.status-bar .indicators{align-items:center;gap:6px;font-size:12px;display:flex}.status-bar .signal-bars{align-items:flex-end;gap:2px;display:inline-flex}.status-bar .signal-bars i{background:#fff;border-radius:1px;width:3px;display:block}.status-bar .signal-bars i:first-child{height:4px}.status-bar .signal-bars i:nth-child(2){height:6px}.status-bar .signal-bars i:nth-child(3){height:8px}.status-bar .signal-bars i:nth-child(4){height:10px}.status-bar .battery{border:1.5px solid #fff;border-radius:3px;width:24px;height:12px;padding:1px;position:relative}.status-bar .battery:after{content:"";background:#fff;border-radius:0 1px 1px 0;width:2px;height:4px;position:absolute;top:3px;right:-4px}.status-bar .battery i{background:#fff;border-radius:1px;width:78%;height:100%;display:block}@media (width<=900px){.desktop-stage{background:#000}.desktop-stage:before,.orb,.side-info,.keyboard-hint{display:none!important}.phone-shell{width:100vw;height:100dvh;max-height:100dvh;box-shadow:none;border-radius:0;padding:0}.phone-shell:before,.phone-shell:after{display:none}.phone-screen{border-radius:0}.dynamic-island,.scanlines{display:none}.light-streak{opacity:.6}.fake-video .blob{filter:blur(40px);opacity:.45}.silhouette{filter:blur(8px)}.particles .particle{box-shadow:none}}.home-view{z-index:30;position:absolute;inset:0}.home-view.home-hidden,.subpage-hidden{display:none}.feed{touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden}.feed-track{will-change:transform;width:100%;height:100%;position:relative}.feed-item{background:#000;width:100%;height:100%;position:absolute;left:0;overflow:hidden}.fake-video-layer{z-index:1;position:absolute;inset:0}.feed-video{-o-object-fit:cover;object-fit:cover;z-index:2;opacity:1;background:0 0;width:100%;height:100%;transition:opacity .15s;position:absolute;inset:0}.feed-empty{z-index:40;text-align:center;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:0 32px;display:flex;position:absolute;inset:0}.feed-empty-icon{color:#fff9;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:6px;font-size:34px;display:flex}.feed-empty-title{color:#fff;font-size:16px;font-weight:700;font-family:var(--font-display)}.feed-empty-sub{color:#ffffff73;font-size:13px;line-height:1.6;font-family:var(--font-sans);max-width:240px}.feed-empty-spinner{border:3px solid #ffffff26;border-top-color:#ffffffb3;border-radius:50%;width:40px;height:40px;margin-bottom:6px;animation:.7s linear infinite spin}.feed-empty-btn{font-size:13px;font-weight:600;font-family:var(--font-sans);color:#fff;background:linear-gradient(135deg,#ff2d87,#b026ff);border:none;border-radius:999px;align-items:center;gap:6px;margin-top:10px;padding:10px 20px;transition:transform .15s,box-shadow .2s;display:inline-flex;box-shadow:0 0 12px #ff2d874d}.feed-empty-btn:hover{transform:translateY(-1px);box-shadow:0 0 16px #ff2d8780}.feed-empty-btn:active{transform:scale(.96)}.video-loading{z-index:64;pointer-events:none;background:#0000004d;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.loading-spinner{border:3px solid #ffffff26;border-top-color:#ffffffb3;border-radius:50%;width:36px;height:36px;animation:.7s linear infinite spin}.fake-video{position:absolute;inset:0;overflow:hidden}.fake-video .video-base{position:absolute;inset:0}.fake-video .blob{filter:blur(60px);opacity:.55;border-radius:50%;position:absolute}.blob-1{width:80%;height:80%;animation:12s ease-in-out infinite blobFloat1;top:-20%;left:-20%}.blob-2{width:70%;height:70%;animation:15s ease-in-out infinite blobFloat2;bottom:-15%;right:-15%}.blob-3{width:50%;height:50%;animation:10s ease-in-out infinite blobFloat3;top:30%;left:30%}@keyframes blobFloat1{0%,to{transform:translate(0)scale(1)rotate(0)}33%{transform:translate(20%,30%)scale(1.2)rotate(60deg)}66%{transform:translate(-15%,20%)scale(.9)rotate(-40deg)}}@keyframes blobFloat2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-30%,-25%)scale(1.15)}}@keyframes blobFloat3{0%,to{opacity:.6;transform:translate(0)scale(1)}50%{opacity:.9;transform:translate(-40%,30%)scale(1.3)}}.scanlines{pointer-events:none;background:repeating-linear-gradient(#0000 0 4px,#0000000f 4px 5px);position:absolute;inset:0}.vignette{pointer-events:none;background:radial-gradient(#0000 40%,#000000b3 100%);position:absolute;inset:0}.particles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.particle{opacity:0;border-radius:50%;animation:linear infinite particleFloat;position:absolute;box-shadow:0 0 6px}@keyframes particleFloat{0%{opacity:0;transform:translateY(100%)translate(0)}10%{opacity:.8}90%{opacity:.8}to{transform:translateY(-10%) translateX(var(--drift,0));opacity:0}}.light-streak{pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff59,#0000);width:300%;height:1px;animation:4s linear infinite streakMove;position:absolute;top:50%;left:-100%}@keyframes streakMove{0%{transform:translate(-33%)}to{transform:translate(33%)}}.silhouette{filter:blur(12px);pointer-events:none;background:radial-gradient(at 50% 20%,#00000059 0%,#00000080 30%,#000000b3 60%,#000000d9 100%);width:80%;height:55%;animation:4s ease-in-out infinite breathe;position:absolute;bottom:0;left:50%;transform:translate(-50%)}@keyframes breathe{0%,to{transform:translate(-50%)scale(1)}50%{transform:translate(-50%)scale(1.03)}}@keyframes oceanFlow{0%{background-position:0 0}to{background-position:0 22px}}.top-nav{z-index:60;pointer-events:none;justify-content:space-between;align-items:center;padding:8px 16px;display:flex;position:absolute;top:54px;left:0;right:0}.top-nav .icon-btn,.top-nav .tab{pointer-events:auto}.top-nav .tabs{flex:1;justify-content:center;align-items:center;gap:20px;display:flex}.top-nav .tab{color:#ffffff8c;font-size:15px;font-weight:600;font-family:var(--font-display);letter-spacing:.01em;padding:8px 4px;transition:color .2s;position:relative}.top-nav .tab.active{color:#fff}.top-nav .tab.active:after{content:"";background:linear-gradient(90deg,#ff2d87,#3af4ff);border-radius:2px;width:20px;height:3px;position:absolute;bottom:2px;left:50%;transform:translate(-50%);box-shadow:0 0 8px #ff2d8799}.top-nav .tab .dot{background:var(--neon-pink);width:6px;height:6px;box-shadow:0 0 6px var(--neon-pink);border-radius:50%;position:absolute;top:6px;right:-6px}.top-nav .icon-btn{color:#fff;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;display:flex}.mute-toggle{z-index:55;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000040;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:100px;right:16px}.play-pause-indicator{z-index:58;-webkit-backdrop-filter:blur(6px);pointer-events:none;background:#00000073;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;animation:.5s ease-out forwards playPausePop;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.play-pause-indicator.play svg{margin-left:3px}@keyframes playPausePop{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}30%{transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}.feed-indicator{z-index:55;flex-direction:column;gap:4px;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.feed-indicator .dot{background:#ffffff40;border-radius:2px;width:3px;height:12px;transition:all .3s}.feed-indicator .dot.active{background:linear-gradient(#ff2d87,#3af4ff);height:20px;box-shadow:0 0 6px #ff2d8799}.content-overlay{z-index:45;color:#fff;padding:0 16px;transition:opacity .4s,transform .4s;position:absolute;bottom:100px;left:0;right:16px}.content-overlay.hidden-overlay{opacity:0;pointer-events:none;transform:translateY(12px)}.content-overlay .creator-line{margin-bottom:4px}.content-overlay .creator-name{color:#fffffff2;text-shadow:0 1px 3px #0009;font-size:13px;font-weight:700}.content-overlay .title{text-shadow:0 1px 3px #0009;white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;font-size:14px;font-weight:700;line-height:1.3;overflow:hidden}.content-overlay .description{color:#ffffffd9;text-shadow:0 1px 3px #0009;-webkit-line-clamp:1;line-clamp:1;cursor:pointer;-webkit-box-orient:vertical;max-width:100%;margin-bottom:4px;font-size:12px;line-height:1.4;transition:all .25s;display:-webkit-box;overflow:hidden}.content-overlay .description.expanded{-webkit-line-clamp:unset;line-clamp:unset;display:block}.content-overlay .desc-more{color:#ffffff73;font-size:11px}.content-overlay .tags-wrap{margin-bottom:6px}.content-overlay .tags{color:var(--neon-cyan);text-shadow:0 0 6px #3af4ff66;font-size:11px;font-weight:600;font-family:var(--font-display);cursor:pointer;flex-wrap:nowrap;gap:5px;transition:all .25s;display:flex;overflow:hidden}.content-overlay .tags.expanded{flex-wrap:wrap}.content-overlay .tags span{white-space:nowrap}.content-overlay .tag-more{color:#fff6;font-weight:500}.cta{font-family:var(--font-display);letter-spacing:.02em;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex}.cta.primary{background:linear-gradient(135deg, var(--cta-blob-1,#ff2d87), var(--cta-blob-2,#b026ff));color:#fff;box-shadow:0 0 14px var(--cta-blob-1-a35,#ff2d8759), 0 0 40px var(--cta-blob-1-a15,#ff2d8726)}.cta.ghost{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border:1px solid #ffffff40}.cta:hover{transform:translateY(-1px)}.cta .arrow{align-items:center;transition:transform .2s;display:flex}.cta .arrow i{background:linear-gradient(135deg,#ff2d87,#3af4ff);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 4px #ff2d8780);-webkit-background-clip:text;background-clip:text;font-size:16px;font-weight:700;line-height:1}.cta:hover .arrow{transform:translate(3px)}.bottom-nav{z-index:60;background:linear-gradient(#0000 0%,#000000d9 60%);justify-content:space-around;align-items:center;height:78px;padding:8px 8px 22px;display:flex;position:absolute;bottom:0;left:0;right:0}.nav-item{color:#ffffff8c;flex-direction:column;align-items:center;gap:3px;padding:4px 8px;transition:color .2s;display:flex;position:relative}.nav-item.active{color:#fff}.nav-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.nav-label{font-size:10px;font-weight:500;font-family:var(--font-display);letter-spacing:.02em}.nav-item.create-btn .create-icon{color:#fff;background:linear-gradient(135deg,#ff2d87 0%,#3af4ff 100%);border-radius:10px;justify-content:center;align-items:center;width:46px;height:32px;font-size:22px;font-weight:700;line-height:1;display:flex;box-shadow:0 0 16px #ff2d8780}.nav-item .notify-dot{background:var(--neon-pink);width:6px;height:6px;box-shadow:0 0 6px var(--neon-pink);border-radius:50%;position:absolute;top:2px;right:6px}.nav-item-bookmark svg{transition:filter .15s,stroke .15s,fill .15s}.nav-item-bookmark.saved svg{filter:drop-shadow(0 0 6px #ff2d8799);fill:#ff2d87!important;stroke:#ff2d87!important}.nav-item-bookmark.bookmark-flash svg{filter:drop-shadow(0 0 8px #ff2d87cc)drop-shadow(0 0 16px #ff2d8766);animation:.5s ease-out bookmarkPulse;stroke:#ff2d87!important;fill:#ff2d87!important}@keyframes bookmarkPulse{0%{transform:scale(1)}30%{transform:scale(1.35)}to{transform:scale(1)}}.swipe-hint{z-index:30;color:#fff9;font-family:var(--font-mono);letter-spacing:.2em;pointer-events:none;flex-direction:column;align-items:center;gap:4px;font-size:10px;animation:2s ease-in-out infinite swipeHint;display:flex;position:absolute;bottom:200px;left:50%;transform:translate(-50%)}.swipe-hint .arrow{font-size:20px}@keyframes swipeHint{0%,to{opacity:.6;transform:translate(-50%)}50%{opacity:1;transform:translate(-50%,-8px)}}.keyboard-hint{z-index:20;border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:var(--font-mono);color:var(--fg-mute);background:#ffffff0d;border-radius:999px;gap:16px;padding:8px 18px;font-size:11px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.keyboard-hint .key{align-items:center;gap:6px;display:flex}.keyboard-hint kbd{border:1px solid var(--border);color:var(--fg);font-size:10px;font-family:var(--font-mono);background:#ffffff14;border-radius:4px;padding:2px 6px;display:inline-block}.comments-backdrop{z-index:70;background:#00000080;animation:.2s ease-out fadeIn;position:absolute;inset:0}.comments-panel{z-index:75;background:#12121c;border-radius:20px 20px 0 0;flex-direction:column;max-height:60%;animation:.3s ease-out slideUp;display:flex;position:absolute;bottom:0;left:0;right:0}.comments-handle{justify-content:center;padding:8px 0 4px;display:flex}.comments-handle .handle-bar{background:#ffffff40;border-radius:2px;width:36px;height:4px}.comments-header{border-bottom:1px solid var(--border);justify-content:center;align-items:center;padding:8px 16px 12px;display:flex;position:relative}.comments-count{font-family:var(--font-display);color:#fff;font-size:15px;font-weight:600}.comments-close{color:#fff9;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.comments-close:hover{background:#ffffff1a}.comments-list{-webkit-overflow-scrolling:touch;flex:1;padding:4px 0 24px;overflow-y:auto}.comments-list::-webkit-scrollbar{display:none}.comment-item{align-items:flex-start;gap:12px;padding:12px 16px;display:flex}.comment-avatar{color:#fff;width:36px;height:36px;font-size:14px;font-weight:700;font-family:var(--font-display);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.comment-body{flex:1;min-width:0}.comment-user{align-items:baseline;gap:8px;margin-bottom:2px;display:flex}.comment-name{color:#fff;font-size:13px;font-weight:600}.comment-time{color:#fff6;font-size:11px}.comment-text{color:#ffffffe6;margin-bottom:6px;font-size:14px;line-height:1.5}.comment-meta{align-items:center;gap:16px;display:flex}.comment-reply-btn{color:#fff6;font-size:11px;font-weight:500;transition:color .2s}.comment-reply-btn:hover{color:#fffc}.comment-like-btn{color:#fff6;align-items:center;gap:4px;font-size:11px;font-weight:500;transition:color .2s;display:flex}.comment-like-btn:hover{color:var(--neon-pink)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.bookmarks-page{z-index:40;-webkit-overflow-scrolling:touch;background:#000;padding:52px 12px 100px;position:absolute;inset:0;overflow-y:auto}.bookmarks-page::-webkit-scrollbar{display:none}.bookmarks-header{justify-content:space-between;align-items:baseline;margin-bottom:16px;padding:0 4px;display:flex}.bookmarks-title{color:#fff;font-size:18px;font-weight:700;font-family:var(--font-display)}.bookmarks-count{color:#ffffff80;font-size:13px;font-family:var(--font-mono)}.bookmarks-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.bookmark-card{text-align:left;cursor:pointer;background:0 0;border:none;padding:0;transition:transform .2s}.bookmark-card:hover{transform:scale(1.02)}.bookmark-card:active{transform:scale(.98)}.bookmark-thumb{aspect-ratio:3/4;background:#111;border-radius:8px;width:100%;position:relative;overflow:hidden}.bookmark-video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.bookmark-overlay{background:#0003;justify-content:center;align-items:center;transition:background .2s;display:flex;position:absolute;inset:0}.bookmark-card:hover .bookmark-overlay{background:#0006}.bookmark-play{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#ffffff26;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;transition:transform .2s,background .2s;display:flex}.bookmark-card:hover .bookmark-play{background:#ffffff40;transform:scale(1.1)}.bookmark-saved-badge{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ff2d87e6;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 2px 8px #ff2d8766}.bookmark-info{padding:8px 4px 0}.bookmark-creator{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;font-family:var(--font-sans);overflow:hidden}.bookmark-title{color:#ffffff80;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-family:var(--font-sans);margin-top:2px;overflow:hidden}.bookmarks-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding-top:120px;display:flex}.empty-icon{opacity:.3;margin-bottom:16px;font-size:48px}.empty-text{color:#fff;margin-bottom:6px;font-size:16px;font-weight:600}.empty-sub{color:#fff6;max-width:220px;font-size:13px;line-height:1.5}.discover-page{z-index:40;-webkit-overflow-scrolling:touch;background:#000;padding:52px 12px 100px;position:absolute;inset:0;overflow-y:auto}.discover-page::-webkit-scrollbar{display:none}.discover-header{margin-bottom:16px;padding:0 4px}.discover-title{color:#fff;font-size:18px;font-weight:700;font-family:var(--font-display)}.category-header{align-items:baseline;gap:10px;display:flex}.category-back-btn{color:#fff;background:#ffffff14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;font-weight:600;transition:background .2s;display:flex}.category-back-btn:hover{background:#ffffff26}.category-count{color:#ffffff73;font-size:13px;font-family:var(--font-mono)}.category-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 4px;display:grid}.category-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding-top:100px;display:flex}.category-empty-text{color:#fff6;font-size:14px;font-family:var(--font-sans)}.discover-search{margin-bottom:20px;padding:0 4px}.search-input-wrap{background:#ffffff14;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;display:flex}.search-icon{opacity:.5;flex-shrink:0;font-size:16px}.search-input{color:#fff;font-size:14px;font-family:var(--font-sans);cursor:text;background:0 0;border:none;outline:none;flex:1}.search-input::placeholder{color:#fff6}.search-clear-btn{color:#ffffff80;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:background .2s,color .2s;display:flex}.search-clear-btn:hover{color:#fff;background:#fff3}.search-clear-btn i{font-size:14px}.search-empty{text-align:center;padding:40px 20px}.search-empty-text{color:#ffffff80;font-size:14px;font-family:var(--font-sans);margin-bottom:6px}.search-empty-sub{color:#ffffff4d;font-size:12px;font-family:var(--font-sans)}.discover-section{margin-bottom:24px}.section-header{margin-bottom:12px;padding:0 4px}.section-label{color:#fff;font-size:13px;font-weight:600;font-family:var(--font-sans)}.section-count{color:#fff6;font-size:12px;font-family:var(--font-sans);margin-left:6px}.trend-grid{flex-wrap:wrap;gap:8px;padding:0 4px;display:flex}.trend-chip{cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;transition:all .2s;display:flex}.trend-chip:hover{border-color:var(--trend-color,#fff3);box-shadow:0 0 12px var(--trend-color,transparent);background:#ffffff1f}.trend-rank{color:var(--trend-color,var(--neon-pink));font-size:11px;font-weight:700;font-family:var(--font-mono);min-width:14px}.trend-tag{color:#fff;font-size:13px;font-weight:600}.trend-count{color:#fff6;font-size:11px;font-family:var(--font-mono)}.category-grid{grid-template-columns:repeat(3,1fr);gap:8px;padding:0 4px;display:grid}.category-card{aspect-ratio:1;cursor:pointer;background:linear-gradient(135deg,#ffffff0f,#ffffff05);border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex;position:relative;overflow:hidden}.category-card:before{content:"";background:var(--cat-color);opacity:.08;transition:opacity .2s;position:absolute;inset:0}.category-card:hover:before{opacity:.15}.category-card:hover{border-color:var(--cat-color);transform:translateY(-2px)}.category-name{color:#fff;text-align:center;z-index:1;font-size:13px;font-weight:600;position:relative}.popular-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 4px;display:grid}.popular-card{text-align:left;cursor:pointer;background:0 0;border:none;padding:0;transition:transform .2s}.popular-card:hover{transform:scale(1.02)}.popular-card:active{transform:scale(.98)}.popular-thumb{aspect-ratio:3/4;background:#111;border-radius:8px;width:100%;position:relative;overflow:hidden}.popular-video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.popular-fallback{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.popular-fallback-avatar{color:#fff;width:56px;height:56px;font-size:22px;font-weight:700;font-family:var(--font-display);border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 0 20px #0006}.popular-overlay{background:#0003;justify-content:center;align-items:center;transition:background .2s;display:flex;position:absolute;inset:0}.popular-card:hover .popular-overlay{background:#0006}.popular-play{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#ffffff26;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;transition:transform .2s,background .2s;display:flex}.popular-card:hover .popular-play{background:#ffffff40;transform:scale(1.1)}.popular-saves-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;letter-spacing:.01em;pointer-events:none;background:#0000008c;border-radius:999px;align-items:center;gap:3px;padding:3px 8px;font-size:12px;font-weight:600;display:flex;position:absolute;bottom:8px;left:8px}.popular-info{padding:8px 4px 0}.popular-creator{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.popular-title{color:#ffffff80;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.popular-meta{color:#fff6;font-size:11px;font-family:var(--font-mono);align-items:center;gap:6px;margin-top:4px;display:flex}.popular-saved-icon{color:#ff2d87;align-items:center;font-size:12px;display:flex}.coming-soon{z-index:40;background:#000;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.coming-soon-icon{opacity:.6;margin-bottom:16px;font-size:48px}.coming-soon-text{color:#fff;font-size:18px;font-weight:600;font-family:var(--font-display)}.profile-page{z-index:40;-webkit-overflow-scrolling:touch;background:#000;padding:52px 0 100px;position:absolute;inset:0;overflow-y:auto}.profile-page::-webkit-scrollbar{display:none}.profile-header{border-bottom:1px solid #ffffff0f;padding:0 16px 20px}.profile-header-top{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.profile-avatar-wrap{flex-shrink:0}.profile-avatar{color:#fff;width:80px;height:80px;font-size:32px;font-weight:700;font-family:var(--font-display);cursor:pointer;-webkit-user-select:none;user-select:none;border:2px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex}.profile-avatar-holding{animation:1s ease-in-out infinite avatarHoldPulse;box-shadow:0 0 20px #ff2d8780,0 0 40px #ff2d8733;border-color:#ff2d8799!important}@keyframes avatarHoldPulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.profile-header-actions{align-items:center;gap:8px;display:flex}.profile-edit-btn{color:#fff;font-size:14px;font-weight:600;font-family:var(--font-sans);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#ffffff0f;border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;min-height:48px;padding:12px 22px;transition:background .2s,border-color .2s,transform .1s;display:inline-flex}.profile-edit-btn:hover{background:#ffffff1f;border-color:#ffffff4d}.profile-edit-btn:active{background:#ff2d8740;border-color:#ff2d8780;transform:scale(.96)}.profile-settings-btn{color:#fff;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#ffffff0a;border:1px solid #ffffff26;border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;transition:background .2s,border-color .2s,transform .1s;display:flex}.profile-settings-btn:hover{background:#ffffff1a;border-color:#ffffff4d}.profile-settings-btn:active{background:#ff2d8740;border-color:#ff2d8780;transform:scale(.94)}.profile-username{color:#fff;font-size:20px;font-weight:700;font-family:var(--font-display);margin-bottom:6px}.profile-bio{color:#fff9;white-space:pre-line;font-size:13px;line-height:1.6;font-family:var(--font-sans);margin-bottom:16px}.profile-stats{gap:28px;display:flex}.profile-stat{align-items:baseline;gap:4px;display:flex}.profile-stat-value{color:#fff;font-size:15px;font-weight:700;font-family:var(--font-display)}.profile-stat-label{color:#fff6;font-size:12px;font-family:var(--font-sans)}.profile-bookmark-hint{color:#ffffff59;font-size:11px;font-family:var(--font-sans);justify-content:center;align-items:center;gap:4px;margin-top:8px;display:flex}.profile-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding-top:80px;display:flex}.profile-unsave-toast{z-index:200;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;pointer-events:none;white-space:nowrap;background:#000000d9;border-radius:12px;align-items:center;gap:8px;padding:14px 24px;font-size:13px;font-weight:600;animation:.25s unsaveToastIn;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes unsaveToastIn{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}.profile-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;padding:2px;display:grid}.profile-video-card{cursor:pointer;background:0 0;border:none;padding:0;transition:transform .15s}.profile-video-card:hover{transform:scale(1.02)}.profile-video-card:active{transform:scale(.97)}.profile-video-card-holding{filter:brightness(.5);transition:transform .2s,filter .2s;transform:scale(.95)!important}.profile-video-card-holding .profile-video-overlay{background:#ff2d8766!important}.profile-video-thumb{aspect-ratio:3/4;background:#111;width:100%;position:relative;overflow:hidden}.profile-video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.profile-video-poster{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.profile-video-poster-play{z-index:2;background:#00000059;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.profile-video-overlay{background:#00000026;justify-content:center;align-items:center;transition:background .2s;display:flex;position:absolute;inset:0}.profile-video-card:hover .profile-video-overlay{background:#00000059}.profile-video-play{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;opacity:0;background:#ffffff26;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:10px;transition:opacity .2s,transform .2s;display:flex}.profile-video-card:hover .profile-video-play{opacity:1}.profile-video-saves{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;pointer-events:none;background:#00000080;border-radius:999px;align-items:center;gap:2px;padding:2px 6px;font-size:10px;font-weight:600;display:flex;position:absolute;bottom:4px;left:4px}.edit-modal-backdrop{z-index:90;background:#0009;animation:.2s ease-out fadeIn;position:absolute;inset:0}.edit-modal{z-index:95;background:#12121c;border-radius:20px 20px 0 0;flex-direction:column;max-height:85%;animation:.3s ease-out slideUp;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.edit-modal-header{border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.edit-modal-cancel{color:#ffffff80;font-size:14px;font-weight:500;font-family:var(--font-sans);border-radius:6px;padding:4px 8px;transition:color .2s,background .2s}.edit-modal-cancel:hover{color:#fff;background:#ffffff0f}.edit-modal-title{color:#fff;font-size:16px;font-weight:700;font-family:var(--font-display)}.edit-modal-save{color:var(--neon-pink);font-size:14px;font-weight:700;font-family:var(--font-sans);border-radius:6px;padding:4px 8px;transition:background .2s}.edit-modal-save:hover{background:#ff2d871a}.edit-modal-body{-webkit-overflow-scrolling:touch;flex:1;padding:20px 16px 32px;overflow-y:auto}.edit-modal-body::-webkit-scrollbar{display:none}.edit-section{margin-bottom:24px}.edit-section:last-child{margin-bottom:0}.edit-label{color:#ffffffb3;font-size:13px;font-weight:600;font-family:var(--font-sans);margin-bottom:10px;display:block}.edit-sublabel{color:#ffffff59;font-size:12px;font-family:var(--font-sans);margin-top:12px;margin-bottom:10px}.edit-avatar-preview-wrap{justify-content:center;margin-bottom:0;display:flex}.edit-avatar-preview{color:#fff;width:96px;height:96px;font-size:38px;font-weight:700;font-family:var(--font-display);border:3px solid #fff3;border-radius:50%;justify-content:center;align-items:center;display:flex}.edit-avatar-presets{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.edit-avatar-preset{aspect-ratio:1;cursor:pointer;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s,border-color .2s;display:flex;position:relative}.edit-avatar-preset:hover{transform:scale(1.08)}.edit-avatar-preset.selected{border-color:#fff;box-shadow:0 0 0 3px #fff3}.edit-avatar-preset.selected:after{content:"✓";background:var(--neon-pink);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:flex;position:absolute;bottom:-4px;right:-4px}.edit-avatar-preset-char{color:#fff;font-size:28px;font-weight:700;font-family:var(--font-display)}.edit-input{color:#fff;width:100%;font-size:15px;font-family:var(--font-sans);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;outline:none;padding:12px 14px;transition:border-color .2s}.edit-input:focus{border-color:#ffffff4d}.edit-input::placeholder{color:#ffffff40}.edit-textarea{color:#fff;width:100%;font-size:15px;font-family:var(--font-sans);resize:none;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;outline:none;padding:12px 14px;line-height:1.6;transition:border-color .2s}.edit-textarea:focus{border-color:#ffffff4d}.edit-textarea::placeholder{color:#ffffff40}.edit-char-count{text-align:right;color:#ffffff4d;font-size:11px;font-family:var(--font-mono);margin-top:6px;display:block}.settings-modal-backdrop{z-index:90;background:#0009;animation:.2s ease-out fadeIn;position:absolute;inset:0}.settings-modal{z-index:95;background:#12121c;border-radius:20px 20px 0 0;flex-direction:column;max-height:80%;animation:.3s ease-out slideUp;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.settings-modal-header{border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.settings-modal-close{color:#ffffff80;touch-action:manipulation;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:color .2s,background .2s;display:flex}.settings-modal-close:hover{color:#fff;background:#ffffff0f}.settings-modal-title{color:#fff;font-size:16px;font-weight:700;font-family:var(--font-display)}.settings-modal-body{-webkit-overflow-scrolling:touch;flex:1;padding:8px 0 32px;overflow-y:auto}.settings-modal-body::-webkit-scrollbar{display:none}.settings-group{margin-bottom:4px}.settings-group-label{color:#ffffff4d;font-size:11px;font-weight:600;font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.06em;padding:16px 16px 8px}.settings-row{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;min-height:52px;padding:14px 16px;display:flex}.settings-row-left{color:#fffc;min-width:0;font-size:14px;font-family:var(--font-sans);flex-direction:column;flex:1;gap:3px;display:flex}.settings-row-left i{margin-bottom:2px}.settings-row-desc{color:#ffffff59;font-size:12px;font-family:var(--font-sans);line-height:1.4}.settings-row-value{color:#fff6;font-size:13px;font-family:var(--font-mono)}.settings-row-arrow{color:#ffffff40;flex-shrink:0;font-size:18px}.settings-toggle{touch-action:manipulation;border-radius:14px;flex-shrink:0;width:48px;height:28px;transition:background .25s;position:relative}.settings-toggle.on{background:var(--neon-pink)}.settings-toggle.off{background:#ffffff1f}.settings-toggle-knob{background:#fff;border-radius:50%;width:22px;height:22px;transition:left .25s;position:absolute;top:3px;box-shadow:0 1px 3px #0000004d}.settings-toggle.on .settings-toggle-knob{left:23px}.settings-toggle.off .settings-toggle-knob{left:3px}.settings-quality-select{flex-shrink:0;gap:4px;display:flex}.settings-quality-chip{font-size:12px;font-weight:600;font-family:var(--font-sans);color:#ffffff80;touch-action:manipulation;background:#ffffff0f;border-radius:6px;padding:6px 10px;transition:all .2s}.settings-quality-chip:hover{color:#fff;background:#ffffff1a}.settings-quality-chip.active{color:#fff;background:var(--neon-pink)}.settings-action-btn{font-size:13px;font-weight:600;font-family:var(--font-sans);color:#ff4d6a;touch-action:manipulation;background:#ff4d6a1a;border:1px solid #ff4d6a40;border-radius:6px;flex-shrink:0;padding:7px 16px;transition:all .2s}.settings-action-btn:hover{background:#ff4d6a33}.settings-action-btn:active{background:#ff4d6a4d;transform:scale(.95)}.play-btn-overlay{z-index:50;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.video-error-overlay{z-index:63;-webkit-backdrop-filter:blur(6px);pointer-events:auto;background:#000000a6;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:absolute;inset:0}.video-error-box{text-align:center;background:#12121cf2;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;align-items:center;gap:10px;max-width:280px;padding:28px 24px;display:flex}.video-error-icon{width:48px;height:48px;color:var(--neon-pink);background:#ff2d8726;border-radius:50%;justify-content:center;align-items:center;margin-bottom:4px;font-size:24px;display:flex}.video-error-title{color:#fff;font-size:15px;font-weight:700;font-family:var(--font-display);line-height:1.4}.video-error-desc{color:#ffffff8c;font-size:12px;line-height:1.6;font-family:var(--font-sans)}.video-error-actions{gap:8px;width:100%;margin-top:8px;display:flex}.video-error-btn{font-size:12px;font-weight:600;font-family:var(--font-sans);cursor:pointer;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 12px;transition:all .2s;display:inline-flex}.video-error-btn.primary{color:#fff;background:linear-gradient(135deg,#ff2d87,#b026ff);border:none;box-shadow:0 0 12px #ff2d874d}.video-error-btn.primary:hover{transform:translateY(-1px);box-shadow:0 0 16px #ff2d8780}.video-error-btn.primary:active{transform:scale(.96)}.video-error-btn.ghost{color:#fff;background:#ffffff14;border:1px solid #ffffff26}.video-error-btn.ghost:hover{background:#ffffff24;border-color:#ffffff4d}.video-error-hint{color:#ffffff4d;font-size:11px;line-height:1.5;font-family:var(--font-sans);margin-top:4px}.storage-error-toast{z-index:120;-webkit-backdrop-filter:blur(10px);color:#fff;font-size:12px;font-weight:600;line-height:1.5;font-family:var(--font-sans);background:#ff3b30eb;border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;animation:.3s ease-out slideDown;display:flex;position:absolute;top:60px;left:12px;right:12px;box-shadow:0 4px 16px #ff3b3066}.storage-error-toast i{flex-shrink:0;margin-top:1px;font-size:18px}.storage-error-toast span{flex:1;min-width:0}.storage-error-close{color:#ffffffb3;background:#ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:background .2s,color .2s;display:flex}.storage-error-close:hover{color:#fff;background:#ffffff4d}.storage-error-close i{margin-top:0;font-size:14px}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.play-btn-overlay{z-index:50;pointer-events:none;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.play-btn-overlay.play-btn-hidden{opacity:0}.play-btn-overlay.play-btn-hidden .play-btn-circle{pointer-events:none}.play-btn-circle{-webkit-backdrop-filter:blur(8px);pointer-events:auto;cursor:pointer;background:#ffffff26;border:2px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;transition:transform .15s,background .2s,border-color .2s;animation:2.5s ease-in-out infinite playBtnPulse;display:flex}.play-btn-circle:hover{background:#ffffff40;border-color:#fff6;transform:scale(1.12)}.play-btn-circle:active{background:#ff2d8766;border-color:#ff2d8799;transform:scale(.92)}.play-btn-circle svg{filter:drop-shadow(0 2px 4px #0000004d);margin-left:2px}.play-btn-circle.loading{pointer-events:none;animation:none}.play-btn-spinner{border:3px solid #fff3;border-top-color:#fff;border-radius:50%;width:28px;height:28px;animation:.7s linear infinite playBtnSpin}@keyframes playBtnSpin{to{transform:rotate(360deg)}}@keyframes playBtnPulse{0%,to{box-shadow:0 0 #fff3}50%{box-shadow:0 0 0 12px #fff0}}.seek-bar-container{z-index:46;cursor:pointer;opacity:0;pointer-events:none;-webkit-tap-highlight-color:transparent;padding:4px 0;transition:opacity .4s;position:absolute;bottom:78px;left:0;right:0}.seek-bar-container.seek-bar-visible{opacity:1;pointer-events:auto}.seek-bar-track{height:2px;margin:0 16px;transition:height .15s;position:relative}.seek-bar-track.seek-bar-active{height:4px}.seek-bar-bg{background:#fff3;border-radius:2px;position:absolute;inset:0}.seek-bar-fill{background:#fff;border-radius:2px;min-width:0;height:100%;transition:width 50ms linear;position:absolute;top:0;left:0}.seek-bar-thumb{opacity:1;background:#fff;border-radius:50%;width:10px;height:10px;transition:opacity .15s;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 4px #0000004d}.seek-bar-thumb.seek-bar-thumb-visible{opacity:1}@media (width>=768px){.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-\[12rem\]{font-size:12rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}}