.user-menu-container.svelte-1oe70d4{position:relative}.avatar-button.svelte-1oe70d4{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:2px solid var(--color-border-default);border-radius:50%;background:var(--color-bg-surface);cursor:pointer;transition:all .2s ease;overflow:hidden}.avatar-button.svelte-1oe70d4:hover{border-color:var(--color-brand-primary);box-shadow:var(--shadow-glow-sm)}.avatar-button.svelte-1oe70d4:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}.avatar-image.svelte-1oe70d4{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-image.offline.svelte-1oe70d4{filter:grayscale(30%)}.avatar-placeholder.svelte-1oe70d4{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-brand-gradient);color:var(--color-text-on-brand);font-weight:600;font-size:1rem;text-transform:uppercase}.dropdown-menu.svelte-1oe70d4{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;padding:var(--space-2) 0;background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);list-style:none}.menu-item.svelte-1oe70d4{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background:transparent;border:none;color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);text-align:left;text-decoration:none;cursor:pointer;transition:all .15s ease;min-height:44px}.menu-item.svelte-1oe70d4:hover{background:var(--color-brand-primary-faint);color:var(--color-text-primary)}.menu-item.svelte-1oe70d4:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:-2px}.menu-icon.svelte-1oe70d4{font-size:var(--text-base);width:20px;text-align:center}.menu-divider.svelte-1oe70d4{height:1px;background:var(--color-border-default);margin:var(--space-2) var(--space-3)}.admin-item.svelte-1oe70d4{color:var(--color-warning)}.admin-item.svelte-1oe70d4:hover{background:#ffc1071a;color:var(--color-warning)}.sign-out-item.svelte-1oe70d4{color:var(--color-status-error-text)}.sign-out-item.svelte-1oe70d4:hover{background:var(--color-status-error-bg);color:var(--color-status-error-text)}.offline-avatar.svelte-1oe70d4{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:2px solid var(--color-status-error-border);background:var(--color-bg-surface);position:relative;overflow:hidden}.offline-avatar.clickable.svelte-1oe70d4{cursor:pointer;border-color:var(--color-warning);animation:svelte-1oe70d4-pulse 2s infinite}.offline-avatar.clickable.svelte-1oe70d4:hover{border-color:var(--color-brand-primary)}@keyframes svelte-1oe70d4-pulse{0%,to{box-shadow:0 0 0 0 var(--color-warning-bg)}50%{box-shadow:0 0 0 4px transparent}}.refresh-indicator.svelte-1oe70d4{position:absolute;bottom:-2px;right:-2px;width:14px;height:14px;background:var(--color-brand-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--color-text-inverse);border:1px solid var(--color-bg-surface)}.sign-in-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:var(--space-2) var(--space-5)!important;background:var(--color-brand-gradient)!important;color:var(--color-text-on-brand)!important;border:none!important;border-radius:var(--radius-lg)!important;font-weight:var(--font-semibold)!important;font-size:var(--text-sm)!important;cursor:pointer!important;min-height:40px!important;transition:transform var(--transition-fast),box-shadow var(--transition-fast)!important;box-shadow:var(--shadow-glow-sm)!important}.sign-in-btn:hover{transform:translateY(-1px)!important;box-shadow:var(--shadow-glow)!important}.sign-in-btn:active{transform:translateY(0)!important}.sound-toggle.svelte-wwq073{display:flex;align-items:center;justify-content:center;padding:.5rem;min-width:40px;min-height:40px;background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.sound-toggle.svelte-wwq073:hover{border-color:var(--color-brand-primary);color:var(--color-brand-primary);background:var(--color-bg-surface-hover)}.sound-toggle.svelte-wwq073:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}.sound-toggle[aria-pressed=true].svelte-wwq073{color:var(--color-brand-primary);border-color:var(--color-brand-primary);background:var(--color-brand-primary-faint)}.sound-icon.svelte-wwq073{width:18px;height:18px;flex-shrink:0}@media(max-width:480px){.sound-toggle.svelte-wwq073{min-width:44px;min-height:44px;padding:.625rem}.sound-icon.svelte-wwq073{width:18px;height:18px}}.theme-picker-container.svelte-1u317mj{display:flex;flex-direction:column;gap:.75rem;width:100%}.theme-picker.svelte-1u317mj{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem;width:100%}.theme-picker.compact.svelte-1u317mj{gap:.5rem}.theme-option.svelte-1u317mj{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem;background:var(--color-bg-surface);border:2px solid var(--color-border-default);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.theme-option.svelte-1u317mj:hover{border-color:var(--color-border-hover);background:var(--color-bg-surface-hover)}.theme-option.svelte-1u317mj:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}.theme-option.selected.svelte-1u317mj{border-color:var(--color-brand-primary);background:var(--color-brand-primary-faint)}.swatch.svelte-1u317mj{position:relative;width:100%;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.compact.svelte-1u317mj .swatch:where(.svelte-1u317mj){width:36px;height:36px}.swatch-bg.svelte-1u317mj{position:absolute;inset:0;background:var(--bg)}.swatch-accent.svelte-1u317mj{position:absolute;bottom:0;left:0;width:50%;height:40%;background:var(--accent);border-top-right-radius:var(--radius-md)}.swatch-secondary.svelte-1u317mj{position:absolute;bottom:0;right:0;width:50%;height:40%;background:var(--secondary);border-top-left-radius:var(--radius-md)}.theme-label.svelte-1u317mj{display:flex;flex-direction:column;align-items:center;gap:.125rem}.theme-icon.svelte-1u317mj{font-size:1rem;line-height:1}.theme-name.svelte-1u317mj{font-size:var(--text-xs);color:var(--color-text-secondary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.selected.svelte-1u317mj .theme-name:where(.svelte-1u317mj){color:var(--color-brand-primary);font-weight:var(--font-semibold)}.check-indicator.svelte-1u317mj{position:absolute;top:4px;right:4px;width:18px;height:18px;background:var(--color-brand-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-text-on-brand)}.check-indicator.svelte-1u317mj svg:where(.svelte-1u317mj){width:12px;height:12px}@media(max-width:480px){.theme-picker.svelte-1u317mj{grid-template-columns:repeat(5,1fr);gap:.375rem}.theme-option.svelte-1u317mj{padding:.375rem;min-height:44px}.swatch.svelte-1u317mj{width:32px;height:32px}.theme-icon.svelte-1u317mj{font-size:.875rem}.theme-name.svelte-1u317mj{font-size:.625rem}}.pixel-accent-picker.svelte-1u317mj{display:flex;gap:.5rem;justify-content:center;padding:.5rem;background:var(--color-bg-surface);border:2px solid var(--color-border-default);border-radius:var(--radius-md)}.accent-option.svelte-1u317mj{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.375rem;background:transparent;border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);min-width:44px;min-height:44px}.accent-option.svelte-1u317mj:hover{border-color:var(--color-border-hover)}.accent-option.selected.svelte-1u317mj{border-color:var(--color-brand-primary);background:var(--color-brand-primary-faint)}.accent-swatch.svelte-1u317mj{position:relative;width:28px;height:28px;border:2px solid rgba(255,255,255,.2);overflow:hidden}.accent-swatch.svelte-1u317mj .swatch-bg:where(.svelte-1u317mj){position:absolute;inset:0;background:var(--swatch-bg)}.accent-swatch.svelte-1u317mj .swatch-accent:where(.svelte-1u317mj){position:absolute;bottom:0;right:0;width:50%;height:50%;background:var(--swatch-accent)}.accent-name.svelte-1u317mj{font-family:"Press Start 2P",monospace;font-size:.5rem;color:var(--color-text-secondary);text-transform:uppercase}.accent-option.selected.svelte-1u317mj .accent-name:where(.svelte-1u317mj){color:var(--color-brand-primary)}@media(max-width:480px){.pixel-accent-picker.svelte-1u317mj{padding:.375rem;gap:.375rem}.accent-option.svelte-1u317mj{padding:.25rem;min-width:40px}.accent-swatch.svelte-1u317mj{width:24px;height:24px}.accent-name.svelte-1u317mj{font-size:.4rem}}.sheet-backdrop.svelte-1m3uneo{position:fixed;inset:0;background:var(--color-bg-backdrop);z-index:calc(var(--z-modal) - 1);animation:svelte-1m3uneo-fadeIn .2s ease}@keyframes svelte-1m3uneo-fadeIn{0%{opacity:0}to{opacity:1}}.sheet.svelte-1m3uneo{position:fixed;bottom:0;left:0;right:0;max-height:85vh;background:var(--color-bg-elevated);border-radius:var(--radius-xl) var(--radius-xl) 0 0;z-index:var(--z-modal);padding:var(--space-4);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px));transform:translateY(100%);transition:transform .3s cubic-bezier(.32,.72,0,1);overflow-y:auto;-webkit-overflow-scrolling:touch;display:none}@media(max-width:768px){.sheet.svelte-1m3uneo{display:block}}.sheet.open.svelte-1m3uneo{transform:translateY(0)}.sheet-handle.svelte-1m3uneo{width:36px;height:4px;background:var(--color-border-default);border-radius:2px;margin:0 auto var(--space-4)}.sheet-section.svelte-1m3uneo{margin-bottom:var(--space-4)}.section-title.svelte-1m3uneo{display:block;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-2);padding:0 var(--space-2)}.section-title.admin.svelte-1m3uneo{color:var(--color-warning)}.section-links.svelte-1m3uneo{display:flex;flex-direction:column;gap:var(--space-1)}.sheet-link.svelte-1m3uneo{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-base);font-weight:var(--font-medium);border-radius:var(--radius-md);transition:var(--transition-colors);min-height:44px}.sheet-link.svelte-1m3uneo:hover{background:var(--color-bg-surface-hover);color:var(--color-text-primary)}.sheet-link.active.svelte-1m3uneo{background:var(--color-badge-brand-bg);color:var(--color-brand-primary)}.sheet-link.admin.svelte-1m3uneo{color:var(--color-warning)}.sheet-link.admin.svelte-1m3uneo:hover,.sheet-link.admin.active.svelte-1m3uneo{background:#ffc1071a;color:var(--color-warning)}.link-icon.svelte-1m3uneo{font-size:1.25rem;width:28px;text-align:center}.settings-section.svelte-1m3uneo{padding-top:var(--space-3);border-top:1px solid var(--color-border-default)}.setting-group.svelte-1m3uneo{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2);margin-bottom:var(--space-3)}.setting-label.svelte-1m3uneo{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary)}.theme-picker-wrapper.svelte-1m3uneo{width:100%}.setting-row.svelte-1m3uneo{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2);min-height:44px}.signin-section.svelte-1m3uneo{padding-top:var(--space-3);border-top:1px solid var(--color-border-default)}.signin-btn.svelte-1m3uneo{display:block;width:100%;padding:var(--space-3);background:var(--color-brand-gradient);color:var(--color-text-inverse);text-align:center;text-decoration:none;font-weight:var(--font-semibold);font-size:var(--text-base);border-radius:var(--radius-lg);min-height:44px;transition:var(--transition-base)}.signin-btn.svelte-1m3uneo:hover{transform:translateY(-1px);box-shadow:var(--shadow-glow)}.bottom-nav.svelte-9pkgjn{position:fixed;bottom:0;left:0;right:0;height:calc(60px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--color-bg-overlay);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--color-border-default);z-index:var(--z-sticky);display:none;justify-content:space-around;align-items:stretch}@media(max-width:768px){.bottom-nav.svelte-9pkgjn{display:flex}}.nav-item.svelte-9pkgjn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 2px;min-width:0;min-height:44px;color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-xs);font-weight:var(--font-medium);background:transparent;border:none;cursor:pointer;transition:var(--transition-colors);-webkit-tap-highlight-color:transparent}.nav-item.svelte-9pkgjn:hover{color:var(--color-text-primary)}.nav-item.active.svelte-9pkgjn{color:var(--color-brand-primary)}.nav-icon-wrapper.svelte-9pkgjn{display:flex;align-items:center;justify-content:center;padding:4px 12px;border-radius:var(--radius-full);transition:background-color .2s ease-out}.nav-item.active.svelte-9pkgjn .nav-icon-wrapper:where(.svelte-9pkgjn){background-color:color-mix(in srgb,var(--color-brand-primary) 15%,transparent)}.nav-icon.svelte-9pkgjn{font-size:1.125rem;line-height:1}.nav-label.svelte-9pkgjn{font-size:10px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.notification-panel.svelte-kzmiik{position:absolute;top:calc(100% + 8px);right:0;width:360px;max-height:480px;background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);display:flex;flex-direction:column;overflow:hidden}@media(max-width:768px){.notification-panel.svelte-kzmiik{position:fixed;top:unset;bottom:0;left:0;right:0;width:100%;max-height:70vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding-bottom:env(safe-area-inset-bottom,0px);z-index:9999}}.panel-header.svelte-kzmiik{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-default);flex-shrink:0}.panel-title.svelte-kzmiik{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0}.mark-all-btn.svelte-kzmiik{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-brand-primary);background:transparent;border:none;padding:var(--space-1) var(--space-2);cursor:pointer;border-radius:var(--radius-sm);transition:background .15s ease}.mark-all-btn.svelte-kzmiik:hover{background:var(--color-brand-primary-faint)}.panel-content.svelte-kzmiik{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.panel-loading.svelte-kzmiik{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-8);color:var(--color-text-secondary);font-size:var(--text-sm)}.spinner.svelte-kzmiik{width:16px;height:16px;border:2px solid var(--color-border-default);border-top-color:var(--color-brand-primary);border-radius:50%;animation:svelte-kzmiik-spin .8s linear infinite}@keyframes svelte-kzmiik-spin{to{transform:rotate(360deg)}}.panel-error.svelte-kzmiik{padding:var(--space-4);color:var(--color-status-error-text);font-size:var(--text-sm);text-align:center}.panel-empty.svelte-kzmiik{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8) var(--space-4);text-align:center}.empty-icon.svelte-kzmiik{font-size:2.5rem;margin-bottom:var(--space-2);opacity:.5}.empty-text.svelte-kzmiik{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-primary)}.empty-description.svelte-kzmiik{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.notification-list.svelte-kzmiik{list-style:none;margin:0;padding:0}.notification-item.svelte-kzmiik{border-bottom:1px solid var(--color-border-subtle)}.notification-item.svelte-kzmiik:last-child{border-bottom:none}.notification-item.unread.svelte-kzmiik{background:var(--color-brand-primary-faint)}.notification-link.svelte-kzmiik,.notification-button.svelte-kzmiik{display:flex;align-items:flex-start;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);text-decoration:none;color:inherit;background:transparent;border:none;text-align:left;cursor:pointer;transition:background .15s ease;min-height:44px}.notification-link.svelte-kzmiik:hover,.notification-button.svelte-kzmiik:hover{background:var(--color-bg-surface-hover)}.notification-icon.svelte-kzmiik{font-size:1.25rem;flex-shrink:0;margin-top:2px}.notification-content.svelte-kzmiik{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.notification-title.svelte-kzmiik{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);line-height:1.3}.notification-body.svelte-kzmiik{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-time.svelte-kzmiik{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px}.unread-dot.svelte-kzmiik{width:8px;height:8px;background:var(--color-brand-primary);border-radius:50%;flex-shrink:0;margin-top:6px}.panel-footer.svelte-kzmiik{display:flex;justify-content:center;padding:var(--space-3);border-top:1px solid var(--color-border-default);flex-shrink:0}.settings-link.svelte-kzmiik{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);text-decoration:none;transition:color .15s ease}.settings-link.svelte-kzmiik:hover{color:var(--color-brand-primary)}.notification-row.svelte-kzmiik{display:flex;align-items:stretch}.notification-row.svelte-kzmiik .notification-link:where(.svelte-kzmiik),.notification-row.svelte-kzmiik .notification-button:where(.svelte-kzmiik){flex:1;min-width:0}.notification-actions.svelte-kzmiik{display:flex;flex-direction:column;border-left:1px solid var(--color-border-subtle)}.action-btn.svelte-kzmiik{display:flex;align-items:center;justify-content:center;width:32px;min-width:32px;flex:1;background:transparent;border:none;color:var(--color-text-muted);font-size:1rem;cursor:pointer;transition:all .15s ease;padding:0}.action-btn.svelte-kzmiik:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:-2px}.read-toggle-btn.svelte-kzmiik{border-bottom:1px solid var(--color-border-subtle);font-size:.75rem}.read-toggle-btn.svelte-kzmiik:hover{background:var(--color-brand-primary-faint);color:var(--color-brand-primary)}.dismiss-btn.svelte-kzmiik{font-size:1.25rem;font-weight:300}.dismiss-btn.svelte-kzmiik:hover{background:var(--color-status-error-bg);color:var(--color-status-error-text)}.desktop-panel.svelte-fwh7kt{display:block}@media(max-width:768px){.desktop-panel.svelte-fwh7kt{display:none}}.mobile-panel-portal{display:none}@media(max-width:768px){.mobile-panel-portal{display:flex;flex-direction:column;justify-content:flex-end;position:fixed;inset:0;z-index:9999}.mobile-panel-portal .mobile-backdrop{position:absolute;inset:0;background:#00000080}.mobile-panel-portal .mobile-panel-wrapper{position:relative;z-index:1;max-height:70vh}.mobile-panel-portal .mobile-panel-wrapper .notification-panel{position:relative!important;inset:auto!important;width:100%;max-height:70vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0}}.notification-container.svelte-fwh7kt{position:relative}.notification-bell.svelte-fwh7kt{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:transparent;border:1px solid var(--color-border-default);border-radius:var(--radius-full);cursor:pointer;transition:all .2s ease;position:relative}.notification-bell.svelte-fwh7kt:hover{border-color:var(--color-brand-primary);background:var(--color-brand-primary-faint)}.notification-bell.svelte-fwh7kt:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}.bell-icon.svelte-fwh7kt{font-size:1.25rem;line-height:1}.unread-badge.svelte-fwh7kt{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;background:var(--color-status-error-text);color:#fff;font-size:11px;font-weight:var(--font-bold);line-height:18px;text-align:center;border-radius:9px;box-shadow:0 1px 3px #0000004d}.offline-indicator.svelte-1cjtxgc{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:var(--color-status-error-bg);border:1px solid var(--color-status-error-border);border-radius:var(--radius-sm);font-size:.75rem;color:var(--color-status-error-text)}.offline-icon.svelte-1cjtxgc{font-size:.8rem}.offline-text.svelte-1cjtxgc{font-weight:500}@media(max-width:480px){.offline-text.svelte-1cjtxgc{display:none}.offline-indicator.svelte-1cjtxgc{padding:.25rem}}.sync-pending-indicator.svelte-6o4h19{display:flex;align-items:center;gap:.375rem;padding:.25rem .5rem;background:var(--color-status-warning-bg);border:1px solid var(--color-status-warning-border);border-radius:var(--radius-sm);font-size:.75rem;color:var(--color-status-warning-text)}.sync-pending-indicator.compact.svelte-6o4h19{padding:.2rem .4rem;gap:.25rem}.pending-dot.svelte-6o4h19{width:.5rem;height:.5rem;background:var(--color-status-warning);border-radius:50%;animation:svelte-6o4h19-pulse 2s ease-in-out infinite}.pending-text.svelte-6o4h19{font-weight:500}.pending-count.svelte-6o4h19{font-weight:600;font-size:.7rem}@keyframes svelte-6o4h19-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}@media(max-width:480px){.pending-text.svelte-6o4h19{display:none}.sync-pending-indicator.svelte-6o4h19:not(.compact){padding:.2rem .4rem}.sync-pending-indicator.svelte-6o4h19:not(.compact) .pending-count:where(.svelte-6o4h19){display:block}}.theme-dropdown.svelte-10ohlpw{position:relative}.dropdown-trigger.svelte-10ohlpw{display:flex;align-items:center;gap:.25rem;padding:.5rem;min-width:40px;min-height:40px;background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.dropdown-trigger.svelte-10ohlpw:hover{border-color:var(--color-brand-primary);color:var(--color-brand-primary);background:var(--color-bg-surface-hover)}.current-theme-icon.svelte-10ohlpw{font-size:1.1rem}.chevron.svelte-10ohlpw{width:14px;height:14px;transition:transform .2s ease}.chevron.open.svelte-10ohlpw{transform:rotate(180deg)}.dropdown-menu.svelte-10ohlpw{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);padding:var(--space-2);animation:svelte-10ohlpw-dropdownIn .15s ease}@keyframes svelte-10ohlpw-dropdownIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.menu-section.svelte-10ohlpw{padding:var(--space-1)}.menu-label.svelte-10ohlpw{display:block;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-2);padding:0 var(--space-1)}.theme-grid.svelte-10ohlpw{display:flex;flex-direction:column;gap:var(--space-1)}.theme-option.svelte-10ohlpw{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;width:100%;text-align:left}.theme-option.svelte-10ohlpw:hover{background:var(--color-bg-surface-hover)}.theme-option.selected.svelte-10ohlpw{background:var(--color-brand-primary-faint);border-color:var(--color-brand-primary)}.mini-swatch.svelte-10ohlpw{width:24px;height:24px;border-radius:var(--radius-sm);overflow:hidden;position:relative;flex-shrink:0;box-shadow:var(--shadow-sm)}.swatch-bg.svelte-10ohlpw{position:absolute;inset:0;background:var(--bg)}.swatch-accent.svelte-10ohlpw{position:absolute;bottom:0;right:0;width:50%;height:50%;background:var(--accent);border-top-left-radius:var(--radius-sm)}.theme-name.svelte-10ohlpw{flex:1;font-size:var(--text-sm);color:var(--color-text-primary)}.selected.svelte-10ohlpw .theme-name:where(.svelte-10ohlpw){color:var(--color-brand-primary);font-weight:var(--font-semibold)}.check.svelte-10ohlpw{width:16px;height:16px;color:var(--color-brand-primary)}.menu-divider.svelte-10ohlpw{height:1px;background:var(--color-border-default);margin:var(--space-2) 0}.sound-option.svelte-10ohlpw{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;width:100%;text-align:left;color:var(--color-text-secondary)}.sound-option.svelte-10ohlpw:hover{background:var(--color-bg-surface-hover);color:var(--color-text-primary)}.sound-icon.svelte-10ohlpw{width:18px;height:18px;flex-shrink:0}.sound-option.svelte-10ohlpw span:where(.svelte-10ohlpw):first-of-type{flex:1;font-size:var(--text-sm)}.sound-status.svelte-10ohlpw{font-size:var(--text-xs);color:var(--color-text-muted)}.sound-option[aria-checked=true].svelte-10ohlpw{color:var(--color-brand-primary)}.sound-option[aria-checked=true].svelte-10ohlpw .sound-status:where(.svelte-10ohlpw){color:var(--color-success)}.pixel-accents.svelte-10ohlpw{border-top:1px solid var(--color-border-default);padding-top:var(--space-2);margin-top:var(--space-1)}.accent-grid.svelte-10ohlpw{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-1)}.accent-option.svelte-10ohlpw{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:var(--space-1);background:transparent;border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.accent-option.svelte-10ohlpw:hover{background:var(--color-bg-surface-hover);border-color:var(--color-border-hover)}.accent-option.selected.svelte-10ohlpw{background:var(--color-brand-primary-faint);border-color:var(--color-brand-primary)}.accent-swatch.svelte-10ohlpw{width:28px;height:28px;border-radius:0;overflow:hidden;position:relative;border:2px solid rgba(255,255,255,.2)}.accent-name.svelte-10ohlpw{font-family:var(--font-mono);font-size:.6rem;color:var(--color-text-muted);text-transform:uppercase;font-weight:700}.accent-option.selected.svelte-10ohlpw .accent-name:where(.svelte-10ohlpw){color:var(--color-brand-primary)}.themed-logo.svelte-ne4i08{display:flex;align-items:center;text-decoration:none}.logo-sm.svelte-ne4i08{font-size:1rem}.logo-md.svelte-ne4i08{font-size:1.25rem}.logo-lg.svelte-ne4i08{font-size:1.5rem}.miami-logo.svelte-ne4i08{display:flex;flex-direction:column;align-items:flex-start;line-height:1}.miami-text.svelte-ne4i08{font-family:var(--font-display);font-size:1.75em;font-weight:800;font-style:italic;letter-spacing:.1em;background:linear-gradient(135deg,#d946ef,#e879f9,#00e5ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;filter:drop-shadow(0 0 8px rgba(217,70,239,.6)) drop-shadow(0 0 16px rgba(0,229,255,.4))}.miami-subtitle.svelte-ne4i08{font-family:var(--font-display);font-size:.45em;font-weight:600;letter-spacing:.3em;color:#00e5ff;text-shadow:0 0 10px rgba(0,229,255,.8);margin-top:2px}.lofi-logo.svelte-ne4i08{display:flex;align-items:baseline;gap:.5em}.lofi-main.svelte-ne4i08{font-family:var(--font-display);font-size:1.5em;font-weight:700;color:var(--color-brand-primary);letter-spacing:.05em}.lofi-jp.svelte-ne4i08{font-size:.9em;color:var(--color-text-muted);font-weight:400}.pixel-logo.svelte-ne4i08{display:flex;flex-direction:column;align-items:center;line-height:1}.pixel-text.svelte-ne4i08{font-family:"Press Start 2P",monospace;font-size:1em;color:var(--color-brand-primary);letter-spacing:.1em;text-shadow:2px 2px 0 var(--color-brand-secondary),-1px -1px 0 var(--color-bg-base)}.pixel-stars.svelte-ne4i08{font-family:"Press Start 2P",monospace;font-size:.5em;color:var(--color-brand-secondary);letter-spacing:.2em;margin-top:4px;animation:svelte-ne4i08-twinkle 1s steps(2) infinite}@keyframes svelte-ne4i08-twinkle{0%,to{opacity:1}50%{opacity:.5}}.nightcall-logo.svelte-ne4i08{display:flex;flex-direction:column;align-items:flex-start;line-height:1}.nightcall-text.svelte-ne4i08{font-family:var(--font-display);font-size:1.75em;font-weight:800;letter-spacing:.15em;color:#ff0a0a;text-shadow:0 0 10px rgba(255,10,10,.8),0 0 20px rgba(255,10,10,.6),0 0 40px rgba(255,10,10,.4),0 0 60px rgba(255,10,10,.2);animation:svelte-ne4i08-nightcall-pulse 3s ease-in-out infinite}.nightcall-subtitle.svelte-ne4i08{font-family:var(--font-mono);font-size:.45em;font-weight:400;letter-spacing:.25em;color:#00d4ff;text-shadow:0 0 8px rgba(0,212,255,.6);margin-top:4px;opacity:.8}@keyframes svelte-ne4i08-nightcall-pulse{0%,to{text-shadow:0 0 10px rgba(255,10,10,.8),0 0 20px rgba(255,10,10,.6),0 0 40px rgba(255,10,10,.4),0 0 60px rgba(255,10,10,.2)}50%{text-shadow:0 0 15px rgba(255,10,10,1),0 0 30px rgba(255,10,10,.8),0 0 50px rgba(255,10,10,.5),0 0 80px rgba(255,10,10,.3)}}@media(max-width:480px){.miami-text.svelte-ne4i08{font-size:1.25em}.miami-subtitle.svelte-ne4i08,.lofi-jp.svelte-ne4i08,.pixel-stars.svelte-ne4i08{display:none}.nightcall-text.svelte-ne4i08{font-size:1.25em}.nightcall-subtitle.svelte-ne4i08{display:none}}.update-banner.svelte-z1ckp5{position:fixed;bottom:0;left:0;right:0;background:var(--color-status-success-gradient);border-top:1px solid var(--color-status-success-border);padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;z-index:1000;animation:svelte-z1ckp5-slideUp .3s ease-out;box-shadow:0 -4px 20px #0000004d}@keyframes svelte-z1ckp5-slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.banner-content.svelte-z1ckp5{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.update-icon.svelte-z1ckp5{font-size:1.1rem;flex-shrink:0}.update-text.svelte-z1ckp5{color:var(--color-text-inverse);font-size:.9rem;font-weight:500}.version-badge.svelte-z1ckp5{display:inline-block;background:#ffffff26;padding:.125rem .5rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;margin-left:.25rem}.banner-actions.svelte-z1ckp5{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.refresh-button.svelte-z1ckp5{background:var(--color-brand-gradient);color:var(--color-text-on-brand);border:none;border-radius:var(--radius-sm);padding:.5rem 1rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.refresh-button.svelte-z1ckp5:hover{transform:translateY(-1px);box-shadow:var(--shadow-glow)}.refresh-button.svelte-z1ckp5:active{transform:translateY(0)}.dismiss-button.svelte-z1ckp5{background:transparent;border:none;color:var(--color-text-inverse);opacity:.8;font-size:1.1rem;cursor:pointer;padding:.25rem .5rem;border-radius:var(--radius-sm);transition:all .2s ease;line-height:1}.dismiss-button.svelte-z1ckp5:hover{color:var(--color-text-inverse);background:#ffffff1a}@media(max-width:480px){.update-banner.svelte-z1ckp5{padding:.625rem .75rem;flex-direction:column;gap:.5rem;align-items:stretch}.banner-content.svelte-z1ckp5{justify-content:center;text-align:center}.banner-actions.svelte-z1ckp5{justify-content:center}.refresh-button.svelte-z1ckp5{flex:1;padding:.625rem 1rem}}:root{--font-display: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-body: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .7rem;--text-sm: .8rem;--text-base: .9rem;--text-md: .95rem;--text-lg: 1rem;--text-xl: 1.125rem;--text-2xl: 1.25rem;--text-3xl: 1.5rem;--text-4xl: 2rem;--text-5xl: 3rem;--text-6xl: 3.5rem;--text-7xl: 5rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--leading-none: 1;--leading-tight: 1.2;--leading-snug: 1.4;--leading-normal: 1.5;--leading-relaxed: 1.6;--leading-loose: 1.8;--tracking-tight: -.01em;--tracking-normal: 0;--tracking-wide: .03em;--tracking-wider: .05em;--tracking-widest: .1em;--type-list-primary: .875rem;--type-list-secondary: .775rem;--type-list-meta: .7rem;--type-content-title: 1.125rem;--type-content-body: .9375rem;--type-content-caption: .78rem}:root{--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--spacing-list-item-y: .5rem;--spacing-list-item-x: .75rem;--spacing-list-gap: .25rem}:root{--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 10px;--radius-2xl: 12px;--radius-3xl: 16px;--radius-full: 9999px}:root{--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .3);--shadow-xl: 0 12px 40px rgba(0, 0, 0, .4);--shadow-glow: 0 4px 15px rgba(224, 123, 57, .3);--shadow-glow-lg: 0 6px 20px rgba(224, 123, 57, .4)}:root{--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-colors: color .2s ease, background-color .2s ease, border-color .2s ease}:root{--spinner-size-sm: 16px;--spinner-size-md: 20px;--spinner-size-lg: 32px;--loading-opacity: .6;--loading-delay: .3s;--loading-border-width: 2px;--loading-container-border: 1px}:root{--z-base: 0;--z-dropdown: 50;--z-sticky: 80;--z-modal-backdrop: 90;--z-modal: 100;--z-tooltip: 110;--z-toast: 120}:root,[data-theme=dark]{--color-bg-base: #0d0d14;--color-bg-elevated: #1a1a2e;--color-bg-surface: #1f1f2e;--color-bg-surface-hover: #252538;--color-bg-overlay: rgba(13, 13, 20, .95);--color-bg-backdrop: rgba(0, 0, 0, .5);--gradient-bg: linear-gradient(135deg, #0d0d14 0%, #1a1a2e 50%, #16213e 100%);--gradient-surface: linear-gradient(135deg, #1f1f2e 0%, #252538 100%);--gradient-surface-hover: linear-gradient(135deg, #252538 0%, #2a2a42 100%);--color-brand-primary: #d4a854;--color-brand-secondary: #e07b39;--color-brand-gradient: linear-gradient(135deg, #e07b39 0%, #d4a854 100%);--color-text-primary: #f5f5f5;--color-text-secondary: #a0a0b0;--color-text-muted: #6b6b80;--color-text-brand: #d4a854;--color-text-inverse: #0d0d14;--color-border-default: #3d3d5c;--color-border-subtle: #2a2a40;--color-border-hover: #5d5d7c;--color-border-focus: #d4a854;--color-success: #4ade80;--color-success-muted: #64c864;--color-success-bg: rgba(74, 222, 128, .1);--color-success-border: rgba(74, 222, 128, .3);--color-error: #f87171;--color-error-muted: #ff6b6b;--color-error-bg: rgba(248, 113, 113, .1);--color-error-border: rgba(248, 113, 113, .3);--color-warning: #fbbf24;--color-warning-bg: rgba(251, 191, 36, .1);--color-warning-border: rgba(251, 191, 36, .3);--color-info: #64c8c8;--color-info-alt: #64a8c8;--color-info-bg: rgba(100, 200, 200, .1);--color-info-border: rgba(100, 200, 200, .3);--color-status-success-text: var(--color-success);--color-status-success-bg: var(--color-success-bg);--color-status-success-border: var(--color-success-border);--color-status-success-bg-hover: rgba(74, 222, 128, .15);--color-status-error-text: var(--color-error);--color-status-error-bg: var(--color-error-bg);--color-status-error-border: var(--color-error-border);--color-status-error-bg-hover: rgba(248, 113, 113, .15);--color-status-warning-text: var(--color-warning);--color-status-warning-bg: var(--color-warning-bg);--color-status-warning-border: var(--color-warning-border);--color-status-info-text: var(--color-info);--color-status-info-bg: var(--color-info-bg);--color-badge-success-bg: var(--color-success-bg);--color-badge-success-text: var(--color-success);--color-badge-warning-bg: var(--color-warning-bg);--color-badge-warning-text: var(--color-warning);--color-badge-info-bg: var(--color-info-bg);--color-badge-info-text: var(--color-info);--color-phase-work: linear-gradient(135deg, rgba(45, 90, 39, .6) 0%, rgba(35, 70, 30, .6) 100%);--color-phase-rest: linear-gradient(135deg, rgba(30, 58, 95, .6) 0%, rgba(20, 45, 75, .6) 100%);--color-phase-break: linear-gradient( 135deg, rgba(100, 80, 150, .6) 0%, rgba(70, 50, 120, .6) 100% );--color-phase-prestart: linear-gradient( 135deg, rgba(212, 168, 84, .2) 0%, rgba(180, 140, 60, .2) 100% );--color-phase-completed: linear-gradient( 135deg, rgba(212, 168, 84, .3) 0%, rgba(224, 123, 57, .3) 100% );--color-badge-brand-bg: rgba(212, 168, 84, .15);--color-badge-type-bg: rgba(100, 100, 180, .2);--color-badge-type-text: #9090c0;--color-input-bg: rgba(13, 13, 20, .6);--color-input-placeholder: #6b6b80;--color-btn-secondary-bg: #1f1f2e;--color-btn-secondary-hover: #252538;--color-btn-done: linear-gradient(135deg, #2d8a4e 0%, #3da866 100%);--color-brand-primary-faint: rgba(212, 168, 84, .1);--color-brand-secondary-faint: rgba(224, 123, 57, .1);--color-text-on-brand: #0d0d14;--shadow-success: 0 4px 15px rgba(45, 138, 78, .3);--shadow-success-lg: 0 6px 20px rgba(45, 138, 78, .4);--color-status-success-gradient: linear-gradient(135deg, #2d8a4e 0%, #3da866 100%);--shadow-glow-sm: 0 2px 10px rgba(212, 168, 84, .25);--color-family-squat-bg: rgba(239, 108, 77, .2);--color-family-squat-text: #ef6c4d;--color-family-lunge-bg: rgba(255, 138, 101, .2);--color-family-lunge-text: #ff8a65;--color-family-hinge-bg: rgba(255, 167, 38, .2);--color-family-hinge-text: #ffa726;--color-family-press-bg: rgba(66, 165, 245, .2);--color-family-press-text: #42a5f5;--color-family-pull-bg: rgba(38, 198, 218, .2);--color-family-pull-text: #26c6da;--color-family-row-bg: rgba(77, 182, 172, .2);--color-family-row-text: #4db6ac;--color-family-olympic-bg: rgba(255, 202, 40, .2);--color-family-olympic-text: #ffca28;--color-family-swing-bg: rgba(171, 71, 188, .2);--color-family-swing-text: #ab47bc;--color-family-thruster-bg: rgba(149, 117, 205, .2);--color-family-thruster-text: #9575cd;--color-family-core-bg: rgba(102, 187, 106, .2);--color-family-core-text: #66bb6a;--color-family-carry-bg: rgba(141, 110, 99, .2);--color-family-carry-text: #8d6e63;--color-family-complex-bg: rgba(120, 144, 156, .2);--color-family-complex-text: #78909c;--color-family-cardio-bg: rgba(236, 64, 122, .2);--color-family-cardio-text: #ec407a;--color-family-default-bg: rgba(139, 139, 171, .2);--color-family-default-text: #a0a0b0;--color-impl-bodyweight-bg: rgba(120, 120, 140, .15);--color-impl-bodyweight-text: #9090a0;--color-impl-kb-bg: rgba(255, 152, 0, .15);--color-impl-kb-text: #ff9800;--color-impl-db-bg: rgba(33, 150, 243, .15);--color-impl-db-text: #2196f3;--color-impl-barbell-bg: rgba(244, 67, 54, .15);--color-impl-barbell-text: #f44336;--color-impl-infra-bg: rgba(158, 158, 158, .15);--color-impl-infra-text: #9e9e9e;--color-impl-accessory-bg: rgba(76, 175, 80, .15);--color-impl-accessory-text: #4caf50;--color-impl-default-bg: rgba(120, 120, 140, .15);--color-impl-default-text: #9090a0;--theme-color: #0d0d14}[data-theme=light]{--color-bg-base: #f8f6f3;--color-bg-elevated: #ffffff;--color-bg-surface: #ffffff;--color-bg-surface-hover: #faf8f5;--color-bg-overlay: rgba(255, 255, 255, .98);--color-bg-backdrop: rgba(30, 30, 50, .4);--gradient-bg: linear-gradient(160deg, #f8f6f3 0%, #f5f2ee 100%);--gradient-surface: #ffffff;--gradient-surface-hover: #faf8f5;--color-brand-primary: #b8860b;--color-brand-secondary: #cc5500;--color-brand-gradient: linear-gradient(135deg, #cc5500 0%, #daa520 100%);--color-text-primary: #1c1c28;--color-text-secondary: #4a4a5a;--color-text-muted: #7a7a8a;--color-text-brand: #9a6b00;--color-text-inverse: #ffffff;--color-border-default: #e8e4df;--color-border-subtle: #f0ece6;--color-border-hover: #d4cfc6;--color-border-focus: #b8860b;--color-success: #059669;--color-success-muted: #10b981;--color-success-bg: rgba(5, 150, 105, .08);--color-success-border: rgba(5, 150, 105, .25);--color-error: #dc2626;--color-error-muted: #ef4444;--color-error-bg: rgba(220, 38, 38, .08);--color-error-border: rgba(220, 38, 38, .25);--color-warning: #d97706;--color-warning-bg: rgba(217, 119, 6, .08);--color-warning-border: rgba(217, 119, 6, .25);--color-info: #0284c7;--color-info-alt: #0ea5e9;--color-info-bg: rgba(2, 132, 199, .08);--color-info-border: rgba(2, 132, 199, .25);--color-status-success-text: var(--color-success);--color-status-success-bg: var(--color-success-bg);--color-status-success-border: var(--color-success-border);--color-status-success-bg-hover: rgba(5, 150, 105, .12);--color-status-error-text: var(--color-error);--color-status-error-bg: var(--color-error-bg);--color-status-error-border: var(--color-error-border);--color-status-error-bg-hover: rgba(220, 38, 38, .12);--color-status-warning-text: var(--color-warning);--color-status-warning-bg: var(--color-warning-bg);--color-status-warning-border: var(--color-warning-border);--color-status-info-text: var(--color-info);--color-status-info-bg: var(--color-info-bg);--color-badge-success-bg: var(--color-success-bg);--color-badge-success-text: var(--color-success);--color-badge-warning-bg: var(--color-warning-bg);--color-badge-warning-text: var(--color-warning);--color-badge-info-bg: var(--color-info-bg);--color-badge-info-text: var(--color-info);--color-phase-work: linear-gradient( 135deg, rgba(5, 150, 105, .12) 0%, rgba(16, 185, 129, .12) 100% );--color-phase-rest: linear-gradient( 135deg, rgba(2, 132, 199, .12) 0%, rgba(14, 165, 233, .12) 100% );--color-phase-break: linear-gradient( 135deg, rgba(139, 92, 246, .12) 0%, rgba(168, 85, 247, .12) 100% );--color-phase-prestart: linear-gradient( 135deg, rgba(184, 134, 11, .15) 0%, rgba(218, 165, 32, .15) 100% );--color-phase-completed: linear-gradient( 135deg, rgba(184, 134, 11, .18) 0%, rgba(204, 85, 0, .18) 100% );--color-badge-brand-bg: rgba(184, 134, 11, .12);--color-badge-type-bg: rgba(79, 70, 229, .1);--color-badge-type-text: #4f46e5;--color-input-bg: #ffffff;--color-input-placeholder: #9ca3af;--color-btn-secondary-bg: #ffffff;--color-btn-secondary-hover: #faf8f5;--color-btn-done: linear-gradient(135deg, #059669 0%, #10b981 100%);--color-brand-primary-faint: rgba(184, 134, 11, .1);--color-brand-secondary-faint: rgba(204, 85, 0, .1);--color-text-on-brand: #ffffff;--shadow-success: 0 4px 15px rgba(5, 150, 105, .25);--shadow-success-lg: 0 6px 20px rgba(5, 150, 105, .35);--color-status-success-gradient: linear-gradient(135deg, #059669 0%, #10b981 100%);--shadow-glow-sm: 0 2px 12px rgba(184, 134, 11, .2);--theme-color: #f8f6f3;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .12);--shadow-xl: 0 16px 50px rgba(0, 0, 0, .15);--shadow-glow: 0 4px 20px rgba(204, 85, 0, .15);--shadow-glow-lg: 0 8px 30px rgba(204, 85, 0, .2);--color-family-squat-bg: rgba(220, 80, 50, .12);--color-family-squat-text: #c54535;--color-family-lunge-bg: rgba(230, 100, 60, .12);--color-family-lunge-text: #d96040;--color-family-hinge-bg: rgba(230, 140, 20, .12);--color-family-hinge-text: #c9820a;--color-family-press-bg: rgba(25, 120, 210, .12);--color-family-press-text: #1565c0;--color-family-pull-bg: rgba(0, 150, 170, .12);--color-family-pull-text: #0097a7;--color-family-row-bg: rgba(38, 140, 130, .12);--color-family-row-text: #00897b;--color-family-olympic-bg: rgba(230, 160, 0, .12);--color-family-olympic-text: #c9920a;--color-family-swing-bg: rgba(140, 50, 160, .12);--color-family-swing-text: #8e24aa;--color-family-thruster-bg: rgba(110, 80, 180, .12);--color-family-thruster-text: #6a4caf;--color-family-core-bg: rgba(60, 150, 70, .12);--color-family-core-text: #43a047;--color-family-carry-bg: rgba(120, 85, 70, .12);--color-family-carry-text: #6d4c41;--color-family-complex-bg: rgba(80, 110, 120, .12);--color-family-complex-text: #546e7a;--color-family-cardio-bg: rgba(200, 50, 100, .12);--color-family-cardio-text: #d81b60;--color-family-default-bg: rgba(100, 100, 130, .12);--color-family-default-text: #6b6b8a;--color-impl-bodyweight-bg: rgba(90, 90, 110, .1);--color-impl-bodyweight-text: #5a5a6e;--color-impl-kb-bg: rgba(230, 130, 0, .12);--color-impl-kb-text: #e65100;--color-impl-db-bg: rgba(21, 100, 190, .12);--color-impl-db-text: #1565c0;--color-impl-barbell-bg: rgba(210, 50, 40, .12);--color-impl-barbell-text: #c62828;--color-impl-infra-bg: rgba(100, 100, 100, .1);--color-impl-infra-text: #616161;--color-impl-accessory-bg: rgba(46, 125, 50, .12);--color-impl-accessory-text: #2e7d32;--color-impl-default-bg: rgba(90, 90, 110, .1);--color-impl-default-text: #5a5a6e}*,*:before,*:after{box-sizing:border-box}html{font-family:var(--font-body);font-size:16px;line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;padding:0;overflow-x:hidden;width:100%;max-width:100vw}body{background:var(--gradient-bg);color:var(--color-text-primary);min-height:100vh;transition:background-color var(--transition-slow),color var(--transition-slow)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}::selection{background:var(--color-brand-primary);color:var(--color-text-inverse)}.loading-container{border:var(--loading-container-border) solid var(--color-border-default);border-radius:var(--radius-lg);background:transparent;min-height:48px;display:flex;align-items:center;justify-content:center;animation:loading-pulse 1.5s ease-in-out infinite}@keyframes loading-pulse{0%,to{opacity:.6}50%{opacity:.3}}[data-theme=light] .timer-card,[data-theme=light] .presets-card,[data-theme=light] .quote-card,[data-theme=light] .workout-card,[data-theme=light] .stat-card,[data-theme=light] .section,[data-theme=light] .form-section,[data-theme=light] .pr-card,[data-theme=light] .exercise-filters,[data-theme=light] .advanced-filters,[data-theme=light] .save-prompt,[data-theme=light] .ios-prompt,[data-theme=light] .minute-group{background:var(--color-bg-surface);border-color:var(--color-border-default);box-shadow:var(--shadow-md)}[data-theme=light] .timer-display{background:var(--color-bg-elevated)}[data-theme=light] .timer-display.work{background:var(--color-phase-work)}[data-theme=light] .timer-display.rest{background:var(--color-phase-rest)}[data-theme=light] .timer-display.break{background:var(--color-phase-break)}[data-theme=light] .timer-display.prestart{background:var(--color-phase-prestart)}[data-theme=light] .timer-display.completed{background:var(--color-phase-completed)}[data-theme=light] .btn-secondary{background:var(--color-bg-surface);border-color:var(--color-border-default);color:var(--color-text-secondary)}[data-theme=light] .btn-secondary:hover{background:var(--color-bg-surface-hover);border-color:var(--color-brand-primary);color:var(--color-brand-primary)}[data-theme=light] .app-header{background:var(--color-bg-overlay);border-color:var(--color-border-default);box-shadow:0 1px 3px #0000000d}[data-theme=light] .mobile-menu{background:var(--color-bg-elevated);border-color:var(--color-border-default)}[data-theme=light] .mobile-menu a,[data-theme=light] .desktop-nav a{color:var(--color-text-secondary)}[data-theme=light] .mobile-menu a:hover,[data-theme=light] .desktop-nav a:hover,[data-theme=light] .mobile-menu a.active,[data-theme=light] .desktop-nav a.active{color:var(--color-brand-primary);background:var(--color-badge-brand-bg)}[data-theme=light] .app-footer{background:var(--color-bg-overlay);border-color:var(--color-border-default)}[data-theme=light] input,[data-theme=light] textarea,[data-theme=light] select,[data-theme=light] .search-input,[data-theme=light] .filter-select,[data-theme=light] .save-input{background:var(--color-bg-surface);border-color:var(--color-border-default);color:var(--color-text-primary)}[data-theme=light] input:focus,[data-theme=light] textarea:focus,[data-theme=light] select:focus{border-color:var(--color-brand-primary)}[data-theme=light] .badge.type{background:var(--color-badge-type-bg);color:var(--color-badge-type-text)}[data-theme=light] .status-badge,[data-theme=light] .quote-category{background:var(--color-badge-brand-bg);color:var(--color-brand-primary)}[data-theme=light] .progress-bar,[data-theme=light] .nav-divider,[data-theme=light] .menu-divider{background:var(--color-border-default)}[data-theme=light] .filter-toggle-btn,[data-theme=light] .hamburger{background:var(--color-bg-surface);border-color:var(--color-border-default)}[data-theme=light] .hamburger-line{background:var(--color-text-secondary)}[data-theme=light] .exercise-chip{background:var(--color-bg-surface);border-color:var(--color-border-default);color:var(--color-text-secondary)}[data-theme=light] .lap-row{background:var(--color-bg-surface-hover)}[data-theme=light] .part-group{border-color:var(--color-border-default)}[data-theme=light] .time,[data-theme=light] .round-info,[data-theme=light] .segment-info,[data-theme=light] .quote-text,[data-theme=light] .workout-name,[data-theme=light] .pr-workout-name,[data-theme=light] .stat-value{color:var(--color-text-primary)}[data-theme=light] .workout-description,[data-theme=light] .movement-line,[data-theme=light] .minute-exercises,[data-theme=light] .total-time-secondary,[data-theme=light] .pr-date,[data-theme=light] .pr-previous,[data-theme=light] .stat-label,[data-theme=light] .section-title,[data-theme=light] .filter-label{color:var(--color-text-secondary)}[data-theme=light] .quote-source,[data-theme=light] .empty-state,[data-theme=light] .results-count,[data-theme=light] .footer-copyright{color:var(--color-text-muted)}[data-theme=light] .logo,[data-theme=light] .footer-logo,[data-theme=light] .quote-author,[data-theme=light] .segment-name,[data-theme=light] .part-name,[data-theme=light] .minute-label,[data-theme=light] .lap-number,[data-theme=light] .rank,[data-theme=light] .ex-reps{color:var(--color-brand-primary)}[data-theme=light] .theme-toggle{background:var(--color-bg-surface);border-color:var(--color-border-default);color:var(--color-text-secondary)}[data-theme=light] .theme-toggle:hover{border-color:var(--color-brand-primary);color:var(--color-brand-primary)}[data-theme=light] .part-builder,[data-theme=light] .segment-builder,[data-theme=light] .scoring-config,[data-theme=light] .workout-form,[data-theme=light] .result-log-form,[data-theme=light] .timer-preset-selector,[data-theme=light] .workout-builder{background:var(--color-bg-surface);border-color:var(--color-border-default)}[data-theme=light] .part-header,[data-theme=light] .segment-header,[data-theme=light] .section-header{background:var(--color-bg-surface-hover)}[data-theme=light] .part-body,[data-theme=light] .segment-body,[data-theme=light] .part-config,[data-theme=light] .segment-config,[data-theme=light] .config-panel,[data-theme=light] .scored-movements-section,[data-theme=light] .movements-section,[data-theme=light] .penalty-movements,[data-theme=light] .score-type-option,[data-theme=light] .scoring-option,[data-theme=light] .movement-chip,[data-theme=light] .penalty-movement-card{background:var(--color-bg-surface);border-color:var(--color-border-default)}[data-theme=light] .score-type-option:hover,[data-theme=light] .scoring-option:hover,[data-theme=light] .movement-chip:hover{background:var(--color-bg-surface-hover);border-color:var(--color-border-hover)}[data-theme=light] .score-type-option.selected,[data-theme=light] .scoring-option.selected,[data-theme=light] .movement-chip.selected{background:var(--color-badge-brand-bg);border-color:var(--color-brand-primary)}[data-theme=light] .movement-header,[data-theme=light] .penalty-movement-header{background:var(--color-bg-surface-hover);border-color:var(--color-border-default)}[data-theme=light] .reorder-btn,[data-theme=light] .icon-btn,[data-theme=light] .action-btn-small{background:var(--color-bg-surface);border-color:var(--color-border-default);color:var(--color-text-secondary)}[data-theme=light] .reorder-btn:hover:not(:disabled),[data-theme=light] .icon-btn:hover:not(:disabled){background:var(--color-bg-surface-hover);border-color:var(--color-brand-primary);color:var(--color-brand-primary)}[data-theme=light] .section-label,[data-theme=light] .form-group label,[data-theme=light] .option-desc,[data-theme=light] .section-hint,[data-theme=light] .chip-path,[data-theme=light] label{color:var(--color-text-secondary)}[data-theme=light] .part-number,[data-theme=light] .segment-name,[data-theme=light] .option-title,[data-theme=light] .chip-exercise,[data-theme=light] h3,[data-theme=light] h4{color:var(--color-text-primary)}[data-theme=light] .scoring-config h3,[data-theme=light] .section-header h4{color:var(--color-brand-primary)}[data-theme=light] .rounds-badge{background:var(--color-badge-brand-bg);color:var(--color-brand-primary)}[data-theme=light] .segments-badge{background:var(--color-badge-info-bg);color:var(--color-info)}[data-theme=light] .movements-badge{background:var(--color-bg-surface-hover);color:var(--color-text-secondary)}[data-theme=light] .type-badge{background:var(--color-badge-type-bg);color:var(--color-badge-type-text)}[data-theme=light] .add-btn,[data-theme=light] .add-segment-btn,[data-theme=light] .add-movement-btn{background:var(--color-badge-brand-bg);border-color:var(--color-brand-primary);color:var(--color-brand-primary)}[data-theme=light] .add-btn:hover,[data-theme=light] .add-segment-btn:hover,[data-theme=light] .add-movement-btn:hover{background:#b8860b33}[data-theme=light] .expand-icon{color:var(--color-text-secondary)}[data-theme=light] input[type=text],[data-theme=light] input[type=number],[data-theme=light] input[type=search],[data-theme=light] input[type=email],[data-theme=light] input[type=password],[data-theme=light] textarea,[data-theme=light] select{background:var(--color-input-bg);border-color:var(--color-border-default);color:var(--color-text-primary)}[data-theme=light] input::placeholder,[data-theme=light] textarea::placeholder{color:var(--color-input-placeholder)}[data-theme=light] input[type=checkbox],[data-theme=light] input[type=radio]{accent-color:var(--color-brand-primary)}[data-theme=light] .timer-card,[data-theme=light] .presets-card{background:var(--color-bg-surface);border-color:var(--color-border-default)}[data-theme=light] .period-type-selector{background:var(--color-bg-surface-hover)}[data-theme=light] .period-type-btn{color:var(--color-text-secondary)}[data-theme=light] .period-type-btn:hover:not(:disabled){color:var(--color-text-primary);background:var(--color-bg-surface)}[data-theme=light] .period-type-btn.active{background:var(--color-badge-brand-bg);color:var(--color-brand-primary);box-shadow:0 0 0 1px var(--color-brand-primary)}[data-theme=light] .tab-btn{color:var(--color-text-secondary)}[data-theme=light] .tab-btn:hover{color:var(--color-text-primary)}[data-theme=light] .tab-btn.active{color:var(--color-brand-primary);background:var(--color-badge-brand-bg)}[data-theme=light] .tab-btn.active:after{background:var(--color-brand-primary)}[data-theme=light] .nav-btn{background:var(--color-bg-surface);border-color:var(--color-border-default);color:var(--color-text-secondary)}[data-theme=light] .nav-btn:hover:not(:disabled){background:var(--color-bg-surface-hover);border-color:var(--color-brand-primary);color:var(--color-brand-primary)}[data-theme=light] .period-nav{background:var(--color-bg-surface-hover)}[data-theme=light] .period-label{color:var(--color-text-primary)}[data-theme=light] .form-section,[data-theme=light] .form-card,[data-theme=light] .exercise-selector,[data-theme=light] .exercise-selector-dropdown{background:var(--color-bg-surface);border-color:var(--color-border-default)}[data-theme=light] .exercise-option:hover{background:var(--color-bg-surface-hover)}[data-theme=light] .movement-item,[data-theme=light] .movement-card{background:var(--color-bg-surface);border-color:var(--color-border-default)}[data-theme=light] .submit-btn,[data-theme=light] .save-btn,[data-theme=light] .primary-btn{background:var(--color-brand-gradient);color:var(--color-text-on-brand)}[data-theme=light] .cancel-btn,[data-theme=light] .secondary-btn{background:var(--color-bg-surface);border-color:var(--color-border-default);color:var(--color-text-secondary)}[data-theme=light] .spinner,[data-theme=light] .spinner-small{border-color:var(--color-border-default);border-top-color:var(--color-brand-primary)}[data-theme=light] .empty-movements,[data-theme=light] .no-data{color:var(--color-text-muted)}[data-theme=light] .selection-summary{color:var(--color-brand-primary)}[data-theme=light] .page-header h1,[data-theme=light] .page-title{color:var(--color-text-primary)}[data-theme=light] .recalculate-btn{background:var(--color-bg-surface);border-color:var(--color-border-default);color:var(--color-text-secondary)}[data-theme=light] .recalculate-btn:hover:not(:disabled){background:var(--color-bg-surface-hover);border-color:var(--color-brand-primary);color:var(--color-brand-primary)}[data-theme=light] .modal-backdrop{background:#00000080}[data-theme=light] .modal-content{background:var(--color-bg-elevated);border-color:var(--color-border-default)}[data-theme=light] .preset-card{background:var(--color-bg-surface);border-color:var(--color-border-default)}[data-theme=light] .preset-card:hover:not(.disabled){background:var(--color-bg-surface-hover);border-color:var(--color-brand-primary)}[data-theme=light] .preset-card.selected{background:var(--color-badge-brand-bg);border-color:var(--color-brand-primary);box-shadow:inset 0 0 0 2px var(--color-brand-primary),0 2px 8px #b8860b26}[data-theme=light] .preset-card.selected .preset-name{color:var(--color-brand-primary)}[data-theme=light] .preset-name{color:var(--color-text-primary)}[data-theme=light] .preset-description{color:var(--color-text-muted)}[data-theme=miami]{--color-bg-base: #1a0a2e;--color-bg-elevated: #2a1545;--color-bg-surface: #3a2058;--color-bg-surface-hover: #4a2a6a;--color-bg-overlay: rgba(26, 10, 46, .95);--color-bg-backdrop: rgba(0, 0, 0, .6);--gradient-bg: linear-gradient(180deg, #1a0a2e 0%, #2a1545 40%, #3a1a50 100%);--gradient-surface: linear-gradient(135deg, #3a2058 0%, #4a2a6a 100%);--gradient-surface-hover: linear-gradient(135deg, #4a2a6a 0%, #5a3a7a 100%);--gradient-sunset: linear-gradient(180deg, #e879f9 0%, #c026d3 40%, #6b21a8 100%);--color-brand-primary: #d946ef;--color-brand-secondary: #00e5ff;--color-brand-gradient: linear-gradient(135deg, #d946ef 0%, #e879f9 50%, #00e5ff 100%);--color-brand-alt: #22d3ee;--color-text-primary: #ffffff;--color-text-secondary: #f0d4ff;--color-text-muted: #c4a0e0;--color-text-brand: #e879f9;--color-text-inverse: #1a0a2e;--color-border-default: #6b3a8e;--color-border-subtle: #4a2a6a;--color-border-hover: #8b5aae;--color-border-focus: #d946ef;--color-success: #00ff88;--color-success-muted: #50ffa8;--color-success-bg: rgba(0, 255, 136, .15);--color-success-border: rgba(0, 255, 136, .4);--color-error: #ff5555;--color-error-muted: #ff7777;--color-error-bg: rgba(255, 85, 85, .15);--color-error-border: rgba(255, 85, 85, .4);--color-warning: #ffcc00;--color-warning-bg: rgba(255, 204, 0, .15);--color-warning-border: rgba(255, 204, 0, .4);--color-info: #22d3ee;--color-info-alt: #00e5ff;--color-info-bg: rgba(34, 211, 238, .15);--color-info-border: rgba(34, 211, 238, .4);--color-status-success-text: var(--color-success);--color-status-success-bg: var(--color-success-bg);--color-status-success-border: var(--color-success-border);--color-status-success-bg-hover: rgba(0, 255, 136, .2);--color-status-error-text: var(--color-error);--color-status-error-bg: var(--color-error-bg);--color-status-error-border: var(--color-error-border);--color-status-error-bg-hover: rgba(255, 85, 85, .2);--color-status-warning-text: var(--color-warning);--color-status-warning-bg: var(--color-warning-bg);--color-status-warning-border: var(--color-warning-border);--color-status-info-text: var(--color-info);--color-status-info-bg: var(--color-info-bg);--color-badge-success-bg: var(--color-success-bg);--color-badge-success-text: var(--color-success);--color-badge-warning-bg: var(--color-warning-bg);--color-badge-warning-text: var(--color-warning);--color-badge-info-bg: var(--color-info-bg);--color-badge-info-text: var(--color-info);--color-phase-work: linear-gradient( 135deg, rgba(0, 255, 136, .3) 0%, rgba(0, 200, 100, .3) 100% );--color-phase-rest: linear-gradient( 135deg, rgba(0, 229, 255, .3) 0%, rgba(0, 180, 220, .3) 100% );--color-phase-break: linear-gradient( 135deg, rgba(217, 70, 239, .3) 0%, rgba(180, 50, 200, .3) 100% );--color-phase-prestart: linear-gradient( 135deg, rgba(255, 204, 0, .2) 0%, rgba(255, 170, 0, .2) 100% );--color-phase-completed: linear-gradient( 135deg, rgba(217, 70, 239, .3) 0%, rgba(0, 229, 255, .3) 100% );--color-badge-brand-bg: rgba(217, 70, 239, .2);--color-badge-type-bg: rgba(0, 229, 255, .2);--color-badge-type-text: #00e5ff;--color-input-bg: rgba(26, 10, 46, .8);--color-input-placeholder: #a080c0;--color-btn-secondary-bg: #3a2058;--color-btn-secondary-hover: #4a2a6a;--color-btn-done: linear-gradient(135deg, #00ff88 0%, #00cc66 100%);--color-brand-primary-faint: rgba(217, 70, 239, .15);--color-brand-secondary-faint: rgba(0, 229, 255, .15);--color-text-on-brand: #ffffff;--shadow-sm: 0 1px 3px rgba(217, 70, 239, .15);--shadow-md: 0 4px 8px rgba(217, 70, 239, .2);--shadow-lg: 0 8px 32px rgba(217, 70, 239, .25);--shadow-xl: 0 12px 40px rgba(217, 70, 239, .35);--shadow-glow: 0 0 20px rgba(217, 70, 239, .5), 0 0 40px rgba(0, 229, 255, .3);--shadow-glow-lg: 0 0 30px rgba(217, 70, 239, .6), 0 0 60px rgba(0, 229, 255, .4);--shadow-glow-sm: 0 0 10px rgba(217, 70, 239, .4);--shadow-success: 0 0 15px rgba(0, 255, 136, .4);--shadow-success-lg: 0 0 25px rgba(0, 255, 136, .5);--color-status-success-gradient: linear-gradient(135deg, #00ff88 0%, #00cc66 100%);--text-glow: 0 0 10px currentColor, 0 0 20px currentColor, 0 0 30px currentColor;--text-glow-sm: 0 0 5px currentColor, 0 0 10px currentColor;--transition-fast: .1s cubic-bezier(.25, .46, .45, .94);--transition-base: .15s cubic-bezier(.25, .46, .45, .94);--transition-slow: .25s cubic-bezier(.25, .46, .45, .94);--animation-timing: cubic-bezier(.25, .46, .45, .94);--font-header-style: italic;--font-header-transform: uppercase;--tracking-header: .05em;--color-family-squat-bg: rgba(232, 121, 249, .25);--color-family-squat-text: #e879f9;--color-family-lunge-bg: rgba(255, 140, 90, .25);--color-family-lunge-text: #ff8c5a;--color-family-hinge-bg: rgba(255, 204, 0, .25);--color-family-hinge-text: #ffcc00;--color-family-press-bg: rgba(0, 229, 255, .25);--color-family-press-text: #00e5ff;--color-family-pull-bg: rgba(34, 211, 238, .25);--color-family-pull-text: #22d3ee;--color-family-row-bg: rgba(0, 255, 136, .25);--color-family-row-text: #00ff88;--color-family-olympic-bg: rgba(255, 204, 0, .25);--color-family-olympic-text: #ffcc00;--color-family-swing-bg: rgba(192, 38, 211, .25);--color-family-swing-text: #c026d3;--color-family-thruster-bg: rgba(139, 92, 246, .25);--color-family-thruster-text: #8b5cf6;--color-family-core-bg: rgba(0, 255, 136, .25);--color-family-core-text: #00ff88;--color-family-carry-bg: rgba(255, 140, 90, .25);--color-family-carry-text: #ff8c5a;--color-family-complex-bg: rgba(34, 211, 238, .25);--color-family-complex-text: #22d3ee;--color-family-cardio-bg: rgba(217, 70, 239, .25);--color-family-cardio-text: #d946ef;--color-family-default-bg: rgba(232, 121, 249, .2);--color-family-default-text: #e879f9;--color-impl-bodyweight-bg: rgba(232, 121, 249, .15);--color-impl-bodyweight-text: #e879f9;--color-impl-kb-bg: rgba(255, 140, 90, .2);--color-impl-kb-text: #ff8c5a;--color-impl-db-bg: rgba(0, 229, 255, .2);--color-impl-db-text: #00e5ff;--color-impl-barbell-bg: rgba(255, 85, 85, .2);--color-impl-barbell-text: #ff5555;--color-impl-infra-bg: rgba(192, 192, 192, .15);--color-impl-infra-text: #c0c0c0;--color-impl-accessory-bg: rgba(0, 255, 136, .15);--color-impl-accessory-text: #00ff88;--color-impl-default-bg: rgba(232, 121, 249, .15);--color-impl-default-text: #e879f9;--theme-color: #1a0a2e}[data-theme=lofi]{--color-bg-base: #1a1a2e;--color-bg-elevated: #25253d;--color-bg-surface: #2f2f4a;--color-bg-surface-hover: #3a3a58;--color-bg-overlay: rgba(26, 26, 46, .95);--color-bg-backdrop: rgba(10, 10, 20, .6);--gradient-bg: linear-gradient(160deg, #1a1a2e 0%, #252540 50%, #1a1a2e 100%);--gradient-surface: linear-gradient(135deg, #2f2f4a 0%, #3a3a58 100%);--gradient-surface-hover: linear-gradient(135deg, #3a3a58 0%, #454568 100%);--color-brand-primary: #ff6b9d;--color-brand-secondary: #4ecca3;--color-brand-gradient: linear-gradient(135deg, #ff6b9d 0%, #ffa07a 100%);--color-brand-alt: #64d2ff;--color-text-primary: #f0e6ff;--color-text-secondary: #c8b8e8;--color-text-muted: #9088b0;--color-text-brand: #ff6b9d;--color-text-inverse: #1a1a2e;--color-border-default: #4a4a6a;--color-border-subtle: #3a3a55;--color-border-hover: #6a6a90;--color-border-focus: #ff6b9d;--color-success: #4ecca3;--color-success-muted: #6ee0b8;--color-success-bg: rgba(78, 204, 163, .15);--color-success-border: rgba(78, 204, 163, .35);--color-error: #ff6b6b;--color-error-muted: #ff8888;--color-error-bg: rgba(255, 107, 107, .15);--color-error-border: rgba(255, 107, 107, .35);--color-warning: #ffa07a;--color-warning-bg: rgba(255, 160, 122, .15);--color-warning-border: rgba(255, 160, 122, .35);--color-info: #64d2ff;--color-info-alt: #80e0ff;--color-info-bg: rgba(100, 210, 255, .15);--color-info-border: rgba(100, 210, 255, .35);--color-status-success-text: var(--color-success);--color-status-success-bg: var(--color-success-bg);--color-status-success-border: var(--color-success-border);--color-status-success-bg-hover: rgba(123, 200, 140, .18);--color-status-error-text: var(--color-error);--color-status-error-bg: var(--color-error-bg);--color-status-error-border: var(--color-error-border);--color-status-error-bg-hover: rgba(232, 128, 128, .18);--color-status-warning-text: var(--color-warning);--color-status-warning-bg: var(--color-warning-bg);--color-status-warning-border: var(--color-warning-border);--color-status-info-text: var(--color-info);--color-status-info-bg: var(--color-info-bg);--color-badge-success-bg: var(--color-success-bg);--color-badge-success-text: var(--color-success);--color-badge-warning-bg: var(--color-warning-bg);--color-badge-warning-text: var(--color-warning);--color-badge-info-bg: var(--color-info-bg);--color-badge-info-text: var(--color-info);--color-phase-work: linear-gradient( 135deg, rgba(123, 200, 140, .2) 0%, rgba(100, 180, 120, .2) 100% );--color-phase-rest: linear-gradient( 135deg, rgba(128, 184, 200, .2) 0%, rgba(100, 160, 180, .2) 100% );--color-phase-break: linear-gradient( 135deg, rgba(232, 122, 164, .2) 0%, rgba(200, 100, 140, .2) 100% );--color-phase-prestart: linear-gradient( 135deg, rgba(232, 184, 120, .15) 0%, rgba(200, 160, 100, .15) 100% );--color-phase-completed: linear-gradient( 135deg, rgba(232, 122, 164, .2) 0%, rgba(100, 181, 160, .2) 100% );--color-badge-brand-bg: rgba(232, 122, 164, .15);--color-badge-type-bg: rgba(100, 181, 160, .15);--color-badge-type-text: #64b5a0;--color-input-bg: rgba(45, 42, 64, .7);--color-input-placeholder: #8880a0;--color-btn-secondary-bg: #454060;--color-btn-secondary-hover: #504b70;--color-btn-done: linear-gradient(135deg, #7bc88c 0%, #64b5a0 100%);--color-brand-primary-faint: rgba(232, 122, 164, .1);--color-brand-secondary-faint: rgba(100, 181, 160, .1);--color-text-on-brand: #2d2a40;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .08);--shadow-md: 0 6px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .15);--shadow-xl: 0 16px 50px rgba(0, 0, 0, .2);--shadow-glow: 0 4px 20px rgba(232, 122, 164, .2);--shadow-glow-lg: 0 6px 30px rgba(232, 122, 164, .25);--shadow-glow-sm: 0 2px 12px rgba(232, 122, 164, .15);--shadow-success: 0 4px 20px rgba(123, 200, 140, .2);--shadow-success-lg: 0 6px 25px rgba(123, 200, 140, .25);--color-status-success-gradient: linear-gradient(135deg, #7bc88c 0%, #64b5a0 100%);--transition-fast: .25s ease-in-out;--transition-base: .35s ease-in-out;--transition-slow: .5s ease-in-out;--animation-timing: ease-in-out;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-2xl: 22px;--radius-3xl: 28px;--color-family-squat-bg: rgba(232, 168, 120, .15);--color-family-squat-text: #e8a878;--color-family-lunge-bg: rgba(232, 184, 120, .15);--color-family-lunge-text: #e8b878;--color-family-hinge-bg: rgba(216, 180, 120, .15);--color-family-hinge-text: #d8b478;--color-family-press-bg: rgba(128, 184, 200, .15);--color-family-press-text: #80b8c8;--color-family-pull-bg: rgba(100, 181, 160, .15);--color-family-pull-text: #64b5a0;--color-family-row-bg: rgba(120, 180, 160, .15);--color-family-row-text: #78b4a0;--color-family-olympic-bg: rgba(216, 180, 120, .15);--color-family-olympic-text: #d8b478;--color-family-swing-bg: rgba(184, 136, 184, .15);--color-family-swing-text: #b888b8;--color-family-thruster-bg: rgba(160, 144, 192, .15);--color-family-thruster-text: #a090c0;--color-family-core-bg: rgba(123, 200, 140, .15);--color-family-core-text: #7bc88c;--color-family-carry-bg: rgba(168, 144, 128, .15);--color-family-carry-text: #a89080;--color-family-complex-bg: rgba(144, 160, 176, .15);--color-family-complex-text: #90a0b0;--color-family-cardio-bg: rgba(232, 122, 164, .15);--color-family-cardio-text: #e87aa4;--color-family-default-bg: rgba(184, 176, 200, .15);--color-family-default-text: #b8b0c8;--color-impl-bodyweight-bg: rgba(184, 176, 200, .12);--color-impl-bodyweight-text: #b8b0c8;--color-impl-kb-bg: rgba(232, 168, 120, .12);--color-impl-kb-text: #e8a878;--color-impl-db-bg: rgba(128, 184, 200, .12);--color-impl-db-text: #80b8c8;--color-impl-barbell-bg: rgba(232, 128, 128, .12);--color-impl-barbell-text: #e88080;--color-impl-infra-bg: rgba(160, 160, 160, .12);--color-impl-infra-text: #a0a0a0;--color-impl-accessory-bg: rgba(123, 200, 140, .12);--color-impl-accessory-text: #7bc88c;--color-impl-default-bg: rgba(184, 176, 200, .12);--color-impl-default-text: #b8b0c8;--theme-color: #2d2a40;--lofi-grain-opacity: .03;--lofi-saturation: .92}[data-theme=pixel]{--font-display: "Press Start 2P", "VT323", monospace;--font-body: "VT323", "Press Start 2P", monospace;--font-mono: "VT323", monospace;--text-xs: .65rem;--text-sm: .75rem;--text-base: .85rem;--text-md: .9rem;--text-lg: 1rem;--text-xl: 1.1rem;--text-2xl: 1.25rem;--text-3xl: 1.5rem;--color-bg-base: #000080;--color-bg-elevated: #000060;--color-bg-surface: #0000a0;--color-bg-surface-hover: #0000c0;--color-bg-overlay: rgba(0, 0, 128, .95);--color-bg-backdrop: rgba(0, 0, 0, .7);--gradient-bg: #000080;--gradient-surface: #0000a0;--gradient-surface-hover: #0000c0;--color-brand-primary: #ffd700;--color-brand-secondary: #ff0000;--color-brand-gradient: #ffd700;--color-brand-alt: #00ffff;--color-text-on-brand: #000080;--color-text-primary: #ffffff;--color-text-secondary: #c0c0c0;--color-text-muted: #808080;--color-text-brand: #ffd700;--color-text-inverse: #000080;--color-border-default: #4040ff;--color-border-subtle: #2020a0;--color-border-hover: #6060ff;--color-border-focus: #ffd700;--color-success: #00ff00;--color-success-muted: #40ff40;--color-success-bg: rgba(0, 255, 0, .2);--color-success-border: #00ff00;--color-error: #ff0000;--color-error-muted: #ff4040;--color-error-bg: rgba(255, 0, 0, .2);--color-error-border: #ff0000;--color-warning: #ffff00;--color-warning-bg: rgba(255, 255, 0, .2);--color-warning-border: #ffff00;--color-info: #00ffff;--color-info-alt: #40ffff;--color-info-bg: rgba(0, 255, 255, .2);--color-info-border: #00ffff;--color-status-success-text: var(--color-success);--color-status-success-bg: var(--color-success-bg);--color-status-success-border: var(--color-success-border);--color-status-success-bg-hover: rgba(0, 255, 0, .3);--color-status-error-text: var(--color-error);--color-status-error-bg: var(--color-error-bg);--color-status-error-border: var(--color-error-border);--color-status-error-bg-hover: rgba(255, 0, 0, .3);--color-status-warning-text: var(--color-warning);--color-status-warning-bg: var(--color-warning-bg);--color-status-warning-border: var(--color-warning-border);--color-status-info-text: var(--color-info);--color-status-info-bg: var(--color-info-bg);--color-badge-success-bg: var(--color-success-bg);--color-badge-success-text: var(--color-success);--color-badge-warning-bg: var(--color-warning-bg);--color-badge-warning-text: var(--color-warning);--color-badge-info-bg: var(--color-info-bg);--color-badge-info-text: var(--color-info);--color-phase-work: #008000;--color-phase-rest: #000080;--color-phase-break: #800080;--color-phase-prestart: #808000;--color-phase-completed: #ffd700;--color-badge-brand-bg: rgba(255, 215, 0, .3);--color-badge-type-bg: rgba(0, 255, 255, .3);--color-badge-type-text: #00ffff;--color-input-bg: #000040;--color-input-placeholder: #808080;--color-btn-secondary-bg: #0000a0;--color-btn-secondary-hover: #0000c0;--color-btn-done: #00ff00;--color-brand-primary-faint: rgba(255, 215, 0, .2);--color-brand-secondary-faint: rgba(255, 0, 0, .2);--color-text-on-brand: #000000;--shadow-sm: 2px 2px 0 rgba(0, 0, 0, .5);--shadow-md: 4px 4px 0 rgba(0, 0, 0, .5);--shadow-lg: 6px 6px 0 rgba(0, 0, 0, .5);--shadow-xl: 8px 8px 0 rgba(0, 0, 0, .5);--shadow-glow: 0 0 0 2px #ffd700;--shadow-glow-lg: 0 0 0 4px #ffd700;--shadow-glow-sm: 0 0 0 1px #ffd700;--shadow-success: 0 0 0 2px #00ff00;--shadow-success-lg: 0 0 0 4px #00ff00;--color-status-success-gradient: #00ff00;--radius-sm: 0;--radius-md: 0;--radius-lg: 0;--radius-xl: 0;--radius-2xl: 0;--radius-3xl: 0;--radius-full: 0;--transition-fast: .1s steps(2);--transition-base: .15s steps(3);--transition-slow: .2s steps(4);--animation-timing: steps(4);--pixel-border: 4px;--pixel-scanline-opacity: .08;--color-family-squat-bg: rgba(255, 128, 0, .3);--color-family-squat-text: #ff8000;--color-family-lunge-bg: rgba(255, 165, 0, .3);--color-family-lunge-text: #ffa500;--color-family-hinge-bg: rgba(255, 215, 0, .3);--color-family-hinge-text: #ffd700;--color-family-press-bg: rgba(0, 128, 255, .3);--color-family-press-text: #0080ff;--color-family-pull-bg: rgba(0, 255, 255, .3);--color-family-pull-text: #00ffff;--color-family-row-bg: rgba(0, 255, 128, .3);--color-family-row-text: #00ff80;--color-family-olympic-bg: rgba(255, 215, 0, .3);--color-family-olympic-text: #ffd700;--color-family-swing-bg: rgba(255, 0, 255, .3);--color-family-swing-text: #ff00ff;--color-family-thruster-bg: rgba(128, 0, 255, .3);--color-family-thruster-text: #8000ff;--color-family-core-bg: rgba(0, 255, 0, .3);--color-family-core-text: #00ff00;--color-family-carry-bg: rgba(128, 64, 0, .3);--color-family-carry-text: #c08040;--color-family-complex-bg: rgba(128, 128, 128, .3);--color-family-complex-text: #808080;--color-family-cardio-bg: rgba(255, 0, 128, .3);--color-family-cardio-text: #ff0080;--color-family-default-bg: rgba(192, 192, 192, .3);--color-family-default-text: #c0c0c0;--color-impl-bodyweight-bg: rgba(192, 192, 192, .2);--color-impl-bodyweight-text: #c0c0c0;--color-impl-kb-bg: rgba(255, 128, 0, .2);--color-impl-kb-text: #ff8000;--color-impl-db-bg: rgba(0, 128, 255, .2);--color-impl-db-text: #0080ff;--color-impl-barbell-bg: rgba(255, 0, 0, .2);--color-impl-barbell-text: #ff0000;--color-impl-infra-bg: rgba(128, 128, 128, .2);--color-impl-infra-text: #808080;--color-impl-accessory-bg: rgba(0, 255, 0, .2);--color-impl-accessory-text: #00ff00;--color-impl-default-bg: rgba(192, 192, 192, .2);--color-impl-default-text: #c0c0c0;--theme-color: #000080}[data-theme=pixel][data-pixel-accent=green]{--color-bg-base: #0f380f;--color-bg-elevated: #1e4a1e;--color-bg-surface: #2a5c2a;--color-bg-surface-hover: #306830;--color-bg-overlay: rgba(15, 56, 15, .95);--color-bg-backdrop: rgba(0, 20, 0, .7);--gradient-bg: #0f380f;--gradient-surface: #2a5c2a;--gradient-surface-hover: #306830;--color-brand-primary: #9bbc0f;--color-brand-secondary: #8bac0f;--color-brand-gradient: #9bbc0f;--color-brand-alt: #7b9c0f;--color-text-primary: #9bbc0f;--color-text-secondary: #7b9c0f;--color-text-muted: #5a7a0f;--color-text-brand: #9bbc0f;--color-text-inverse: #0f380f;--color-text-on-brand: #0f380f;--color-border-default: #4a6a2a;--color-border-subtle: #2a4a1a;--color-border-hover: #6a8a3a;--color-border-focus: #9bbc0f;--color-success: #9bbc0f;--color-success-muted: #7b9c0f;--color-success-bg: rgba(155, 188, 15, .2);--color-success-border: #9bbc0f;--color-error: #ff6060;--color-error-muted: #cc4040;--color-error-bg: rgba(255, 96, 96, .2);--color-error-border: #ff6060;--color-warning: #cccc00;--color-warning-bg: rgba(204, 204, 0, .2);--color-warning-border: #cccc00;--color-info: #8bac0f;--color-info-alt: #7b9c0f;--color-info-bg: rgba(139, 172, 15, .2);--color-info-border: #8bac0f;--shadow-glow: 0 0 0 2px #9bbc0f;--shadow-glow-lg: 0 0 0 4px #9bbc0f;--shadow-glow-sm: 0 0 0 1px #9bbc0f;--color-badge-brand-bg: rgba(155, 188, 15, .3);--color-badge-type-bg: rgba(139, 172, 15, .3);--color-badge-type-text: #8bac0f;--color-input-bg: #1a4a1a;--color-brand-primary-faint: rgba(155, 188, 15, .15);--theme-color: #0f380f}[data-theme=pixel][data-pixel-accent=red]{--color-bg-base: #000000;--color-bg-elevated: #1a0000;--color-bg-surface: #2a0000;--color-bg-surface-hover: #3a0000;--color-bg-overlay: rgba(0, 0, 0, .95);--color-bg-backdrop: rgba(0, 0, 0, .8);--gradient-bg: #000000;--gradient-surface: #2a0000;--gradient-surface-hover: #3a0000;--color-brand-primary: #ff0000;--color-brand-secondary: #cc0000;--color-brand-gradient: #ff0000;--color-brand-alt: #ff4040;--color-text-primary: #ff0000;--color-text-secondary: #cc0000;--color-text-muted: #880000;--color-text-brand: #ff0000;--color-text-inverse: #000000;--color-text-on-brand: #000000;--color-border-default: #600000;--color-border-subtle: #400000;--color-border-hover: #900000;--color-border-focus: #ff0000;--color-success: #ff4040;--color-success-muted: #cc3030;--color-success-bg: rgba(255, 64, 64, .2);--color-success-border: #ff4040;--color-error: #ff0000;--color-error-muted: #cc0000;--color-error-bg: rgba(255, 0, 0, .2);--color-error-border: #ff0000;--color-warning: #ff6060;--color-warning-bg: rgba(255, 96, 96, .2);--color-warning-border: #ff6060;--color-info: #ff4040;--color-info-alt: #ff6060;--color-info-bg: rgba(255, 64, 64, .2);--color-info-border: #ff4040;--shadow-glow: 0 0 0 2px #ff0000;--shadow-glow-lg: 0 0 0 4px #ff0000;--shadow-glow-sm: 0 0 0 1px #ff0000;--color-badge-brand-bg: rgba(255, 0, 0, .3);--color-badge-type-bg: rgba(255, 64, 64, .3);--color-badge-type-text: #ff4040;--color-input-bg: #1a0000;--color-brand-primary-faint: rgba(255, 0, 0, .15);--theme-color: #000000}[data-theme=pixel][data-pixel-accent=purple]{--color-bg-base: #10002b;--color-bg-elevated: #1a0040;--color-bg-surface: #240055;--color-bg-surface-hover: #2e006a;--color-bg-overlay: rgba(16, 0, 43, .95);--color-bg-backdrop: rgba(0, 0, 20, .7);--gradient-bg: #10002b;--gradient-surface: #240055;--gradient-surface-hover: #2e006a;--color-brand-primary: #ffd700;--color-brand-secondary: #ff00ff;--color-brand-gradient: #ffd700;--color-brand-alt: #00ffff;--color-text-primary: #ffffff;--color-text-secondary: #d0c0ff;--color-text-muted: #a090d0;--color-text-brand: #ffd700;--color-text-inverse: #10002b;--color-text-on-brand: #10002b;--color-border-default: #5030a0;--color-border-subtle: #3a2080;--color-border-hover: #7050c0;--color-border-focus: #ffd700;--color-success: #00ff00;--color-success-muted: #40ff40;--color-success-bg: rgba(0, 255, 0, .2);--color-success-border: #00ff00;--color-error: #ff0000;--color-error-muted: #ff4040;--color-error-bg: rgba(255, 0, 0, .2);--color-error-border: #ff0000;--color-warning: #ffd700;--color-warning-bg: rgba(255, 215, 0, .2);--color-warning-border: #ffd700;--color-info: #00ffff;--color-info-alt: #40ffff;--color-info-bg: rgba(0, 255, 255, .2);--color-info-border: #00ffff;--shadow-glow: 0 0 0 2px #ffd700;--shadow-glow-lg: 0 0 0 4px #ffd700;--shadow-glow-sm: 0 0 0 1px #ffd700;--color-badge-brand-bg: rgba(255, 215, 0, .3);--color-badge-type-bg: rgba(0, 255, 255, .3);--color-badge-type-text: #00ffff;--color-input-bg: #1a0040;--color-brand-primary-faint: rgba(255, 215, 0, .15);--theme-color: #10002b}[data-theme=nightcall]{--color-bg-base: #030308;--color-bg-elevated: #0a0a14;--color-bg-surface: #0f1420;--color-bg-surface-hover: #141c28;--color-bg-overlay: rgba(3, 3, 8, .97);--color-bg-backdrop: rgba(0, 0, 0, .8);--gradient-bg: linear-gradient(180deg, #030308 0%, #0a0a14 50%, #0d1018 100%);--gradient-surface: linear-gradient(135deg, #0f1420 0%, #141c28 100%);--gradient-surface-hover: linear-gradient(135deg, #141c28 0%, #1a2430 100%);--color-brand-primary: #ff0a0a;--color-brand-secondary: #1a4a8a;--color-brand-gradient: linear-gradient(135deg, #ff0a0a 0%, #cc0808 50%, #ff2020 100%);--color-brand-alt: #00d4ff;--color-text-primary: #e8e8f0;--color-text-secondary: #8a98b0;--color-text-muted: #5a6880;--color-text-brand: #ff4444;--color-text-inverse: #030308;--color-border-default: #1a2a40;--color-border-subtle: #101828;--color-border-hover: #2a3a50;--color-border-focus: #ff0a0a;--color-success: #00ff88;--color-success-muted: #40ffa0;--color-success-bg: rgba(0, 255, 136, .12);--color-success-border: rgba(0, 255, 136, .35);--color-error: #ff2a2a;--color-error-muted: #ff5050;--color-error-bg: rgba(255, 42, 42, .15);--color-error-border: rgba(255, 42, 42, .4);--color-warning: #ffaa00;--color-warning-bg: rgba(255, 170, 0, .12);--color-warning-border: rgba(255, 170, 0, .35);--color-info: #00d4ff;--color-info-alt: #40e0ff;--color-info-bg: rgba(0, 212, 255, .12);--color-info-border: rgba(0, 212, 255, .35);--color-status-success-text: var(--color-success);--color-status-success-bg: var(--color-success-bg);--color-status-success-border: var(--color-success-border);--color-status-success-bg-hover: rgba(0, 255, 136, .18);--color-status-error-text: var(--color-error);--color-status-error-bg: var(--color-error-bg);--color-status-error-border: var(--color-error-border);--color-status-error-bg-hover: rgba(255, 42, 42, .2);--color-status-warning-text: var(--color-warning);--color-status-warning-bg: var(--color-warning-bg);--color-status-warning-border: var(--color-warning-border);--color-status-info-text: var(--color-info);--color-status-info-bg: var(--color-info-bg);--color-badge-success-bg: var(--color-success-bg);--color-badge-success-text: var(--color-success);--color-badge-warning-bg: var(--color-warning-bg);--color-badge-warning-text: var(--color-warning);--color-badge-info-bg: var(--color-info-bg);--color-badge-info-text: var(--color-info);--color-phase-work: linear-gradient( 135deg, rgba(0, 255, 136, .25) 0%, rgba(0, 200, 100, .25) 100% );--color-phase-rest: linear-gradient( 135deg, rgba(0, 212, 255, .25) 0%, rgba(0, 160, 200, .25) 100% );--color-phase-break: linear-gradient( 135deg, rgba(255, 10, 10, .25) 0%, rgba(200, 10, 10, .25) 100% );--color-phase-prestart: linear-gradient( 135deg, rgba(255, 170, 0, .2) 0%, rgba(200, 140, 0, .2) 100% );--color-phase-completed: linear-gradient( 135deg, rgba(255, 10, 10, .25) 0%, rgba(0, 212, 255, .25) 100% );--color-badge-brand-bg: rgba(255, 10, 10, .2);--color-badge-type-bg: rgba(0, 212, 255, .2);--color-badge-type-text: #00d4ff;--color-input-bg: rgba(10, 10, 20, .8);--color-input-placeholder: #5a6880;--color-btn-secondary-bg: #0f1420;--color-btn-secondary-hover: #141c28;--color-btn-done: linear-gradient(135deg, #00ff88 0%, #00cc66 100%);--color-brand-primary-faint: rgba(255, 10, 10, .12);--color-brand-secondary-faint: rgba(26, 74, 138, .15);--color-text-on-brand: #ffffff;--shadow-sm: 0 1px 4px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .6);--shadow-xl: 0 12px 48px rgba(0, 0, 0, .7);--shadow-glow: 0 0 20px rgba(255, 10, 10, .5), 0 0 40px rgba(255, 10, 10, .25);--shadow-glow-lg: 0 0 30px rgba(255, 10, 10, .6), 0 0 60px rgba(255, 10, 10, .3);--shadow-glow-sm: 0 0 10px rgba(255, 10, 10, .4);--shadow-success: 0 0 15px rgba(0, 255, 136, .4);--shadow-success-lg: 0 0 25px rgba(0, 255, 136, .5);--color-status-success-gradient: linear-gradient(135deg, #00ff88 0%, #00cc66 100%);--text-glow: 0 0 10px currentColor, 0 0 20px currentColor;--text-glow-sm: 0 0 5px currentColor;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--animation-timing: cubic-bezier(.4, 0, .2, 1);--color-family-squat-bg: rgba(255, 100, 100, .2);--color-family-squat-text: #ff6464;--color-family-lunge-bg: rgba(255, 140, 80, .2);--color-family-lunge-text: #ff8c50;--color-family-hinge-bg: rgba(255, 170, 0, .2);--color-family-hinge-text: #ffaa00;--color-family-press-bg: rgba(0, 180, 255, .2);--color-family-press-text: #00b4ff;--color-family-pull-bg: rgba(0, 212, 255, .2);--color-family-pull-text: #00d4ff;--color-family-row-bg: rgba(0, 255, 136, .2);--color-family-row-text: #00ff88;--color-family-olympic-bg: rgba(255, 170, 0, .2);--color-family-olympic-text: #ffaa00;--color-family-swing-bg: rgba(200, 80, 200, .2);--color-family-swing-text: #c850c8;--color-family-thruster-bg: rgba(140, 80, 200, .2);--color-family-thruster-text: #8c50c8;--color-family-core-bg: rgba(0, 255, 136, .2);--color-family-core-text: #00ff88;--color-family-carry-bg: rgba(200, 140, 100, .2);--color-family-carry-text: #c88c64;--color-family-complex-bg: rgba(100, 140, 180, .2);--color-family-complex-text: #648cb4;--color-family-cardio-bg: rgba(255, 10, 10, .2);--color-family-cardio-text: #ff0a0a;--color-family-default-bg: rgba(138, 152, 176, .15);--color-family-default-text: #8a98b0;--color-impl-bodyweight-bg: rgba(138, 152, 176, .1);--color-impl-bodyweight-text: #8a98b0;--color-impl-kb-bg: rgba(255, 140, 80, .15);--color-impl-kb-text: #ff8c50;--color-impl-db-bg: rgba(0, 180, 255, .15);--color-impl-db-text: #00b4ff;--color-impl-barbell-bg: rgba(255, 10, 10, .15);--color-impl-barbell-text: #ff0a0a;--color-impl-infra-bg: rgba(100, 110, 130, .12);--color-impl-infra-text: #646e82;--color-impl-accessory-bg: rgba(0, 255, 136, .12);--color-impl-accessory-text: #00ff88;--color-impl-default-bg: rgba(138, 152, 176, .1);--color-impl-default-text: #8a98b0;--theme-color: #030308}:root{--preview-dark-bg: #0d0d14;--preview-dark-accent: #d4a854;--preview-dark-text: #f5f5f5;--preview-light-bg: #f8f6f3;--preview-light-accent: #b8860b;--preview-light-text: #1c1c28;--preview-miami-bg: #1a0a2e;--preview-miami-accent: #d946ef;--preview-miami-secondary: #00e5ff;--preview-miami-text: #ffffff;--preview-lofi-bg: #2d2a40;--preview-lofi-accent: #e87aa4;--preview-lofi-secondary: #64b5a0;--preview-lofi-text: #f5f0e8;--preview-pixel-bg: #000080;--preview-pixel-accent: #ffd700;--preview-pixel-secondary: #ff0000;--preview-pixel-text: #ffffff;--preview-nightcall-bg: #030308;--preview-nightcall-accent: #ff0a0a;--preview-nightcall-secondary: #1a4a8a;--preview-nightcall-text: #e8e8f0}[data-theme=miami] h1,[data-theme=miami] h2,[data-theme=miami] h3{font-style:var(--font-header-style, italic);text-transform:var(--font-header-transform, uppercase);letter-spacing:var(--tracking-header, .05em)}[data-theme=miami] .btn-primary,[data-theme=miami] [class*=brand-gradient]{box-shadow:var(--shadow-glow)}[data-theme=lofi] body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:50;opacity:var(--lofi-grain-opacity, .03);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}[data-theme=lofi] img,[data-theme=lofi] svg:not(.icon){filter:saturate(var(--lofi-saturation, .92))}[data-theme=pixel] body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:50;opacity:var(--pixel-scanline-opacity, .08);background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.3) 2px,rgba(0,0,0,.3) 4px)}[data-theme=pixel] img{image-rendering:pixelated;image-rendering:crisp-edges}html[data-theme=pixel] button,html[data-theme=pixel] input,html[data-theme=pixel] select,html[data-theme=pixel] .card,html[data-theme=pixel] [class*=surface]{border:var(--pixel-border, 4px) solid var(--color-border-default);border-radius:0}html[data-theme=pixel] button,html[data-theme=pixel] a,html[data-theme=pixel] input,html[data-theme=pixel] select{transition-timing-function:steps(4)}[data-theme=pixel] input,[data-theme=pixel] select{border-style:inset}[data-theme=pixel] button{border-style:outset}[data-theme=pixel] button:active{border-style:inset}.app-header.svelte-12qhfyh{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);padding-top:calc(env(safe-area-inset-top,0px) + var(--space-3));border-bottom:1px solid var(--color-border-default);background:var(--color-bg-overlay);backdrop-filter:blur(10px);position:sticky;top:0;z-index:var(--z-sticky);gap:var(--space-3)}.logo-link.svelte-12qhfyh{text-decoration:none;flex-shrink:0}.logo.svelte-12qhfyh{font-size:var(--text-2xl);font-weight:var(--font-bold);font-family:var(--font-display);color:var(--color-brand-primary);text-decoration:none;letter-spacing:var(--tracking-tight)}.desktop-nav.svelte-12qhfyh{display:flex;align-items:center;gap:var(--space-1);flex:1;margin-left:var(--space-6)}.desktop-nav.svelte-12qhfyh a:where(.svelte-12qhfyh){display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);color:var(--color-text-secondary);text-decoration:none;font-weight:var(--font-medium);font-size:var(--text-base);border-radius:var(--radius-md);transition:var(--transition-base)}.desktop-nav.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{color:var(--color-brand-primary);background:var(--color-badge-brand-bg)}.desktop-nav.svelte-12qhfyh a.active:where(.svelte-12qhfyh){color:var(--color-brand-primary);background:var(--color-badge-brand-bg)}.desktop-nav.svelte-12qhfyh a.admin-link:where(.svelte-12qhfyh){color:var(--color-warning)}.desktop-nav.svelte-12qhfyh a.admin-link:where(.svelte-12qhfyh):hover,.desktop-nav.svelte-12qhfyh a.admin-link.active:where(.svelte-12qhfyh){color:var(--color-warning);background:#ffc1071a}.nav-icon.svelte-12qhfyh{font-size:var(--text-lg)}.nav-divider.svelte-12qhfyh{width:1px;height:20px;background:var(--color-border-default);margin:0 var(--space-2)}.header-right.svelte-12qhfyh{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.header-right.svelte-12qhfyh>.cl-userButton-root,.header-right.svelte-12qhfyh>[data-clerk-component] button{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-4);background:var(--color-brand-gradient);color:var(--color-text-inverse);text-decoration:none;border:none;outline:none;border-radius:var(--radius-lg);font-weight:var(--font-semibold);font-size:var(--text-sm);cursor:pointer;min-height:44px;transition:var(--transition-base);box-shadow:var(--shadow-glow);-webkit-appearance:none;appearance:none}.header-right.svelte-12qhfyh>[data-clerk-component] button:hover{transform:translateY(-1px);box-shadow:var(--shadow-glow-lg)}.header-right.svelte-12qhfyh>[data-clerk-component] button:active{transform:translateY(0)}main.svelte-12qhfyh{padding:var(--space-6);width:100%;max-width:100%;overflow-x:hidden}@media(max-width:768px){.desktop-nav.svelte-12qhfyh{display:none}.app-header.svelte-12qhfyh{padding:var(--space-2) var(--space-3);padding-top:calc(env(safe-area-inset-top,0px) + var(--space-2))}.logo.svelte-12qhfyh{font-size:var(--text-xl)}main.svelte-12qhfyh{padding:var(--space-4);padding-bottom:calc(60px + env(safe-area-inset-bottom,0px) + var(--space-4))}}@media(max-width:480px){.app-header.svelte-12qhfyh{padding:var(--space-2);padding-top:calc(env(safe-area-inset-top,0px) + var(--space-2));gap:var(--space-2)}.logo.svelte-12qhfyh{font-size:var(--text-lg)}main.svelte-12qhfyh{padding:var(--space-3);padding-bottom:calc(60px + env(safe-area-inset-bottom,0px) + var(--space-3))}}.app-footer.svelte-12qhfyh{margin-top:var(--space-12);padding:var(--space-8) var(--space-6);background:var(--color-bg-overlay);border-top:1px solid var(--color-border-default)}.footer-content.svelte-12qhfyh{max-width:800px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-6);text-align:center}.footer-brand.svelte-12qhfyh{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.footer-logo.svelte-12qhfyh{font-size:var(--text-2xl);font-weight:var(--font-bold);font-family:var(--font-display);color:var(--color-brand-primary);letter-spacing:var(--tracking-tight)}.footer-tagline.svelte-12qhfyh{font-size:var(--text-sm);color:var(--color-text-secondary)}.footer-links.svelte-12qhfyh{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-4)}.footer-section-title.svelte-12qhfyh{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.footer-links.svelte-12qhfyh a:where(.svelte-12qhfyh){color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-base);transition:var(--transition-colors)}.footer-links.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{color:var(--color-brand-primary)}.footer-copyright.svelte-12qhfyh{font-size:var(--text-sm);color:var(--color-text-muted)}.footer-language.svelte-12qhfyh{margin-top:var(--space-2)}@media(max-width:480px){.app-footer.svelte-12qhfyh{padding:var(--space-6) var(--space-4)}.footer-content.svelte-12qhfyh{gap:var(--space-4)}.footer-links.svelte-12qhfyh{flex-direction:column;gap:var(--space-2)}}[data-theme=light] .metadata,[data-theme=light] .movements,[data-theme=light] .intervals,[data-theme=light] .emom-config,[data-theme=light] .results-section,[data-theme=light] .minute-group-item,[data-theme=light] .penalty-info-section,[data-theme=light] .info-card,[data-theme=light] .content-card,[data-theme=light] .detail-grid section,[data-theme=light] .stat-card,[data-theme=light] .feature-card,[data-theme=light] .section,[data-theme=light] .card,[data-theme=light] .form-section,[data-theme=light] .timer-card,[data-theme=light] .presets-card,[data-theme=light] .quote-card,[data-theme=light] .workout-card,[data-theme=light] .exercise-card,[data-theme=light] .analytics-card,[data-theme=light] .history-item,[data-theme=light] .result-item,[data-theme=light] .pr-card,[data-theme=light] .saved-timer-item,[data-theme=light] .preset-card,[data-theme=light] .filter-panel,[data-theme=light] .exercise-filters,[data-theme=light] .advanced-filters{background:var(--color-bg-elevated)!important;border-color:var(--color-border-default)!important;box-shadow:var(--shadow-md)!important}[data-theme=light] .movements h2,[data-theme=light] .intervals h2,[data-theme=light] .emom-config h2,[data-theme=light] .results-section h2,[data-theme=light] .section-title,[data-theme=light] .info-card h2,[data-theme=light] .content-card h2,[data-theme=light] .card-title,[data-theme=light] .preset-name,[data-theme=light] .timer-name{color:var(--color-text-primary)!important}[data-theme=light] .meta-label,[data-theme=light] .stat-label,[data-theme=light] .filter-label,[data-theme=light] .form-label,[data-theme=light] .label,[data-theme=light] dt{color:var(--color-text-secondary)!important}[data-theme=light] .meta-value,[data-theme=light] .stat-value,[data-theme=light] .timer-value,[data-theme=light] dd,[data-theme=light] .value,[data-theme=light] h1,[data-theme=light] .workout-header h1,[data-theme=light] .page-title,[data-theme=light] .title,[data-theme=light] h2,[data-theme=light] h3{color:var(--color-text-primary)!important}[data-theme=light] .description,[data-theme=light] .description p,[data-theme=light] .workout-description,[data-theme=light] .exercise-description,[data-theme=light] .movement-item,[data-theme=light] .movement-name,[data-theme=light] .interval-item,[data-theme=light] .exercise-chip{color:var(--color-text-secondary)!important}[data-theme=light] .movement-notes,[data-theme=light] .movement-weight,[data-theme=light] .part-rounds,[data-theme=light] .no-movements,[data-theme=light] .empty-state,[data-theme=light] .help-text,[data-theme=light] .hint{color:var(--color-text-muted)!important}[data-theme=light] .minute-label,[data-theme=light] .part-label,[data-theme=light] .chip-reps,[data-theme=light] .movement-reps,[data-theme=light] .interval-item strong,[data-theme=light] .emom-badge.rotation,[data-theme=light] .brand-text{color:var(--color-brand-primary)!important}[data-theme=light] .type-badge,[data-theme=light] .segment-type,[data-theme=light] .badge.type,[data-theme=light] .emom-badge.timing{background:var(--color-badge-type-bg)!important;color:var(--color-badge-type-text)!important}[data-theme=light] .difficulty-badge{background:var(--color-bg-surface-hover)!important;color:var(--color-text-secondary)!important}[data-theme=light] .emom-badge.cycles,[data-theme=light] .success-badge{background:var(--color-status-success-bg)!important;color:var(--color-status-success-text)!important}[data-theme=light] .badge.version{background:var(--color-status-info-bg)!important;color:var(--color-status-info-text)!important}[data-theme=light] .badge.official{background:var(--color-badge-brand-bg)!important;color:var(--color-text-brand)!important}[data-theme=light] .exercise-chip{background:var(--color-brand-primary-faint)!important;border-color:var(--color-badge-brand-bg)!important;color:var(--color-text-secondary)!important}[data-theme=light] .workout-header,[data-theme=light] .part-header{border-color:var(--color-border-default)!important}[data-theme=light] .back-link,[data-theme=light] .link{color:var(--color-text-secondary)!important}[data-theme=light] .back-link:hover,[data-theme=light] .link:hover,[data-theme=light] .movement-name:hover{color:var(--color-brand-primary)!important}[data-theme=light] .btn-secondary,[data-theme=light] .back-button,[data-theme=light] .version-button{background:var(--color-bg-elevated)!important;border-color:var(--color-border-default)!important;color:var(--color-text-secondary)!important}[data-theme=light] .btn-secondary:hover,[data-theme=light] .back-button:hover,[data-theme=light] .version-button:hover{border-color:var(--color-brand-primary)!important;color:var(--color-brand-primary)!important}[data-theme=light] .btn-danger-outline{background:transparent!important;border-color:var(--color-status-error-text)!important;color:var(--color-status-error-text)!important}[data-theme=light] input,[data-theme=light] textarea,[data-theme=light] select{background:var(--color-input-bg)!important;border-color:var(--color-border-default)!important;color:var(--color-text-primary)!important}[data-theme=light] input::placeholder,[data-theme=light] textarea::placeholder{color:var(--color-input-placeholder)!important}[data-theme=light] input:focus,[data-theme=light] textarea:focus,[data-theme=light] select:focus{border-color:var(--color-border-focus)!important}[data-theme=light] .version-dropdown,[data-theme=light] .dropdown,[data-theme=light] .select-dropdown{background:var(--color-bg-elevated)!important;border-color:var(--color-border-default)!important;box-shadow:var(--shadow-lg)!important}[data-theme=light] .version-option,[data-theme=light] .dropdown-item{color:var(--color-text-secondary)!important}[data-theme=light] .version-option:hover,[data-theme=light] .dropdown-item:hover{background:var(--color-bg-base)!important}[data-theme=light] .version-option.current{background:var(--color-brand-primary-faint)!important;color:var(--color-brand-primary)!important}[data-theme=light] .result-item{background:var(--color-bg-elevated)!important;border-color:var(--color-border-default)!important}[data-theme=light] .result-score{color:var(--color-text-primary)!important}[data-theme=light] .result-date{color:var(--color-text-muted)!important}[data-theme=light] .success-message{background:var(--color-status-success-bg)!important;border-color:var(--color-status-success-text)!important;color:var(--color-status-success-text)!important}[data-theme=light] .error-message{background:var(--color-status-error-bg)!important;border-color:var(--color-status-error-text)!important;color:var(--color-status-error-text)!important}[data-theme=light] .loading,[data-theme=light] .error-state{color:var(--color-text-secondary)!important}[data-theme=light] .spinner{border-color:var(--color-border-default)!important;border-top-color:var(--color-brand-primary)!important}[data-theme=light] .time,[data-theme=light] .timer-time,[data-theme=light] .quote-text{color:var(--color-text-primary)!important}[data-theme=light] .quote-author{color:var(--color-brand-primary)!important}[data-theme=light] .quote-source{color:var(--color-text-muted)!important}[data-theme=light] .workout-name{color:var(--color-text-primary)!important}[data-theme=light] .pr-badge,[data-theme=light] .rx-badge{background:var(--color-badge-brand-bg)!important;color:var(--color-text-brand)!important}[data-theme=light] .amrap-badge{background:var(--color-brand-gradient)!important;color:var(--color-text-on-brand)!important}