@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.page-wrapper{animation:slideUp .3s ease-out}.tab-bar{position:fixed;bottom:0;left:0;right:0;height:calc(var(--tab-bar-height) + env(safe-area-inset-bottom,0px));background:var(--glass-bg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border-top:1px solid var(--border-color);display:flex;align-items:stretch;justify-content:space-around;z-index:1000;padding-bottom:env(safe-area-inset-bottom,0px)}.tab-bar__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 0 8px;cursor:pointer;transition:all .2s;position:relative;border:none;background:none;color:var(--text-muted);font-family:inherit;-webkit-tap-highlight-color:transparent}.tab-bar__item:active{transform:scale(.92)}.tab-bar__item.active{color:var(--accent-start)}.tab-bar__item.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:24px;height:3px;border-radius:0 0 3px 3px;background:var(--gradient-accent)}.tab-bar__icon{font-size:22px;line-height:1}.tab-bar__label{font-size:10px;font-weight:600;letter-spacing:.02em}.tab-bar__badge{position:absolute;top:4px;right:calc(50% - 18px);min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--gradient-accent);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;animation:badgePop .25s ease-out}.app-header{position:sticky;top:0;z-index:100;background:var(--glass-bg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border-bottom:1px solid var(--border-color);padding:12px var(--space-base);display:flex;align-items:center;justify-content:space-between;height:var(--header-height)}.app-header__title{font-size:20px;font-weight:800;background:var(--gradient-header);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;gap:8px}.app-header__subtitle{font-size:12px;color:var(--text-muted);font-weight:500}.back-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;color:var(--accent-start);transition:background .15s}.back-btn:active{background:#4f6ef71a}.section{padding:var(--space-base) var(--space-base) 0}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm);margin-bottom:var(--space-base)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:transform .15s,box-shadow .15s}.card:active{transform:scale(.98);box-shadow:var(--shadow-card)}.score-bar{height:3px;border-radius:2px;background:var(--bg-secondary);overflow:hidden}.score-bar__fill{height:100%;border-radius:2px;transition:width .5s ease-out}.calendar-picker{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-md);-webkit-user-select:none;user-select:none}.calendar-picker__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.calendar-picker__title{font-size:15px;font-weight:700;color:var(--text-primary)}.calendar-picker__nav-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-size:22px;font-weight:400;color:var(--accent-start);background:transparent;border:none;cursor:pointer;transition:background .15s}.calendar-picker__nav-btn:active{background:#4f6ef726}.calendar-picker__weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:0;margin-bottom:4px}.calendar-picker__weekday{text-align:center;font-size:11px;font-weight:600;color:var(--text-muted);padding:4px 0}.calendar-picker__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.calendar-picker__cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-size:14px;font-weight:500;color:var(--text-primary);background:transparent;border:none;cursor:pointer;min-height:40px;transition:all .15s}.calendar-picker__cell:active{transform:scale(.92)}.calendar-picker__cell--selected{background:var(--gradient-accent);color:#fff;font-weight:700;box-shadow:var(--shadow-glow)}.calendar-picker__cell--empty{cursor:default}.calendar-picker__today-dot{position:absolute;bottom:4px;width:4px;height:4px;border-radius:50%;background:var(--accent-start)}.time-wheel-picker{display:flex;justify-content:center;width:100%}.time-wheel-picker>div{display:flex;gap:6px;width:auto}.time-wheel-picker__wrapper{position:relative;display:flex;align-items:center}.time-wheel-picker__column{width:64px;height:160px;overflow-y:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-color);position:relative;z-index:1}.time-wheel-picker__column::-webkit-scrollbar{display:none}.time-wheel-picker__highlight{position:absolute;top:50%;left:0;width:64px;height:32px;transform:translateY(-50%);border-top:2px solid var(--accent-start);border-bottom:2px solid var(--accent-start);border-radius:var(--radius-sm);background:#4f6ef71a;pointer-events:none;z-index:10}.time-wheel-picker__item{height:32px;line-height:32px;text-align:center;font-size:16px;font-weight:500;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:color .15s,font-size .15s;user-select:none;-webkit-user-select:none}.time-wheel-picker__item:active{transform:scale(.95)}.time-wheel-picker__item--selected{color:var(--accent-start);font-weight:700;font-size:18px}Clip Download Progress Overlay ══════════════════════════════════════════════════ */ .progress-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;background:#0d0d0fbf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:fadeIn .25s ease-out}.progress-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;z-index:2147483647!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#0d0d0fbf!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;animation:fadeIn .25s ease-out;pointer-events:auto!important;margin:0!important;overscroll-behavior:none!important}.progress-overlay__card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-2xl) var(--space-xl);width:calc(100% - 48px);max-width:340px;text-align:center;animation:scaleIn .3s ease-out;box-shadow:var(--shadow-elevated);transform:translateZ(0);-webkit-transform:translateZ(0)}.progress-overlay__icon{font-size:48px;margin-bottom:var(--space-base)}.progress-overlay__message{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm)}.progress-overlay__reason{font-size:13px;color:var(--status-danger);margin-bottom:var(--space-base);line-height:1.4}.progress-overlay__actions{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-base)}.progress-overlay__btn{width:100%;padding:12px 16px;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;border:1px solid var(--border-color);transition:all .15s;min-height:44px}.progress-overlay__btn:active{transform:scale(.97)}.progress-overlay__btn--primary{background:var(--gradient-accent);color:#fff;border:none}.progress-overlay__btn--secondary{background:var(--bg-secondary);color:var(--text-primary)}.progress-overlay__btn--ghost{background:transparent;color:var(--text-muted)}.progress-overlay__spinner{width:24px;height:24px;margin:var(--space-base) auto 0;border:2px solid var(--border-color);border-top-color:var(--accent-start);border-radius:50%;animation:spin .8s linear infinite}.clips-download-btn{width:100%;padding:14px;border-radius:var(--radius-md);font-size:16px;font-weight:700;color:#fff;background:var(--gradient-accent);border:none;cursor:pointer;transition:all .15s;min-height:48px;box-shadow:var(--shadow-glow)}.clips-download-btn:active:not(:disabled){transform:scale(.97)}.clips-download-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.clips-warning{padding:10px 14px;border-radius:var(--radius-md);background:#f871711f;border:1px solid rgba(248,113,113,.3);color:var(--status-danger);font-size:13px;font-weight:500;text-align:center}.clips-summary{font-size:13px;color:var(--text-muted);font-weight:500}:root{--color-bg: #0a0a0f;--color-surface: #1a1a2e;--color-card: #16213e;--color-primary: #0088cc;--color-accent: #6c63ff;--color-success: #00c853;--color-warning: #ffd600;--color-error: #ff1744;--bg-primary: #0D0D0F;--bg-secondary: #1A1A1F;--bg-card: #222228;--bg-card-hover: #2A2A32;--text-primary: #ffffff;--text-secondary: #a0a0b0;--text-muted: #6A6A7A;--accent-start: #4F6EF7;--accent-end: #8B5CF6;--gradient-accent: linear-gradient(135deg, #4F6EF7, #8B5CF6);--gradient-header: linear-gradient(135deg, #4F6EF7 0%, #7C3AED 50%, #8B5CF6 100%);--status-success: #34D399;--status-warning: #FBBF24;--status-danger: #F87171;--status-info: #60A5FA;--success: #34D399;--warning: #FBBF24;--danger: #F87171;--info: #60A5FA;--border-color: rgba(255, 255, 255, .08);--border-subtle: rgba(255, 255, 255, .04);--shadow-card: 0 2px 12px rgba(0, 0, 0, .3);--shadow-elevated: 0 8px 32px rgba(0, 0, 0, .4);--shadow-glow: 0 0 20px rgba(79, 110, 247, .15);--glass-bg: rgba(26, 26, 31, .85);--glass-border: rgba(255, 255, 255, .08);--backdrop-blur: blur(20px);--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-base: 16px;--space-lg: 20px;--space-xl: 24px;--space-2xl: 32px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--header-height: 56px;--tab-bar-height: 64px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-h1: 24px;--font-size-h2: 20px;--font-size-body: 15px;--font-size-caption: 12px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--transition-fast: .15s ease;--transition-normal: .25s ease}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;width:100%;min-height:100dvh;overflow-x:hidden}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.47;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;padding-bottom:env(safe-area-inset-bottom,0px)}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:2px}a{color:var(--accent-start);text-decoration:none}button{border:none;background:none;cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;-webkit-appearance:none}input,select,textarea{font-family:inherit;font-size:15px;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:10px 14px;background:var(--bg-card);color:var(--text-primary);outline:none;width:100%;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:var(--accent-start);box-shadow:0 0 0 3px #4f6ef726}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}@keyframes pulse-live{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}@keyframes shimmer{0%,to{opacity:.4}50%{opacity:.8}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes badgePop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.fade-in{animation:fadeIn .3s ease-out}.slide-up{animation:slideUp .35s ease-out}.scale-in{animation:scaleIn .2s ease-out}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-card-hover) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.page-transition-enter{animation:slideUp .3s ease-out}.h-scroll{display:flex;gap:var(--space-sm);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:var(--space-xs)}.h-scroll::-webkit-scrollbar{display:none}.h-scroll>*{scroll-snap-align:start;flex-shrink:0}.gradient-text{background:var(--gradient-header);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-container{padding-bottom:calc(var(--tab-bar-height) + var(--space-xl));min-height:100dvh}.section-title{font-size:17px;font-weight:700;margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-sm)}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-base);display:flex;flex-direction:column;gap:var(--space-xs);transition:transform .15s,box-shadow .15s}.stat-card:active{transform:scale(.97)}.chip{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;border-radius:var(--radius-full);font-size:13px;font-weight:600;white-space:nowrap;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);transition:all .2s;cursor:pointer}.chip.active{background:var(--gradient-accent);color:#fff;border-color:transparent;box-shadow:var(--shadow-glow)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);text-align:center;gap:var(--space-sm)}.empty-state__icon{font-size:56px;margin-bottom:var(--space-xs);animation:fadeIn .5s ease-out}.empty-state__title{font-size:17px;font-weight:600}.empty-state__subtitle{font-size:14px;color:var(--text-muted);max-width:240px}.spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--accent-start);border-radius:50%;animation:spin .8s linear infinite}.badge-dot{width:8px;height:8px;border-radius:50%;background:var(--danger);display:inline-block}.glass-overlay{background:var(--glass-bg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--glass-border)}