.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 24px;background:var(--white);color:var(--black);font-size:15px;font-weight:500;letter-spacing:-.01em;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--transition-fast);will-change:transform}.btn-primary:hover:not(:disabled){background:#ffffffe6}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-primary:disabled{opacity:.3;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;background:#0000;color:var(--text-primary);font-size:14px;font-weight:500;letter-spacing:-.01em;border-radius:var(--radius-md);border:1px solid var(--border);cursor:pointer;transition:all var(--transition-fast);will-change:transform}.btn-secondary:hover:not(:disabled){background:var(--white-04);border-color:var(--border-hover)}.btn-secondary:active:not(:disabled){transform:scale(.98)}.card{background:var(--white-03);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.card-hover:hover{border-color:var(--border-hover);background:var(--white-04)}.input{width:100%;padding:12px 16px;font-size:15px;background:var(--white-03);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);transition:all var(--transition-fast)}.input::placeholder{color:var(--text-muted)}.input:hover{border-color:var(--border-hover)}.input:focus{outline:none;border-color:var(--white);background:var(--white-04)}.toggle{position:relative;width:51px;height:31px;background:var(--white-10);border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-fast)}.toggle-knob,.toggle.active{background:var(--white)}.toggle-knob{position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;box-shadow:0 2px 4px #0006;transition:transform var(--transition-fast)}.toggle.active .toggle-knob{background:var(--black);transform:translateX(20px)}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--white-03);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);min-height:64px;will-change:transform}.setting-row:hover{border-color:var(--border-hover);background:var(--white-04)}.setting-row:active{transform:scale(.99)}.setting-row.no-action{cursor:default}.setting-row.no-action:hover{background:var(--white-03);border-color:var(--border)}.setting-row.no-action:active{transform:none}.setting-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--white-06);border-radius:var(--radius-md);color:var(--text-secondary);flex-shrink:0}.settings-group{background:var(--white-03);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.settings-group .setting-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;cursor:pointer;transition:background var(--transition-fast);min-height:60px}.settings-group .setting-item:hover{background:var(--white-04)}.settings-group .setting-item:active{background:var(--white-06)}.settings-group .setting-item:not(:last-child){border-bottom:1px solid var(--border-light)}.settings-group .setting-item.no-action{cursor:default}.settings-group .setting-item.no-action:active,.settings-group .setting-item.no-action:hover{background:#0000}.tab-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 12px;font-size:13px;font-weight:500;letter-spacing:-.01em;color:var(--text-secondary);background:var(--white-03);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.tab-pill:hover{background:var(--white-06);border-color:var(--border-hover);color:var(--text-primary)}.tab-pill.active{background:var(--white);color:var(--black);border-color:var(--white)}.tab-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.tab-grid .tab-pill{width:100%;height:44px;font-size:13px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;margin:0 auto;width:100%;max-width:480px;z-index:50;background:#0a0a0ad9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border)}@media (min-width:480px){.bottom-nav{border-left:1px solid var(--border);border-right:1px solid var(--border);border-radius:16px 16px 0 0}}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 0;color:var(--text-muted);transition:color var(--transition-fast)}.nav-item.active{color:var(--white)}.nav-item-label{font-size:11px;font-weight:500;letter-spacing:-.01em}.empty-state{flex-direction:column;padding:48px 24px;text-align:center}.empty-icon,.empty-state{display:flex;align-items:center;justify-content:center}.empty-icon{width:64px;height:64px;background:var(--white-06);border-radius:var(--radius-xl);color:var(--text-tertiary);margin-bottom:16px}.progress-bar{height:4px;background:var(--white-10);overflow:hidden}.progress-bar,.progress-fill{border-radius:var(--radius-full)}.progress-fill{height:100%;background:var(--white);transition:width .3s ease-out}.badge{display:inline-flex;align-items:center;padding:4px 10px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary)}.badge,.stat-card{background:var(--white-03)}.stat-card{padding:16px;border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center}.stat-value{font-size:28px;font-weight:700;letter-spacing:-.03em;color:var(--white);line-height:1;margin-bottom:4px}.stat-label{font-size:11px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em}.video-card{position:relative;aspect-ratio:9/16;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--transition-fast);will-change:transform}.video-card:hover{transform:scale(1.02);border-color:var(--border-hover)}.video-card:active{transform:scale(.98)}.menu-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--white-03);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);will-change:transform}.menu-item:hover{background:var(--white-04);border-color:var(--border-hover)}.menu-item:active{transform:scale(.99)}.divider{width:100%;height:1px;background:var(--border)}.header{position:fixed;top:0;left:0;right:0;margin:0 auto;width:100%;max-width:480px;z-index:50;background:#0a0a0ad9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}@media (min-width:480px){.header{border-left:1px solid var(--border);border-right:1px solid var(--border);border-radius:0 0 16px 16px}}.upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:var(--white-03);border:1px dashed var(--border-hover);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.upload-zone:hover{background:var(--white-04);border-color:var(--white-20)}.upload-zone.dragging{background:var(--white-06);border-color:var(--white)}.error-box{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:var(--error-light);border:1px solid var(--error-border);border-radius:var(--radius-lg);color:var(--text-primary)}@media (min-width:768px){.container-app{max-width:640px;margin:0 auto}}.loading-overlay{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-primary);z-index:100}.bottom-sheet-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:60}.bottom-sheet{position:fixed;bottom:0;left:0;right:0;margin:0 auto;width:100%;max-width:480px;background:var(--bg-elevated);border-top:1px solid var(--border);border-radius:16px 16px 0 0;z-index:61;max-height:80vh;overflow-y:auto}@media (min-width:480px){.bottom-sheet{border-left:1px solid var(--border);border-right:1px solid var(--border)}}.bottom-sheet-handle{width:36px;height:4px;background:var(--white-15);border-radius:var(--radius-full);margin:12px auto}.swal2-popup{background:var(--bg-elevated)!important;border:1px solid var(--border)!important;border-radius:var(--radius-xl)!important}.swal2-html-container,.swal2-popup,.swal2-title{color:var(--text-primary)!important}.swal2-confirm{background:var(--white)!important;color:var(--black)!important}.swal2-cancel{background:var(--white-06)!important;color:var(--text-primary)!important}