:root{--color-brand-primary: #00c4d9;--color-brand-primary-rgb: 0, 196, 217;--color-brand-secondary: #3aa584;--color-brand-tertiary: #6ed3b4;--accent-color: var(--color-brand-primary);--accent-color-rgb: var(--color-brand-primary-rgb);--accent-color-hover: #00a7b5;--color-accent: var(--color-brand-primary);--color-accent-rgb: var(--color-brand-primary-rgb);--color-accent-hover: var(--color-brand-secondary);--color-accent-light: var(--color-brand-tertiary);--color-accent-dark: #00a3b8;--color-success: #10b981;--color-error: #ef4444;--color-error-dark: #dc2626;--color-error-rgb: 239, 68, 68;--color-warning: #f59e0b;--color-info: #3b82f6;--color-gray-950: #0a0a0a;--color-gray-900: #0e0e0e;--color-gray-850: #141414;--color-gray-800: #1c1c1e;--color-gray-750: #242424;--color-gray-700: #2a2a2a;--color-gray-650: #333333;--color-gray-600: #3c3c3c;--color-gray-550: #4a4a4a;--color-gray-500: #6a6a6a;--color-gray-450: #8a8a8a;--color-gray-400: #9ca3af;--color-gray-350: #b0b0b0;--color-gray-300: #d1d5db;--color-gray-250: #e5e7eb;--color-gray-200: #f1f3f5;--color-gray-100: #f8f9fa;--color-gray-50: #ffffff;--bg-primary: var(--color-gray-900);--bg-secondary: var(--color-gray-850);--bg-gradient-start: #1a1a1a;--bg-gradient-end: var(--color-gray-700);--color-bg-primary: var(--bg-primary);--color-bg-secondary: var(--bg-secondary);--color-bg-tertiary: var(--color-gray-800);--color-bg-elevated: var(--color-gray-800);--color-surface-primary: var(--color-gray-800);--color-surface-secondary: var(--color-gray-750);--color-surface-tertiary: var(--color-gray-700);--color-surface-hover: rgba(255, 255, 255, .05);--color-surface-interactive: rgba(255, 255, 255, .1);--container-bg: var(--color-gray-800);--container-bg-80: rgba(28, 28, 30, .8);--container-bg-tertiary: rgba(255, 255, 255, .1);--text-primary: #f5f5f7;--text-secondary: var(--color-gray-350);--text-muted: #6e6e73;--text-on-accent: #ffffff;--color-text-primary: var(--text-primary);--color-text-secondary: var(--text-secondary);--color-text-tertiary: var(--color-gray-400);--color-text-quaternary: var(--color-gray-450);--color-text-disabled: var(--color-gray-500);--color-text-inverse: var(--color-gray-900);--color-text-accent: var(--accent-color);--color-text-on-accent: var(--text-on-accent);--text-color-primary: var(--text-primary);--text-color-secondary: var(--text-secondary);--text-color-muted: var(--text-muted);--text-color-accent: var(--accent-color);--text-color-inverse: var(--color-gray-900);--text-color-error: var(--color-error);--text-color-success: var(--color-success);--text-color-warning: var(--color-warning);--border-color: var(--color-gray-500);--border-light: var(--color-gray-250);--border-secondary: var(--color-gray-600);--color-border-primary: var(--border-color);--color-border-secondary: var(--border-secondary);--color-border-tertiary: var(--color-gray-600);--color-border-interactive: var(--color-gray-400);--color-border-focus: var(--accent-color);--color-border-hover: var(--color-gray-400);--input-bg: var(--color-gray-650);--button-secondary-bg: #6c757d;--button-disabled-bg: #cccccc;--shadow-light: rgba(0, 0, 0, .1);--shadow-medium: rgba(0, 0, 0, .25);--shadow-dark: rgba(0, 0, 0, .5);--color-shadow-light: var(--shadow-light);--color-shadow-medium: var(--shadow-medium);--color-shadow-dark: var(--shadow-dark);--color-shadow-intense: rgba(0, 0, 0, .8);--pointer-color: #ffffff;--wheel-border-color: var(--border-light);--fate-accent: var(--accent-color);--fate-accent-rgb: var(--accent-color-rgb);--fate-accent-hover: var(--accent-color-hover);--fate-accent-light: var(--color-brand-tertiary);--fate-accent-dark: var(--color-accent-dark);--fate-eliminator: #ef4444;--fate-eliminator-rgb: 239, 68, 68;--fate-eliminator-hover: #dc2626;--fate-eliminator-light: #f87171;--fate-multi-pick: #1e3a8a;--fate-multi-pick-rgb: 30, 58, 138;--fate-multi-pick-hover: #1e40af;--fate-multi-pick-light: #3b82f6;--fate-chase: #f59e0b;--fate-chase-rgb: 245, 158, 11;--fate-chase-hover: #d97706;--fate-chase-light: #fbbf24;--fate-sorter: #10b981;--fate-sorter-rgb: 16, 185, 129;--fate-sorter-hover: #059669;--fate-sorter-light: #34d399;--fate-sorter-eliminator: #ec4899;--fate-sorter-eliminator-rgb: 236, 72, 153;--fate-sorter-eliminator-hover: #db2777;--fate-sorter-eliminator-light: #f472b6;--fate-group-sorter: #6366f1;--fate-group-sorter-rgb: 99, 102, 241;--fate-group-sorter-hover: #5b21b6;--fate-group-sorter-light: #818cf8;--fate-bg: var(--color-bg-primary);--fate-container-bg: var(--color-surface-primary);--fate-text-primary: var(--color-text-primary);--fate-text-secondary: var(--color-text-secondary);--fate-text-muted: var(--color-text-tertiary);--fate-border: var(--color-border-primary);--fate-border-light: var(--color-border-secondary);--fate-input-bg: var(--color-input-bg);--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 28px;--font-size-4xl: 32px;--font-size-5xl: 40px;--font-size-6xl: 48px;--font-size-7xl: 56px;--font-size-8xl: 64px;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--line-height-none: 1;--line-height-tight: 1.1;--line-height-snug: 1.2;--line-height-normal: 1.3;--line-height-relaxed: 1.4;--line-height-loose: 1.5;--line-height-extra-loose: 1.6;--letter-spacing-tighter: -.05em;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--letter-spacing-widest: .1em;--font-family-system: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", "Helvetica Neue", sans-serif;--font-family-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-32: 128px;--spacing-xs: var(--space-1);--spacing-sm: var(--space-2);--spacing-md: var(--space-3);--spacing-lg: var(--space-4);--spacing-xl: var(--space-6);--spacing-component-sm: var(--space-2);--spacing-component-md: var(--space-3);--spacing-component-lg: var(--space-4);--control-size-xs: 24px;--control-size-sm: 32px;--control-size-md: 40px;--control-size-lg: 48px;--control-size-xl: 56px;--control-spacing-xs: 4px;--control-spacing-xl: 24px;--toggle-width-sm: 40px;--toggle-width-md: 50px;--toggle-width-lg: 60px;--toggle-height-sm: 20px;--toggle-height-md: 24px;--toggle-height-lg: 32px;--toggle-thumb-size-sm: 16px;--toggle-thumb-size-md: 20px;--toggle-thumb-size-lg: 28px;--toggle-bg-off: var(--color-gray-600);--toggle-bg-on: var(--accent-color);--toggle-thumb-color: #ffffff;--visual-option-size-sm: 60px;--visual-option-size-md: 80px;--visual-option-size-lg: 100px;--visual-option-padding: 8px;--visual-option-border-radius: 8px;--visual-option-gap: 8px;--visual-option-bg: var(--color-surface-primary);--visual-option-border: var(--color-border-primary);--visual-option-border-hover: var(--accent-color);--visual-option-border-active: var(--accent-color);--visual-option-bg-active: rgba(var(--accent-color-rgb), .1);--slider-track-height-sm: 4px;--slider-track-height-md: 6px;--slider-track-height-lg: 8px;--slider-thumb-size-sm: 16px;--slider-thumb-size-md: 20px;--slider-thumb-size-lg: 24px;--slider-track-bg: var(--color-gray-600);--slider-track-fill: var(--accent-color);--slider-thumb-color: var(--accent-color);--slider-thumb-border: 2px solid white;--slider-thumb-shadow: 0 2px 6px rgba(0, 0, 0, .1);--input-height-sm: 32px;--input-height-md: 40px;--input-height-lg: 48px;--input-padding-horizontal: 12px;--input-padding-vertical: 8px;--input-border: var(--color-border-primary);--input-border-focus: var(--accent-color);--input-text: var(--color-text-primary);--input-placeholder: var(--color-text-tertiary);--button-height-sm: 32px;--button-height-md: 40px;--button-height-lg: 48px;--button-padding-sm: 8px 12px;--button-padding-md: 10px 16px;--button-padding-lg: 12px 20px;--form-input-height-sm: 36px;--form-input-height-md: 48px;--form-input-height-lg: 56px;--form-input-padding-sm: 8px 12px;--form-input-padding-md: 12px 16px;--form-input-padding-lg: 16px 20px;--form-input-bg: var(--input-bg);--form-input-border: 2px solid var(--color-border-primary);--form-input-border-hover: var(--accent-color);--form-input-border-focus: var(--accent-color);--form-input-text: var(--color-text-primary);--form-input-placeholder: var(--color-text-tertiary);--form-input-radius: 12px;--form-input-shadow: 0 2px 8px rgba(0, 0, 0, .08);--form-input-shadow-hover: 0 4px 16px rgba(0, 0, 0, .12);--form-input-shadow-focus: 0 0 0 4px rgba(var(--accent-color-rgb), .15);--form-input-transition: all .3s ease;--control-transition-fast: all .2s ease;--control-transition-normal: .25s;--control-transition-slow: .35s;--control-transition: all .2s ease;--control-ease-standard: cubic-bezier(.4, 0, .2, 1);--control-ease-entrance: cubic-bezier(0, 0, .2, 1);--control-ease-exit: cubic-bezier(.4, 0, 1, 1);--control-disabled-opacity: .5;--control-disabled-cursor: not-allowed;--control-premium-opacity: .4;--control-premium-filter: grayscale(70%);--control-premium-bg: rgba(128, 128, 128, .1);--control-premium-color: #ffd700;--control-border-radius: var(--radius-default);--control-border-color: var(--color-border-primary);--control-bg-color: var(--color-surface-primary);--control-bg: var(--color-surface-primary);--control-text-color: var(--color-text-primary);--control-text-secondary: var(--color-text-secondary);--control-color-size: 24px;--control-spacing: var(--space-3);--control-spacing-sm: 8px;--control-spacing-md: 12px;--control-spacing-lg: 16px;--control-touch-target: 44px;--modal-width-xs: 320px;--modal-width-sm: 440px;--modal-width-md: 580px;--modal-width-lg: 720px;--modal-width-xl: 900px;--modal-width-xxl: 1000px;--modal-width-admin: 1200px;--modal-width-full: 95vw;--modal-height-sm: 300px;--modal-height-md: 400px;--modal-height-lg: 600px;--modal-height-xl: 80vh;--modal-height-full: 90vh;--modal-padding-xs: 8px;--modal-padding-sm: 16px;--modal-padding-md: 24px;--modal-padding-lg: 32px;--modal-padding-xl: 40px;--card-width-xs: 200px;--card-width-sm: 250px;--card-width-md: 300px;--card-width-lg: 350px;--card-width-xl: 400px;--card-width-full: 100%;--card-height-xs: 150px;--card-height-sm: 200px;--card-height-md: 250px;--card-height-lg: 300px;--card-height-xl: 350px;--card-height-auto: auto;--card-padding-xs: 8px;--card-padding-sm: 12px;--card-padding-md: 16px;--card-padding-lg: 20px;--card-padding-xl: 24px;--card-border-width: 1px;--card-border-radius: 8px;--card-border-radius-lg: 12px;--card-shadow: 0 2px 4px rgba(0, 0, 0, .1);--card-shadow-hover: 0 4px 12px rgba(0, 0, 0, .15);--card-shadow-lg: 0 8px 25px rgba(0, 0, 0, .2);--z-background: -1;--z-base: 1;--z-main-content: 1;--z-glow-effect: 0;--z-revealed-content: 50;--z-navigation: 100;--z-ad: 200;--z-floating-elements: 300;--z-global-messages: 400;--z-outcomes-overlay: 500;--z-prescreen: 600;--z-backdrop: 900;--z-settings-panel: 1000;--z-combined-panel: 1100;--z-nav-drawer: 1200;--z-outcome-popup: 1300;--z-modal-backdrop: 8000;--z-modal-content: 8100;--z-modal-overlay: 8200;--z-fullscreen-modal: 9000;--z-mobile-title-edit: 9500;--z-system-messages: 9900;--z-debug-overlay: 9999;--radius-sm: 6px;--radius-default: 8px;--radius-lg: 12px;--radius-pill: 24px;--transition-fast: all .2s ease;--transition-smooth: all .3s ease;--transition-bounce: all .3s cubic-bezier(.4, 0, .2, 1);--padding-sm: 8px 12px;--padding-default: 10px 12px;--padding-lg: 12px 16px;--nav-z-base: var(--z-navigation);--nav-z-drawer: calc(var(--z-navigation) + 10);--nav-z-menu: calc(var(--z-navigation) + 20);--nav-z-dropdown: calc(var(--z-navigation) + 30);--nav-z-overlay: calc(var(--z-navigation) + 40);--nav-bg: #ffffff;--nav-border: #e0e0e0;--nav-text: #1c1c1e;--nav-text-secondary: #666666;--nav-accent: var(--accent-color);--nav-hover: #f8f9fa;--nav-active: var(--accent-color);--nav-padding: 16px;--nav-gap: 8px;--nav-item-padding: 12px 16px;--nav-border-radius: var(--radius-default);--nav-transition: var(--transition-fast)}body.light-theme,body[data-theme=light]{--bg-primary: #f0f2f5;--bg-secondary: #ffffff;--bg-gradient-start: #f8f9fa;--bg-gradient-end: #ffffff;--container-bg: #ffffff;--container-bg-80: rgba(255, 255, 255, .8);--text-primary: #1c1c1e;--text-secondary: #555555;--text-muted: #6e6e73;--text-on-accent: #ffffff;--border-color: #dee2e6;--border-light: #f1f3f5;--input-bg: #ffffff;--button-secondary-bg: #6c757d;--button-disabled-bg: #e0e0e0;--pointer-color: #ffffff;--wheel-border-color: #adb5bd;--shadow-light: rgba(0, 0, 0, .05);--shadow-medium: rgba(0, 0, 0, .1);--shadow-dark: rgba(0, 0, 0, .15);--nav-bg: #1c1c1e;--nav-border: #6a6a6a;--nav-text: #f5f5f7;--nav-text-secondary: #b0b0b0;--nav-hover: #333333}.hidden{display:none;visibility:hidden;opacity:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.show{display:block}.show-flex{display:flex}.show-inline{display:inline}.show-inline-block{display:inline-block}@media(max-width:768px){.mobile-only{display:block}.mobile-only-flex{display:flex}.mobile-hide{display:none}}@media(min-width:769px){.desktop-only{display:block}.desktop-only-flex{display:flex}.desktop-hide,.mobile-only,.mobile-only-flex{display:none}}.app-step{width:100%;height:99%;max-width:640px;margin:0 auto;flex:1;background:var(--bg-primary);transition:background-color .3s ease;position:relative;z-index:var(--z-base)}header{width:100%;height:4px;padding:2px 2px 0;box-sizing:border-box;text-align:left;flex-shrink:0}footer{width:100%;flex-shrink:0;padding:0;box-sizing:border-box}.format-select-container{margin:15px 0;width:100%}#downloadFormatSelect{width:100%;padding:8px 30px 8px 10px;border-radius:4px;background-color:var(--input-bg);color:var(--text-primary);border:1px solid var(--border-color);font-size:.9em;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:16px}:root #downloadFormatSelect{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")}body.dark-mode #downloadFormatSelect,body[data-theme=dark] #downloadFormatSelect{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ccc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")}#downloadFormatSelect:focus{outline:none;border-color:var(--input-focus-border);box-shadow:0 0 5px var(--input-focus-shadow)}#downloadFormatSelect option{background-color:var(--container-bg);color:var(--text-primary)}@media(min-width:961px){#subNavigation{display:none}}@media(max-width:960px){.format-select-container{margin:10px 0}#downloadFormatSelect{padding:10px;font-size:1em}}#createWheelFab{display:none;position:fixed;bottom:20px;right:20px;width:56px;height:56px;background:var(--accent-color);background:var(--accent-color-hover);color:#fff;border:none;border-radius:16px;font-size:24px;cursor:pointer;box-shadow:0 4px 12px #0000004d;transition:all .3s ease;z-index:15002}#createWheelFab:hover{background:var(--accent-color-hover);transform:scale(1.05)}body.question-view-active #createWheelFab{display:flex;align-items:center;justify-content:center}.toggle-item{display:flex;justify-content:space-between;align-items:center;width:100%}.toggle-item-label{flex-grow:1;margin-right:15px}.premium-setting-item{position:relative}.setting-item-disabled{opacity:.5;pointer-events:none}.setting-item-disabled .setting-label{color:var(--text-muted)}.form-select-themed{width:100%;padding:10px 12px;font-size:.95em;background:var(--input-bg);color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px;appearance:none;background-repeat:no-repeat;background-position:right 10px center;transition:border-color .2s,box-shadow .2s}.form-select-themed:hover,.form-select-themed:focus{border-color:var(--fate-accent);box-shadow:0 0 0 2px rgba(var(--fate-accent-rgb),.2);outline:none}.form-option-premium{font-style:italic;background:var(--container-bg)}body:not(.pro-user) .form-option-premium,.form-option-premium-disabled,.form-option-disabled,.form-optgroup-premium-disabled{color:var(--text-muted);opacity:.5;background:#8080801a;cursor:not-allowed}.segment-colors-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:15px 20px;padding:10px;background:var(--input-bg);border:1px solid var(--border-light);border-radius:6px}.segment-color-item{position:relative;display:flex;flex-direction:column;align-items:center;min-height:65px}.segment-color-input{width:40px;height:40px;border:none;border-radius:4px;cursor:pointer}.segment-color-remove{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:18px;height:18px;background:red;color:#fff;border-radius:50%;font-size:12px;display:flex;align-items:center;justify-content:center;cursor:pointer}.segment-color-remove:hover{background:#8b0000}.add-segment-color-btn{display:block;margin:15px auto 0}.setting-value-span{color:var(--fate-accent);font-weight:400}.setting-micro-copy{font-size:.8em;color:var(--text-secondary);margin-top:4px;opacity:0;max-height:0;overflow:hidden;transition:opacity .3s,max-height .3s}.setting-micro-copy-visible{opacity:1;max-height:100px}.mode-group-content{display:flex;flex-direction:column;gap:8px;font-size:.8em;color:var(--text-secondary);border:1px dashed var(--border-light);text-align:center;padding:16px;border-radius:6px;margin:8px 0;line-height:1.4;transition:all .3s ease}.mode-group-content .setting-item-title{font-size:1.2em;font-weight:400;margin-bottom:8px;color:var(--text-primary);padding:0;line-height:1.4;display:block;text-align:left}.mode-name-header{font-size:1.4em;font-weight:600;color:var(--text-primary)}.mode-description{font-size:1.2em;color:var(--text-secondary);line-height:1.4;margin-bottom:8px}.mode-description:empty{display:none}.premium-particle-hint{font-size:.8em;color:var(--text-muted);font-style:italic;margin-top:4px}.panel-base{position:fixed;inset:0 auto 0 0;width:100%;max-width:640px;height:100%;background:var(--container-bg);padding:0 100px 96px 24px;border-radius:8px 0 0 8px;box-shadow:-6px 0 20px #0006;z-index:var(--z-settings-panel);transform:translate(100%);transition:transform .3s,visibility .3s;overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box}.panel-visible{transform:translate(0)}.panel-hidden{visibility:hidden;transform:translate(100%);transition:transform .3s,visibility 0s linear .3s;pointer-events:none;z-index:-1}.panel-content-base{position:absolute;inset:0 auto 0 0;right:var(--panel-content-right,140px);padding:20px;background:var(--bg-primary);overflow-y:auto;display:none}.panel-content-active{display:block}.panel-header-active{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--container-bg);border-bottom:1px solid var(--border-light);position:sticky;top:0;z-index:100}.panel-header-title{margin:0;font-size:1.2em;font-weight:600;color:var(--text-primary)}.close-panel-btn{margin:20px auto 0;padding:10px;background:var(--button-gradient-start);color:var(--text-on-accent);border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s}.close-panel-btn:hover{background:var(--button-gradient-end)}.pill-navigation{display:flex;gap:8px;padding:5px;margin:0 auto 20px;max-width:640px}.pill-button{flex:1;padding:4px 16px;background:transparent;border:none;color:var(--text-secondary);font-weight:600;border-radius:25px;cursor:pointer;transition:all .3s;white-space:nowrap}.pill-button.active{background:var(--button-gradient-start);color:var(--text-on-accent)}.divider-tab-navigation{display:flex;align-items:center;gap:8px;padding:16px;margin-bottom:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box}.divider-tab-navigation::-webkit-scrollbar{display:none}.divider-tab-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;background:var(--button-secondary-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.9em;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0;user-select:none}.divider-tab-btn:hover,.divider-tab-btn:focus{background:var(--hover-bg);border-color:var(--fate-accent);color:var(--text-primary)}.divider-tab-btn.active{background:var(--fate-accent);border-color:var(--fate-accent);color:#fff;box-shadow:0 2px 8px rgba(var(--fate-accent-rgb),.3)}.divider-tab-btn.selected{background:linear-gradient(135deg,#ff6b6b,#ff8e8e);border:2px solid #ff4444;color:#fff;box-shadow:0 0 0 3px #ff44444d,0 4px 12px #f446;transform:translateY(-2px);position:relative}.divider-tab-btn.selected:before{content:"✓";position:absolute;top:-8px;right:-8px;width:20px;height:20px;background:#0c4;border:2px solid #fff;border-radius:50%;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0003}.divider-tab-btn.active.selected{background:linear-gradient(135deg,#4a90e2,#6ba3f0);border:2px solid #2171b5;color:#fff;box-shadow:0 0 0 3px #2171b54d,0 4px 12px #2171b566;transform:translateY(-2px)}.divider-tab-btn.active.selected:before{background:#0c4;border-color:#fff}.divider-tab-btn.add-divider-btn{background:var(--button-primary-bg);border-color:var(--fate-accent);color:var(--fate-accent);min-width:40px;padding:8px 12px}.divider-tab-btn.add-divider-btn:hover{background:var(--fate-accent);color:#fff}.remove-divider-btn{margin-left:4px;font-size:12px;opacity:.7;cursor:pointer;transition:opacity .2s,color .2s}.remove-divider-btn:hover{opacity:1;color:#f44}.divider-tab-btn.active .remove-divider-btn:hover{color:#fcc}.divider-tab-content{display:none}.divider-tab-content.active{display:block}.button-group{display:flex;gap:8px;flex-wrap:wrap}.button-group .button{flex:1;min-width:80px}.divider-empty-state{text-align:center;padding:40px 20px;background:var(--container-bg);border:1px dashed var(--border-color);border-radius:8px;margin-bottom:20px}.empty-state-content{max-width:280px;margin:0 auto}.empty-state-icon{font-size:48px;color:var(--text-muted);margin-bottom:16px;opacity:.5}.empty-state-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.empty-state-description{font-size:14px;color:var(--text-muted);margin:0;line-height:1.4}.empty-state-description strong{color:var(--fate-accent);font-weight:600}.panel-tab-navigation{overflow-x:auto!important;overflow-y:visible!important;height:auto!important;min-height:auto!important;max-height:none!important}.panel-tab-navigation::-webkit-scrollbar{display:none}.panel-tab-btn{position:relative;width:40px;height:40px;background:var(--ui-bg);color:var(--text-primary);border:0px solid var(--border-color);border-radius:8px;align-items:center;justify-content:center;font-size:.9rem;cursor:pointer;transition:all .2s ease;flex-shrink:0}.panel-tab-btn:hover,.panel-tab-btn:focus{background:var(--hover-bg);color:var(--text-primary);transform:scale(1.05)}.panel-tab-btn.active{background:var(--border-light);color:var(--text-on-disabled)}.panel-tab-btn:active{transform:scale(.95)}body.light-theme .panel-tab-btn{background:#fff;color:#495057;border-color:#dee2e6}body.light-theme .panel-tab-btn:hover{background:#f8f9fa;border-color:#adb5bd;color:#495057;box-shadow:0 4px 12px #0000001a}body.light-theme .panel-tab-btn.active{background:#3b82f61a;border-color:var(--accent-color);color:var(--accent-color);box-shadow:0 2px 8px #3b82f633}body.light-theme .panel-tab-btn:active{transform:scale(.95)}.panel-content.has-tab-navigation .settings-group{display:none}.panel-content.has-tab-navigation .settings-group.active{display:block}.compact-toggle-item{display:flex;align-items:center;gap:8px}.compact-toggle-switch{position:relative;width:40px;height:20px}.compact-toggle-slider{position:absolute;inset:0;background:#374151;border-radius:10px;transition:background .2s}.compact-toggle-slider:before{content:"";position:absolute;width:16px;height:16px;top:2px;left:2px;background:#fff;border-radius:50%;transition:transform .2s}.compact-toggle-switch input:checked+.compact-toggle-slider{background:var(--accent-color,#3b82f6)}.compact-toggle-switch input:checked+.compact-toggle-slider:before{transform:translate(20px)}.outcomes-toggle-item{margin-bottom:0}.action-button{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--button-gradient-start);color:var(--text-on-accent);border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s}.action-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:1px solid var(--border-light);border-radius:6px;background-color:var(--button-secondary-bg);cursor:pointer;transition:background-color .2s,transform .2s}.action-button.circular{width:40px;height:40px;padding:0;border-radius:50%}.action-button:hover{transform:scale(1.05);background-color:var(--fate-accent-rgb);border-color:var(--fate-accent)}.action-button.active{background-color:var(--fate-accent);color:var(--text-on-accent);border-color:var(--fate-accent);transform:scale(1.05)}.icon-toggle-group{display:flex;gap:8px;flex-wrap:wrap}.icon-toggle-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:2px solid var(--border-color);border-radius:8px;background-color:var(--bg-color);color:var(--text-color);cursor:pointer;transition:background-color .2s,border-color .2s}.icon-toggle-btn:hover{background-color:var(--hover-bg);border-color:var(--accent-color)}.icon-toggle-btn.active{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff}@media(max-width:768px){.panel-base{padding:0 24px}.panel-tab-btn{width:44px;height:44px;font-size:1.2rem}.pill-navigation{display:none}#createWheelFab{width:40px;height:40px;font-size:1.2rem;border-radius:8px}.segment-colors-container{gap:10px}.compact-toggle-item{gap:4px}.action-button{padding:8px 12px;font-size:.9em}.action-button.circular,.icon-toggle-btn{width:36px;height:36px}}.input-tip{display:flex;align-items:center;gap:8px;padding:8px 12px;margin-bottom:16px;background:var(--color-info-bg, #e3f2fd);border:1px solid var(--color-info-border, #90caf9);border-radius:6px;font-size:13px;color:var(--color-info-text, #1565c0)}.input-tip i{color:var(--color-warning, #ff9800);font-size:14px}.search-tips{display:flex;align-items:center;gap:8px;padding:8px 12px;margin:8px 0 16px;border-radius:6px;font-size:12px;color:var(--text-secondary);text-align:left}.search-tips i{color:var(--color-warning, #ff9800);font-size:13px;flex-shrink:0}.search-tips span{line-height:1.4}:root{--nav-bg: var(--container-bg, #3a3a3a);--nav-border: var(--border-color, #555);--nav-text: var(--text-primary, #f0f0f0);--nav-text-secondary: var(--text-muted, #888);--nav-hover: rgba(var(--fate-accent-rgb, 0, 196, 217), .1);--nav-active: var(--fate-accent, #00c4d9);--nav-accent: var(--fate-accent, #00c4d9);--nav-border-radius: 4px;--nav-gap: 12px;--nav-padding: 12px 16px;--nav-item-padding: 8px 12px;--nav-transition: all .2s ease;--nav-transition-slow: all .3s ease;--nav-z-overlay: 50;--nav-z-drawer: 100;--nav-z-dropdown: 200;--upgrade-btn-bg: linear-gradient(135deg, #ffd700, #ffb347);--upgrade-btn-bg-hover: linear-gradient(135deg, #ffed4e, #ffc266);--upgrade-btn-text: #1a1a1a;--upgrade-btn-shadow: 0 2px 8px rgba(255, 215, 0, .3);--upgrade-btn-shadow-hover: 0 4px 16px rgba(255, 215, 0, .4)}.top-navigation{display:flex;justify-content:space-between;align-items:center;padding:12px 8px 12px 16px;background:var(--nav-bg)!important;border-bottom:1px solid var(--nav-border)!important;color:var(--nav-text)!important;z-index:var(--z-nav-drawer);height:50px;box-sizing:border-box}body.combined-panel-active #top-nav{display:block!important}body:not(.light-theme) .top-navigation{background:#fff!important;border-bottom:1px solid #e0e0e0!important;color:#1c1c1e!important}body.light-theme .top-navigation{background:#1c1c1e!important;border-bottom:1px solid #6a6a6a!important;color:#f5f5f7!important}body:not(.light-theme) .nav-link{color:#1c1c1e!important}body.light-theme .nav-link{color:#f5f5f7!important}body:not(.light-theme) .nav-link.active{color:#1c1c1e!important}body.light-theme .nav-link.active{color:#f5f5f7!important}body:not(.light-theme) .theme-toggle-btn{color:#1c1c1e!important}body.light-theme .theme-toggle-btn{color:#f5f5f7!important}body:not(.light-theme) .dropdown-indicator,body:not(.light-theme) .hamburger-indicator{color:#666!important}body.light-theme .dropdown-indicator,body.light-theme .hamburger-indicator{color:#b0b0b0!important}body:not(.light-theme) .hamburger-menu-btn{color:#666!important}body.light-theme .hamburger-menu-btn{color:#999!important}.nav-left{flex:1;display:flex;align-items:center;width:120px}.nav-logo{display:flex;align-items:center;text-decoration:none;cursor:pointer}.nav-logo img{height:32px;width:auto;transition:opacity .3s ease}.nav-logo:hover img{opacity:.8}.logo-light-mode,body.light-theme .logo-dark-mode{display:none}body.light-theme .logo-light-mode{display:block}.subscription-tier-badge{display:flex;align-items:center;margin-left:12px;padding:4px 10px;border:2px solid #000;border-radius:4px;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;transition:all .2s ease}.subscription-tier-badge.hidden{display:none}body:not(.light-theme) .subscription-tier-badge{color:#1c1c1e;border-color:#1c1c1e;background:transparent}body.light-theme .subscription-tier-badge{color:#f5f5f7;border-color:#f5f5f7;background:transparent}.subscription-tier-badge.tier-pro{border-color:silver;color:silver}.subscription-tier-badge.tier-premium{border-color:gold;color:gold}.subscription-tier-badge.tier-admin{border-color:#ff6b6b;color:#ff6b6b}.fa-crown.tier-pro,[data-tier=pro] .fa-crown,.tier-pro .fa-crown{color:silver!important}.fa-crown.tier-premium,[data-tier=premium] .fa-crown,.tier-premium .fa-crown,.fa-crown:not(.tier-pro):not(.tier-admin){color:gold!important}.fa-crown.tier-admin,[data-tier=admin] .fa-crown,.tier-admin .fa-crown{color:#ff6b6b!important}.nav-center{display:flex;justify-content:center;gap:1.5rem;width:100%!important}.nav-link{text-decoration:none;color:var(--nav-text);padding:.5rem;border-radius:0;text-align:center;border-bottom:4px solid transparent}.nav-link:hover:not(.active){border-bottom:4px solid var(--nav-active);opacity:.7}.nav-link.active{background:transparent;color:var(--nav-text);border-bottom:4px solid var(--nav-active);font-weight:600}.nav-right{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:auto}.user-auth-area{position:relative;display:flex;align-items:center}.logged-out-nav{display:flex;align-items:center;gap:8px}.logged-in-nav{display:flex;align-items:center}.user-avatar-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:0;height:40px;position:relative}.user-avatar-img,.user-avatar-btn .avatar-initials{width:32px!important;height:32px!important;border-radius:50%;border:2px solid var(--nav-active);flex-shrink:0}.user-avatar-btn .avatar-initials{display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:var(--avatar-text-color, #fff);background:var(--avatar-bg-color, #6b7280)}.nav-avatar-container{border-radius:50%;display:flex;align-items:center;position:relative}.nav-avatar-loading-spinner{border:1px solid rgba(255,255,255,.1);border-top:1px solid var(--accent-color);border-radius:50%;width:12px;height:12px;animation:spin 1s linear infinite}.dropdown-indicator{color:var(--nav-text-secondary);font-size:.8rem;transition:var(--nav-transition)}.user-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--container-bg);border-radius:8px;min-width:300px;box-shadow:0 4px 15px #21212133;z-index:var(--nav-z-dropdown);display:none!important;visibility:hidden!important;opacity:0!important}.user-dropdown-menu:not(.hidden)[style*="display: block"]{display:block!important;visibility:visible!important;opacity:1!important}.user-dropdown-menu .dropdown-item{display:block;padding:12px 16px;color:var(--text-primary);text-decoration:none;transition:var(--nav-transition)}.user-dropdown-menu .dropdown-item:hover{background:var(--hover-bg);color:var(--text-primary)}.dropdown-header{padding:12px 16px 8px;font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;background:#ffffff0d;margin-top:8px}.dropdown-divider.mobile-only{display:none;height:1px;background:var(--border-color);margin:12px 0}.user-dropdown-menu .dropdown-item:last-child{border-top:1px solid var(--border-color);margin-top:8px;padding-top:16px}#globalSettingsNavLink{border-top:.5px solid var(--border-color);border-bottom:.5px solid var(--border-color)}.admin-item{color:var(--warning-color, #ffc107)!important}.admin-item:hover{background:rgba(var(--warning-rgb, 255, 193, 7),.1)!important}.mobile-nav-section,.mobile-nav-item{display:block}.mobile-nav-item{padding:14px 20px;color:var(--text-primary);text-decoration:none;transition:var(--nav-transition);display:flex;align-items:center;gap:12px;font-size:1rem;background:none;border:none;width:100%;cursor:pointer}.mobile-nav-item:hover{background:var(--hover-bg);color:var(--text-primary)}.mobile-nav-item.active{background:rgba(var(--fate-accent-rgb, 0, 196, 217),.2);color:var(--nav-active)}.mobile-nav-item i{width:20px;text-align:center;font-size:1.1rem}.theme-toggle-btn{display:none;background:none;border:none;color:var(--nav-text);cursor:pointer;padding:0;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;position:relative;line-height:1rem;font-size:1rem;text-align:center;transition:var(--nav-transition)}.theme-toggle-btn:hover{background:var(--nav-active);color:var(--text-on-accent, #fff)}.nav-upgrade-btn{background:var(--upgrade-btn-bg);border:none;color:var(--upgrade-btn-text);cursor:pointer;padding:8px 16px;border-radius:20px;font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:6px;transition:var(--nav-transition);box-shadow:var(--upgrade-btn-shadow);white-space:nowrap}.nav-upgrade-btn:hover{background:var(--upgrade-btn-bg-hover);box-shadow:var(--upgrade-btn-shadow-hover);transform:translateY(-1px)}.nav-upgrade-btn:active{transform:translateY(0);box-shadow:var(--upgrade-btn-shadow)}.nav-upgrade-btn .fa-crown{font-size:.875rem}.nav-upgrade-btn{display:flex}body.premium-user .nav-upgrade-btn,body.admin-user .nav-upgrade-btn,body.pro-user .nav-upgrade-btn,body.user-premium .nav-upgrade-btn,body.user-admin .nav-upgrade-btn,body.user-pro .nav-upgrade-btn,body.user-super .nav-upgrade-btn{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}body.free-user-unauthenticated .nav-upgrade-btn,body:not(.user-authenticated):not(.free-user-authenticated) .nav-upgrade-btn{display:none!important}body.free-user-authenticated .nav-upgrade-btn,body.user-free .nav-upgrade-btn{display:flex!important}.theme-icon-dark,.theme-icon-light{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1em;height:1em;font-size:1.2rem;transition:opacity .3s ease,visibility .3s ease}.theme-icon-dark{opacity:0;visibility:hidden}.theme-icon-light,body.light-theme .theme-icon-dark{opacity:1;visibility:visible}body.light-theme .theme-icon-light{opacity:0;visibility:hidden}.fab.has-changes,#saveWheelNavBtn.has-changes{position:relative;animation:save-button-pulse 2s ease-in-out infinite}.fab.has-changes .save-ripple,#saveWheelNavBtn.has-changes .save-ripple{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:-1}.fab.has-changes .save-ripple{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,rgba(78,194,157,.4) 0%,rgba(78,194,157,.1) 50%,transparent 70%);animation:save-ripple-effect 2s ease-out infinite}#saveWheelNavBtn.has-changes .save-ripple{width:120%;height:120%;border-radius:8px;background:linear-gradient(135deg,rgba(78,194,157,.2) 0%,rgba(78,194,157,.1) 50%,transparent 70%);animation:save-nav-ripple-effect 2s ease-out infinite}@media(prefers-reduced-motion:reduce){.fab.has-changes,#saveWheelNavBtn.has-changes{animation:none}.fab.has-changes .save-ripple,#saveWheelNavBtn.has-changes .save-ripple{animation:none;opacity:.3;transform:translate(-50%,-50%) scale(1.1)}}.nav-container{display:flex;align-items:center;background:var(--nav-bg);color:var(--nav-text);border:1px solid var(--nav-border);border-radius:var(--nav-border-radius);transition:var(--nav-transition)}.nav-list{display:flex;list-style:none;margin:0;padding:0;gap:var(--nav-gap)}.nav-list.vertical{flex-direction:column}.nav-list.horizontal{flex-direction:row}.nav-list.centered{justify-content:center}.nav-list.spaced{justify-content:space-between}.nav-item{display:flex;align-items:center;padding:var(--nav-item-padding);color:var(--nav-text);text-decoration:none;border-radius:var(--nav-border-radius);cursor:pointer;transition:var(--nav-transition)}.nav-item:hover{background:var(--nav-hover);color:var(--nav-accent)}.nav-item.active{background:var(--nav-active);color:#fff;font-weight:600}.nav-item.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.nav-icon{margin-right:8px;font-size:1.1em;transition:transform .1s ease}.nav-item:hover .nav-icon{transform:scale(1.1)}.nav-drawer{position:fixed;background:var(--nav-bg);border:1px solid var(--nav-border);box-shadow:0 4px 20px #00000026;z-index:var(--nav-z-drawer);transition:var(--nav-transition-slow);display:flex;flex-direction:column}.nav-drawer.right{top:0;right:0;height:100vh;width:300px;transform:translate(100%)}.nav-drawer.visible{transform:translate(0)}.nav-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--nav-padding);border-bottom:1px solid var(--nav-border)}.nav-drawer-title{font-size:18px;font-weight:600;color:var(--nav-text)}.nav-drawer-close{background:none;border:none;color:var(--nav-text-secondary);font-size:20px;cursor:pointer;padding:8px;border-radius:4px;transition:var(--nav-transition)}.nav-drawer-close:hover{background:var(--nav-hover);color:var(--nav-text)}.nav-drawer-content{flex:1;overflow-y:auto;padding:var(--nav-padding)}.nav-kebab{position:relative;display:inline-block}.nav-kebab-toggle{background:transparent;border:none;color:var(--nav-text-secondary);font-size:16px;cursor:pointer;padding:8px;border-radius:4px;transition:var(--nav-transition);min-width:32px;height:32px;display:flex;align-items:center;justify-content:center}.nav-kebab-toggle:hover{background:var(--nav-hover);color:var(--nav-text)}.nav-kebab-menu{position:absolute;top:100%;right:0;margin-top:4px;background:var(--nav-bg);border:1px solid var(--nav-border);border-radius:var(--nav-border-radius);box-shadow:0 4px 20px #00000026;z-index:var(--nav-z-dropdown);min-width:200px;transition:var(--nav-transition)}.nav-kebab-menu.hidden{opacity:0;transform:translateY(-10px);pointer-events:none}.nav-kebab-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--nav-text);cursor:pointer;transition:var(--nav-transition);border-bottom:1px solid var(--nav-border)}.nav-kebab-item:last-child{border-bottom:none}.nav-kebab-item:hover{background:var(--nav-hover);color:var(--nav-accent)}body.shared-wheel-readonly,body.shared-wheel-editable{padding-top:0;margin-top:0}body.shared-wheel-readonly #top-nav,body.shared-wheel-readonly .top-navigation,body.shared-wheel-readonly .nav-left,body.shared-wheel-readonly .nav-center,body.shared-wheel-readonly .nav-right,body.shared-wheel-readonly #mobile-menu-toggle,body.shared-wheel-readonly #saveWheelNavBtn,body.shared-wheel-readonly #resetBtn,body.shared-wheel-readonly #settingsBtn,body.shared-wheel-readonly #prescreen,body.shared-wheel-readonly #authModal,body.shared-wheel-readonly #prescreen .alert-overlay,body.shared-wheel-readonly #authModal .modal-overlay{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}body.shared-wheel-readonly .share-modal-overlay,body.shared-wheel-readonly .alert-overlay:has(.share-modal-content){display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}body.shared-wheel-readonly .alert-overlay.share-modal-overlay{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}body.shared-wheel-editable #top-nav,body.shared-wheel-editable .top-navigation,body.shared-wheel-editable .nav-left,body.shared-wheel-editable .nav-center,body.shared-wheel-editable .nav-right{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}body.shared-wheel-editable .wheel-save-choice-modal{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}body.shared-wheel-readonly .wheel-save-choice-modal{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}body.shared-wheel-mode #stepQuestion{display:none}body.shared-wheel-mode #outcomePopup{display:flex;visibility:visible;opacity:1;pointer-events:auto;padding-top:40px}body.shared-wheel-mode #outcomePopup.hidden{display:none}.site-footer{margin-top:20px;padding:20px 0 160px;width:100%;min-height:60px;background:var(--color-surface-primary);border-top:1px solid var(--color-border-subtle);position:relative;z-index:var(--z-base)}body.wheel-view-active .site-footer{display:none}.footer-content{max-width:1600px;margin:0 auto;padding:0 20px}.footer-links{display:flex;align-items:center;justify-content:center;gap:16px;font-size:13px;color:var(--color-text-tertiary)}.footer-link{color:var(--color-text-secondary);text-decoration:none;transition:color .2s ease}.footer-link:hover{color:var(--color-text-primary);text-decoration:underline}.footer-separator{color:var(--color-text-disabled)}.mobile-only{display:none!important}@media(max-width:768px){#themeToggleBtn{display:none}.nav-upgrade-btn{padding:6px 12px;font-size:.8rem}.nav-upgrade-btn .upgrade-text{display:none}.top-navigation{box-shadow:0 1px 3px #0000001a;padding:12px 8px 12px 16px;box-sizing:border-box}.nav-center,.sub-navigation,#subNavigation{display:none}.nav-right{gap:6px}.nav-logo img{height:32px}.subscription-tier-badge{margin-left:8px;padding:3px 6px;font-size:9px;border-width:1.5px}.logged-out-nav .button{font-size:.8rem;padding:6px 12px}.user-avatar-img,.user-avatar-btn .avatar-initials{max-width:32px!important;max-height:32px!important;width:32px!important;height:32px!important}.dropdown-indicator,.hamburger-indicator{font-size:.8rem}.hamburger-menu-btn{display:none;background:none;border:none;color:var(--color-text-primary);font-size:1rem;padding:8px;border-radius:6px;cursor:pointer;transition:all .2s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.hamburger-menu-btn:hover{background:var(--color-surface-hover)}.mobile-only{display:flex!important}#navSignInBtn{display:none}.user-dropdown-menu{position:fixed;top:0;right:0;height:100vh;width:min(90vw,480px);min-width:0;background:var(--container-bg);box-shadow:-4px 0 20px #0000004d;z-index:calc(var(--nav-z-dropdown) + 1);transform:translate(100%);transition:transform .3s cubic-bezier(.16,1,.3,1);padding:64px 8px 8px;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;-webkit-overflow-scrolling:touch;display:none!important;visibility:hidden!important;opacity:0!important}.user-dropdown-menu:before{content:"";position:sticky;top:-65px;left:0;right:0;height:1px;display:block;z-index:1;margin:0 -8px;box-shadow:0 32px 0 32px var(--container-bg);pointer-events:none}.user-dropdown-menu.mobile-visible{display:block!important;visibility:visible!important;opacity:1!important;transform:translate(0)}.user-dropdown-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:var(--nav-z-overlay);display:none;opacity:0;transition:opacity .3s ease}.user-dropdown-backdrop.visible{display:block;opacity:1}.user-dropdown-menu .dropdown-item{padding:16px 12px;font-size:1rem;display:flex;align-items:center;gap:8px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.user-dropdown-menu .dropdown-item:hover{background:var(--hover-bg);color:var(--text-primary)}.user-dropdown-menu .dropdown-item i{width:20px;text-align:center;font-size:1.1rem}.dropdown-header{padding:16px 12px 8px;font-size:.75rem;margin-top:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.dropdown-header.mobile-only{position:sticky;top:0;background:var(--container-bg);z-index:998;margin:0 -8px;padding:16px 20px 12px;border-bottom:1px solid var(--border-color);box-shadow:0 2px 8px #00000026;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}body:not(.light-theme) .dropdown-header.mobile-only{background:#3a3a3a}body.light-theme .dropdown-header.mobile-only{background:#fff}.dropdown-divider.mobile-only{display:block;background:var(--border-color)}.user-dropdown-menu .dropdown-item:last-child{padding:20px 12px 16px;margin-top:12px;border-top:1px solid var(--border-color)}.nav-drawer.right{width:100%;height:70vh;top:auto;bottom:0;border-radius:16px 16px 0 0}.footer-links{flex-direction:column;gap:8px;text-align:center}.footer-separator{display:none}}@media(max-width:400px){.user-dropdown-menu{width:70vw;padding:60px 4px 4px}.user-dropdown-menu:after{height:100px}.user-dropdown-menu .dropdown-item{padding:16px 8px;gap:6px}.dropdown-header{padding:16px 8px 8px}.dropdown-header.mobile-only{margin:0 -4px;padding:16px 12px 12px}}@media(min-width:769px)and (max-width:1024px){.nav-center{display:flex;gap:16px}.nav-link{font-size:.9rem;padding:8px 12px}}@media(min-width:769px){.mobile-only,.nav-icon-btn.mobile-only,#mobile-menu-toggle,.mobile-nav-item,.user-dropdown-menu .mobile-nav-item{display:none!important}}body:not(.wheel-view-active) #top-nav{visibility:visible!important;opacity:1!important;pointer-events:auto!important}body.wheel-view-active #top-nav,body.wheel-view-active.shared-wheel-editable #top-nav{display:none!important}.customizing-active .top-navigation{display:none}@keyframes slideUp{0%{transform:translateY(var(--slide-distance, 100%))}to{transform:translateY(0)}}@keyframes slideDownTransform{0%{transform:translateY(var(--slide-distance, -100%))}to{transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;max-height:0;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:var(--slide-max-height, 200px);margin-top:var(--slide-margin-top, .5rem);margin-bottom:0;padding-top:var(--slide-padding-top, .5rem);padding-bottom:var(--slide-padding-bottom, .5rem)}}@keyframes slideInRight{0%{transform:translate(var(--slide-distance, 100%))}to{transform:translate(0)}}@keyframes slideOutDown{0%{transform:translateY(0)}to{transform:translateY(100vh);display:none}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(var(--slide-distance, 100%))}to{opacity:1;transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(var(--fade-distance, 20px))}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{transform:scale(var(--scale-start, 0))}to{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(var(--rotation-degrees, 360deg))}}@keyframes button-spinner{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(var(--rotation-degrees, 360deg))}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(var(--pulse-scale, 1.1))}to{transform:scale(1)}}@keyframes pulse-changes{0%,to{transform:scale(1);box-shadow:0 0 var(--glow-size-start, 20px) var(--glow-color, var(--primary-color))}50%{transform:scale(var(--pulse-scale, 1.05));box-shadow:0 0 var(--glow-size-end, 30px) var(--glow-color, var(--primary-color))}}@keyframes scalePulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(var(--pulse-scale, 1.05))}}@keyframes upgradePulse{0%,to{transform:scale(1);box-shadow:0 var(--shadow-y, 2px) var(--shadow-blur, 4px) var(--shadow-color, rgba(255,215,0,.3))}50%{transform:scale(var(--pulse-scale, 1.02));box-shadow:0 var(--shadow-y-hover, 4px) var(--shadow-blur-hover, 12px) var(--shadow-color-hover, rgba(255,215,0,.5))}}@keyframes iconGlowPulse{0%,to{filter:brightness(1.2) contrast(1.1) drop-shadow(0 4px 8px rgba(255,255,255,.3));box-shadow:0 0 20px #fff3;transform:scale(1)}50%{filter:brightness(1.3) contrast(1.15) drop-shadow(0 6px 12px rgba(255,255,255,.4));box-shadow:0 0 30px #ffffff4d;transform:scale(1.02)}}@keyframes glowPulse{0%,to{box-shadow:0 6px 20px #0006,0 2px 10px #0003,inset 0 2px 5px #ffffff80,inset 0 -2px 5px #0003,0 0 20px #ffffff4d}50%{box-shadow:0 8px 10px #00000080,0 4px 15px #0000004d,inset 0 3px 3px #fff9,inset 0 -3px 3px #0000004d,0 0 30px #fff6}}@keyframes pulse-mic{0%{transform:scale(1);opacity:1;box-shadow:0 4px 8px #0000004d,0 0 0 0 var(--mic-pulse-color, rgba(76,175,80,.7))}50%{transform:scale(var(--pulse-scale, 1.2));opacity:var(--pulse-opacity, .7);box-shadow:0 6px 12px #0006,0 0 0 var(--mic-pulse-spread, 10px) var(--mic-pulse-color-fade, rgba(76,175,80,.3))}to{transform:scale(1);opacity:1;box-shadow:0 4px 8px #0000004d,0 0 0 0 var(--mic-pulse-color, rgba(76,175,80,.7))}}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(var(--ripple-scale, 4));opacity:0}}@keyframes ripple-pulse{0%{transform:translate(-50%,-50%) scale(var(--ripple-start-scale, 0));opacity:var(--ripple-start-opacity, 1)}to{transform:translate(-50%,-50%) scale(var(--ripple-end-scale, 2));opacity:0}}@keyframes ripple-out{0%{transform:scale(0);opacity:1}50%{transform:scale(1.2);opacity:var(--ripple-mid-opacity, .6)}70%{transform:scale(1.8);opacity:var(--ripple-mid-opacity, .4)}to{transform:scale(var(--ripple-end-scale, 2.5));opacity:0}}@keyframes triple-ripple-out{0%{box-shadow:0 0 #4caf504d,0 0 #4caf504d,0 0 #4caf504d}25%{box-shadow:0 0 0 20px #4caf504d,0 0 #4caf504d,0 0 #4caf504d}50%{box-shadow:0 0 0 40px #4caf5026,0 0 0 20px #4caf504d,0 0 #4caf504d}75%{box-shadow:0 0 0 60px #4caf5000,0 0 0 40px #4caf5026,0 0 0 20px #4caf504d}to{box-shadow:0 0 0 80px #4caf5000,0 0 0 60px #4caf5000,0 0 0 40px #4caf5000}}@keyframes save-ripple-effect{0%{transform:translate(-50%,-50%) scale(var(--save-ripple-start, .8));opacity:var(--save-ripple-opacity-start, .8)}50%{transform:translate(-50%,-50%) scale(var(--save-ripple-mid, 1));opacity:var(--save-ripple-opacity-mid, .5)}to{transform:translate(-50%,-50%) scale(var(--save-ripple-end, 2));opacity:0}}@keyframes save-nav-ripple-effect{0%{transform:translate(-50%,-50%) scale(var(--nav-ripple-start, .9));opacity:var(--nav-ripple-opacity-start, .6)}50%{transform:translate(-50%,-50%) scale(var(--nav-ripple-mid, 1.1));opacity:var(--nav-ripple-opacity-mid, .3)}to{transform:translate(-50%,-50%) scale(var(--nav-ripple-end, 1.3));opacity:0}}@keyframes wave{0%{transform:translate(-100%)}20%{transform:translate(-50%);opacity:var(--wave-opacity, .8)}to{transform:translate(100%);opacity:0}}@keyframes save-button-pulse{0%,to{transform:scale(1);box-shadow:0 4px var(--save-shadow-blur, 20px) var(--save-shadow-color, rgba(78,194,157,.3))}50%{transform:scale(var(--pulse-scale, 1.05));box-shadow:0 6px var(--save-shadow-blur-hover, 25px) var(--save-shadow-color-hover, rgba(78,194,157,.5))}}@keyframes save-button-pulse-update-mode{0%,to{transform:scale(1.1)}50%{transform:scale(var(--update-pulse-scale, 1.15))}}@keyframes save-nav-pulse{0%,to{transform:scale(1);box-shadow:0 2px var(--nav-shadow-blur, 15px) var(--nav-shadow-color, rgba(78,194,157,.2))}50%{transform:scale(var(--nav-pulse-scale, 1.05));box-shadow:0 4px var(--nav-shadow-blur-hover, 20px) var(--nav-shadow-color-hover, rgba(78,194,157,.4))}}@keyframes modalSlideIn{0%{transform:translateY(var(--modal-slide-distance, 100%));opacity:0}to{transform:translateY(0);opacity:1}}@keyframes modalSlideUp{0%{transform:translateY(var(--modal-slide-distance, 50px)) scale(var(--modal-scale-start, .9));opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes modalFadeIn{0%{opacity:0;backdrop-filter:blur(var(--modal-blur-start, 0px))}to{opacity:1;backdrop-filter:blur(var(--modal-blur-end, 4px))}}@keyframes featureGateSlideIn{0%{transform:translateY(var(--feature-slide-distance, 20px));opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pointerSpringCenter{0%{transform:translateY(0)}30%{transform:translateY(-8px)}60%{transform:translateY(-4px)}to{transform:translateY(0)}}@keyframes pointerSpringEdge{0%{transform:translateY(0)}30%{transform:translateY(-12px)}60%{transform:translateY(-6px)}to{transform:translateY(0)}}@keyframes pointerSpring3DCenter{0%{transform:translateY(0)}30%{transform:translateY(-10px)}60%{transform:translateY(-5px)}to{transform:translateY(0)}}@keyframes pointerSpring3DEdge{0%{transform:translateY(0)}30%{transform:translateY(-15px)}60%{transform:translateY(-7px)}to{transform:translateY(0)}}@keyframes pointerSpringSuper3DCenter{0%{transform:translateY(0)}30%{transform:translateY(-12px)}60%{transform:translateY(-6px)}to{transform:translateY(0)}}@keyframes pointerSpringSuper3DEdge{0%{transform:translateY(0)}30%{transform:translateY(-18px)}60%{transform:translateY(-9px)}to{transform:translateY(0)}}@keyframes pointerSpringHalfWheel{0%{transform:translateY(0)}30%{transform:translateY(-6px)}60%{transform:translateY(-3px)}to{transform:translateY(0)}}@keyframes pointerSpringFullWheel{0%{transform:translateY(0)}30%{transform:translateY(-8px)}60%{transform:translateY(-4px)}to{transform:translateY(0)}}@keyframes pointerSpringMegaWheel{0%{transform:translateY(0)}30%{transform:translateY(-10px)}60%{transform:translateY(-5px)}to{transform:translateY(0)}}@keyframes pointerSpringMega3DWheel{0%{transform:translateY(0)}30%{transform:translateY(-12px)}60%{transform:translateY(-6px)}to{transform:translateY(0)}}@keyframes pointerSpringSuper3DWheel{0%{transform:translateY(0)}30%{transform:translateY(-15px)}60%{transform:translateY(-7px)}to{transform:translateY(0)}}@keyframes pointerSpringHalfWheelEdge{0%{transform:translateY(0)}30%{transform:translateY(-9px)}60%{transform:translateY(-4px)}to{transform:translateY(0)}}@keyframes pointerSpringFullWheelEdge{0%{transform:translateY(0)}30%{transform:translateY(-12px)}60%{transform:translateY(-6px)}to{transform:translateY(0)}}@keyframes pointerSpringMegaWheelEdge{0%{transform:translateY(0)}30%{transform:translateY(-15px)}60%{transform:translateY(-7px)}to{transform:translateY(0)}}@keyframes pointerSpringMega3DWheelEdge{0%{transform:translateY(0)}30%{transform:translateY(-18px)}60%{transform:translateY(-9px)}to{transform:translateY(0)}}@keyframes pointerSpringSuper3DWheelEdge{0%{transform:translateY(0)}30%{transform:translateY(-21px)}60%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pointerSpringHalfWheelMobile{0%{transform:translateY(0)}30%{transform:translateY(-4px)}60%{transform:translateY(-2px)}to{transform:translateY(0)}}@keyframes pointerSpringFullWheelMobile{0%{transform:translateY(0)}30%{transform:translateY(-6px)}60%{transform:translateY(-3px)}to{transform:translateY(0)}}@keyframes pointerSpringMegaWheelMobile{0%{transform:translateY(0)}30%{transform:translateY(-8px)}60%{transform:translateY(-4px)}to{transform:translateY(0)}}@keyframes pointerSpringMega3DWheelMobile{0%{transform:translateY(0)}30%{transform:translateY(-10px)}60%{transform:translateY(-5px)}to{transform:translateY(0)}}@keyframes pointerSpringSuper3DWheelMobile{0%{transform:translateY(0)}30%{transform:translateY(-12px)}60%{transform:translateY(-6px)}to{transform:translateY(0)}}@keyframes pointerSpringEdgeMobile{0%{transform:translateY(0)}30%{transform:translateY(-8px)}60%{transform:translateY(-4px)}to{transform:translateY(0)}}@keyframes typeCharacter{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes lightningFlash{0%,to{filter:brightness(1) contrast(1)}25%{filter:brightness(var(--flash-brightness, 1.8)) contrast(var(--flash-contrast, 1.5)) saturate(var(--flash-saturation, 1.2))}50%{filter:brightness(1) contrast(1)}75%{filter:brightness(var(--flash-brightness, 1.8)) contrast(var(--flash-contrast, 1.5)) saturate(var(--flash-saturation, 1.2))}}@keyframes gradientShift{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes confetti-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(var(--bounce-distance, -4px))}}@keyframes fireworks-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(var(--fireworks-scale, 1.1));opacity:var(--fireworks-opacity, .8)}}@keyframes countdown-shrink{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes highlight-row{0%,to{background-color:rgba(var(--fate-accent-rgb),var(--highlight-opacity-start, .15))}50%{background-color:rgba(var(--fate-accent-rgb),var(--highlight-opacity-peak, .3))}}@keyframes circle-appear{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(var(--circle-scale-peak, 1.1))}to{opacity:1;transform:scale(1)}}@keyframes circle-fill{0%{stroke-dasharray:0 100}to{stroke-dasharray:100 0}}@keyframes selectionFeedback{0%{opacity:0;transform:translate(-50%,-50%) scale(var(--feedback-scale-start, .5))}20%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(var(--feedback-scale-end, .8))}}@keyframes avatarLoading{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes mobileGroupShow{0%{opacity:0;transform:translateY(var(--mobile-show-distance, -10px))}to{opacity:1;transform:translateY(0)}}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(var(--tooltip-slide-distance, -10px)) translate(0)}to{opacity:1;transform:translateY(0) translate(0)}}@keyframes bannerShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes buttonShine{to{transform:translate(100%)}}@keyframes preloader-spin{0%{transform:rotate(0)}to{transform:rotate(var(--preloader-rotation, 360deg))}}@keyframes preloader-spin-reverse{0%{transform:rotate(0)}to{transform:rotate(var(--preloader-rotation, -360deg))}}@keyframes epic-rotation{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(var(--epic-hue-rotation, 360deg))}}@keyframes statsSlideIn{0%{opacity:0;transform:translateY(var(--stats-slide-distance, 10px))}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%,to{transform:rotate(0);opacity:var(--shimmer-opacity-start, .3)}50%{transform:rotate(var(--shimmer-rotation, 180deg));opacity:var(--shimmer-opacity-mid, .1)}}@keyframes particle-float{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(var(--particle-float-distance, -200px)) scale(0);opacity:0}}.slide-out-down{animation:slideOutDown .5s ease-in-out forwards}:root{--accent-color: #00c4d9;--accent-color-rgb: 0, 196, 217;--accent-color-hover: #00a7b5;--color-success: #10b981;--color-error: #ef4444;--color-error-rgb: 239, 68, 68;--color-warning: #f59e0b;--color-info: #3b82f6;--text-primary: #f5f5f7;--text-secondary: #b0b0b0;--text-muted: #6e6e73;--text-on-accent: #fff;--container-bg: #1c1c1e;--border-color: #6a6a6a;--border-light: #e5e7eb;--border-secondary: #3c3c3c;--bg-primary: #0e0e0e;--bg-secondary: #141414;--shadow-light: rgba(0, 0, 0, .1);--shadow-medium: rgba(0, 0, 0, .25);--shadow-dark: rgba(0, 0, 0, .5);--button-secondary-bg: #6c757d;--button-danger-bg: #e91e63;--button-disabled-bg: #cccccc;--text-on-disabled: #666666;--z-floating-elements: 500;--pointer-color: #ffffff;--wheel-border-color: #e5e7eb;--input-bg: #333333}.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;text-align:center;white-space:nowrap;min-height:40px;background:var(--accent-color);color:var(--text-on-accent);box-shadow:var(--shadow-light)}.button:hover{background:var(--accent-color-hover);box-shadow:var(--shadow-medium);transform:translateY(-2px)}.button:active{transform:translateY(0);box-shadow:var(--shadow-light)}.button:disabled{background:var(--button-disabled-bg);color:var(--text-on-disabled);cursor:not-allowed;opacity:.6;box-shadow:none;transform:none}.button-small{padding:8px 16px;font-size:.9em;min-height:36px;max-width:200px}.button-large{padding:16px 32px;font-size:1.1em;min-height:52px}.button-primary{background:var(--accent-color);color:var(--text-on-accent)}.button-secondary{background:var(--button-secondary-bg);color:var(--text-primary);box-shadow:var(--shadow-light);border-radius:8px}.button-secondary:hover{background:var(--input-bg);border-color:var(--accent-color)}.add-bulk-sorter-items{width:44px;height:44px}.button-outline{background:transparent;color:var(--accent-color);border:2px solid var(--accent-color);box-shadow:none}.button-minimal{background:transparent!important;color:var(--text-secondary)!important;border:none!important;box-shadow:none}.button-minimal:hover{color:var(--text-primary)!important}.button-outline:hover{background:var(--accent-color);color:var(--text-on-accent)}.button-danger{background:var(--color-error);color:var(--text-on-accent)}.button-danger:hover{background:#c82333}.button-danger.button-outline{background:transparent;color:var(--color-error);border:2px solid var(--color-error)}.button-danger.button-outline:hover{background:var(--color-error);color:var(--text-on-accent)}.button-success{background:var(--color-success);color:var(--text-on-accent)}.button-success:hover{background:#218838}.button-warning{background:var(--color-warning);color:#212529}.button-warning:hover{background:#e0a800}.button-cancel{background:var(--container-bg);color:var(--accent-color);border:2px solid var(--accent-color);box-shadow:none}.button-cancel:hover{background:var(--accent-color);color:var(--text-on-accent)}.button-full-width{width:100%}.button-icon-only{width:40px;padding:0;border-radius:8px}.button-icon-only.button-small{width:36px;min-height:36px}.button.loading{position:relative;color:transparent;pointer-events:none}.button.loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border:2px solid transparent;border-top:2px solid var(--text-on-accent);border-radius:8px;animation:button-spinner .8s linear infinite}.close-btn{position:absolute;top:16px;right:16px;width:32px;height:32px;background:var(--input-bg);color:var(--text-primary);border:1px solid var(--border-light);border-radius:8px;font-size:1.2em;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:1000}.close-btn:hover{background:var(--accent-color);color:var(--text-on-accent);transform:scale(1.1)}.pill-button{background:var(--input-bg);color:var(--text-primary);border:1px solid var(--border-light);border-radius:20px;padding:8px 20px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap}.pill-button:hover{background:var(--hover-bg)}.pill-button.active{background:var(--accent-color);color:var(--text-on-accent);border-color:var(--accent-color)}.download-confirm-btn{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);box-shadow:none}.download-confirm-btn:hover{background:var(--hover-bg);color:var(--text-primary)}#spinBtn{--drag-strength: 0;--indicator-color: var(--pointer-color);--indicator-width: 4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;min-width:200px;min-height:200px;border-radius:50%;padding:0;font-size:2.5em;font-weight:800;border:1px solid rgba(255,255,255,.3);z-index:10000;display:flex;justify-content:center;align-items:center;text-align:center;line-height:1.2;color:var(--text-primary);background:radial-gradient(circle at 30% 30%,#fff6,#ffffff1a 50%,#0003);backdrop-filter:blur(10px);box-shadow:0 6px 20px var(--shadow-dark),0 2px 10px var(--shadow-light),inset 0 2px 5px #ffffff80,inset 0 -2px 5px #0003;transition:transform .2s ease,box-shadow .2s ease;touch-action:manipulation;pointer-events:auto}#spinBtn.reset-mode{background:radial-gradient(circle at 30% 30%,#f006,red 50%,#f003)!important;box-shadow:0 6px 20px #f006,0 2px 10px #f003,inset 0 2px 5px #ff64644d,inset 0 -2px 5px #0003!important;transform-origin:center center!important}@keyframes resetButtonPulsate{0%,to{transform:scale(1);box-shadow:0 6px 20px #f006,0 2px 10px #f003,inset 0 2px 5px #ff64644d,inset 0 -2px 5px #0003}50%{transform:scale(1.05);box-shadow:0 8px 30px #f009,0 4px 15px #f006,inset 0 2px 5px #ff969666,inset 0 -2px 5px #0003}}#spinBtn img{width:190px;height:190px;min-width:190px;min-height:190px}#spinBtn span{position:relative;top:-16px}#spinBtn:before{content:"";position:absolute;inset:calc(-1 * var(--indicator-width) - 2px);border-radius:50%;padding:var(--indicator-width);background:conic-gradient(var(--indicator-color) calc(var(--drag-strength) * 360deg),transparent 0deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - var(--indicator-width)),#000 calc(100% - var(--indicator-width)));mask:radial-gradient(farthest-side,transparent calc(100% - var(--indicator-width)),#000 calc(100% - var(--indicator-width)));mask-composite:destination-out;pointer-events:none;transition:background .1s linear;z-index:-1}#spinBtn:hover:not(:disabled){box-shadow:0 8px 25px var(--shadow-dark),inset 0 2px 8px #fff9,inset 0 -2px 8px #0000004d;color:var(--pointer-color);border-color:var(--border-light);transform:translate(-50%,-50%) scale(1.05)}#spinBtn:active:not(:disabled){box-shadow:var(--shadow-light);filter:brightness(.9);color:var(--pointer-color)}#spinBtn.spinning{cursor:not-allowed;opacity:1;animation:scalePulse 1.5s infinite ease-in-out}#spinBtn .spinagle-icon{width:60px;height:60px;transition:all .3s ease;filter:brightness(1.2) contrast(1.1) drop-shadow(0 4px 8px rgba(255,255,255,.3));box-shadow:0 0 20px #fff3;border-radius:50%;transform:scale(1)}#spinBtn,.slow-spin-fab,#wheelViewBackBtn,#createWheelFab,#panelCloseFab{touch-action:manipulation;-webkit-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}body.shared-wheel-mode #spinBtn{display:block;visibility:visible;opacity:1;pointer-events:auto}body.combined-panel-active #spinBtn{display:none!important}#spinBtn:hover:not(:disabled) .spinagle-icon{filter:brightness(1.4) contrast(1.2) drop-shadow(0 6px 12px rgba(255,255,255,.5));box-shadow:0 0 30px #fff6;transform:scale(1.05)}#spinBtn:active:not(:disabled) .spinagle-icon{transform:scale(.95);filter:brightness(1.1) contrast(1.1) drop-shadow(0 2px 4px rgba(255,255,255,.4))}#spinBtn:not(.spinning):not(:disabled){animation:glowPulse 2s infinite ease-in-out}#spinBtn:not(.spinning):not(:disabled) .spinagle-icon{animation:iconGlowPulse 2.5s infinite ease-in-out}#spinBtn.spinning .spinagle-icon{filter:brightness(1.5) contrast(1.3) drop-shadow(0 8px 16px rgba(255,255,255,.6));box-shadow:0 0 40px #fff9,0 0 80px #ffffff4d;transform:scale(1.1)}#spinBtn:not(.spinning) .spinagle-icon{animation:none}#spinBtn.wheel-stopped .spinagle-icon{opacity:0;transform:scale(.8)}.wheel-type-indicator{background:var(--text-primary);color:var(--container-bg);border:.5px solid var(--border-light);border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;box-shadow:var(--shadow-light);transition:all .2s ease;cursor:pointer;z-index:var(--z-floating-elements)}.wheel-type-indicator:hover{background:var(--container-bg);color:var(--text-primary);border-color:var(--text-primary);box-shadow:var(--shadow-medium);transform:scale(1.05)}.wheel-type-indicator:active{transform:scale(.95)}.wheel-type-indicator.premium-locked{opacity:.6;cursor:not-allowed}.wheel-type-indicator.premium-locked:hover{transform:none;background:var(--text-primary);color:var(--container-bg)}.spin-speed-btn{background:var(--text-primary);color:var(--container-bg);border:.5px solid var(--border-light);border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:1rem;box-shadow:var(--shadow-light);transition:all .2s ease;cursor:pointer;z-index:var(--z-floating-elements);position:relative}.spin-speed-btn .speed-number{position:absolute;top:2px;right:2px;font-size:9px;font-weight:700;line-height:1;color:var(--container-bg);background:var(--text-primary);width:12px;height:12px;display:flex;align-items:center;justify-content:center;border-radius:2px;pointer-events:none}.spin-speed-btn:hover{background:var(--container-bg);color:var(--text-primary);border-color:var(--text-primary);box-shadow:var(--shadow-medium);transform:scale(1.05)}.spin-speed-btn:hover .speed-number{color:var(--text-primary);background:var(--container-bg)}.spin-speed-btn:active{transform:scale(.95)}.spin-speed-btn.premium-locked{opacity:.6;cursor:not-allowed}.spin-speed-btn.premium-locked:hover{transform:none;background:var(--text-primary);color:var(--container-bg)}.alert-btn{padding:12px 24px;background:var(--accent-color);color:#000;border-radius:8px;font-size:1rem;font-weight:600;transition:all .2s ease;cursor:pointer}.alert-btn:hover{background:var(--accent-color-hover)}.alert-btn:active{transform:scale(.95)}.nav-icon-btn{padding:8px;border-radius:8px;transition:all .2s ease}.nav-icon-btn:hover{background:#ffffff1a}.mobile-nav-button{padding:12px;border-radius:8px;transition:all .2s ease}.mobile-nav-button:hover{background:#ffffff1a}@media(max-width:1024px){.app-nav-list-item{width:64px!important;min-height:64px!important}.app-nav-list-item .menu-icon{font-size:1rem!important}.app-nav-list-item .menu-label{font-size:.75rem!important}}@media(max-width:768px){.button{padding:10px 16px;font-size:.9em;min-height:40px}.button-small{padding:8px 12px;font-size:.85em;min-height:32px}.button-large{padding:14px 24px;font-size:1em;min-height:48px}#spinBtn{width:160px;height:160px;min-width:160px;min-height:160px;font-size:2rem}#spinBtn img{width:160px;height:160px;min-width:160px;min-height:160px}}.btn-radius,.input-radius,.card-radius{border-radius:8px}.modal-radius{border-radius:12px}.pill-radius{border-radius:24px}.app-nav-list-item{width:88px;min-height:88px;background:var(--ui-bg);border:none;color:var(--text-primary);text-decoration:none;cursor:pointer;transition:var(--transition-smooth);border-radius:8px;margin-bottom:var(--spacing-component-xs);text-align:center;font-size:.75 em}.app-nav-list-item:hover{background:var(--hover-bg)}.app-nav-list-item.active{background:var(--fate-accent);color:var(--text-on-fate-accent)}.app-nav-list-item:hover .menu-icon,.app-nav-list-item.active .menu-icon{color:var(--text-on-accent)}.settings-action-btn.action-btn{min-width:40px;min-height:40px;width:40px;height:40px;line-height:0;background:var(--button-secondary-bg);color:var(--text-primary);border:0px solid var(--border-color);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.9rem;cursor:pointer;transition:all .2s ease}.settings-action-btn.action-btn:active{background:var(--accent-color-hover);transform:scale(.95)}.settings-action-btn:not(.action-btn){position:relative;min-width:40px;min-height:40px;line-height:0!important;background:var(--ui-bg);color:var(--text-primary);border:.5px solid var(--border-color);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;transition:all .2s ease;flex-shrink:0}.settings-action-btn:not(.action-btn):hover{background:var(--hover-bg);color:var(--text-primary);transform:scale(1.05);border-color:var(--accent-color);box-shadow:0 2px 8px #0000001a}.settings-action-btn:not(.action-btn).active,#combinedPanelPillMenu .settings-action-btn.active{background:var(--accent-color)!important;color:var(--text-on-accent)!important;border-color:var(--accent-color)!important;box-shadow:0 2px 8px #0003!important}.settings-action-btn:not(.action-btn):active{transform:scale(.95)}body.light-theme .settings-action-btn:not(.action-btn){background:#fff;color:#495057;border-color:#dee2e6}body.light-theme .settings-action-btn:not(.action-btn):hover{background:#f8f9fa;border-color:var(--accent-color);color:#495057;box-shadow:0 4px 12px #0000001a;transform:scale(1.05)}body.light-theme .settings-action-btn:not(.action-btn).active,body.light-theme #combinedPanelPillMenu .settings-action-btn.active{background:var(--accent-color)!important;border-color:var(--accent-color)!important;color:#fff!important;box-shadow:0 2px 8px #3b82f64d!important}body.light-theme .settings-action-btn:not(.action-btn):active{transform:scale(.95)}body.light-theme .settings-action-btn.action-btn{background:#f8f9fa;color:#495057;border-color:#dee2e6}body.light-theme .settings-action-btn.action-btn:hover{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;text-align:center;white-space:nowrap;min-height:40px;background:var(--accent-color);color:var(--text-on-accent);box-shadow:var(--shadow-light);flex:1;max-width:240px}.btn:hover{background:var(--accent-color-hover);box-shadow:var(--shadow-medium);transform:translateY(-2px)}.btn:active{transform:translateY(0);box-shadow:var(--shadow-light)}.btn:disabled{background:var(--button-disabled-bg);color:var(--text-on-disabled);cursor:not-allowed;opacity:.6;box-shadow:none;transform:none}.btn-primary{background:var(--accent-color);color:var(--text-on-accent);flex:1}.color-swatches-kebab-btn{flex:.4;padding:8px!important}.ai-generate-btn{background:none;color:var(--text-on-accent);border-radius:4px;position:absolute;padding:2px 8px;border:.25px solid var(--text-primary);right:24px;top:16px;cursor:pointer}.ai-generate-btn:hover{background:var(--accent-color);color:var(--text-on-accent);border-color:var(--accent-color)}.ai-generate-all-btn{background:none;color:var(--text-on-accent);border-radius:4px;border:.25px solid var(--text-primary);padding:8px 16px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-secondary{background:var(--button-secondary-bg);color:var(--text-primary);box-shadow:var(--shadow-light);border-radius:8px;flex:1;max-width:240px}.btn-secondary:hover{background:var(--input-bg);border-color:var(--accent-color)}.btn-danger{background:var(--color-error);color:var(--text-on-accent);font-weight:500;border-radius:8px;padding:12px 16px;flex:1;max-width:240px}.btn-danger:hover{background:#c82333}.btn-success{background:var(--color-success);color:var(--text-on-accent)}.btn-success:hover{background:#218838}.btn-warning{background:var(--color-warning);color:#212529;border-radius:8px;padding:12px 16px}.btn-warning:hover{background:#e0a800}.btn-cancel{background:var(--container-bg);color:var(--accent-color);border:2px solid var(--accent-color);box-shadow:none}.btn-cancel:hover{background:var(--accent-color);color:var(--text-on-accent)}.btn-sm{padding:8px 16px;font-size:.9em;min-height:36px}.btn-lg{padding:16px 32px;font-size:1.1em;min-height:52px}.outcome-action-disabled{opacity:.4;cursor:not-allowed}.fab.fab-has-changes,#saveWheelFab.fab-has-changes{animation:fabPulsateRed 2s ease-in-out infinite!important}@keyframes fabPulsateRed{0%,to{background-color:var(--accent-color);transform:scale(1);box-shadow:0 4px 12px #00c4d94d}50%{background-color:#f44;transform:scale(1.05);box-shadow:0 6px 16px #f446}}.share-modal-content.loading{position:relative}.share-loading-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;border-radius:8px}.share-loading-content{text-align:center;color:#fff}.share-main-spinner{font-size:2rem;margin-bottom:1rem;animation:fa-spin 1s infinite linear;color:#007bff}.share-loading-content p{margin:0;font-size:1rem;opacity:.9}.share-modal-content.loading .share-url-input:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed}.share-modal-content.loading .copy-btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.share-social-disabled{opacity:.4;cursor:not-allowed;pointer-events:none}@keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fab{display:flex;width:56px;height:56px;background:var(--text-primary);color:var(--container-bg);border:.5px solid var(--border-light);border-radius:8px;align-items:center;justify-content:center;font-size:1.25rem;cursor:pointer;transition:all .3s ease;position:relative;box-shadow:var(--shadow-small)}.fab:hover{background:var(--container-bg);color:var(--text-primary);border-color:var(--text-primary);box-shadow:var(--shadow-medium);transform:scale(1.05)}.fab:active{transform:scale(.95)}.actions-menu-toggle{display:none;width:56px;height:56px;background:var(--accent-color, #4ecac2);color:#fff;border:none;border-radius:8px;box-shadow:var(--shadow-large);cursor:pointer;z-index:15000;align-items:center;justify-content:center;font-size:1.5rem;transition:all .2s ease}body.wheel-view-active .actions-menu-toggle{display:flex}.actions-menu-toggle:hover{background:var(--accent-color-hover, #3db5ae)}.actions-menu-toggle:active{transform:scale(.95)}.actions-menu{display:flex;flex-direction:column;gap:0;position:fixed;top:96px;right:16px;background:#323232f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:14px;box-shadow:0 10px 40px #0006;z-index:14999;min-width:180px;max-width:220px;width:max-content;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease;pointer-events:none}.actions-menu.active{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.action-menu-item{display:flex!important;flex-direction:row;align-items:center;justify-content:flex-start;gap:14px;width:100%;min-height:52px;padding:14px 18px;background:transparent;border:none;border-bottom:.5px solid rgba(255,255,255,.1);cursor:pointer;transition:background .2s ease;text-align:left;position:static}.action-menu-item:last-child{border-bottom:none}.action-menu-item:hover{background:#ffffff1a}.action-menu-item:active{background:#ffffff26}.action-menu-item i{font-size:22px;width:26px;min-width:26px;text-align:center;color:#fff;flex-shrink:0}.action-label{font-size:17px;font-weight:400;color:#fff;white-space:nowrap;flex:1}.action-menu-item.mute-toggle-btn.muted i{color:#f66}body.settings-panel-open .actions-menu-toggle,body.combined-panel-active .actions-menu-toggle,body.settings-panel-open .actions-menu,body.combined-panel-active .actions-menu{display:none!important}body:has(.modal-overlay:not(.hidden) .alert-box) #fabContainer,body:has(.alert-overlay:not(.hidden) .alert-box) #fabContainer,body:has(.share-modal-overlay:not(.hidden)) #fabContainer,body:has(.modal-overlay:not(.hidden) .alert-box) .actions-menu-toggle,body:has(.alert-overlay:not(.hidden) .alert-box) .actions-menu-toggle,body:has(.share-modal-overlay:not(.hidden)) .actions-menu-toggle,body:has(.modal-overlay:not(.hidden) .alert-box) .actions-menu,body:has(.alert-overlay:not(.hidden) .alert-box) .actions-menu,body:has(.share-modal-overlay:not(.hidden)) .actions-menu{display:none!important}#navToggleFab{background:var(--text-primary);color:var(--container-bg)}#fullscreenToggleDesktopBtn{position:fixed;top:16px;right:80px;width:56px;height:56px;border-radius:8px;border:none;backdrop-filter:blur(10px);display:none;z-index:15000}#fullscreenToggleDesktopBtn:hover{background:#000000e6;color:#fff}#fabContainer{position:fixed;bottom:16px;right:16px;display:none;flex-direction:column-reverse;gap:8px;z-index:9999}body.wheel-mode-editable:has(#step-wheel:not(.hidden)) #wheelViewBackBtn,body.wheel-mode-editable:has(#step-wheel:not(.hidden)) #wheelViewBackBtn.hidden{display:flex!important;visibility:visible!important}body.question-view-active #navToggleFab,body.question-view-active #wheelViewBackBtn,body.settings-panel-open #navToggleFab{display:none!important}body.wheel-view-active #fullscreenToggleDesktopBtn{display:flex!important}#showResultsBtn{display:none}body.mode-eliminator #showResultsBtn,body.mode-multi-pick #showResultsBtn,body.mode-chase #showResultsBtn,body.mode-sorter #showResultsBtn,body.mode-sorter-eliminator #showResultsBtn,body.mode-group-sorter #showResultsBtn{display:flex!important}body.combined-panel-active #showResultsBtn{display:none!important}#autoSpinToggleDesktop{display:none}body.user-subscribed #autoSpinToggleDesktop,body.user-pro #autoSpinToggleDesktop,body.user-premium #autoSpinToggleDesktop,body.user-admin #autoSpinToggleDesktop{display:flex!important}body.mode-spin #autoSpinToggleDesktop,body.combined-panel-active #autoSpinToggleDesktop{display:none!important}.fab.has-changes,.fab.fab-has-changes{background:linear-gradient(135deg,#ff6b6b,#ee5a24);animation:fabPulsateRed 2s ease-in-out infinite!important;box-shadow:0 4px 20px #ff6b6b66}.fab.has-changes:before{content:"";position:absolute;inset:-4px;background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-radius:50%;z-index:-1;opacity:.3;animation:pulse-changes 2s infinite}.fab.has-changes .ripple-ring{position:absolute;top:50%;left:50%;width:100%;height:100%;border:2px solid #ff6b6b;border-radius:50%;transform:translate(-50%,-50%);animation:ripple-effect 2s infinite}@keyframes fabPulsateRed{0%,to{background:linear-gradient(135deg,#ff6b6b,#ee5a24);box-shadow:0 4px 20px #ff6b6b66}50%{background:linear-gradient(135deg,#ff8e8e,#f39c12);box-shadow:0 6px 25px #ff6b6b99}}@keyframes pulse-changes{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@keyframes ripple-effect{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(2);opacity:0}}@keyframes save-button-pulse-update-mode{0%,to{background:linear-gradient(135deg,#3498db,#2980b9);box-shadow:0 4px 20px #3498db66}50%{background:linear-gradient(135deg,#5dade2,#3498db);box-shadow:0 6px 25px #3498db99}}@media(max-width:768px){.fab{width:40px;height:40px;font-size:1.125rem;text-transform:none!important}#fabContainer{bottom:56px;right:8px!important;background-color:#ffffff1a!important;border:1px solid var(--border-dark)!important;padding:8px;border-radius:8px;transition:transform .3s ease,opacity .3s ease}body.pro-user #fabContainer,body.premium-user #fabContainer,body.user-admin #fabContainer,body.user-super #fabContainer{bottom:16px}.actions-menu{top:64px!important;right:8px!important}#fullscreenToggleDesktopBtn,body.wheel-view-active #fullscreenToggleDesktopBtn,body.wheel-mode-shared #fullscreenToggleDesktopBtn,body.wheel-mode-editable #fullscreenToggleDesktopBtn,body.wheel-mode-branded #fullscreenToggleDesktopBtn,body.combined-panel-active #fullscreenToggleDesktopBtn,body.pro-user #fullscreenToggleDesktopBtn,body.premium-user #fullscreenToggleDesktopBtn,body.user-admin #fullscreenToggleDesktopBtn,body.user-super #fullscreenToggleDesktopBtn{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}}@media(prefers-reduced-motion:reduce){.fab.has-changes,.fab.fab-has-changes{animation:none}.fab.has-changes .ripple-ring{animation:none;opacity:.3;transform:translate(-50%,-50%) scale(1.1)}.fab{transition:none}}body.wheel-mode-editable #fabContainer,body.wheel-mode-editable #navToggleFab,body.wheel-mode-editable #fullscreenToggleDesktopBtn,body.wheel-mode-editable #wheelViewBackBtn{display:flex!important}body.wheel-mode-shared #navToggleFab,body.wheel-mode-shared #autoSpinToggleDesktop,body.wheel-mode-shared #wheelViewBackBtn{display:none!important}body.wheel-mode-shared #fullscreenToggleDesktopBtn{display:flex!important}body.wheel-mode-embed #fabContainer,body.wheel-mode-embed #navToggleFab,body.wheel-mode-embed #fullscreenToggleDesktopBtn,body.wheel-mode-embed #autoSpinToggleDesktop,body.wheel-mode-embed #wheelViewBackBtn,body.wheel-mode-embed .actions-menu-toggle,body.wheel-mode-embed .actions-menu,body.wheel-mode-branded #fabContainer,body.wheel-mode-branded #navToggleFab,body.wheel-mode-branded #autoSpinToggleDesktop,body.wheel-mode-branded #wheelViewBackBtn{display:none!important}body.wheel-mode-branded #fullscreenToggleDesktopBtn{display:flex!important}.slow-spin-fab{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;border-radius:50%;color:var(--text-primary);border:1px solid rgba(255,255,255,.3);cursor:pointer;z-index:10000;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease;background:radial-gradient(circle at 30% 30%,#fff6,#ffffff1a 50%,#0003);backdrop-filter:blur(10px);box-shadow:0 6px 20px var(--shadow-dark),0 2px 10px var(--shadow-light),inset 0 2px 5px #ffffff80,inset 0 -2px 5px #0003}.slow-spin-fab i{font-size:60px;transition:transform .3s ease}body.combined-panel-active .slow-spin-fab{display:flex}body.combined-panel-active .create-wheel-fab{display:none}body.combined-panel-active #spinBtn,body.combined-panel-active #wheelViewBackBtn{display:none!important}.slow-spin-fab:hover{transform:translate(-50%,-50%) scale(1.05);box-shadow:0 8px 25px var(--shadow-dark),inset 0 2px 8px #fff9,inset 0 -2px 8px #0000004d;color:var(--pointer-color);border-color:var(--wheel-border-color)}.slow-spin-fab:active{transform:translate(-50%,-50%) scale(.95);box-shadow:var(--shadow-light);filter:brightness(.9);color:var(--pointer-color)}.slow-spin-fab:active i{transform:scale(.9)}.slow-spin-fab.playing{cursor:not-allowed;opacity:1;animation:scalePulse 1.5s infinite ease-in-out}.slow-spin-fab.playing:hover{color:var(--pointer-color);border-color:var(--wheel-border-color)}#wheelViewBackBtn{position:fixed;top:16px;left:16px;display:none;z-index:15001;width:56px;height:56px;font-size:1.25rem;background:var(--text-primary);color:var(--container-bg);border:.5px solid var(--border-dark);border-radius:8px;align-items:center;justify-content:center;box-shadow:var(--shadow-light);transition:all .2s ease;cursor:pointer}body.combined-panel-active #muteToggleBtn,body.combined-panel-active #wheelViewBackBtn{display:none!important}.view-back-btn:hover{background:var(--container-bg);color:var(--text-primary);border-color:var(--text-primary);box-shadow:var(--shadow-medium);transform:scale(1.05)}.view-back-btn:active{transform:scale(.95)}#actionsMenuToggle{position:fixed;background:var(--text-primary);color:var(--container-bg);border:.5px solid var(--border-dark);top:16px;right:16px!important}@media(max-width:960px){#fullscreenToggleDesktopBtn,#actionsMenuToggle{top:16px!important;right:8px!important}}@media(max-width:768px){#wheelViewBackBtn{width:40px!important;height:40px!important;font-size:1rem!important;left:8px!important}.slow-spin-fab{width:120px;height:120px}.slow-spin-fab i{font-size:36px}.slow-spin-fab:hover{transform:translate(-50%,-50%) scale(1.05)}.slow-spin-fab:active{transform:translate(-50%,-50%) scale(.95)}.actions-menu-toggle{font-size:1.5rem;width:36px;height:36px;top:16px;right:8px;z-index:10010}#fullscreenToggleDesktopBtn,body.wheel-mode-shared #fullscreenToggleDesktopBtn,body.wheel-mode-editable #fullscreenToggleDesktopBtn,body.wheel-mode-branded #fullscreenToggleDesktopBtn,body.combined-panel-active #fullscreenToggleDesktopBtn,body.wheel-view-active #fullscreenToggleDesktopBtn,body.pro-user #fullscreenToggleDesktopBtn,body.premium-user #fullscreenToggleDesktopBtn,body.user-admin #fullscreenToggleDesktopBtn,body.user-super #fullscreenToggleDesktopBtn{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}}.action-fab{display:none}body.wheel-view-active .action-fab,body:has(#step-wheel:not(.hidden)) .action-fab{display:flex}body:not(.wheel-view-active) .action-fab,body:has(#step-wheel.hidden) .action-fab{display:none}.voice-toggle-fab{display:none}.voice-toggle-fab:hover{background:var(--accent-color);color:var(--text-on-accent);border-color:var(--accent-color)}.fab.overlay-control{display:flex}#bottomRightFabWrapper{position:fixed;bottom:0;left:0;width:100%;height:auto;pointer-events:none;z-index:1}@media(max-width:768px){#bottomRightFabWrapper:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:200px;background:linear-gradient(to top,rgba(0,0,0,1) 0%,rgba(0,0,0,.3) 50%,transparent 100%);pointer-events:none;z-index:1}body:has(#step-wheel:not(.hidden)) #bottomRightFabWrapper:before{display:none}#bottomRightFabContainer{z-index:2;position:relative}}#bottomRightFabContainer{position:absolute;bottom:32px;right:32px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:128px;gap:16px;pointer-events:auto}body.wheel-view-active #bottomRightFabContainer{display:none!important}body:has(#voiceOverlay:not(.hidden)) #bottomRightFabContainer{display:none!important}.voice-input-fab{width:56px;height:56px;border-radius:8px;background:#fff;color:#000;border:1px solid rgba(0,0,0,.1);box-shadow:0 4px 12px #00000026,0 2px 6px #0000001a;cursor:pointer;display:none!important;align-items:center;justify-content:center;font-size:24px;transition:all .3s cubic-bezier(.4,0,.2,1);user-select:none}.voice-input-fab:hover{background:#f5f5f5;box-shadow:0 6px 16px #0003,0 3px 8px #00000026;transform:translateY(-2px)}.voice-input-fab:active{transform:translateY(0);box-shadow:0 2px 8px #0003}.create-wheel-fab{width:56px;height:56px;border-radius:8px;background:var(--accent-color, #1976d2);color:#fff;border:none;box-shadow:0 4px 12px #00000026,0 2px 6px #0000001a;cursor:pointer;display:none;align-items:center;justify-content:center;font-size:24px;transition:all .3s cubic-bezier(.4,0,.2,1);user-select:none}body:not(.wheel-view-active) .create-wheel-fab{display:flex!important}body.combined-panel-active .create-wheel-fab{display:none!important}.create-wheel-fab:hover{background:var(--primary-color-hover, #1565c0);box-shadow:0 6px 16px #0003,0 3px 8px #00000026;transform:translateY(-2px)}.create-wheel-fab:active{transform:translateY(0);box-shadow:0 2px 8px #0003}body.wheelIsSpinning.wheel-view-active #wheelViewBackBtn,body.wheelIsSpinning #wheelViewBackBtn,body.wheelIsSpinning #upNextComponent,body.wheelIsSpinning.wheel-view-active #fullscreenToggleDesktopBtn,body.wheelIsSpinning #fullscreenToggleDesktopBtn,body.wheelIsSpinning #showResultsBtn,body.wheelIsSpinning #autoSpinToggleDesktop,body.wheelIsSpinning.wheel-view-active #navToggleFab,body.wheelIsSpinning #navToggleFab,body.wheelIsSpinning .actions-menu-toggle,body.wheelIsSpinning .actions-menu{opacity:.3!important;pointer-events:none!important;transition:opacity .3s ease-out!important}body:not(.wheelIsSpinning).wheel-view-active #wheelViewBackBtn,body:not(.wheelIsSpinning) #wheelViewBackBtn,body:not(.wheelIsSpinning) #upNextComponent,body:not(.wheelIsSpinning).wheel-view-active #fullscreenToggleDesktopBtn,body:not(.wheelIsSpinning) #fullscreenToggleDesktopBtn,body:not(.wheelIsSpinning) #showResultsBtn,body:not(.wheelIsSpinning) #autoSpinToggleDesktop,body:not(.wheelIsSpinning).wheel-view-active #navToggleFab,body:not(.wheelIsSpinning) #navToggleFab,body:not(.wheelIsSpinning) .actions-menu-toggle,body:not(.wheelIsSpinning) .actions-menu{opacity:1!important;pointer-events:auto!important;transition:opacity .3s ease-out!important}body.combined-panel-active #fabContainer,body.combined-panel-active:has(#step-wheel:not(.hidden)) #wheelViewBackBtn,body.combined-panel-active #wheelViewBackBtn,body.combined-panel-active #fullscreenToggleDesktopBtn{display:none!important}@media(max-width:768px){.voice-input-fab,.create-wheel-fab{width:48px!important;height:48px!important}.voice-input-fab{display:flex!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}body.wheel-mode-shared #wheelViewBackBtn,body.wheel-mode-shared #navToggleFab,body.wheel-mode-shared #autoSpinToggleDesktop,body.wheel-mode-embed #wheelViewBackBtn,body.wheel-mode-embed #navToggleFab,body.wheel-mode-embed #fullscreenToggleDesktopBtn,body.wheel-mode-embed #autoSpinToggleDesktop,body.wheel-mode-embed #fabContainer,body.wheel-mode-embed .actions-menu-toggle,body.wheel-mode-embed .actions-menu,body.wheel-mode-branded #wheelViewBackBtn,body.wheel-mode-branded #navToggleFab,body.wheel-mode-branded #autoSpinToggleDesktop,body.wheel-mode-branded #fabContainer,.goto-list-btn,.embed-logo-edit-preview,.mode-slider,#animateOuterRingsToggle,input[id=animateOuterRingsToggle]{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.setting-item.toggle-item:has(>input#animateOuterRingsToggle){display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}#outerRingColorMatchesWinnerToggle,input[id=outerRingColorMatchesWinnerToggle]{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.setting-item.toggle-item:has(>input#outerRingColorMatchesWinnerToggle){display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}body.wheel-requires-list .goto-list-btn{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}#wheelVisualWrapper .mirror-ring{display:block;opacity:var(--ring-max-opacity, 1);visibility:visible}body.rings-editing #wheelVisualWrapper .mirror-ring,body.rings-always-visible #wheelVisualWrapper .mirror-ring{display:block;opacity:var(--ring-max-opacity, 1)}body.rings-animating #wheelVisualWrapper .mirror-ring.ripple{display:block}.embed-settings-group{display:block!important;visibility:visible!important;opacity:1!important}body.wheel-mode-shared.show-shared-logo .shared-embed-logo,body.wheel-mode-shared.show-shared-logo #sharedEmbedLogo,body.wheel-mode-embed.show-shared-logo .wheel-embed-logo,body.wheel-mode-embed.show-shared-logo #wheelEmbedLogo{display:inline-block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}body.combined-panel-active.embed-logo-preview-enabled .embed-logo-edit-preview{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:none!important}body.mode-slider-active .mode-number-slider{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}body.ai-suggestions-slider-active #aiSuggestionsSlider.ai-suggestions-slider{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;position:absolute!important;top:100%!important;left:0!important;transform:none!important;z-index:10000!important;margin-top:8px!important}.ai-suggestions-slider,.ai-suggestions-slider.hidden{display:none}.ai-slider-content{position:relative;top:40px;left:110px;transform:translate(-50%,-50%);z-index:10000;background:var(--background-primary, #ffffff);border:1px solid var(--border-color, #e0e0e0);border-radius:8px;box-shadow:0 4px 12px #00000026;padding:12px;min-width:240px}body.dark-theme .ai-slider-content,body[data-theme=dark] .ai-slider-content{background:var(--background-secondary, #2a2a2a);border-color:var(--border-color, #404040);color:var(--text-primary, #ffffff)}.ai-slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.ai-slider-header span{font-size:12px;font-weight:600;color:var(--text-primary, #333333)}.ai-slider-close{background:none;border:none;font-size:14px;cursor:pointer;color:var(--text-secondary, #666666);padding:2px 4px;line-height:1;border-radius:2px}.ai-slider-close:hover{background:var(--hover-bg, #f0f0f0);color:var(--text-primary, #333333)}.ai-suggestions-slider .slider-with-value{display:flex;align-items:center;gap:8px}.ai-suggestions-slider .control-slider{flex:1;min-width:120px}.ai-suggestions-slider .slider-value-display{font-size:12px;font-weight:600;color:var(--text-primary, #333333);min-width:24px;text-align:center}body:not(.premium-user):not(.pro-user) .setting-item[data-premium=true],body:not(.premium-user):not(.pro-user) .setting-group[data-premium=true]{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}body:not(.auto-spin-available) .setting-group[data-group=auto-spin]{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}@media(min-width:769px){.setting-item[data-mobile-only=true],.setting-group[data-mobile-only=true]{display:none!important}}@media(max-width:768px){.setting-item[data-desktop-only=true],.setting-group[data-desktop-only=true]{display:none!important}}.card,.spinagle-card{border-radius:var(--card-border-radius);box-shadow:var(--card-shadow);transition:all .3s ease;overflow:hidden;position:relative;display:flex;flex-direction:column;box-sizing:border-box;width:100%;min-height:200px;height:auto;cursor:pointer;flex:0 0 auto;margin:4px;max-width:min(300px,90vw);scroll-snap-align:start;border:4px solid transparent}.card:hover,.spinagle-card:hover{border:4px solid var(--accent-color);border-radius:var(--card-border-radius-lg)}.card-xs{width:var(--card-width-xs);min-height:var(--card-height-xs)}.card-sm{width:var(--card-width-sm);min-height:var(--card-height-sm)}.card-md{width:var(--card-width-md);min-height:var(--card-height-md)}.card-lg{width:var(--card-width-lg);min-height:var(--card-height-lg)}.card-xl{width:var(--card-width-xl);min-height:var(--card-height-xl)}.card-full{width:var(--card-width-full);min-height:var(--card-height-auto)}.card-padding-xs{padding:var(--card-padding-xs)}.card-padding-sm{padding:var(--card-padding-sm)}.card-padding-md{padding:var(--card-padding-md)}.card-padding-lg{padding:var(--card-padding-lg)}.card-padding-xl{padding:var(--card-padding-xl)}.card-elevated{box-shadow:var(--card-shadow-lg);border:none}.card-outlined{box-shadow:none;border:2px solid var(--border-color)}.card-flat{box-shadow:none;border:none;background:transparent}.card-interactive{cursor:pointer;transition:all .3s ease}.card-interactive:hover{transform:translateY(-4px);box-shadow:var(--card-shadow-lg)}.card-header{padding:var(--card-padding-md);border-bottom:1px solid var(--border-light);background:var(--bg-secondary, var(--container-bg));display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.card-header-simple{background:transparent;border-bottom:none;padding-bottom:0}.card-title{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary);line-height:1.2;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-wrap:break-word;text-align:left}.card-subtitle{margin:4px 0 0;font-size:.9rem;color:var(--text-secondary);line-height:1.3}.card-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.card-body,.card-content,.spinagle-card-content{padding:var(--card-padding-md) 4px;flex:1;display:flex;flex-direction:column;gap:8px;min-height:60px}.card-body-tight{padding:var(--card-padding-sm)}.card-body-spacious{padding:var(--card-padding-lg)}.card-footer{padding:var(--card-padding-md);border-top:1px solid var(--border-light);background:var(--bg-secondary, var(--container-bg));display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.card-footer-simple{background:transparent;border-top:none;padding-top:0}.card-image,.spinagle-card-image{width:100%;height:160px;border-radius:var(--card-border-radius);overflow:hidden;background:linear-gradient(135deg,var(--accent-color),var(--list-item-bg, var(--container-bg)));display:flex;align-items:center;justify-content:center;position:relative;font-size:2.5em;flex-shrink:0;object-fit:cover}.card-image-sm,.spinagle-card-image.small{height:80px}.card-image-lg,.spinagle-card-image.large{height:160px}.spinagle-card-image img{width:100%;aspect-ratio:16 / 9;transition:transform .3s ease}.spinagle-card-image:hover img{animation:spin 3.5s linear infinite}.card-image canvas,.spinagle-card-image canvas{width:100%;height:100%;object-fit:cover}.card-image-container{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--bg-muted, var(--container-bg))}.card-image-placeholder{display:flex;align-items:center;justify-content:center;color:var(--text-muted, var(--text-secondary));font-size:2rem}.thumbnail-fallback{width:100%;height:120px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;border-radius:var(--card-border-radius);margin-bottom:16px}.fallback-icon{font-size:2.5rem;color:#fff;opacity:.8}.popular-card-icon{font-size:2.5em;color:var(--text-secondary, #888);opacity:.7}.spinagle-card-image .popular-card-icon{display:flex;align-items:center;justify-content:center;width:100%;height:120px}.card-menu,.spinagle-card-menu-container{position:absolute;right:0;z-index:15}.card-menu-btn,.spinagle-card-menu-btn{background:none;backdrop-filter:blur(8px);color:var(--text-primary);border:none;border-radius:50%;width:36px;height:36px;font-size:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer!important;font-size:1.25rem;opacity:1;transform:scale(.8)}.card-menu-btn:hover,.spinagle-card-menu-btn:hover{cursor:pointer!important;transform:scale(1)}.card-menu-btn:active,.spinagle-card-menu-btn:active{transform:scale(.95)}.card-menu-btn.active,.spinagle-card-menu-btn.active{color:var(--inverse-secondary, white)}.card-dropdown,.spinagle-card-dropdown-menu{position:absolute;top:100%;right:8px;margin-top:0;background:var(--container-bg);border:.5px solid var(--border-color);border-radius:var(--card-border-radius);box-shadow:var(--card-shadow-lg);z-index:1000;min-width:160px;opacity:0;visibility:hidden;transform:translateY(-4px);transition:all .3s ease}.card-dropdown.visible,.spinagle-card-dropdown-menu:not(.hidden){opacity:1;visibility:visible;transform:translateY(0)}.card-dropdown-item,.spinagle-card-dropdown-item{display:flex!important;flex-direction:row;align-items:center;justify-content:flex-start;gap:14px;width:100%;min-height:52px;padding:8px 16px;background:transparent;border:none;border-bottom:.5px solid rgba(255,255,255,.1);cursor:pointer;transition:background .2s ease;text-align:left;position:static;color:#fff}.card-dropdown-item:last-child,.spinagle-card-dropdown-item:last-child{border-bottom:none}.card-dropdown-item:hover,.spinagle-card-dropdown-item:hover{background:#ffffff1a}.card-dropdown-item:active,.spinagle-card-dropdown-item:active{background:#ffffff26}.card-dropdown-item.danger,.spinagle-card-dropdown-item.delete-item{color:var(--error-color, #dc3545)}.card-dropdown-item.danger:hover,.spinagle-card-dropdown-item.delete-item:hover{background:var(--error-bg, rgba(220, 53, 69, .1))}.card-dropdown-divider{height:1px;background:var(--border-light);margin:4px 0}.card-dropdown-item i,.spinagle-card-dropdown-item i{font-size:22px;width:26px;min-width:26px;text-align:center;color:#fff;flex-shrink:0}.card-dropdown-item .action-label,.spinagle-card-dropdown-item .action-label{font-size:17px;font-weight:400;color:#fff;white-space:nowrap;flex:1}.spinagle-card-title{font-size:1.25em;font-weight:600;color:var(--text-primary);margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-wrap:break-word;text-align:left}.spinagle-card-description{font-size:1em;color:var(--text-secondary);margin:0 0 8px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spinagle-card-meta{font-size:1em;color:var(--text-secondary);margin:0 0 8px;line-height:1.4;overflow:hidden}.spinagle-card-subcategory{font-size:11px!important;background:#212529!important;font-weight:600;width:fit-content;color:#f8f9fa!important;border-radius:6px;cursor:pointer!important;transition:all .2s ease!important;padding:3px 6px!important}.spinagle-card-subcategory:hover{background:var(--accent-color, #00c4d9)!important;color:#fff!important;border-color:var(--accent-color, #00c4d9)!important;transform:translateY(-1px)!important}.spinagle-card-badge-container{position:absolute;bottom:8px;left:8px;z-index:10;display:flex;gap:6px;align-items:center}.spinagle-card-mode-badge{color:var(--text-on-accent);padding:4px 6px;border-radius:6px;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #0000001a;transition:all .2s ease;cursor:default;border:none;backdrop-filter:blur(4px);width:fit-content}.spinagle-card-mode-badge[data-mode=spin]{background-color:var(--fate-accent)}.spinagle-card-mode-badge[data-mode=eliminator]{background-color:var(--fate-eliminator)}.spinagle-card-mode-badge[data-mode=multi-pick]{background-color:var(--fate-multi-pick-light);color:var(--color-gray-900)}.spinagle-card-mode-badge[data-mode=chase]{background-color:var(--fate-chase)}.spinagle-card-mode-badge[data-mode=sorter]{background-color:var(--fate-sorter)}.spinagle-card-mode-badge[data-mode=sorter-eliminator]{background-color:var(--fate-sorter-eliminator)}.spinagle-card-mode-badge[data-mode=group-sorter]{background-color:var(--fate-group-sorter)}.spinagle-card-mode-badge:not([data-mode]){background-color:var(--fate-accent)}.spinagle-card-mode-badge:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.card-create,.spinagle-card.create-new{border-style:dashed;border-color:var(--text-muted);background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.card-create:hover,.spinagle-card.create-new:hover{border-color:var(--accent-color);background-color:var(--list-item-bg, var(--container-bg));transform:scale(1.05)}.card-create-icon,.spinagle-card-icon{color:var(--text-muted);font-size:2.5rem;margin-bottom:12px;transition:color .2s ease}.card-create:hover .card-create-icon,.spinagle-card.create-new:hover .spinagle-card-icon{color:var(--border-light)}.card-create-text,.spinagle-card.create-new .spinagle-card-title{color:var(--text-muted);transition:color .2s ease;text-align:center}.card-create:hover .card-create-text,.spinagle-card.create-new:hover .spinagle-card-title{color:var(--accent-color)}.card-wheel-sponsored,.spinagle-card.sponsored-card{position:relative;border:2px solid var(--accent-color);background:linear-gradient(135deg,var(--container-bg) 0%,rgba(78,194,157,.05) 100%);box-shadow:0 4px 12px #4ec29d26}.card-wheel-sponsored:hover,.spinagle-card.sponsored-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #4ec29d40}.card-wheel-badge,.sponsored-badge,.spinagle-card-sponsored-badge,.wheel-shared-badge,.wheel-time-badge{position:absolute;top:8px;left:8px;background:var(--gradient-sponsored, linear-gradient(45deg, #4ecfa3, #44a08d));color:#333;padding:4px;border-radius:6px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #0003;z-index:10;white-space:nowrap}.wheel-shared-badge{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff}.wheel-time-badge.new{background:linear-gradient(45deg,#ff6b6b,#feca57);color:#fff}.wheel-time-badge.updated{background:linear-gradient(45deg,#4ecdc4,#44a08d);color:#fff}.spinagle-card .wheel-time-badge,.spinagle-card .wheel-shared-badge{top:8px;left:8px}.spinagle-card .wheel-shared-badge+.wheel-time-badge,.spinagle-card .wheel-time-badge+.wheel-shared-badge{top:40px}.spinagle-card .sponsored-badge+.wheel-shared-badge,.spinagle-card .sponsored-badge+.wheel-time-badge{top:40px}.spinagle-card .sponsored-badge+.wheel-shared-badge+.wheel-time-badge{top:72px}.spinagle-card-sponsor-info{display:flex;flex-direction:column;gap:4px}.sponsor-name,.spinagle-card-sponsor-name{font-size:.8rem;color:var(--accent-color);font-weight:600}.sponsor-outcomes,.spinagle-card-sponsor-outcomes{font-size:.7rem;color:var(--text-secondary)}.card-dashboard{background:var(--container-bg);border:1px solid var(--border-light);padding:var(--card-padding-lg);text-align:center}.card-dashboard:hover{border-color:var(--accent-color);transform:translateY(-2px)}.card-dashboard-metric{margin-bottom:8px}.card-dashboard-number{font-size:2rem;font-weight:700;color:var(--accent-color);margin-bottom:4px}.card-dashboard-label{font-size:.9rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.card-success{border-left:4px solid var(--success-color, #28a745)}.card-warning{border-left:4px solid var(--warning-color, #ffc107)}.card-error{border-left:4px solid var(--error-color, #dc3545)}.card-info{border-left:4px solid var(--info-color, #17a2b8)}.card-wheel{cursor:pointer;transition:all .3s ease}.card-wheel:hover{transform:translateY(-2px);box-shadow:var(--card-shadow-lg)}.sponsor-logo-container{position:absolute;top:8px;right:8px;width:32px;height:32px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a;z-index:10}.sponsor-logo{max-width:100%;max-height:100%;object-fit:contain}.sponsor-info{margin-top:8px}.spinagle-card[data-category=Sponsored]{border-color:var(--accent-color)}.spinagle-card[data-category="Food & Drink"] .sponsored-badge{background:linear-gradient(45deg,#ff6b6b,#feca57)}.spinagle-card[data-category=Entertainment] .sponsored-badge{background:linear-gradient(45deg,#a29bfe,#fd79a8)}.spinagle-card[data-category=Shopping] .sponsored-badge{background:linear-gradient(45deg,#00b894,#00cec9)}.thumbnail-container{position:relative;width:100%;height:120px;border-radius:var(--card-border-radius) var(--card-border-radius) 0 0;overflow:hidden;background:linear-gradient(135deg,var(--accent-color),var(--container-bg));display:flex;align-items:center;justify-content:center}.thumbnail-container img{width:100%;height:100%;object-fit:cover}.mode-label{position:absolute;bottom:8px;left:8px;padding:4px 8px;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;color:#fff;z-index:10}.mode-spin{background:var(--fate-accent, #00c4d9)}.mode-eliminator{background:var(--button-danger-bg, #E91E63)}.mode-chase{background:var(--button-warning-bg, #FF9800)}@media(max-width:1200px){.card,.spinagle-card{max-width:min(280px,90vw)}}@media(max-width:1024px){.card,.spinagle-card{max-width:min(240px,90vw)}}@media(max-width:768px){.card,.spinagle-card{width:100%;max-width:280px;min-height:180px;scroll-margin:0 8px}.spinagle-card-menu-container{top:0}.card-image,.spinagle-card-image{height:120px}.card-content,.spinagle-card-content{padding:12px}.card-title,.spinagle-card-title{font-size:.9rem}.spinagle-card-description{font-size:.75em}.card-md,.card-lg,.card-xl{width:100%}.thumbnail-fallback{height:100px}.fallback-icon{font-size:2rem}.popular-card-icon{font-size:2em}.spinagle-card-image .popular-card-icon{height:100px}.card-dashboard-number{font-size:1.5rem}.spinagle-card-subcategory:hover{background:var(--accent-color, #00c4d9)!important;color:#fff!important;border-color:var(--accent-color, #00c4d9)!important;transform:translateY(-1px)!important}.spinagle-card-badge-container{bottom:6px;left:6px;gap:4px}}:root{--accent-color: #00c4d9;--accent-color-hover: #00a7b5;--text-primary: #fff;--text-on-accent: #fff;--container-bg: #1a1a1a;--container-light: #2a2a2a;--container-medium: #333;--border-light: #e0e0e0;--shadow-color-light: rgba(255, 255, 255, .1);--shadow-color-medium: rgba(0, 0, 0, .2);--z-fullscreen-modal: 10000;--transition: all .3s ease}.drawer{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:10000;opacity:0;visibility:hidden;transition:opacity var(--transition),visibility 0s linear .3s;display:flex;flex-direction:column;overflow-y:auto;scroll-behavior:smooth}.drawer.revealed{opacity:1;visibility:visible;transition:opacity var(--transition),visibility 0s linear 0s}.drawer-content{flex-grow:1;width:100%;display:flex;flex-direction:column;min-height:100vh;padding:0}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:24px 20px;min-height:60px;background:linear-gradient(135deg,var(--container-light),var(--container-medium));border-bottom:1px solid var(--border-light);backdrop-filter:blur(10px)}.drawer-header-left,.drawer-header-right{display:flex;align-items:center;min-height:40px;min-width:60px}.drawer-header-left{justify-content:flex-start}.drawer-header-right{justify-content:flex-end;gap:8px}.drawer-header-center{flex:1;display:flex;justify-content:center;align-items:center;gap:15px}.drawer-header h2,.drawer-header h3,#popularDrawerTitle{margin:0;color:var(--text-primary);font-size:1.4em;font-weight:700;text-align:center}.drawer-close-btn,.drawer-download-btn,.drawer-back-btn{background:color-mix(in srgb,var(--container-bg),transparent 10%);color:var(--text-primary);border:1px solid var(--border-light);border-radius:50%;width:56px;height:56px;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:1.2rem;transition:var(--transition);backdrop-filter:blur(8px);box-shadow:0 2px 8px var(--shadow-color-light)}.drawer-close-btn:hover,.drawer-download-btn:hover,.drawer-back-btn:hover{background:var(--accent-color);border-color:var(--accent-color);color:var(--text-on-accent);transform:scale(1.05);box-shadow:0 4px 12px var(--shadow-color-medium)}.drawer-back-btn:hover{transform:scale(1.05) translate(-2px)}.drawer-back-btn.hidden{display:none}.btn-fallback-text{position:absolute;font-size:16px;font-weight:700;opacity:.7}.drawer-popular,.drawer-history{background:linear-gradient(135deg,color-mix(in srgb,var(--bg-gradient-start),transparent 5%),color-mix(in srgb,var(--bg-gradient-end),transparent 10%));backdrop-filter:blur(8px)}.drawer-account,.drawer-account .drawer-content{background:var(--bg-gradient-start)}@media(max-width:768px){.drawer-content{padding:0}.drawer-header{padding:16px 12px;min-height:50px}.drawer-close-btn,.drawer-download-btn,.drawer-back-btn{width:44px;height:44px;font-size:1rem}.drawer-header-center{gap:10px}.drawer-header h2,.drawer-header h3,#popularDrawerTitle{font-size:1.2em}}.no-scrollbar,#step-wheel,#wheelVisualWrapper,#wheelContainer{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar,#step-wheel::-webkit-scrollbar,#wheelVisualWrapper::-webkit-scrollbar,#wheelContainer::-webkit-scrollbar{width:0;height:0;display:none}#wheelHeaderContainer,#wheelQuestionContainer{overscroll-behavior:none;-webkit-overflow-scrolling:auto}html,body{overflow-x:hidden}body.wheel-view-active{overflow:hidden!important;position:fixed!important;inset:0!important;width:100%!important;height:100%!important;overscroll-behavior:none!important}body.wheel-view-active #step-wheel{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;overflow:hidden!important}.app-step-wheel{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;height:100%;bottom:0;left:0;overflow:hidden!important;position:absolute;box-sizing:border-box}#wheelContainer{position:absolute;margin:0 auto;z-index:var(--z-base);transition:top .8s cubic-bezier(.4,0,.2,1),bottom .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1),opacity .3s ease-in-out;will-change:top,bottom,transform,opacity;transform:translateZ(0);overflow:visible}#wheelContainer.full-wheel{top:50%;bottom:auto;transform:translateZ(0) scale(1)}body.subscriber-ad-free #wheelContainer.full-wheel{top:57%;bottom:auto;transform:translateZ(0) scale(1)}#wheelContainer.half-wheel{top:90%;bottom:auto;transform:translateZ(0) scale(1)}#wheelContainer.mega-wheel{top:50%;bottom:auto!important;transform:translateZ(0) scale(2)}#wheelContainer.mega3d-wheel{top:75%;bottom:auto!important;transform:translateZ(0) scale(2.5) perspective(500px) rotateX(45deg) rotateY(0);transform-style:preserve-3d}#wheelContainer.super3d-wheel{top:15%;transform:translateZ(0) scale(2.5);position:relative;width:100%;height:100%}#wheelCanvas{width:auto;position:absolute;z-index:1250;transform:translate(-50%,-50%);box-shadow:0 0 15px var(--input-focus-shadow);transform-origin:center;will-change:transform;touch-action:none;background:transparent;overflow:visible}#wheelCanvas.outer-ring-disabled{outline:none}#wheelContainer.mega3d-wheel #wheelCanvas{box-shadow:0 0 15px var(--input-focus-shadow),0 20px 40px #0000004d,0 40px 80px #00000026,inset 0 -5px 15px #0003;outline-width:calc(var(--wheel-border-width, 3px) * 1.33)}#wheelContainer.super3d-wheel #wheelCanvas{opacity:0;pointer-events:none}#wheelContainer.super3d-wheel #spinBtn{display:none}#wheelHeaderContainer{position:fixed;top:0;left:0;right:0;gap:8px;width:100%;height:40%;padding:0 0 16px;margin:0;background-color:transparent;z-index:999}#wheelHeaderContainer[data-wheel-type=mega],#wheelHeaderContainer[data-wheel-type=mega3d],.mega-wheel-active #wheelHeaderContainer,.mega3d-wheel-active #wheelHeaderContainer{background:linear-gradient(to bottom,rgba(var(--bg-color-rgb, 26, 26, 26),1),rgba(var(--bg-color-rgb, 26, 26, 26),.8),rgba(var(--bg-color-rgb, 26, 26, 26),0))}#wheelQuestionContainer .user-question{font-size:1.5rem;line-height:2rem;box-sizing:border-box;color:var(--text-primary);font-weight:600;word-wrap:break-word;max-width:100%;text-align:center;cursor:pointer;overflow-wrap:break-word;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;margin-bottom:8px}.question-header{display:flex;align-items:center;gap:12px;justify-content:center;margin-bottom:8px}#wheelQuestionContainer .mode-indicator{position:relative;color:var(--text-on-accent);padding:10px 12px;border-radius:8px;font-size:.95;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #0000001a;transition:all .2s ease;cursor:pointer;border:none;outline:none}#wheelQuestionContainer .mode-indicator:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}#wheelQuestionContainer .mode-indicator:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}body.embedded-mode #wheelQuestionContainer .mode-indicator{pointer-events:none!important;cursor:default!important}body.embedded-mode #wheelQuestionContainer .mode-indicator:hover{transform:none!important;box-shadow:0 2px 4px #0000001a!important}#wheelQuestionContainer .mode-indicator.mode-locked{cursor:not-allowed!important;opacity:.8;position:relative}#wheelQuestionContainer .mode-indicator.mode-locked:after{content:"🔒";position:absolute;top:-4px;right:-4px;font-size:12px;background:#000000b3;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;line-height:1}#wheelQuestionContainer .mode-indicator.mode-locked:hover{transform:none!important;box-shadow:0 2px 4px #0000001a!important}#wheelQuestionContainer .mode-indicator[data-mode=spin]{background-color:var(--fate-accent)}#wheelQuestionContainer .mode-indicator[data-mode=eliminator]{background-color:var(--fate-eliminator)}#wheelQuestionContainer .mode-indicator[data-mode=multi-pick]{background-color:var(--fate-multi-pick-light);color:var(--color-gray-900)}#wheelQuestionContainer .mode-indicator[data-mode=chase]{background-color:var(--fate-chase)}#wheelQuestionContainer .mode-indicator[data-mode=sorter]{background-color:var(--fate-sorter)}#wheelQuestionContainer .mode-indicator[data-mode=sorter-eliminator]{background-color:var(--fate-sorter-eliminator)}#wheelQuestionContainer .mode-indicator[data-mode=group-sorter]{background-color:var(--fate-group-sorter)}#wheelQuestionContainer .mode-indicator:not([data-mode]){background-color:var(--fate-accent)}#desktopModeGroup{position:relative;inset:0;display:flex;justify-content:space-between;align-items:center;padding:24px;margin-bottom:0;box-sizing:border-box;height:auto}.fa-circle-half-stroke{transform:rotate(90deg)}body.combined-panel-active #wheelQuestionContainer{position:absolute!important;top:24px!important;left:30%!important;transform:translate(-50%)!important;max-width:55%!important;text-align:center!important;padding:0!important}body.combined-panel-active #wheelHeaderContainer{position:absolute!important;left:40%!important;transform:translate(-40%)!important;max-width:100%!important;text-align:center!important;padding:0!important}#wheelVisualWrapper{position:relative;width:100%;transform-origin:center center;transform:scale(.85);overflow:visible}#currentOutcomeDisplay.current-outcome-display{display:none;justify-content:center;font-size:4.25rem;line-height:4rem;font-weight:700;border-radius:4px;text-align:center;transition:background-color .2s,color .2s;word-wrap:break-word}.mega-wheel #wheelUserQuestion,.mega3d-wheel #wheelUserQuestion,.mega-wheel #currentOutcomeDisplay,.mega3d-wheel #currentOutcomeDisplay{color:#fff!important}#currentOutcomeDisplay.show{display:block}#currentOutcomeDisplay.winner{font-weight:800;text-shadow:0 0 5px rgba(0,0,0,.3)}#currentOutcomeDisplay.eliminated{text-decoration:line-through;opacity:.8;color:var(--text-secondary, rgba(255, 255, 255, .7))}#pointer{position:absolute;top:50%;left:50%;font-size:calc(3em * var(--pointer-scale-y, 1));transform-origin:center top;color:var(--pointer-color);text-shadow:none;z-index:1275;transition:top .3s ease,left .3s ease,transform .3s ease,font-size .3s ease;will-change:transform;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));line-height:1;padding:0;margin:0}#pointer i{transform:scaleX(var(--pointer-scale-x, 1)) scaleY(var(--pointer-scale-y, 1));transform-origin:center center;display:inline-block;transition:transform .3s ease;color:inherit}#pointer i:before{color:inherit}#pointerContainer{position:absolute;top:50%;left:50%;width:0;height:0;transform-origin:center;pointer-events:none;z-index:1300!important}#pointerContainer.pointer-style-center{transform:translate(-50%,-50%) rotate(var(--container-rotation, 0deg)) translateY(var(--center-offset, 50px))}#pointerContainer.pointer-style-edge{transform:translate(-50%,-50%) rotate(var(--container-rotation, 0deg)) translateY(calc(-1 * var(--wheel-radius, 200px)))}#pointer{position:absolute;top:var(--pointer-offset, 0px);left:0;transform:translate(-50%,-50%) rotate(var(--pointer-rotation, 0deg)) scaleX(var(--pointer-width-scale, 1)) scaleY(var(--pointer-height-scale, 1));pointer-events:none;z-index:1310!important}#pointerContainer.pointer-style-center #pointer{--pointer-rotation: 180deg}#pointerContainer.pointer-style-edge #pointer{--pointer-rotation: 0deg}#pointerContainer.pointer-direction-top{--container-rotation: 0deg}#pointerContainer.pointer-direction-right{--container-rotation: 90deg}#pointerContainer.pointer-direction-bottom{--container-rotation: 180deg}#pointerContainer.pointer-direction-left{--container-rotation: 270deg}#pointerContainer.pointer-half-wheel,#pointerContainer.pointer-full-wheel{--wheel-radius: 520px}#pointerContainer.pointer-mega-wheel,#pointerContainer.pointer-mega3d-wheel{--wheel-radius: 560px}#pointerContainer.pointer-super3d-wheel{--wheel-radius: 350px}@keyframes pointerSpring{0%{transform:translate(-50%,-50%) rotate(var(--pointer-rotation, 0deg)) scaleX(var(--pointer-width-scale, 1)) scaleY(var(--pointer-height-scale, 1))}30%{transform:translate(-50%,-50%) rotate(calc(var(--pointer-rotation, 0deg) - 15deg)) scaleX(var(--pointer-width-scale, 1)) scaleY(var(--pointer-height-scale, 1))}60%{transform:translate(-50%,-50%) rotate(calc(var(--pointer-rotation, 0deg) + 10deg)) scaleX(var(--pointer-width-scale, 1)) scaleY(var(--pointer-height-scale, 1))}to{transform:translate(-50%,-50%) rotate(var(--pointer-rotation, 0deg)) scaleX(var(--pointer-width-scale, 1)) scaleY(var(--pointer-height-scale, 1))}}#pointer.pointer-springing{animation:pointerSpring .15s ease-out}.winning-segment{filter:brightness(1.3) saturate(1.2);transform:scale(1.05)}.winning-segment-final{filter:brightness(1.4) saturate(1.3) drop-shadow(0 0 10px currentColor);transform:scale(1.1)}#pointer.pointer-shape-diamond i:before{content:""!important;font-family:"Font Awesome 6 Free"!important;font-weight:900!important;font-size:4.5em!important;line-height:.8;color:inherit!important}#pointer.pointer-shape-triangle i{display:block;line-height:1;padding:0;margin:0}#pointer.pointer-shape-triangle i:before{content:""!important;font-family:"Font Awesome 6 Free"!important;font-weight:900!important;font-size:5.5em!important;line-height:.7;display:block;padding:0;margin:0;color:inherit!important}#pointer.pointer-shape-rectangle i:before{content:""!important;font-family:"Font Awesome 6 Free"!important;font-weight:900!important;font-size:3.5em!important;color:inherit!important}#pointer.pointer-shape-location-dot i:before{content:""!important;font-family:"Font Awesome 6 Free"!important;font-weight:900!important;font-size:4em!important;color:inherit!important}#pointer.pointer-shape-arrow-up i:before{content:""!important;font-family:"Font Awesome 6 Free"!important;font-weight:900!important;font-size:4em!important;color:inherit!important}#wheelQuestionContainer{position:relative;inset:24px 0 0;padding:0 32px}@media(max-width:960px){#wheelQuestionContainer,body.combined-panel-active #wheelQuestionContainer{top:16px}}@media(max-width:768px){#wheelHeaderContainer{padding:0}#wheelContainer.full-wheel,body.subscriber-ad-free #wheelContainer.full-wheel{top:55%;bottom:auto;transform:translateZ(0) scale(1)}#wheelContainer.half-wheel{top:90%;bottom:auto;transform:translateZ(0) scale(1)}body.combined-panel-active #wheelHeaderContainer,body.combined-panel-active #wheelQuestionContainer{position:absolute!important;width:100%!important;left:40%!important;transform:translate(-40%)!important;max-width:100%!important;text-align:center!important;padding:0!important}#wheelVisualWrapper{transform:scale(.75);transform-origin:center center;will-change:transform;-webkit-transform:scale(.75);-webkit-transform-origin:center center;-webkit-backface-visibility:hidden;backface-visibility:hidden}#wheelContainer{transform:scale(1);transform-origin:center center;will-change:transform;transition:top .8s cubic-bezier(.4,0,.2,1),bottom .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1),opacity .3s ease-in-out;-webkit-transform:scale(1);-webkit-transform-origin:center center;-webkit-backface-visibility:hidden;backface-visibility:hidden}#currentOutcomeDisplay.current-outcome-display{font-size:2.5rem;line-height:2.25rem}}.dev-controls{position:fixed;top:20px;right:20px;background:#000000e6;color:#fff;padding:20px;border-radius:8px;font-family:monospace;font-size:12px;z-index:10000;max-width:300px;box-shadow:0 4px 20px #0000004d;display:none}.dev-controls.visible{display:block}.dev-controls h3{margin:0 0 15px;font-size:14px;color:#4caf50;border-bottom:1px solid #333;padding-bottom:5px}.dev-tabs{display:flex;margin-bottom:15px;border-bottom:1px solid #333}.dev-tab{padding:8px 12px;cursor:pointer;background:transparent;border:none;color:#ccc;font-family:monospace;font-size:11px;transition:all .2s}.dev-tab:hover{background:#ffffff1a;color:#fff}.dev-tab.active{color:#4caf50;border-bottom:2px solid #4CAF50}.dev-tab-content{display:none}.dev-tab-content.active{display:block}.dev-controls-grid{display:grid;grid-template-columns:1fr;gap:12px;max-height:400px;overflow-y:auto}.dev-control-group{display:flex;flex-direction:column;gap:5px}.dev-control-group.toggle-group{flex-direction:row;align-items:center;gap:10px}.dev-control-group.toggle-group label{margin:0;font-size:11px}.dev-control-group label{font-size:10px;color:#aaa;text-transform:uppercase;letter-spacing:.5px}.dev-control-group input[type=range]{width:100%;height:4px;background:#333;outline:none;border-radius:2px;cursor:pointer}.dev-control-group input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;background:#4caf50;border-radius:50%;cursor:pointer;transition:all .2s}.dev-control-group input[type=range]::-moz-range-thumb{width:12px;height:12px;background:#4caf50;border-radius:50%;cursor:pointer;border:none;transition:all .2s}.dev-control-group input[type=checkbox]{width:16px;height:16px;accent-color:#4CAF50;cursor:pointer}.dev-control-value{font-size:11px;color:#4caf50;background:#4caf501a;padding:2px 6px;border-radius:3px;display:inline-block;min-width:40px;text-align:center}.reset-btn{background:#f44336;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:10px;transition:all .2s}.reset-btn:hover{background:#d32f2f;transform:translateY(-1px)}.reset-btn:active{transform:translateY(0)}.dev-controls-header-main{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.dev-controls-header-main h3{margin:0;font-size:14px;color:#4caf50}.dev-controls-header-actions{display:flex;gap:8px}.dev-controls-close-btn{background:transparent;border:1px solid #666;color:#ccc;width:24px;height:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s}.dev-controls-close-btn:hover{background:#ffffff1a;color:#fff;border-color:#999}.dev-controls-close-btn:active{transform:scale(.95)}.reset-all-btn{background:#ff9800;color:#fff;border:none;padding:4px 8px;border-radius:3px;cursor:pointer;font-size:10px}.reset-all-btn:hover{background:#f57c00}.dev-controls-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}@media(max-width:768px){.dev-controls-header-main{flex-direction:column;gap:10px;align-items:flex-start}.reset-all-btn{font-size:9px;padding:3px 6px}.dev-controls-header{flex-direction:column;align-items:flex-start;gap:8px}}body:not(.combined-panel-active) .embed-logo-edit-preview{display:none!important}.panel-close-btn{position:relative;width:32px;height:32px;display:flex;background:#f44;font-size:1.1rem;color:#fff;border:none;border-radius:6px;align-items:center;justify-content:center;transition:all .2s ease;cursor:pointer}.panel-toggle-btn{position:relative;width:32px;height:32px;display:none;background:var(--accent-color, #3b82f6);font-size:1.1rem;color:#fff;border:none;border-radius:6px;align-items:center;justify-content:center;transition:all .2s ease;cursor:pointer}.panel-toggle-btn:hover{background:var(--accent-color-hover, #2563eb);box-shadow:0 6px 20px #3b82f666;transform:scale(1.05)}.panel-toggle-btn:active{transform:scale(.95);background:var(--accent-color-active, #1d4ed8)}@media(max-width:768px){.panel-toggle-btn{display:flex}}.outcomes-title-btn{width:32px!important;height:32px!important;font-size:1.1rem!important;margin-left:6px!important;border-radius:6px!important}.outcomes-title-btn.panel-save-btn{background:var(--primary-color, #00c4d9)!important}.outcomes-title-btn.panel-save-btn:hover{background:var(--primary-color-hover, #00a8bb)!important}.panel-close-btn:hover{background:#f44;box-shadow:0 6px 20px #f446;transform:scale(1.05)}.panel-close-btn:active{transform:scale(.95);background:#d33}body.combined-panel-active #wheelContainer.half-wheel,body.combined-panel-active #wheelContainer.full-wheel{left:30%!important;transform:translate(-50%) translateY(-50%)!important}body.combined-panel-active #wheelContainer.mega-wheel{left:30%!important;transform:translate(-50%) translateY(-0%) scale(2)!important}body.combined-panel-active #wheelContainer.mega3d-wheel{left:30%!important;transform:translate(-50%) translateY(10%) scale(2.5) perspective(500px) rotateX(45deg) rotateY(-0deg)!important;transform-style:preserve-3d}@media(max-width:768px){body.combined-panel-active #currentOutcomeDisplay.current-outcome-display{display:none}body.combined-panel-active #wheelUserQuestion.user-question:empty{display:none}body.combined-panel-active #wheelContainer.full-wheel{top:35%!important;bottom:auto!important;left:50%!important;transform:translate(-50%) translateY(-50%) scale(1)!important}body.combined-panel-active #wheelContainer.half-wheel{top:45%!important;bottom:auto!important;left:50%!important;transform:translate(-50%) translateY(-50%) scale(1)!important}body.combined-panel-active #wheelContainer.mega-wheel{top:30%!important;bottom:auto!important;left:50%!important;transform:translate(-50%) translateY(-50%) scale(1.5)!important}body.combined-panel-active #wheelContainer.mega3d-wheel{top:35%!important;bottom:auto!important;left:50%!important;transform:translate(-50%) translateY(10%) scale(2.5) perspective(500px) rotateX(60deg) rotateY(-0deg)!important;transform-style:preserve-3d}}.up-next-component{position:fixed;bottom:16px;left:16px;z-index:var(--z-floating-elements);background:var(--container-bg-80);border-radius:8px;padding:12px;min-width:180px;max-width:250px;transition:transform .6s ease-in-out,opacity .6s ease-in-out;box-shadow:var(--shadow-medium);transition:all .3s ease;backdrop-filter:blur(10px)}.up-next-component.hidden{display:none}.up-next-component.slide-out-left{transform:translate(-120%);opacity:0}.up-next-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.up-next-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);flex:1;text-align:left}.up-next-list-selector{width:24px;height:24px;background:none;color:#fff;border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.7rem;transition:all .2s ease;flex-shrink:0}.up-next-list-selector:hover{background:var(--accent-color);opacity:.8;transform:scale(1.05)}.up-next-list-selector:active{transform:scale(.95)}.up-next-progress-container{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding:0 4px}.up-next-progress-bar{flex:1;height:4px;background:var(--border-light);border-radius:2px;overflow:hidden;position:relative}.up-next-progress-fill{height:100%;background:var(--accent-color);width:0%;border-radius:2px;transition:width .4s ease;position:relative}.up-next-progress-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;width:1px;background:#ffffff4d;border-radius:0 2px 2px 0}.up-next-progress-text{font-size:.75rem;font-weight:500;color:var(--text-secondary);white-space:nowrap;min-width:fit-content}.up-next-content{display:flex;align-items:center;justify-content:center;margin-bottom:16px}.up-next-item{font-size:1rem;font-weight:500;color:var(--text-primary);text-align:center;word-break:break-word;line-height:1.3;padding:4px 8px;background:var(--accent-color);border-radius:8px}.up-next-item.clickable{cursor:pointer;background:var(--surface-hover);color:var(--text-secondary);border:1px dashed var(--border-color);transition:all .2s ease}.up-next-item.clickable:hover{background:var(--accent-color-subtle);color:var(--accent-color);border-color:var(--accent-color);transform:translateY(-1px)}@media(max-width:768px){.up-next-component{left:8px;bottom:8px;min-width:100px;max-width:160px;padding:10px}.up-next-label{font-size:.6rem;margin-bottom:6px}.up-next-item{font-size:1rem;padding:3px 6px}}.up-next-component,body.combined-panel-active .up-next-component,body.panel-open .up-next-component{display:none!important}.up-next-component.show-on-wheel-step{display:flex!important;flex-direction:column}.up-next-list-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;backdrop-filter:blur(4px)}.up-next-list-modal.hidden{display:none}.up-next-list-modal-content{background:var(--container-bg);border-radius:12px;width:90%;max-width:400px;max-height:80vh;overflow:hidden;box-shadow:var(--shadow-large)}.up-next-list-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--accent-color-subtle)}.up-next-list-modal-body{padding:20px 20px 0}.up-next-list-options{max-height:300px;overflow-y:auto;margin-bottom:16px}.up-next-list-option{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:8px;cursor:pointer;transition:all .2s ease;border:1px solid var(--border-color);margin-bottom:8px}.up-next-list-option:hover{background:var(--bg-hover);border-color:var(--accent-color)}.up-next-list-option:last-child{margin-bottom:0}.up-next-list-option-info{flex:1}.up-next-list-option-name{font-weight:500;color:var(--text-primary);margin-bottom:2px}.up-next-list-option-count{font-size:.85rem;color:var(--text-secondary)}.up-next-list-option-capacity{font-size:.8rem;margin-top:4px;padding:4px 0;border-radius:4px;display:flex;align-items:center;gap:4px}.up-next-list-option-capacity.warning{color:#ff9800}.up-next-list-option-capacity.error{background:#f443361a;color:#f44336;border:1px solid rgba(244,67,54,.3)}.up-next-list-option-capacity.success{background:#4caf501a;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.up-next-list-option-capacity i{font-size:.75rem}.up-next-list-option-radio{width:20px;height:20px;border:2px solid var(--border-color);border-radius:50%;position:relative;cursor:pointer;transition:all .2s ease;flex-shrink:0;background:var(--container-bg)}.up-next-list-option-radio:hover{border-color:var(--accent-color)}.up-next-list-option-radio.selected{border-color:var(--accent-color);background:var(--accent-color)}.up-next-list-option-radio.selected:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:#fff}.up-next-list-option{cursor:pointer}.up-next-list-option:hover{background:var(--surface-hover)}.up-next-list-option.selected{background:var(--accent-color-subtle);border:1px solid var(--accent-color)}.up-next-list-modal-actions{display:flex;justify-content:center;padding-top:16px;border-top:1px solid var(--border-light)}.up-next-create-new-btn{background:var(--accent-color);color:#fff;border:none;padding:10px 16px;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.up-next-create-new-btn:hover{background:var(--accent-color);opacity:.8;transform:translateY(-1px)}.up-next-list-modal-create-section{margin-bottom:16px;padding-bottom:12px}.up-next-list-modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:16px 20px 20px}.up-next-list-modal-footer .btn-primary:disabled{opacity:.5;cursor:not-allowed}.up-next-create-list-modal{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10100;backdrop-filter:blur(8px)}.up-next-create-list-modal.hidden{display:none}.up-next-create-list-modal-content{background:var(--container-bg);border-radius:16px;width:100%;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-large);border:1px solid rgba(0,0,0,.08)}.up-next-create-list-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid rgba(0,0,0,.08)}.up-next-create-list-modal-close{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.up-next-create-list-modal-close:hover{background:var(--surface-hover);color:var(--text-primary)}.up-next-create-list-modal-body{padding:20px 24px}.up-next-create-list-modal-body .form-group{margin-bottom:20px}.up-next-create-list-modal-body .form-group:last-of-type{margin-bottom:12px}.up-next-create-list-modal-body label{display:block;font-weight:600;color:var(--text-primary);margin-bottom:8px;font-size:14px;letter-spacing:.02em}.up-next-create-list-counter{text-align:center;font-size:.875rem;color:var(--text-secondary);margin-top:8px}.up-next-create-list-modal-actions{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 20px}.up-next-create-new-btn:active{transform:translateY(0)}.up-next-list-options.loading{display:flex;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-secondary);font-style:italic}.up-next-list-options.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-secondary);text-align:center}.up-next-list-options.empty i{font-size:2rem;margin-bottom:12px;opacity:.5}.mode-number-btn{background:#fff;border:1px solid rgba(0,0,0,.3);color:#000;padding:2px 8px;border-radius:4px;font-size:inherit;font-weight:inherit;cursor:pointer;transition:all .2s ease;margin-left:4px}.mode-number-btn:hover{background:#0000004d;border-color:#ffffff80;color:var(--text-primary);transform:translateY(-1px)}.mode-number-btn:active{color:#000;background:#0000004d;transform:translateY(0)}.mode-number-slider{position:absolute;top:100%;left:0;right:0;z-index:1000;margin-top:8px}.mode-number-slider.hidden{display:none}.mode-slider-content{background:var(--background-primary, #ffffff);border:1px solid var(--border-color, #e0e0e0);border-radius:8px;box-shadow:0 4px 12px #00000026;padding:12px;max-width:240px;margin:0 auto;position:relative}body.dark-theme .mode-slider-content,body[data-theme=dark] .mode-slider-content{background:var(--background-secondary, #2a2a2a);border-color:var(--border-color, #404040);color:var(--text-primary, #ffffff)}.mode-slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.mode-slider-header span{font-size:12px;font-weight:600;color:var(--text-secondary, #666666);text-transform:uppercase;letter-spacing:.5px}.mode-slider-close{background:none;border:none;font-size:16px;color:var(--text-secondary, #666666);cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.mode-slider-close:hover{background:var(--background-tertiary, #f5f5f5);color:var(--text-primary, #333333)}body.dark-theme .mode-slider-close:hover,body[data-theme=dark] .mode-slider-close:hover{background:var(--background-tertiary, #404040);color:var(--text-primary, #ffffff)}.mode-number-slider .slider-with-value{display:flex;align-items:center;gap:8px}.mode-number-slider .control-slider{flex:1;min-width:120px}.mode-number-slider .slider-value-display{font-size:12px;font-weight:600;color:var(--text-primary, #333333);min-width:24px;text-align:center}.question-header{position:relative}@keyframes waterRipple{0%{opacity:0;outline-width:0px;outline-offset:var(--ring-base-offset)}10%{opacity:var(--ring-max-opacity);outline-width:calc(var(--ring-base-width) * 2);outline-offset:var(--ring-base-offset)}50%{opacity:calc(var(--ring-max-opacity) * .8);outline-width:var(--ring-base-width);outline-offset:var(--ring-base-offset)}to{opacity:0;outline-width:calc(var(--ring-base-width) * .5);outline-offset:var(--ring-base-offset)}}.mirror-ring.ripple{animation:waterRipple .8s ease-out infinite;will-change:opacity,outline-width,outline-offset;transform:translateZ(0);backface-visibility:hidden;perspective:1000px;transform-style:preserve-3d;contain:layout style paint;isolation:isolate}.outcome-drawer{position:fixed;inset-inline:0;bottom:0;width:100%;height:50vh;background:var(--fate-container-bg);border-top:1px solid var(--border-color);border-radius:12px 12px 0 0;overflow:hidden;z-index:1000;transition:transform .3s ease;transform:translateY(0);box-shadow:0 -8px 32px #00000040}.outcome-drawer.collapsed{transform:translateY(calc(100% - 40px))}.drawer-handle{position:absolute;top:8px;left:50%;transform:translate(-50%);width:40px;height:4px;border-radius:2px;background:var(--text-secondary);opacity:.6}#outcomeDrawer .drawer-content label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-primary)}#outcomeDrawer .drawer-content #outcomesList{max-height:200px;overflow:auto;padding:8px;border-radius:8px;background:var(--input-bg);border:1px solid var(--border-color)}.outcomes-overlay{position:fixed;inset:0;z-index:999;display:grid;place-items:center;background:#0000004d;opacity:1;transition:opacity .3s ease}.outcomes-overlay.hidden{opacity:0;pointer-events:none}.outcomes-panel{background:var(--fate-container-bg);border:1px solid var(--border-color);border-radius:16px;padding:32px;width:min(600px,90%);max-height:80vh;overflow:auto;box-shadow:0 16px 64px #0006}.outcomes-panel #outcomesList{max-height:400px;overflow:auto}@media(max-width:768px){.outcome-drawer{height:100vh;max-height:60vh;border-top:none;box-shadow:none;background:rgba(var(--fate-container-bg),.95);backdrop-filter:blur(5px)}.outcome-drawer:not(.collapsed){overflow-y:auto}.outcome-drawer.collapsed{height:calc(40px + env(safe-area-inset-bottom));max-height:calc(40px + env(safe-area-inset-bottom));transform:translateY(calc(100% - 40px));background:var(--container-bg);backdrop-filter:none}}.list-container{display:flex;flex-direction:column;gap:0;padding:8px;background:var(--input-bg);border-radius:8px;min-height:80px;height:100%!important;overflow:auto}.list-container:empty:before{content:attr(data-empty-message,"No items yet...");color:var(--text-secondary);font-style:italic;text-align:center;padding:20px 0;display:block}.list-item{position:relative;display:flex;flex-direction:column;padding:8px 12px;margin-bottom:5px;border-radius:8px;min-height:40px;transition:background-color .2s ease;border:1px solid transparent;z-index:1}.list-item-content-wrapper{display:flex;align-items:center;gap:8px;width:100%;padding:4px 0;min-height:32px;box-sizing:border-box;position:relative}.list-item-drag-handle{display:flex;justify-content:center;align-items:center;opacity:.4;font-size:1.1em;cursor:grab;user-select:none;touch-action:none;width:24px;height:24px;min-width:24px;min-height:24px;flex-shrink:0;border-radius:4px;line-height:1;position:relative}.list-item:hover .list-item-drag-handle,.list-item-drag-handle:hover{opacity:1}.list-item-text{flex:1;border:none;outline:none;padding:4px 8px;border-radius:4px;font-size:.9em;background:transparent;color:inherit;transition:background-color .2s ease}.list-item-text:focus{background:#ffffff1a}.list-item-remove-btn{background:none;border:none;opacity:.6;cursor:pointer;padding:4px;font-size:.9em;transition:opacity .2s,transform .2s;flex-shrink:0;display:grid;place-items:center;width:24px;height:24px;color:inherit;position:relative;z-index:10}.list-item-remove-btn:hover{opacity:1;transform:scale(1.1)}.list-item-remove-btn:active{transform:scale(.95)}.list-item-color-wrapper{position:relative;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff3;cursor:pointer;transition:transform .2s,background .2s;flex-shrink:0;z-index:1}.list-item-color-wrapper:hover{background:#ffffff4d;transform:scale(1.1)}.list-item-color-input{width:32px!important;height:32px!important;display:block!important;flex-shrink:0!important;margin-right:8px!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;border:.5px solid rgba(255,255,255,.5)!important;border-radius:4px!important;cursor:pointer!important}.list-item-color-icon{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.list-item-color-lock-icon{position:absolute;bottom:-2px;right:-2px;font-size:10px;color:#fff!important;background:#000c;border-radius:50%;width:14px;height:14px;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2}.list-item-weight-lock-btn{background:transparent;border:none;padding:4px;cursor:pointer;font-size:16px;opacity:.6;transition:opacity .2s ease,transform .2s ease;display:flex;align-items:center;justify-content:center;min-width:24px;height:24px;flex-shrink:0}.list-item-weight-lock-btn:hover{opacity:1;transform:scale(1.1)}.list-item-weight-lock-btn[data-locked=true]{opacity:1}.list-item-weight-lock-btn[data-locked=true] i{color:var(--accent-color, #00c4d9)}.no-drag,.list-item-color-wrapper,.list-item-color-input{touch-action:manipulation}.list-item--outcome{color:#fff;font-weight:500;padding:8px 16px 0;margin-bottom:8px}.list-item--outcome .list-item-content-wrapper{padding:0;gap:12px}.list-item--outcome .list-item-text{font-size:1em;margin-right:8px;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.list-item--outcome .list-item-text:focus{background:#fff3}.list-item--sorter{background:var(--neutral-list-item-bg, rgba(255,255,255,.05));color:var(--text-primary);border-color:var(--border-color);padding:4px 12px;margin-bottom:2px}.list-item--sorter:hover{border-color:var(--border-hover)}.list-item--sorter.current-item{background:var(--accent-color);color:var(--text-on-accent);border-color:var(--accent-color)}.list-item--sorter.assigned-item{background:rgba(var(--accent-color-rgb),.2);border-color:var(--accent-color)}.list-item--sorter .list-item-content-wrapper{padding:8px 4px;justify-content:space-between}.list-item--sorter .list-item-text{cursor:pointer;line-height:1.3;overflow-wrap:anywhere}.list-item--sorter .list-item-text:hover{background:var(--input-bg)}body.light-theme .list-item--sorter,body[data-theme=light] .list-item--sorter{background:#f8f9fa;color:#1f2937}body.light-theme .list-item--sorter:hover,body[data-theme=light] .list-item--sorter:hover{background:#e9ecef;border-color:#d1d5db}@media(max-width:768px){.list-container{background:none;padding:0 4px}}.results-table{--mode-rgb: 76,175,80;--row-bg: rgba(var(--mode-rgb), .05);--row-bg-hover: rgba(var(--mode-rgb), .08);--latest-bg: rgba(var(--mode-rgb), .1);--latest-border: rgb(var(--mode-rgb));--final-grad-a: rgba(var(--mode-rgb), .25);--final-grad-b: rgba(var(--mode-rgb), .08);--final-shadow: rgba(var(--mode-rgb), .2);border-radius:8px;padding:8px;margin-bottom:8px;background:rgba(var(--border-color),1)!important;display:flex;flex-direction:column}.grouper-results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:16px}.grouper-grid-item{background:#ffffff0d;border-radius:8px;padding:12px;border:1px solid rgba(255,255,255,.1)}@media(max-width:768px){.grouper-results-grid{grid-template-columns:1fr}}@media(min-width:769px)and (max-width:1024px){.grouper-results-grid{grid-template-columns:repeat(2,1fr)}}.results-title{color:#fff;padding:0 12px 16px 0;margin-bottom:8px;font-weight:700;text-transform:capitalize;font-size:2em;letter-spacing:.5px;border-radius:6px 6px 0 0;text-align:center}.results-table-row{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--row-bg);margin-bottom:4px;border-radius:6px;transition:transform .2s,box-shadow .2s,background .2s}.results-table-outcome{flex:1;text-align:left;margin:0 12px;font-size:.85em!important}.results-table-position{flex-shrink:0;width:30px;text-align:center;font-weight:700}.results-table .results-table-row:hover{background:var(--row-bg-hover)!important;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.results-table .latest-winner{background:var(--latest-bg);border-left:4px solid var(--latest-border);font-weight:600;transform:translate(2px)}.results-table .latest-winner:hover{transform:translate(4px) translateY(-1px)!important;box-shadow:0 3px 10px #00000026}.results-table .final-winner{background:linear-gradient(135deg,var(--final-grad-a),var(--final-grad-b));border:3px solid var(--latest-border);border-radius:10px;box-shadow:0 4px 12px var(--final-shadow);font-weight:700;transform:scale(1.02);transition:all .3s ease;position:relative;animation:winnerPulse 2s ease-in-out infinite}.results-table .latest-assignment{background:#2196f30f;border-left:2px solid rgba(33,150,243,.4);font-weight:500}.results-table .latest-assignment:hover{background:#2196f31a;transform:translate(2px)}.sorter-group-item-text.latest-assignment{background:rgba(var(--mode-rgb),.15);padding:4px 8px;border-radius:4px;border:1px solid rgba(var(--mode-rgb),.5);font-weight:600;box-shadow:0 0 8px rgba(var(--mode-rgb),.3);animation:latestItemPulse 2s ease-in-out infinite}@keyframes latestItemPulse{0%,to{box-shadow:0 0 8px rgba(var(--mode-rgb),.3)}50%{box-shadow:0 0 16px rgba(var(--mode-rgb),.5)}}.results-table .recently-eliminated{background:#ff572214;border-left:2px solid rgba(255,87,34,.5);font-weight:500}.results-table .recently-eliminated:hover{background:#ff57221f;transform:translate(2px)}.results-table.mode-chase{--mode-rgb: 33,150,243}.results-table.mode-eliminator{--mode-rgb: 255,193,7}.results-table.mode-group-sorter{--mode-rgb: 156,39,176}.results-table.mode-spin{--mode-rgb: 76,175,80}.results-table.mode-sorter{--mode-rgb: 255,152,0}.results-table.mode-sorter-eliminator{--mode-rgb: 233,30,99}.results-table.mode-chase .results-table-row{justify-content:space-between}.results-table.mode-multi-pick .results-table-position,.results-table.mode-eliminator .results-table-position{width:25px}#outcomesQueueContainer,#listPanelContent,#themesPanelContent,#wheelStylePanelContent,#wheelSettingsPanelContent{width:100%;flex:1;box-sizing:border-box;overflow:visible}.sorter-section-header{display:flex;flex-direction:column;gap:8px;width:100%;margin-bottom:16px;overflow:visible}.sorter-section-header-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 0}.sorter-section-header-left{display:flex;gap:8px;flex:1}.sorter-section-header-right{display:flex;gap:8px;box-sizing:border-box;align-items:flex-start;margin-bottom:16px;overflow:visible;height:auto}.outcomes-menu-content{display:flex;flex-direction:column;gap:8px;width:100%;overflow:visible;height:auto;flex:1;position:relative}.outcomes-menu-actions-row{display:flex;justify-content:space-between;gap:8px;align-items:center;overflow-x:auto;overflow-y:visible;flex-shrink:0;position:relative;width:100%;max-width:100%}.sorter-actions-wrapper{display:flex;gap:6px;align-items:center;padding:2px 8px;min-width:0;flex-shrink:1;width:calc(100% - 80px);overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:var(--color-gray-400) transparent}.sorter-actions-wrapper::-webkit-scrollbar{height:6px}.sorter-actions-wrapper::-webkit-scrollbar-track{background:transparent}.sorter-actions-wrapper::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:3px}.sorter-actions-wrapper:hover::-webkit-scrollbar-thumb{opacity:1}.sorter-actions-right{display:flex;justify-content:flex-end;gap:6px;min-width:0;width:88px}#outcomesPanelContent .sorter-section-header-right{width:100%;padding:8px;border-radius:8px;background:var(--input-bg)}.sorter-section-title{font-size:1.2em;font-weight:600;color:var(--text-primary)}@media(max-width:768px){.outcomes-menu-actions-row,.sorter-actions-wrapper,.sorter-actions-right{gap:4px}.outcomes-menu-actions-row .settings-action-btn{min-width:36px;max-width:36px;padding:8px}}.outcomes-menu-content .setting-item{position:relative;margin-top:8px;width:100%;height:auto;overflow:visible;z-index:10}.outcomes-menu-content .alternating-colors-count-container,.outcomes-menu-content .mirror-outcomes-count-container{display:none;width:100%;background:var(--container-bg);border:1px solid var(--border-color);border-radius:8px;padding:12px;margin-top:8px;box-shadow:0 2px 8px #0000001a}.outcomes-menu-content .alternating-colors-count-container:hover,.outcomes-menu-content .mirror-outcomes-count-container:hover,.outcomes-menu-content .alternating-colors-count-container:active,.outcomes-menu-content .mirror-outcomes-count-container:active,.outcomes-menu-content .alternating-colors-count-container:focus,.outcomes-menu-content .mirror-outcomes-count-container:focus{background:var(--container-bg)!important;border-color:var(--border-color)!important;box-shadow:0 2px 8px #0000001a!important;transform:none!important;outline:none!important}.outcomes-menu-content .alternating-colors-count-container.visible,.outcomes-menu-content .mirror-outcomes-count-container.visible{display:block;background:transparent}.outcomes-menu-content .toggle-item{margin-bottom:12px}.outcomes-menu-content .slider-with-value{display:flex;align-items:center;gap:12px;margin-top:8px}.outcomes-menu-content .setting-item-title{font-size:1em;font-weight:600;margin-bottom:0;color:var(--text-primary)}.outcomes-menu-content label{font-weight:500;color:var(--text-primary);margin-bottom:8px;display:block}.outcomes-menu-content .alternating-colors-swatch-grid{display:none;flex-wrap:wrap;gap:8px;margin-top:8px}.outcomes-menu-content .alternating-colors-swatch-grid.visible{display:flex}.outcomes-menu-content .switch{position:relative;display:inline-block;width:42px;height:24px;flex-shrink:0;margin-left:auto}.outcomes-menu-content .switch input{opacity:0;width:0;height:0}.outcomes-menu-content .slider{position:absolute;inset:0;cursor:pointer;background:#fff3;transition:.4s;border-radius:24px}.outcomes-menu-content .slider:before,.outcomes-menu-content .alternating-colors-count-container .slider:before,.outcomes-menu-content .mirror-outcomes-count-container .slider:before{content:""!important;position:absolute!important;left:3px!important;bottom:3px!important;width:18px!important;height:18px!important;background:#fff!important;border-radius:50%!important;transition:.4s!important}.outcomes-menu-content input:checked+.slider,.outcomes-menu-content .alternating-colors-count-container input:checked+.slider,.outcomes-menu-content .mirror-outcomes-count-container input:checked+.slider{background:var(--accent-color, #3b82f6)!important}.outcomes-menu-content input:focus+.slider,.outcomes-menu-content .alternating-colors-count-container input:focus+.slider,.outcomes-menu-content .mirror-outcomes-count-container input:focus+.slider{box-shadow:none!important;outline:none!important}.outcomes-menu-content input:checked+.slider:before,.outcomes-menu-content .alternating-colors-count-container input:checked+.slider:before,.outcomes-menu-content .mirror-outcomes-count-container input:checked+.slider:before{transform:translate(18px)!important}.settings-group{box-sizing:border-box;padding-right:24px}@keyframes winnerPulse{0%{box-shadow:0 4px 12px var(--winner-shadow-color, rgba(33, 150, 243, .2)),0 0 0 0 var(--winner-border-color, #2196F3)}50%{box-shadow:0 6px 20px var(--winner-shadow-color, rgba(33, 150, 243, .4)),0 0 0 3px var(--winner-border-color, #2196F3)}to{box-shadow:0 4px 12px var(--winner-shadow-color, rgba(33, 150, 243, .2)),0 0 0 0 var(--winner-border-color, #2196F3)}}:root{--question-padding: 16px;--question-max-width: 960px;--question-gap: 8px;--accent-bg: rgba(255, 255, 255, .1);--accent-color: var(--fate-accent, #00c4d9);--text-size-large: 3em;--text-size-huge: 7.2em;--radius-lg: 24px;--radius-sm: 4px}#userQuestionContainer{padding:var(--question-gap);box-sizing:border-box;width:100%}.app-step-question{display:flex;flex:1;width:100%;flex-direction:column;align-items:center;overflow-y:auto;z-index:6;box-sizing:border-box;padding:0 32px}.spinagle-app-view{margin-top:48px}.text-question-block{display:flex;flex-direction:column;align-items:center;width:100%;margin-bottom:240px;position:relative}.large-question-display{font-family:Poppins,sans-serif;max-width:var(--question-max-width);width:100%;padding:0 var(--question-padding);margin:50px auto 30px;font-size:5em;font-weight:600;line-height:1;text-align:center;word-break:break-word;box-sizing:border-box;display:block;opacity:1}#stepQuestion.hidden,#step-wheel.hidden,.questionButtonHidden{display:none!important}.typing-animation{display:inline-block;width:100%;white-space:pre-wrap;word-break:break-word;animation:typeCharacter 1s steps(30,end)}.temp-question-input{max-width:var(--question-max-width);width:100%;padding:0 10px;margin:0 auto;background:transparent;border:none;outline:none;font:inherit;color:inherit;text-align:center;resize:none;overflow:hidden;white-space:pre-wrap;word-break:break-word;line-height:1.1;box-sizing:border-box}.voice-input-container{display:flex;flex-direction:column;align-items:center;margin:20px auto;position:relative;z-index:50}@media(max-width:728px){.large-question-display{margin:0 auto 30px;font-size:2.8em;line-height:1.05}.spinagle-app-view{margin-top:8px}.text-question-block{padding-top:8px;margin-bottom:88px;padding-right:0}.app-step-question{padding:0}.input-toggle-switch{width:160px;height:40px}.input-toggle-slider:before{width:80px;height:32px}input:checked+.input-toggle-slider:before{transform:translate(72px)}.input-toggle-icon{font-size:1.2em}}.landing-page{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:var(--z-prescreen, 1001);transition:opacity .5s ease-in-out,visibility .5s ease-in-out;overflow:hidden}.landing-background{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--bg-gradient-start),var(--bg-gradient-end));z-index:-1;animation:gradientShift 15s ease infinite}.landing-page:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0003;z-index:0}.landing-page.hidden{opacity:0;visibility:hidden}.landing-content{text-align:center;padding:2rem;position:relative;z-index:2;max-width:800px;width:90%}.landing-text-panel{background-color:#fff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;padding:3rem;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(var(--fate-accent-rgb),.2);transition:all .3s ease}.landing-text-panel:hover{box-shadow:0 12px 48px #00000026;transform:translateY(-5px)}.landing-title{font-size:2.4rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary);text-shadow:0 2px 10px rgba(0,0,0,.1);line-height:1.2}.landing-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2.5rem;line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto}.app-fade-in{opacity:0;animation:fadeIn .8s ease-out forwards;animation-delay:.5s}@media(max-width:768px){.landing-title{font-size:2.5rem}.landing-subtitle{font-size:1.1rem}.cta-button{padding:.8rem 2rem;font-size:1.1rem}}:root{--accent-color: #00c4d9;--accent-color-rgb: 0, 196, 217;--accent-color-hover: #00a7b5;--color-brand-tertiary: #6ed3b4;--color-success: #10b981;--color-error: #ef4444;--color-error-rgb: 239, 68, 68;--color-warning: #f59e0b;--text-primary: #f5f5f7;--text-secondary: #b0b0b0;--text-muted: #6e6e73;--text-on-accent: #ffffff;--container-bg: #1c1c1e;--border-color: #6a6a6a;--border-light: #e5e7eb;--shadow-light: rgba(0, 0, 0, .1);--shadow-medium: rgba(0, 0, 0, .25);--shadow-dark: rgba(0, 0, 0, .5);--radius-default: 8px;--radius-pill: 24px;--radius-lg: 12px;--transition-fast: all .2s ease;--spacing-component-sm: 8px;--spacing-component-md: 12px;--spacing-component-lg: 16px;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-xl: 1.25rem;--z-outcome-popup: 2000}.auth-modal-actions{display:flex;flex-direction:column;gap:var(--spacing-component-md);justify-content:center;align-items:center}.auth-modal-actions .button{background:var(--container-bg);color:var(--accent-color);border:2px solid var(--accent-color);padding:var(--spacing-component-md) 20px;border-radius:var(--radius-pill);font-weight:600;transition:var(--transition-fast);cursor:pointer;min-width:120px;text-align:center}.auth-modal-actions .button:hover{background:var(--accent-color);color:var(--text-on-accent);transform:translateY(-2px)}.auth-modal-actions .button:active{transform:translateY(0)}.auth-modal-actions .button.text-button{background:none;border:none;color:var(--accent-color);padding:var(--spacing-component-sm) var(--spacing-component-md);min-width:auto;box-shadow:none}.auth-modal-actions .button.text-button:hover{color:var(--color-brand-tertiary);background:none;transform:none}.auth-modal-actions .button.text-button:active{opacity:.8}.close-btn,.auth-modal-close-btn{position:absolute;top:var(--spacing-component-md);right:var(--spacing-component-md);width:32px;height:32px;background:none;color:var(--text-secondary);border:1px solid var(--border-light);border-radius:50%;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.close-btn:hover,.auth-modal-close-btn:hover{background:var(--button-secondary-bg, #6c757d);color:var(--text-primary);transform:scale(1.1)}.close-btn:active{transform:scale(.95)}.user-auth-area{position:relative;display:flex;align-items:center;padding:var(--spacing-component-md) 0}.modal.account-exists{z-index:var(--z-outcome-popup)}.modal-icon{width:64px;height:64px;margin:0 auto var(--spacing-component-lg);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px}.modal-icon.warning-icon{background:var(--color-warning);color:#000}.modal-icon.success-icon{background:var(--color-success);color:var(--text-on-accent)}.modal-message{color:var(--text-secondary);margin-bottom:var(--spacing-component-md);line-height:1.5}.modal-message strong{color:var(--text-primary);font-weight:600}.modal-submessage{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--spacing-component-lg);line-height:1.5}.modal-actions{display:flex;flex-direction:column;gap:var(--spacing-component-md)}.modal-actions .button{width:100%;padding:var(--spacing-component-md);font-size:var(--font-size-md)}.modal.email-link-error{z-index:var(--z-outcome-popup)}.modal.email-link-error .modal-content{background:var(--container-bg);border-radius:var(--radius-lg);padding:var(--spacing-component-lg);max-width:400px;max-height:70vh;overflow-y:auto;box-shadow:var(--shadow-dark);border:1px solid var(--border-light);text-align:center;position:relative;transform:scale(.9);transition:var(--transition-fast)}.modal.email-link-error.visible .modal-content{transform:scale(1)}.modal-error-reasons{text-align:left;margin:var(--spacing-component-md) 0;padding-left:20px;color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.6}.modal-error-reasons li{margin-bottom:var(--spacing-component-sm)}.modal-error-reasons li:last-child{margin-bottom:0}@media(max-width:768px){.modal-icon{width:56px;height:56px;font-size:20px}.modal-message{font-size:var(--font-size-sm)}.modal-submessage{font-size:13px}.modal-actions .button{padding:var(--spacing-component-sm);font-size:var(--font-size-sm)}.x-auth-title{font-size:28px}.x-auth-logo img{max-width:40px;max-height:40px}}.spinning-logo{animation:spin 2s linear infinite;width:48px;height:48px;display:block;margin:0 auto}.visible{display:block!important}.loading{opacity:.6;pointer-events:none}.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid var(--border-light);border-top-color:var(--fate-accent);border-radius:50%;animation:spin 1s linear infinite}.loader{width:50px;aspect-ratio:1;border-radius:50%;background:radial-gradient(farthest-side,var(--accent-color) 94%,#0000) top/8px 8px no-repeat,conic-gradient(#0000 30%,var(--accent-color));-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0);animation:l13 1s infinite linear}@keyframes l13{to{transform:rotate(1turn)}}.small-loader-container{display:flex;align-items:center;justify-content:center;padding:20px}.small-loader{width:50px;aspect-ratio:1;border-radius:50%;background:radial-gradient(farthest-side,var(--accent-color) 94%,#0000) top/8px 8px no-repeat,conic-gradient(#0000 30%,var(--accent-color));-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0);animation:l13 1s infinite linear}.small-loader.small{width:30px}.small-loader.large{width:70px}.small-loader.inline{display:inline-block;margin:0 8px}.small-loader-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:transparent;display:flex;align-items:center;justify-content:center;z-index:9999;pointer-events:none}.small-loader-overlay .small-loader-container{background:transparent}:root{--font-family-system: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-family-mono: "SF Mono", "Monaco", "Cascadia Code", monospace}body{font-family:var(--font-family-system);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--text-color-primary);letter-spacing:var(--letter-spacing-normal);font-weight:var(--font-weight-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,.text-h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0 0 1rem;letter-spacing:var(--letter-spacing-tight)}h2,.text-h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);margin:0 0 .875rem}h3,.text-h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug)}h4,.text-h4{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);margin:0 0 .625rem}h5,.text-h5{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);margin:0 0 .5rem}h6,.text-h6{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);line-height:var(--line-height-relaxed);margin:0 0 .5rem}p,.text-body{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--text-color-secondary);margin:0 0 1rem}label,.text-label{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-color-secondary);display:block;margin:0 0 .5rem}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.text-5xl{font-size:var(--font-size-5xl)}.text-6xl{font-size:var(--font-size-6xl)}.text-7xl{font-size:var(--font-size-7xl)}.text-light{font-weight:var(--font-weight-light)}.text-normal{font-weight:var(--font-weight-normal)}.text-medium{font-weight:var(--font-weight-medium)}.text-semibold{font-weight:var(--font-weight-semibold)}.text-bold{font-weight:var(--font-weight-bold)}.text-extrabold{font-weight:var(--font-weight-extrabold)}.text-black{font-weight:var(--font-weight-black)}.leading-none{line-height:var(--line-height-none)}.leading-tight{line-height:var(--line-height-tight)}.leading-snug{line-height:var(--line-height-snug)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.leading-loose{line-height:var(--line-height-loose)}.leading-extra-loose{line-height:var(--line-height-extra-loose)}.tracking-tighter{letter-spacing:var(--letter-spacing-tighter)}.tracking-tight{letter-spacing:var(--letter-spacing-tight)}.tracking-normal{letter-spacing:var(--letter-spacing-normal)}.tracking-wide{letter-spacing:var(--letter-spacing-wide)}.tracking-wider{letter-spacing:var(--letter-spacing-wider)}.tracking-widest{letter-spacing:var(--letter-spacing-widest)}.text-primary{color:var(--text-color-primary)}.text-secondary{color:var(--text-color-secondary)}.text-muted{color:var(--text-color-muted)}.text-accent{color:var(--text-color-accent)}.text-inverse{color:var(--text-color-inverse)}.text-error{color:var(--text-color-error)}.text-success{color:var(--text-color-success)}.text-warning{color:var(--text-color-warning)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-normal-case{text-transform:none}.text-underline{text-decoration:underline}.text-line-through{text-decoration:line-through}.text-no-underline{text-decoration:none}.text-nowrap{white-space:nowrap}.text-pre{white-space:pre}.text-pre-line{white-space:pre-line}.text-pre-wrap{white-space:pre-wrap}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-clip{overflow:hidden;text-overflow:clip;white-space:nowrap}.text-display-large{font-size:var(--font-size-7xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-none);letter-spacing:var(--letter-spacing-tighter)}.text-hero{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);text-align:center;margin:0 0 2rem}.text-lead{font-size:var(--font-size-lg);font-weight:var(--font-weight-normal);line-height:var(--line-height-loose);color:var(--text-color-secondary);margin:0 0 1.5rem}.text-caption{font-size:var(--font-size-xs);color:var(--text-color-muted);margin:0 0 .5rem}.text-help{font-size:var(--font-size-sm);color:var(--text-color-muted);margin:.25rem 0 0}.text-code{font-family:var(--font-family-mono);font-size:var(--font-size-sm);background:#0000001a;padding:.125rem .25rem;border-radius:.25rem}.text-kbd{font-family:var(--font-family-mono);font-size:var(--font-size-xs);background:var(--border-color);color:var(--text-color-primary);padding:.125rem .375rem;border-radius:.25rem;border:1px solid var(--border-light)}.text-link{color:var(--text-color-accent);text-decoration:underline;cursor:pointer;transition:color .2s}.text-link:hover{color:var(--fate-accent-hover, #3aa584);text-decoration:none}@media(min-width:481px)and (max-width:768px){:root{--font-size-base: 14px;--font-size-lg: 18px;--font-size-xl: 21px;--font-size-2xl: 25px;--font-size-3xl: 29px;--font-size-4xl: 33px;--font-size-5xl: 38px;--font-size-6xl: 45px;--font-size-7xl: 52px}}@media(min-width:1200px){:root{--font-size-xl: 22px;--font-size-2xl: 26px;--font-size-3xl: 30px;--font-size-4xl: 36px;--font-size-5xl: 44px;--font-size-6xl: 52px;--font-size-7xl: 60px}}body.light-theme{--text-color-primary: #1c1c1e;--text-color-secondary: #555;--text-color-muted: #6e6e73;--text-color-accent: #9a00d2;--text-color-inverse: #f5f5f7}body:not(.light-theme){--text-color-primary: #f5f5f7;--text-color-secondary: #b0b0b0;--text-color-muted: #6a6a6a;--text-color-accent: #00c4d9;--text-color-inverse: #0e0e0e}@media(prefers-contrast:high){:root{--text-color-primary: #ffffff;--text-color-secondary: #e0e0e0;--text-color-muted: #cccccc}body.light-theme{--text-color-primary: #000000;--text-color-secondary: #333333;--text-color-muted: #666666}}@media(prefers-reduced-motion:reduce){.text-link{transition:none}}@media print{body{font-size:12pt;line-height:1.4}h1{font-size:24pt}h2{font-size:20pt}h3{font-size:18pt}h4{font-size:16pt}h5{font-size:14pt}h6{font-size:12pt}.text-link{text-decoration:underline;color:#000!important}}.btn-primary.loading,.btn-secondary.loading,.btn-danger.loading,.btn-warning.loading,.btn-success.loading{opacity:.8;cursor:not-allowed;pointer-events:none}.btn-primary.loading:hover,.btn-secondary.loading:hover,.btn-danger.loading:hover,.btn-warning.loading:hover,.btn-success.loading:hover{transform:none;box-shadow:none}.category-form{text-align:left;width:100%;padding:32px;background:linear-gradient(135deg,rgba(var(--border-color-rgb, 200, 200, 200),.08),rgba(var(--fate-accent-rgb),.02));border-radius:16px;box-sizing:border-box;box-shadow:0 4px 16px #0000000f}.category-form .form-group{margin-bottom:20px}.category-form .form-group:last-child{margin-bottom:0}.category-form label{display:block;font-weight:600;color:var(--text-primary);margin-bottom:8px;font-size:.95em;letter-spacing:.02em}#saveWheelTitleInput,#popularWheelTitleInput{font-weight:600;color:var(--text-primary);border:2px solid var(--border-color);border-radius:12px;padding:16px 18px;font-size:1.05em;box-shadow:0 3px 12px #0000001a;transition:all .3s ease}#saveWheelTitleInput:hover,#popularWheelTitleInput:hover{border-color:var(--fate-accent);box-shadow:0 6px 20px #00000026}#saveWheelTitleInput:focus,#popularWheelTitleInput:focus{border-color:var(--fate-accent);box-shadow:0 0 0 4px rgba(var(--fate-accent-rgb),.15),0 8px 28px #0000002e;transform:translateY(-2px)}.status-message{font-size:.9em;color:var(--text-muted);min-height:1.2em;margin-top:5px}#globalMessages{position:fixed;bottom:0;left:50%;transform:translate(-50%);z-index:10001;display:flex;flex-direction:column;align-items:center;gap:10px;min-width:100%;width:100%!important;pointer-events:none}.global-message{background-color:#000000f2;min-height:24px;color:var(--text-on-accent);padding:10px 15px;border-radius:0;font-size:.9em;box-shadow:0 2px 10px #0000004d;opacity:1;transition:opacity .5s ease;pointer-events:all;z-index:10000;width:100%!important;text-align:center;box-sizing:border-box}body.pwa-mode .global-message{min-height:48px}.global-message.warning{background-color:#ffa500e6;color:var(--text-primary)}.global-message.error{background-color:#dc3545e6;color:var(--text-on-accent)}.global-message.success{background-color:#28a745e6;color:var(--text-on-accent)}.global-message.info{background-color:#17a2b8e6;color:var(--text-on-accent)}.global-message.hidden{opacity:0}:root{--accent-color: #00c4d9;--accent-color-hover: #00a7b5;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-on-accent: #fff;--list-item-bg: #2a2a2a;--input-bg: #333;--container-bg: #1a1a1a;--border-color: rgba(200, 200, 200, .1);--border-light: #e0e0e0;--border-default: #555;--hover-bg: rgba(255, 255, 255, .1);--shadow-color-light: rgba(255, 255, 255, .1);--button-remove-bg: #dc2626;--button-remove-hover-bg: #b91c1c;--text-disabled: #888;--transition: all .2s ease}#historyContainer{width:100%;display:flex;flex-direction:column;align-items:center;padding:0}#historyContainer.hidden{display:none}#historyContainer h3{color:var(--text-secondary);font-size:1.2em;margin-bottom:10px;text-align:center}.history-list-container{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;padding-top:40px}.history-question-group{display:flex;flex-direction:column;width:100%;border-radius:8px;background:var(--list-item-bg)}.history-question-header{display:flex;justify-content:space-between;align-items:center;background:var(--input-bg);padding:8px 16px;border-radius:8px;flex-wrap:wrap;gap:10px;transition:var(--transition)}.history-question-header:hover{background:var(--shadow-color-light)}.history-question-header.selected{background:color-mix(in srgb,var(--accent-color),transparent 90%);padding-left:12px}.history-header-left-group{display:flex;align-items:center;min-width:0;gap:5px}.history-header-right-group{display:flex;align-items:center;gap:8px;flex-shrink:0}.history-question-span{font-weight:600;color:var(--text-primary);font-size:1em;flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.history-wheel-thumbnail{width:32px;height:32px;border-radius:50%;border:1px solid var(--border-color);background:var(--input-bg);display:flex;justify-content:center;align-items:center;flex-shrink:0}.history-wheel-thumbnail canvas,.history-wheel-thumbnail img{width:24px;height:24px;object-fit:cover}.placeholder-thumbnail{width:100%;height:100%;background:linear-gradient(135deg,var(--accent-color),var(--accent-color-hover))}.history-mode-badge{background:var(--border-light);color:var(--border-default);padding:2px 6px;border-radius:4px;font-size:.7em;font-weight:700;text-transform:uppercase;flex-shrink:0}.history-toggle-btn{background:transparent;color:var(--text-secondary);border:none;border-radius:4px;width:24px;height:24px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:var(--transition)}.history-toggle-btn:hover{background:var(--shadow-color-light);color:var(--text-primary)}.continue-wheel-btn{background:var(--accent-color);color:var(--text-on-accent);border:none;border-radius:4px;padding:4px 8px;font-size:.9em;font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:5px;flex-shrink:0}.continue-wheel-btn:hover{background:var(--accent-color-hover)}.continue-wheel-btn i{font-size:.9em}.history-results-list{display:flex;flex-direction:column;gap:4px;padding:16px;transition:max-height .5s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1)}.history-results-list.collapsed{max-height:0;padding:0;overflow:hidden}.history-standings-container{display:flex;flex-direction:column;gap:4px;padding:16px 0;font-weight:400}.history-item{display:flex;align-items:flex-start;justify-content:space-between;background:#ffffff08;padding:8px;color:var(--text-primary);border-radius:8px;gap:10px;margin:8px 0;font-size:.9em;transition:var(--transition)}.history-item-number{font-weight:700;color:var(--text-secondary);flex-shrink:0;min-width:30px;text-align:right}.history-item-outcome{flex-grow:1;font-weight:600;color:var(--text-primary);text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item-timestamp{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0;text-align:right;line-height:1.2}.history-date{font-size:.8em;color:var(--text-secondary);opacity:.8}.history-time{font-size:.9em;color:var(--text-primary);font-weight:600}.history-kebab-menu-container{position:relative;display:flex}.history-kebab-dropdown{position:absolute;top:100%;right:0;background:var(--container-bg);border:1px solid var(--border-light);border-radius:12px;box-shadow:0 4px 20px #00000026;z-index:1000;min-width:200px;margin-top:8px;backdrop-filter:blur(10px);transition:var(--transition)}.history-kebab-dropdown.hidden{opacity:0;transform:translateY(-10px);pointer-events:none}.history-kebab-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:500;width:100%;text-align:left;border-bottom:1px solid var(--border-light);transition:var(--transition)}.history-kebab-item:last-child{border-bottom:none}.history-kebab-item:hover{background:var(--hover-bg);color:var(--accent-color)}.history-kebab-item i{width:16px;text-align:center;font-size:.9rem;color:var(--accent-color)}.history-kebab-item-danger:hover{background:color-mix(in srgb,var(--button-remove-bg),transparent 90%);color:var(--button-remove-bg)}.history-kebab-item-danger:hover i{color:var(--button-remove-bg)}.history-bulk-actions{display:none;justify-content:center;align-items:center;width:100%;background:var(--list-item-bg);border-radius:8px;padding:12px 16px;margin-bottom:16px;gap:16px;box-sizing:border-box}.history-bulk-actions.active{display:flex}.history-bulk-actions-left{display:flex;align-items:center;gap:12px}.history-select-all-container{display:flex;justify-content:center;height:100%;border:.5px solid var(--border-default);padding:4px 8px;border-radius:4px;align-items:center;gap:8px}.history-select-all-container label{margin:0;padding:0}.history-select-all-checkbox,.history-item-checkbox{min-width:16px;min-height:16px;border:2px solid var(--border-default);border-radius:3px;background:var(--input-bg);cursor:pointer;transition:var(--transition)}.history-select-all-checkbox:hover,.history-item-checkbox:hover{border-color:var(--accent-color)}.history-select-all-checkbox.checked,.history-item-checkbox.checked{background:var(--accent-color);border-color:var(--accent-color)}.history-select-all-checkbox.checked:after,.history-item-checkbox.checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text-on-accent);font-size:10px;font-weight:700}.history-select-all-checkbox.indeterminate:after{content:"−";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text-on-accent);font-size:12px;font-weight:700}.history-selected-count{font-size:.9rem;color:var(--text-secondary);font-weight:500}.history-select-all-link{font-size:.9rem;color:var(--accent-color);text-decoration:none;font-weight:500;cursor:pointer;transition:var(--transition)}.history-select-all-link:hover{color:var(--accent-color-hover);text-decoration:underline}.history-select-all-link.hidden{display:none}.history-bulk-delete-btn{background:var(--button-remove-bg);color:var(--text-on-accent);border:none;border-radius:6px;padding:8px 16px;font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:6px}.history-bulk-delete-btn:hover{background:var(--button-remove-hover-bg);transform:translateY(-1px)}.history-bulk-delete-btn:disabled{background:var(--text-disabled);cursor:not-allowed;transform:none}.history-pagination-container{display:flex;align-items:center;gap:16px;margin-right:12px}.history-pagination-container.single-page{display:none}.pagination-range{font-size:14px;color:var(--text-secondary);font-weight:400;white-space:nowrap}.pagination-btn{background:none;border:none;color:var(--text-primary);font-size:.85em;padding:12px;cursor:pointer;transition:var(--transition)}.pagination-btn:hover:not(:disabled){color:var(--accent-color)}.history-item.outcome-chosen,.history-item.draggable-dragging{opacity:.4;background:rgba(var(--accent-color-rgb),.3);color:var(--text-on-accent);box-shadow:0 4px 12px #0003;transition:opacity .15s ease,box-shadow .15s ease;z-index:1000;transform:none!important}.draggable-mirror{background:rgba(var(--accent-color-rgb, 0, 196, 217),.95);color:var(--text-on-accent);border:2px solid #fff;border-radius:12px;box-shadow:0 12px 25px #0006;cursor:grabbing;transform:scale(1.15);transition:all .15s ease;z-index:9999;backdrop-filter:blur(2px)}.drawer.drawer-history .drawer-content{padding:0 32px 32px;justify-content:flex-start;align-items:stretch}@media(max-width:768px){#historyContainer{padding:12px}.history-mode-badge{display:none}.history-list-container{padding:120px 8px!important;box-sizing:border-box}.history-question-header{padding:8px;gap:0px}.history-header-left-group{gap:0px;min-width:0}.history-question-span{font-size:.95rem;margin:0 8px;max-width:160px;white-space:normal;overflow-wrap:break-word}.history-header-right-group{gap:6px}.history-wheel-thumbnail,.history-wheel-thumbnail canvas,.history-wheel-thumbnail img{width:32px;height:32px}.history-toggle-btn{width:28px;height:28px}.history-results-list{padding:16px 4px 8px}.history-item{padding:4px;gap:8px;flex-wrap:wrap}.history-item-number{min-width:25px;font-size:.85em}.history-item-outcome{font-size:.9em;white-space:normal;overflow:visible;overflow-wrap:break-word;flex:1;min-width:0}.history-item-timestamp,.history-date,.history-time{font-size:.8em}.history-kebab-dropdown{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:300px;margin-top:0}.history-kebab-dropdown.hidden{transform:translate(-50%,-50%) scale(.9)}.history-kebab-item{padding:16px;font-size:1em}.history-kebab-item i{font-size:1em}.drawer.drawer-history .drawer-content{padding:0}}.history-tabbed-container{max-height:none;overflow:visible;opacity:1;transition:max-height .3s ease,opacity .3s ease,overflow 0s .3s}.history-tabbed-container.collapsed{max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease,overflow 0s 0s}.history-tab-nav{display:flex;gap:0;border-bottom:.5px solid var(--border-color);margin-bottom:16px}.history-tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;max-width:200px;padding:16px 20px;background:none;border:none;color:var(--text-secondary);font-size:.95em;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative}.history-tab-btn:hover{background:#ffffff0d;color:var(--text-primary)}.history-tab-btn.active{color:var(--accent-color)}.history-tab-btn.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--accent-color)}.history-tab-btn i{font-size:1.1em}.history-tab-content{position:relative}.history-tab-panel{display:none;padding:0;animation:fadeIn .3s ease}.history-tab-panel.active{display:block}.history-section-header{text-align:left;margin-bottom:16px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.history-tab-panel[data-panel=history]{padding:16px 0 0}.history-tab-panel[data-panel=history] .history-item:first-of-type{margin-top:0}.history-overall-stats{width:100%;margin-bottom:32px;box-shadow:0 4px 12px #0000001a}.history-overall-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid rgba(0,196,217,.2);display:none}.history-overall-title{display:flex;align-items:center;gap:12px;font-size:1.5em;font-weight:600;color:var(--text-primary);margin:0}.history-overall-title i{color:var(--accent-color);font-size:.9em}.history-overall-subtitle{font-size:.9em;color:var(--text-secondary);font-weight:400}.history-overall-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);width:100%!important;max-width:100%!important;gap:8px;box-sizing:border-box;padding:0 0 16px}.history-overall-card{display:flex;align-items:center;gap:16px;padding:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;transition:all .3s ease;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.history-overall-card:hover{background:#ffffff0f;border-color:#00c4d94d;transform:translateY(-4px);box-shadow:0 8px 16px #00c4d926}.history-overall-card-wide{grid-column:span 3}.history-overall-card-icon{width:56px;height:56px;min-width:56px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:24px;color:#fff;box-shadow:0 4px 12px #0003}.history-overall-card-content{flex:1;min-width:0;max-width:calc(100% - 112px)!important;overflow:hidden}.history-overall-card-value{font-size:1.8em;font-weight:700;color:var(--text-primary);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.history-overall-card-label{font-size:.85em;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}@media(max-width:768px){.history-overall-stats{padding:16px;margin-bottom:24px}.history-overall-header{flex-direction:column;align-items:flex-start;gap:8px}.history-overall-title{font-size:1.2em}.history-overall-grid{grid-template-columns:1fr;gap:12px}.history-overall-card{padding:16px}.history-overall-card-wide{grid-column:span 1}.history-overall-card-icon{width:48px;height:48px;min-width:48px;font-size:20px}.history-overall-card-value{font-size:1.4em}.history-overall-card-label{font-size:.75em}}.history-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.history-stat-card{display:flex;align-items:center;gap:12px;padding:16px;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.08);transition:all .2s ease}.history-stat-card:hover{background:#ffffff0d;border-color:#00c4d94d;transform:translateY(-2px)}.history-stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00c4d933,#00c4d91a);border-radius:8px;font-size:20px;color:var(--accent-color)}.history-stat-content{flex:1}.history-stat-value{font-size:1.5em;font-weight:700;color:var(--text-primary);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-stat-label{font-size:.85em;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.history-outcome-distribution{margin-top:8px}.outcome-distribution{display:flex;flex-direction:column;gap:4px;padding:12px 0}.history-distribution-title{font-size:1.1em;font-weight:600;color:var(--text-primary);margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.history-distribution-bars{display:flex;flex-direction:column;gap:12px}.history-distribution-item{display:flex;align-items:center;text-align:left;gap:12px}.history-distribution-label{min-width:120px;max-width:120px;font-size:.9em;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-distribution-bar-container{flex:1;display:flex;align-items:center;gap:8px;background:#ffffff08;border-radius:4px;padding:4px;position:relative}.history-distribution-bar{height:24px;background:linear-gradient(90deg,var(--accent-color) 0%,rgba(0,196,217,.6) 100%);border-radius:3px;transition:width .3s ease;min-width:2px}.history-distribution-percentage{position:absolute;right:8px;font-size:.85em;color:var(--text-primary);font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.5)}@media(max-width:768px){.history-tab-btn{padding:12px 16px;font-size:.85em;gap:6px}.history-tab-btn span{display:none}.history-tab-btn i{font-size:1.2em}.history-tab-panel,.history-tab-panel[data-panel=history]{padding:16px}.history-stats-grid{grid-template-columns:1fr;gap:12px;margin-bottom:20px}.history-stat-card{padding:12px}.history-stat-icon{width:40px;height:40px;font-size:18px}.history-stat-value{font-size:1.3em}.history-stat-label{font-size:.8em}.history-distribution-label{min-width:80px;max-width:80px;font-size:.85em}.history-distribution-percentage{font-size:.75em}}#wheelHistoryModal .modal-close-btn{position:absolute;top:24px;right:24px}.wheel-history-modal-box{max-width:960px!important;padding:64px 56px!important;min-height:100vh!important;height:100vh!important;width:100%!important;margin:0 auto!important}.wheel-history-loading{text-align:center;padding:3rem}.wheel-history-loading i{font-size:2rem;color:var(--accent-cyan)}.wheel-history-loading p{margin-top:1rem;color:var(--text-secondary)}.wheel-history-empty{text-align:center;padding:3rem}.wheel-history-empty i{font-size:3rem;opacity:.3;color:var(--text-secondary)}.wheel-history-empty .empty-title{margin-top:1rem;font-size:1.1rem;color:var(--text-secondary)}.wheel-history-empty .empty-subtitle{font-size:.9rem;margin-top:.5rem;color:var(--text-tertiary)}#wheelHistoryModal .history-overall-grid{margin-bottom:24px}.modal-title{text-align:left;font-size:2.5em!important;font-weight:800;color:var(--text-primary);margin:0;letter-spacing:.5px}.wheel-history-distribution-heading{color:var(--text-color-light);margin-bottom:16px;font-size:18px;text-align:left;font-weight:600;letter-spacing:.5px}.wheel-history-distribution-heading i{margin-right:8px}.history-overall-card-icon.icon-purple{background:linear-gradient(135deg,#667eea,#764ba2)}.history-overall-card-icon.icon-blue{background:linear-gradient(135deg,#4facfe,#00f2fe)}.history-overall-card-icon.icon-pink{background:linear-gradient(135deg,#fa709a,#fee140)}.history-overall-card-icon.icon-teal{background:linear-gradient(135deg,#30cfd0,#330867)}.history-distribution-bar[data-width]{width:attr(data-width %)}.history-distribution-bar[data-width="0"]{width:0%}.wheel-history-mode-pills{display:flex;gap:12px;overflow-x:auto;padding:10px 0;margin-bottom:24px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.wheel-history-mode-pills::-webkit-scrollbar{display:none}.mode-pill{flex:0 0 auto;background:var(--input-bg);color:var(--text-primary);border:2px solid transparent;border-radius:20px;padding:8px 16px!important;font-size:.85rem!important;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.mode-pill:hover{background:#ffffff1a;border-color:#fff3}.mode-pill.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea}.wheel-history-mode-selector{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:24px}.mode-selector-label{display:flex;align-items:center;width:100%;gap:8px;font-size:.9rem;font-weight:500;color:#cbd5e1;white-space:nowrap}.mode-selector-label i{color:#60a5fa}.mode-select-dropdown{width:100%!important;padding:10px 36px 10px 16px;background:#1e293b;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23cbd5e1' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.mode-select-dropdown:hover{border-color:#60a5fa;background-color:#2d3748}.mode-select-dropdown:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.mode-select-dropdown option{background:#1e293b;color:#fff;padding:10px}.history-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#94a3b8}.history-no-results i{font-size:3rem;margin-bottom:16px;opacity:.5}.history-no-results p{font-size:1.1rem;margin:0}@media(max-width:640px){.wheel-history-mode-selector{flex-direction:column;align-items:stretch;gap:12px}.mode-selector-label{justify-content:center}.mode-select-dropdown{width:100%;min-width:auto}}.history-distribution-bar[data-width="100"]{width:100%}.history-activity-feed{display:flex;flex-direction:column;gap:4px;padding:0;width:100%!important}.history-activity-card{position:relative;background:var(--list-item-bg);border-radius:4px;padding:8px 20px;transition:all .2s ease;z-index:1}.history-activity-card:hover{transform:translateY(-2px)}.history-activity-card:has(.spinagle-card-dropdown-menu:not(.hidden)){z-index:1001}.history-card-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.history-card-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.history-card-thumbnail{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;flex-shrink:0}.history-card-info{flex:1;flex-direction:row;align-items:flex-start;justify-content:flex-start;min-width:0}.history-card-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease}.history-card-title.clickable{cursor:pointer}.history-card-title.clickable:hover{color:var(--primary-color);text-decoration:underline}.history-card-meta{display:flex;gap:12px;flex-wrap:wrap;margin-right:40px}.history-meta-item{font-size:13px;color:var(--text-secondary);display:flex;align-items:center;gap:4px}.history-meta-item:before{content:"•";color:var(--border-color)}.history-meta-item:first-child:before{content:none}.history-wheel-type-badge{font-size:12px;font-weight:600;padding:4px 10px;border-radius:12px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.history-wheel-type-badge.unsaved{background:#ff980026;color:#ff9800;border:1px solid rgba(255,152,0,.3)}.history-wheel-type-badge.my-wheel{background:#2196f326;color:#2196f3;border:1px solid rgba(33,150,243,.3)}.history-wheel-type-badge.popular{background:#9c27b026;color:#9c27b0;border:1px solid rgba(156,39,176,.3)}.history-wheel-type-badge.deleted{background:#f4433626;color:#f44336;border:1px solid rgba(244,67,54,.3)}.history-wheel-type-badge:before{content:none!important}.history-card-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.history-card-time{position:relative;font-size:13px;color:var(--text-tertiary);white-space:nowrap;margin-right:16px}@media(max-width:768px){.wheel-history-modal-box{max-width:100%!important;width:100%!important;padding:40px 16px 24px!important;min-height:100%!important;box-sizing:border-box}.history-activity-card{padding:16px}.history-card-header{flex-direction:column;align-items:flex-start}.history-card-left{align-items:flex-start;width:100%}.history-card-right{width:fit-content;justify-content:space-between}.history-card-title{font-size:15px}.history-meta-item{font-size:12px}.history-card-time{position:absolute;right:0}.history-card-thumbnail{width:24px;height:24px;font-size:12px;font-weight:100;flex-shrink:0}}#popularDrawer h2{text-align:left;margin:10px 0 5px;color:var(--text-primary)}#popularDrawer h4{margin:0 0 10px;color:var(--text-primary);font-size:1.2em}#popularDrawer p{text-align:center;margin-bottom:20px;color:var(--text-secondary);font-size:.9em}.popular-header{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;position:sticky;top:0;width:100%;box-sizing:border-box;transition:background .3s ease,backdrop-filter .3s ease}.popular-tabs.pill-navigation{display:flex;justify-content:center;margin:10px 0;width:100%;padding:0 15px;gap:10px}.category-pills-container{display:flex;flex-direction:column;gap:15px;margin:20px 0 30px;width:100%}.category-pills-menu{display:flex;gap:12px;overflow-x:auto;padding:10px 0;-webkit-overflow-scrolling:touch;scrollbar-width:none}.category-pills-menu::-webkit-scrollbar{display:none}.category-pill{flex:0 0 auto;background:var(--input-bg);color:var(--text-primary);border:2px solid transparent;border-radius:20px;padding:8px 16px!important;font-size:.85rem!important;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.category-pill:hover{background:var(--hover-bg)}.category-pill.active,.category-pill.all-categories.active{background:#fff;color:#000;border-color:#fff}.category-pill.active:hover,.category-pill.all-categories.active:hover{background:#f0f0f0;border-color:#f0f0f0}body.light-theme .category-pill.active,body[data-theme=light] .category-pill.active{background:var(--accent-color);color:var(--text-on-accent);border-color:var(--accent-color)}body.light-theme .category-pill.active:hover,body[data-theme=light] .category-pill.active:hover{background:var(--accent-color-hover);border-color:var(--accent-color-hover)}.row-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:60px;height:120px;background:linear-gradient(90deg,#000000b3,#0000004d);border:none;color:#fff;font-size:2em;cursor:pointer;z-index:20;opacity:0;visibility:hidden;transition:all .3s ease;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px)}.popular-category-section:hover .row-nav-btn,.popular-subcategory-section:hover .row-nav-btn,.home-popular-section:hover .row-nav-btn{opacity:1;visibility:visible}.row-nav-btn:hover{background:linear-gradient(90deg,#000000e6,#00000080);transform:translateY(-50%) scale(1.05)}.row-nav-btn.prev{left:-20px;border-radius:0 8px 8px 0}.row-nav-btn.next{right:-20px;background:linear-gradient(-90deg,#000000b3,#0000004d);border-radius:8px 0 0 8px}.row-nav-btn.next:hover{background:linear-gradient(-90deg,#000000e6,#00000080)}.popular-category-header,.home-category-header{display:flex;justify-content:flex-start;gap:16px;align-items:center;margin:15px 0;padding-left:8px}.popular-category-title,.home-category-title{font-size:1.4em;font-weight:700;color:var(--text-primary);margin:0;transition:color .2s ease}.popular-category-title:hover{color:var(--accent-color)}.category-wheel-count{font-size:.9rem;font-weight:400;color:#888;margin-left:8px}.popular-subcategory-dropdown{position:relative}.popular-subcategory-btn{background:var(--list-item-bg);border:1px solid var(--border-light);border-radius:20px;padding:8px 14px;font-size:.85em;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;white-space:nowrap}.popular-subcategory-btn:hover{background:var(--input-bg);border-color:var(--accent-color)}.popular-subcategory-btn i{font-size:.7em;transition:transform .2s ease}.popular-subcategory-btn.active i{transform:rotate(180deg)}.popular-subcategory-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--container-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 25px var(--shadow-color-strong);z-index:1000;min-width:180px;max-width:250px;opacity:0;visibility:hidden;transform:translateY(-10px) scale(.95);transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(8px)}.popular-subcategory-menu.active{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.popular-subcategory-menu ul{list-style:none;margin:0;padding:8px 0}.popular-subcategory-menu li{padding:10px 16px;color:var(--text-primary);cursor:pointer;font-size:.9em;transition:all .2s ease;border-bottom:1px solid transparent}.popular-subcategory-menu li:hover{background:var(--input-bg);color:var(--accent-color);transform:translate(2px)}.popular-subcategory-menu li.active{background:var(--accent-color);color:#fff;font-weight:600}.popular-subcategory-menu li.active:hover{background:var(--accent-color-hover)}.popular-subcategory-menu li:not(:last-child){border-bottom-color:var(--border-light)}.card-row,.home-wheels-row{display:flex;gap:16px;overflow-x:auto;overflow-y:visible!important;padding:8px 4px;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-behavior:smooth;scroll-snap-type:x mandatory;overscroll-behavior-x:contain}.card-row::-webkit-scrollbar,.home-wheels-row::-webkit-scrollbar{display:none}.popular-subcategories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.popular-subcategory-title,.subcategory-title{font-size:1.2em;font-weight:600;color:var(--text-primary);padding-left:16px;margin:0 0 10px;cursor:pointer;transition:color .2s ease,transform .2s ease}.popular-subcategory-title:hover,.subcategory-title:hover{color:var(--accent-color, #00c4d9);transform:translate(5px)}#getStartedSection{display:none}.home-popular-section{margin-bottom:50px;position:relative;opacity:1;transform:translateY(0)}.popular-category-section{position:relative;margin-bottom:40px}.popular-subcategory-section{position:relative;margin-bottom:30px}.home-popular-section:last-child{margin-bottom:20px}.home-category-header{margin-bottom:20px}.home-wheels-row.loading,.home-wheels-row.empty{min-height:200px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-style:italic}.home-wheels-row.loading:before{content:"Loading wheels..."}.home-wheels-row.empty:before{content:"No wheels available"}.view-all-btn{background:none;border:none;color:var(--accent-color);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.view-all-btn:hover{color:var(--fate-accent);transform:translate(4px)}.view-all-btn i{font-size:.9rem;transition:transform .2s ease}.view-all-btn:hover i{transform:translate(4px)}.category-dropdown-menu{max-height:300px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.category-dropdown-menu::-webkit-scrollbar{width:6px}焦さ .category-dropdown-menu::-webkit-scrollbar-track{background:transparent}.category-dropdown-menu::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:3px}.category-dropdown-menu::-webkit-scrollbar-thumb:hover{background-color:var(--text-secondary)}.category-dropdown-menu li.category-main{font-weight:600;color:var(--text-primary);border-bottom:1px solid rgba(var(--border-color-rgb),.3)}.category-dropdown-menu li.category-sub{font-weight:400;color:var(--text-secondary);font-size:.9em;padding-left:20px;background-color:rgba(var(--border-light-rgb, 240, 240, 240),.3)}.category-dropdown-menu li.category-sub:hover{background-color:rgba(var(--border-light-rgb, 240, 240, 240),.5);color:var(--text-primary)}.category-dropdown-menu li.category-main:last-of-type{border-bottom:none}body.branded-wheel-mode{--wheel-accent: var(--accent-color)}body.branded-wheel-mode #wheelContainer{border:3px solid var(--accent-color);border-radius:12px;background:linear-gradient(135deg,transparent 0%,rgba(78,194,157,.05) 100%)}body.branded-wheel-mode .wheel-question-display{background:linear-gradient(135deg,var(--container-bg) 0%,rgba(78,194,157,.1) 100%);border:1px solid var(--accent-color)}.help-topic-card{position:relative;cursor:pointer;transition:all .3s ease}.help-topic-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.help-topic-card .wheel-card-visual{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-color),var(--fate-accent));border-radius:12px;margin-bottom:16px;min-height:120px}.help-topic-icon{font-size:2.5rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.help-topic-card .wheel-card-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:8px;line-height:1.3}.help-topic-card .wheel-card-description{font-size:.9rem;color:var(--text-secondary);line-height:1.4;margin-bottom:12px}.help-topic-badge{display:inline-block;padding:4px 8px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;border-radius:4px;background:var(--accent-color);color:#fff}.help-topic-card[data-action=tutorial] .help-topic-badge{background:#10b981}.help-topic-card[data-action=guide] .help-topic-badge{background:#3b82f6}.help-topic-card[data-action=feature] .help-topic-badge{background:#8b5cf6}.help-topic-card[data-action=reference] .help-topic-badge{background:#f59e0b}.help-topic-card[data-action=support] .help-topic-badge{background:#ef4444}#popularDrawer .drawer-content:has(.empty-state),#popularContentArea:has(.empty-state){padding:20px;margin:0}@media(max-width:768px){#popularDrawer .drawer-content:has(.empty-state){padding:12px}}@media(max-width:768px){.popular-header{padding:0;flex-direction:column;align-items:center}.popular-category-header{padding-left:16px!important}.popular-category-section,.card-row,.home-wheels-row{width:100%;max-width:100%;box-sizing:border-box;padding:15px 8px 25px;margin:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.category-pills-container,.category-pills-menu{width:100%;max-width:100%;box-sizing:border-box;overflow-x:auto;-webkit-overflow-scrolling:touch}.category-pills-menu{padding:0 0 0 16px;gap:6px}.category-pill,.popular-subcategory-btn{padding:6px 12px!important;font-size:.85em!important;white-space:nowrap}.category-dropdown-menu{max-width:95vw;min-width:min(200px,100%);left:50%;transform:translate(-50%);box-sizing:border-box}.popular-category-title,.popular-filtered-title{font-size:1.1em}.popular-subcategory-title{font-size:1.05em}.row-nav-btn,.row-nav-btn.prev,.row-nav-btn.next{display:none}.home-popular-section{margin-bottom:40px}.home-category-header{flex-direction:column;align-items:flex-start;gap:8px}.home-category-title{font-size:1.5rem}.view-all-btn{font-size:.9rem}.home-wheels-row{gap:12px;padding:0;scroll-snap-type:x mandatory;scroll-padding:16px;overflow-y:visible}.home-popular-section .row-nav-btn{width:40px;height:80px;font-size:1.2em}.home-popular-section .row-nav-btn.prev{left:-10px}.home-popular-section .row-nav-btn.next{right:-10px}.help-topic-card .wheel-card-visual{min-height:100px}.help-topic-icon{font-size:2rem}.help-modal-content{margin:20px;max-height:calc(100vh - 40px)}.help-modal-header{padding:20px 20px 12px}.help-modal-header h2{font-size:1.2rem}.help-modal-body{padding:20px}.help-modal-actions{flex-direction:column}.help-btn{width:100%}}.setting-caption{font-size:12px;color:var(--text-secondary, #888);display:flex;align-items:center;gap:6px;margin-top:16px;padding:6px 8px;background:var(--surface-secondary, rgba(255, 255, 255, .05));border-radius:4px;border-left:3px solid var(--accent-color, #00bcd4)}.setting-caption i{font-size:11px;opacity:.8}.sound-test-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.sound-test-buttons .btn{padding:8px 12px;font-size:12px;border-radius:6px;transition:all .2s ease;background:var(--surface-secondary, rgba(255, 255, 255, .1));border:1px solid var(--border-color, rgba(255, 255, 255, .2));color:var(--text-primary, #fff)}.sound-test-buttons .btn:hover{background:var(--accent-color, #00bcd4);border-color:var(--accent-color, #00bcd4);transform:translateY(-1px)}.sound-test-buttons .btn:active{transform:translateY(0)}@media(max-width:768px){.sound-test-buttons{grid-template-columns:1fr}}.icon-picker-container{display:flex;gap:8px;align-items:center}.icon-input{flex:1;text-align:center;font-size:18px;cursor:pointer}.icon-picker-btn{padding:8px 12px;min-width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--border-color, #333);background:var(--button-secondary-bg, #444);color:var(--button-secondary-text, #ffffff);cursor:pointer;transition:all .2s ease}.icon-picker-btn:hover{background:var(--button-secondary-hover-bg, #555);transform:translateY(-1px)}.form-textarea{width:100%;padding:12px;border:1px solid var(--border-color, #333);border-radius:8px;background:var(--input-bg, #2a2a2a);color:var(--input-text, #ffffff);font-family:inherit;font-size:14px;line-height:1.4;resize:vertical;min-height:80px;transition:border-color .2s ease}.form-textarea:focus{outline:none;border-color:var(--accent-color, #00c4d9);box-shadow:0 0 0 2px #00c4d933}.form-textarea::placeholder{color:var(--text-muted, #888)}.setting-helper-text{font-size:12px;color:var(--text-muted, #888);margin-top:4px;line-height:1.3}.background-gradient-preview{width:100%;height:40px;border-radius:8px;border:2px solid var(--border-color, #333);background:linear-gradient(135deg,#667eea,#764ba2);margin-top:8px}.embed-logo-settings{display:flex;flex-direction:column;gap:12px;padding:12px;background:var(--surface-variant, #f5f5f5);border-radius:8px;border:1px solid var(--border-light, #e0e0e0)}.embed-logo-preview{position:relative;display:flex;justify-content:center;align-items:center;padding:16px;background:var(--container-bg, #ffffff);border-radius:8px;border:2px dashed var(--border-light, #e0e0e0)}.logo-preview-image{width:64px;height:64px;object-fit:contain;border-radius:8px;box-shadow:0 2px 8px #0000001a}.logo-reset-icon{position:absolute;top:8px;right:8px;width:24px;height:24px;background:#000000b3;color:#fff;border:none;border-radius:50%;font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:.8}.logo-reset-icon:hover{opacity:1;background:#000000e6;transform:scale(1.1)}.embed-logo-controls{display:flex;flex-direction:column;gap:8px}.update-logo-btn{width:100%;min-width:140px;padding:10px 16px;background:var(--primary-color, #00c4d9);color:var(--text-on-primary, #ffffff);border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.update-logo-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026;background:var(--primary-color-hover, #00b3c7)}.update-logo-btn:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.logo-help-text{display:flex;align-items:center;gap:6px;margin-top:8px;padding:8px 12px;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;font-size:12px;color:#666;line-height:1.3}.logo-help-text i{color:var(--primary-color, #00c4d9);font-size:12px;flex-shrink:0}.logo-help-text span{font-weight:400}.embed-logo,.embed-logo-edit-preview{position:fixed;display:inline-block;z-index:1000;opacity:.9;transition:opacity .2s ease;pointer-events:auto}.embed-logo:hover{opacity:1}.embed-logo a{display:block;width:100%;text-decoration:none;transition:transform .2s ease}.embed-logo a:hover{transform:scale(1.05)}.embed-logo img,.embed-logo-image,.embed-logo-preview-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:8px;display:block}@media(max-width:768px){.update-logo-btn{min-width:auto;width:100%}.logo-help-text{font-size:11px;padding:6px 10px}}.component-visible{visibility:visible;opacity:1;pointer-events:auto}.component-hidden{visibility:hidden;opacity:0;pointer-events:none}.component-visible,.component-hidden{transition-property:opacity,visibility;transition-duration:.3s;transition-timing-function:ease}.height-transition{transition-property:opacity,visibility,max-height;transition-duration:.3s;transition-timing-function:ease;overflow:hidden}.transform-transition{transition-property:opacity,visibility,transform;transition-duration:.3s;transition-timing-function:ease}.position-transition{transition-property:opacity,visibility,top,left,right,bottom;transition-duration:.3s;transition-timing-function:ease}.fade-transition{transition-property:opacity,visibility;transition-duration:.2s;transition-timing-function:ease}.slide-left-transition,.slide-right-transition,.slide-up-transition,.slide-down-transition,.scale-transition{transition-property:opacity,visibility,transform;transition-duration:.3s;transition-timing-function:ease-in-out}.drawer-component{position:fixed;z-index:var(--z-navigation)}.drawer-component.component-visible{transform:translate(0)}.drawer-component.component-hidden{transform:translate(-100%)}.drawer-component.right-side{right:0}.drawer-component.right-side.component-visible{transform:translate(0)}.drawer-component.right-side.component-hidden{transform:translate(100%)}.modal-component{position:fixed;z-index:10000;display:flex;align-items:center;justify-content:center;top:0;left:0;width:100%;height:100%}.modal-component.component-visible{transform:scale(1)}.modal-component.component-hidden{transform:scale(.9)}.panel-component{position:relative;z-index:var(--z-settings-panel)}.panel-component.component-visible{transform:translateY(0)}.panel-component.component-hidden{transform:translateY(20px)}.ad-component{display:flex;align-items:center;justify-content:center}@media(max-width:768px){.drawer-component.component-hidden{transform:translate(-100%)}.drawer-component.right-side.component-hidden{transform:translate(100%)}.panel-component.component-visible{transform:translateY(0)}.panel-component.component-hidden{transform:translateY(10px)}}.voice-input-overlay{position:fixed;inset:0;background-color:#000000e6;z-index:10000;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff}.voice-overlay-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:80%}.voice-overlay-suggestion{margin-bottom:30px}.voice-overlay-suggestion-text{font-size:1.125rem;opacity:.8;margin-bottom:10px}.voice-overlay-suggestion-example{font-size:1.5rem;font-weight:700;margin-bottom:20px;transition:transform .3s ease,color .3s ease}.voice-overlay-suggestion-example.captured-text{color:#4caf50;font-size:1.75rem;text-shadow:0 0 10px rgba(76,175,80,.5);animation:pulse 1s ease-in-out}.voice-overlay-mic-container{position:relative;margin:20px 0}.voice-overlay-mic-button{width:96px;height:96px;border-radius:50%;background-color:#f44336;border:none;color:#fff;font-size:2.4rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px #0000004d;transition:background-color .3s,transform .3s}.voice-overlay-mic-button:hover{background-color:#e53935;transform:scale(1.05)}.voice-overlay-mic-button.listening{background-color:#4caf50}.voice-overlay-mic-button.rippling{animation:pulse-mic 1.5s infinite}.voice-overlay-mic-button.rippling:before{content:"";position:absolute;inset:-10px;border-radius:50%;box-shadow:0 0 #4caf501a,0 0 0 30px #4caf501a,0 0 0 60px #4caf501a;animation:triple-ripple-out 2s infinite;pointer-events:none}.voice-overlay-waves{position:absolute;inset:50%;transform:translate(-50%,-50%);width:200px;height:200px;pointer-events:none;display:none}.voice-overlay-wave{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(255,255,255,.3);opacity:0}.voice-overlay-waves.audio-active .voice-overlay-wave:nth-child(1){animation:wave 2s infinite}.voice-overlay-waves.audio-active .voice-overlay-wave:nth-child(2){animation:wave 2s infinite .4s}.voice-overlay-waves.audio-active .voice-overlay-wave:nth-child(3){animation:wave 2s infinite .8s}.voice-overlay-status{margin-top:20px;min-height:1.5rem;font-size:1.125rem;color:#fffc}.submit-button,.voice-overlay-close{display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:background-color .2s,transform .3s}.submit-button{margin-top:30px;padding:10px 20px;background-color:var(--accent-color, #4285f4);color:var(--text-on-accent, #fff);border-radius:4px;font-size:1rem}.submit-button i{margin-right:8px}.submit-button:hover{background-color:var(--accent-color-hover, #3367d6)}.voice-overlay-close{position:absolute;top:1.25rem;right:1.25rem;width:2.5rem;height:2.5rem;border-radius:50%;background-color:#ffffff1a;color:#fff;font-size:1.125rem}.voice-overlay-close:hover{background-color:#fff3;transform:scale(1.1)}.notification-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--container-bg, #1c1c1e);border:2px solid var(--accent-color, #00c4d9);border-radius:8px;padding:12px 20px;font-size:1rem;z-index:10000;box-shadow:0 4px 12px #0000004d;pointer-events:none;opacity:1;transition:all .3s ease;color:var(--text-primary, #ffffff);text-align:center;min-width:200px;max-width:400px}.notification-message.success{border-color:var(--success-color, #28a745);background:var(--success-bg, rgba(40, 167, 69, .1));color:var(--success-color, #28a745)}.notification-message.error{border-color:var(--error-color, #dc3545);background:var(--error-bg, rgba(220, 53, 69, .1));color:var(--error-color, #dc3545)}.notification-message.warning{border-color:var(--warning-color, #ffc107);background:var(--warning-bg, rgba(255, 193, 7, .1));color:var(--warning-color, #ffc107)}.notification-message.info{border-color:var(--info-color, #17a2b8);background:var(--info-bg, rgba(23, 162, 184, .1));color:var(--info-color, #17a2b8)}.notification-message.fade-out{opacity:0;transform:translate(-50%,-50%) scale(.8)}.selection-feedback{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--container-bg, #1c1c1e);border:2px solid var(--accent-color, #00c4d9);border-radius:8px;padding:12px 20px;font-size:1.5em;z-index:10000;box-shadow:0 4px 12px #0000004d;pointer-events:none;color:var(--text-primary, #ffffff);animation:selectionFeedback 1.3s ease-out}.stripe-notification{position:fixed;bottom:20px;right:20px;background:var(--container-bg, #1c1c1e);color:var(--text-primary, #ffffff);padding:16px 20px;border-radius:8px;box-shadow:0 4px 12px #0000004d;border-left:4px solid var(--accent-color, #00c4d9);z-index:9999;max-width:350px;opacity:1;transform:translate(0);transition:all .3s ease}.stripe-notification.success{border-left-color:var(--success-color, #28a745)}.stripe-notification.error{border-left-color:var(--error-color, #dc3545)}.stripe-notification.slide-in{animation:slideInFromRight .3s ease-out}.stripe-notification.slide-out{opacity:0;transform:translate(100%)}.message-element{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--container-bg, #1c1c1e);color:var(--text-primary, #ffffff);padding:12px 20px;border-radius:6px;box-shadow:0 4px 12px #0000004d;border:1px solid var(--border-color, #333);z-index:9999;max-width:90%;text-align:center;font-size:.9rem;opacity:1;transition:all .3s ease}.message-element.success{border-color:var(--success-color, #28a745);background:#28a7451a;color:var(--success-color, #28a745)}.message-element.error{border-color:var(--error-color, #dc3545);background:#dc35451a;color:var(--error-color, #dc3545)}.message-element.fade-in{animation:fadeInUp .3s ease-out}.message-element.fade-out{opacity:0;transform:translate(-50%) translateY(20px)}.notification-close{position:absolute;top:8px;right:8px;background:none;border:none;color:var(--text-secondary, #b0b0b0);font-size:1.2rem;cursor:pointer;padding:2px;border-radius:2px;transition:color .2s ease;line-height:1;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.notification-close:hover{color:var(--text-primary, #ffffff)}.notification-progress{position:absolute;bottom:0;left:0;height:3px;background:var(--accent-color, #00c4d9);border-radius:0 0 6px 6px;transition:width .1s linear}.notification-message.success .notification-progress{background:var(--success-color, #28a745)}.notification-message.error .notification-progress{background:var(--error-color, #dc3545)}.notification-message.warning .notification-progress{background:var(--warning-color, #ffc107)}.notification-message.info .notification-progress{background:var(--info-color, #17a2b8)}@media(max-width:768px){.notification-message,.selection-feedback{max-width:90%;font-size:.9rem;padding:10px 16px}.stripe-notification,.toast-notification{max-width:calc(100% - 40px);right:20px;left:20px;margin:0 auto}.message-element{max-width:calc(100% - 40px);padding:10px 16px;font-size:.85rem}.toast-container{right:10px;left:10px;width:calc(100% - 20px)}}.avatar-container{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;background:var(--container-bg, #1c1c1e);border:2px solid var(--border-color, #333);transition:all .3s ease;flex-shrink:0}.avatar-container:hover{border-color:var(--accent-color, #00c4d9);transform:scale(1.05)}.avatar-container.small{width:32px;height:32px;border-width:1px}.avatar-container.medium{width:48px;height:48px;border-width:2px}.avatar-container.large{width:64px;height:64px;border-width:2px}.avatar-container.extra-large{width:96px;height:96px;border-width:3px}.avatar-image{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:inherit;transition:all .3s ease}.avatar-container:hover .avatar-image{transform:scale(1.1)}.avatar-initials{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-weight:700;color:var(--avatar-text-color, var(--text-primary, #ffffff));background:var(--avatar-bg-color, linear-gradient(135deg, var(--accent-color, #00c4d9) 0%, var(--accent-hover, #45b08a) 100%));font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.5px}.avatar-container.small .avatar-initials{font-size:12px}.avatar-container.medium .avatar-initials{font-size:16px}.avatar-container.large .avatar-initials{font-size:20px}.avatar-container.extra-large .avatar-initials{font-size:28px}.avatar-status{position:absolute;bottom:0;right:0;width:25%;height:25%;border-radius:50%;border:2px solid var(--container-bg, #1c1c1e);min-width:8px;min-height:8px}.avatar-status.online{background:var(--success-color, #28a745)}.avatar-status.offline{background:var(--text-muted, #6a6a6a)}.avatar-status.away{background:var(--warning-color, #ffc107)}.avatar-status.busy{background:var(--error-color, #dc3545)}.avatar-badge{position:absolute;top:-4px;right:-4px;background:var(--error-color, #dc3545);color:#fff;border-radius:50%;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;border:2px solid var(--container-bg, #1c1c1e)}.avatar-badge.empty{width:12px;height:12px;min-width:12px}.avatar-group{display:flex;align-items:center}.avatar-group .avatar-container{margin-left:-8px;border:3px solid var(--container-bg, #1c1c1e);z-index:1}.avatar-group .avatar-container:first-child{margin-left:0;z-index:3}.avatar-group .avatar-container:nth-child(2){z-index:2}.avatar-group .avatar-container:hover{z-index:10}.avatar-dropdown{position:relative;display:inline-block}.avatar-dropdown .avatar-container{cursor:pointer}.avatar-dropdown-menu{position:absolute;top:100%;right:0;margin-top:-1px;background:var(--container-bg, #1c1c1e);border:1px solid var(--border-color, #333);border-radius:8px;box-shadow:0 4px 12px #0000004d;min-width:180px;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease}.avatar-dropdown-menu:before{content:"";position:absolute;top:-5px;left:0;right:0;height:5px;background:transparent;z-index:-1}.avatar-dropdown.open .avatar-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.avatar-dropdown-item{padding:12px 16px;color:var(--text-primary, #ffffff);text-decoration:none;display:block;transition:background .2s ease;border:none;background:none;width:100%;text-align:left;cursor:pointer}.avatar-dropdown-item:hover{background:#ffffff1a}.avatar-dropdown-item:first-child{border-radius:8px 8px 0 0}.avatar-dropdown-item:last-child{border-radius:0 0 8px 8px}.avatar-dropdown-divider{height:1px;background:var(--border-color, #333);margin:4px 0}.avatar-container.loading{background:linear-gradient(90deg,#ffffff1a,#fff3,#ffffff1a);background-size:200% 100%;animation:avatarLoading 1.5s infinite}.avatar-container.error{background:#dc35451a;border-color:var(--error-color, #dc3545)}.avatar-container.error .avatar-initials{background:var(--error-color, #dc3545);color:#fff}.avatar-container.clickable{cursor:pointer;transition:all .2s ease}.avatar-container.clickable:hover{transform:scale(1.05);box-shadow:0 4px 8px #0003}.avatar-container.clickable:active{transform:scale(.95)}body.light-mode .avatar-container,body[data-theme=light] .avatar-container{background:#fff;border-color:#dee2e6}body.light-mode .avatar-initials,body[data-theme=light] .avatar-initials{color:#fff}body.light-mode .avatar-dropdown-menu,body[data-theme=light] .avatar-dropdown-menu{background:#fff;border-color:#dee2e6;color:#333}body.light-mode .avatar-dropdown-item,body[data-theme=light] .avatar-dropdown-item{color:#333}body.light-mode .avatar-dropdown-item:hover,body[data-theme=light] .avatar-dropdown-item:hover{background:#f8f9fa}@media(max-width:768px){.avatar-group .avatar-container{margin-left:-6px}.avatar-dropdown-menu{right:-10px;min-width:160px}.avatar-dropdown-item{padding:10px 14px;font-size:.9rem}}.admin-kebab-menu{position:relative;margin-left:12px}.admin-menu-toggle{background:transparent;border:none;color:var(--text-secondary, #888);font-size:16px;padding:8px;border-radius:4px;cursor:pointer;transition:all .2s ease}.admin-menu-toggle:hover{color:var(--text-primary, #ffffff);background:var(--hover-bg, rgba(255, 255, 255, .1))}.admin-menu-dropdown{position:absolute;top:100%;right:0;background:var(--panel-bg, #2c2c2e);border:1px solid var(--border-color, #3c3c3e);border-radius:8px;box-shadow:0 4px 12px #0000004d;z-index:1000;min-width:180px;opacity:1;transform:translateY(0);transition:all .2s ease}.admin-menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--text-primary, #ffffff);cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid var(--border-color, #3c3c3e)}.admin-menu-item:hover{background:var(--hover-bg, rgba(255, 255, 255, .1))}.admin-menu-item i{width:16px;text-align:center;color:var(--accent-color, #00c4d9)}.admin-menu-item span{font-size:14px;font-weight:500}@media(max-width:768px){.admin-kebab-menu{margin-left:8px}.admin-menu-dropdown{right:-8px;min-width:160px}.admin-menu-item{padding:10px 14px}.admin-menu-item span{font-size:13px}}.segmented-controller{position:relative;display:inline-flex;align-items:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:22px;padding:3px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:sticky;top:16px;z-index:10;--segment-height: 38px;--container-height: 44px;--border-radius: 22px;--indicator-border-radius: 19px;--active-segment-index: 0;--indicator-position: 0%;--segment-width: 50%;height:var(--container-height);min-width:320px}.segmented-controller:before{content:"";position:absolute;top:6px;left:calc(var(--indicator-position) + 6px);width:calc(var(--segment-width) - 12px);height:calc(var(--container-height) - 6px);background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:var(--indicator-border-radius);box-shadow:0 2px 8px #0003,0 1px 2px #00000026,inset 0 1px #ffffff4d;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}.segmented-item{position:relative;z-index:2;flex:1;background:transparent;border:none;color:var(--text-secondary, rgba(255, 255, 255, .7));font-size:14px;font-weight:600;padding:12px 16px;border-radius:var(--indicator-border-radius);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .3s cubic-bezier(.4,0,.2,1);user-select:none;-webkit-user-select:none;outline:none}.segmented-item:hover{color:var(--text-primary, rgba(255, 255, 255, .9));transform:scale(1.02)}.segmented-item.active{color:#000}.segmented-item:focus-visible{outline:2px solid var(--accent-color, #007AFF);outline-offset:2px;border-radius:var(--indicator-border-radius)}.segmented-item:disabled{opacity:.5;cursor:not-allowed}.segmented-item i{font-size:14px;flex-shrink:0}.segmented-item .segment-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.segmented-controller-small{--segment-height: 30px;--container-height: 36px;--border-radius: 18px;--indicator-border-radius: 15px;min-width:240px}.segmented-controller-small .segmented-item{font-size:13px;padding:8px 12px}.segmented-controller-small .segmented-item i{font-size:12px}.segmented-controller-large{--segment-height: 46px;--container-height: 52px;--border-radius: 26px;--indicator-border-radius: 23px;min-width:400px}.segmented-controller-large .segmented-item{font-size:16px;padding:16px 20px}.segmented-controller-large .segmented-item i{font-size:16px}.segmented-controller-light,body.light-theme .segmented-controller,body[data-theme=light] .segmented-controller{background:#00000014;border:1px solid rgba(0,0,0,.12)}.segmented-controller-light:before,body.light-theme .segmented-controller:before,body[data-theme=light] .segmented-controller:before{background:linear-gradient(135deg,#fffffff2,#ffffffe6);box-shadow:0 2px 8px #0000001a,0 1px 2px #0000000f,inset 0 1px #ffffff4d}.segmented-controller-light .segmented-item,body.light-theme .segmented-controller .segmented-item,body[data-theme=light] .segmented-controller .segmented-item{color:var(--text-secondary, rgba(0, 0, 0, .6))}.segmented-controller-light .segmented-item:hover,body.light-theme .segmented-controller .segmented-item:hover,body[data-theme=light] .segmented-controller .segmented-item:hover{color:var(--text-primary, rgba(0, 0, 0, .9))}.segmented-controller-light .segmented-item.active,body.light-theme .segmented-controller .segmented-item.active,body[data-theme=light] .segmented-controller .segmented-item.active{color:#000}@media(max-width:768px){.segmented-controller{width:100%;max-width:320px;--container-height: 40px;--segment-height: 34px}.segmented-item{font-size:13px;padding:10px 12px}.segmented-controller-small{min-width:200px}.segmented-controller-large{min-width:320px}}@media(max-width:480px){.segmented-controller{min-width:240px;--container-height: 36px;--segment-height: 30px}.segmented-item{font-size:12px;padding:8px 10px;gap:4px}.segmented-item i{font-size:12px}}.segmented-controller.disabled{opacity:.5;pointer-events:none}@media(prefers-contrast:high){.segmented-controller{border-width:2px}.segmented-controller:before{box-shadow:0 0 0 2px #0000004d,0 2px 8px #0000004d}.segmented-item.active{font-weight:800}}@media(prefers-reduced-motion:reduce){.segmented-controller:before,.segmented-item{transition:none}}.feature-matrix-modal{position:fixed;inset:0;background:var(--panel-bg);z-index:10000;display:block;opacity:1;visibility:visible;overflow-y:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box}.feature-matrix-modal .modal-content{background:var(--panel-bg);border:none;border-radius:0;width:100%;height:100vh;overflow:hidden;position:relative;color:var(--text-primary);display:flex;flex-direction:column}.feature-matrix-modal .modal-header{padding:2rem;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:.5rem;background:var(--panel-bg);z-index:1}.feature-matrix-modal .modal-header h2{margin:0;color:var(--text-primary);font-size:1.5rem;font-weight:600}.feature-matrix-modal .modal-subtitle{margin:0;color:var(--text-secondary);font-size:.95em}.feature-matrix-modal .modal-close-btn{position:absolute;top:2rem;right:2rem;background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:50%;transition:background-color .2s}.feature-matrix-modal .modal-close-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.feature-matrix-modal .modal-body{padding:2rem;overflow-y:auto;flex:1;background:var(--panel-bg)}.feature-matrix{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:1px;background:var(--border-color);border-radius:12px;overflow:hidden;margin-bottom:2rem;box-shadow:0 4px 12px #0000001a}.matrix-header{display:contents}.matrix-cell{background:var(--panel-bg);padding:1rem;display:flex;align-items:center;justify-content:center;min-height:60px}.matrix-cell.feature-name{background:var(--accent-color);color:#fff;font-weight:600;font-size:1.1em}.role-header{background:rgba(var(--accent-color-rgb),.1);flex-direction:column;gap:.5rem;border-bottom:2px solid var(--accent-color);padding:1.5rem 1rem}.role-icon{font-size:1.2em}.role-name{font-size:1em;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.feature-row{display:contents}.feature-info{background:rgba(var(--accent-color-rgb),.05);padding:1.5rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid var(--border-color)}.feature-icon{font-size:1.5em;min-width:40px;text-align:center}.feature-details h3{margin:0 0 .25rem;color:var(--text-primary);font-size:1.1em;font-weight:600}.feature-details p{margin:0;color:var(--text-secondary);font-size:.9em;line-height:1.4}.sub-features,.sub-feature-row{display:contents}.sub-feature-info{background:var(--panel-bg);padding:1rem 1.5rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid rgba(var(--border-color-rgb),.5);border-left:3px solid var(--accent-color);margin-left:1rem;font-size:.95em;color:var(--text-secondary)}.sub-feature-icon{color:var(--accent-color);font-weight:700;min-width:20px}.permission-toggle{position:relative;display:inline-block;width:50px;height:24px;cursor:pointer}.permission-toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--inactive-bg, #ccc);transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 1px 3px #0003}.permission-toggle input:checked+.toggle-slider{background-color:var(--accent-color)}.permission-toggle input:checked+.toggle-slider:before{transform:translate(26px)}.permission-toggle:hover .toggle-slider{box-shadow:0 0 0 4px rgba(var(--accent-color-rgb),.2)}.permission-toggle.indeterminate .toggle-slider{background:linear-gradient(90deg,var(--accent-color) 50%,#ccc 50%)}.permission-toggle.indeterminate .toggle-slider:before{transform:translate(13px);background:linear-gradient(45deg,var(--accent-color) 50%,white 50%);border:2px solid white;box-shadow:0 1px 3px #0000004d}.permission-toggle.indeterminate:hover .toggle-slider{box-shadow:0 0 0 4px #ffa5004d}.feature-matrix-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem;border-top:1px solid var(--border-color)}.btn-primary{background:var(--accent-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;font-size:.95em}.btn-primary:hover{background:var(--accent-color-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--accent-color-rgb),.3)}.btn-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);padding:.75rem 1.5rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;font-size:.95em}.btn-secondary:hover{background:var(--hover-bg);color:var(--text-primary);border-color:var(--accent-color)}@media(max-width:1200px){.feature-matrix{grid-template-columns:2fr 120px 120px 120px 120px}.feature-details p{display:none}}@media(max-width:768px){.upgrade-banner-content{display:flex;flex-direction:column}.feature-matrix-modal .modal-body{padding:1rem}.feature-matrix{grid-template-columns:1.5fr 80px 80px 80px 80px;font-size:.9em}.role-header{padding:1rem .5rem}.role-name{font-size:.75em}.feature-info{padding:1rem}.sub-feature-info{padding:.75rem 1rem;margin-left:.5rem}.feature-matrix-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%;justify-content:center}}body[data-theme=light] .feature-matrix-modal,body[data-theme=light] .feature-matrix-modal .modal-content,body[data-theme=light] .feature-matrix-modal .modal-header,body[data-theme=light] .feature-matrix-modal .modal-body,body[data-theme=light] .matrix-cell{background:#fff}body[data-theme=light] .feature-info{background:rgba(var(--accent-color-rgb),.03)}body[data-theme=light] .sub-feature-info{background:#fafafa}body[data-theme=light] .toggle-slider{background-color:#cbd5e0}body[data-theme=light] .permission-toggle input:checked+.toggle-slider{background-color:var(--accent-color)}.subscription-indicator{position:absolute;top:0;right:0;width:24px;height:24px;border-radius:0 0 0 8px;background:linear-gradient(135deg,#ff6b6b,#ee5a52);display:flex;align-items:center;justify-content:center;font-size:16px;z-index:10;pointer-events:none;box-shadow:0 2px 4px #0003}.upgrade-banner{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:16px 20px;margin:0 0 20px;border-radius:8px;box-shadow:0 4px 12px #667eea4d;position:relative;overflow:hidden;width:100%;box-sizing:border-box}.upgrade-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:shimmer 2s infinite}.upgrade-banner-content-left{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;text-align:center}.upgrade-banner-content{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:1}.upgrade-banner-content i.fa-crown{font-size:18px;color:gold;margin-right:8px}.upgrade-banner-content span{flex:1;font-weight:500;font-size:14px}.upgrade-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,gold,orange);color:#000;border:none;border-radius:6px;font-weight:600;font-size:12px;cursor:pointer;transition:all .3s ease;white-space:nowrap;flex-shrink:0}.upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffd70066}.feature-disabled{pointer-events:none!important;opacity:.4!important;transition:opacity .2s ease}.combined-panel{position:fixed;top:0;right:-100%;width:100%;max-width:40%;height:100vh;background-color:var(--container-bg);padding:32px 120px 8px 24px;border-radius:8px 0 0 8px;box-shadow:-6px 0 20px #0006;z-index:var(--z-combined-panel);border:none;transition:right .4s cubic-bezier(.34,1.56,.64,1),opacity .3s ease-out,box-shadow .3s ease-out;opacity:0;visibility:visible;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;flex-direction:column;will-change:right,opacity}.combined-panel:not(.hidden){right:0;opacity:1;box-shadow:-8px 0 30px #00000080}.combined-panel.hidden{right:-100%;opacity:0;visibility:hidden;transition:right .3s cubic-bezier(.55,.055,.675,.19),opacity .2s ease-in,visibility 0s linear .3s,z-index 0s linear .3s;pointer-events:none;z-index:-1}.panel-content{display:none;height:auto;flex:1;width:100%;box-sizing:border-box;-webkit-overflow-scrolling:touch}.panel-content.active{display:block;z-index:var(--z-combined-panel)}.outer-ring-controls{margin-bottom:12px;display:block}.segment-outline-controls{margin-bottom:120px}.chase-ring-controls{margin-bottom:12px}.setting-item{background:#ffffff0d;border-radius:12px;padding:1rem;margin-bottom:.75rem;transition:all .2s ease;position:relative;overflow:hidden;box-sizing:border-box}#activate-lights-container{margin-top:16px}.parent-item{background:none!important;padding:0!important}.sub-parent-group{background:#ffffff0d;border-radius:12px;padding:1rem;transition:all .2s ease;position:relative;overflow:hidden;box-sizing:border-box}.sub-parent-child{background:#0000001a;border-radius:12px;padding:1rem;transition:all .2s ease;position:relative;overflow:hidden;box-sizing:border-box}#gradientBackgroundControls .color-picker-item{width:100%;padding:16px;gap:0px;max-height:100px;z-index:0!important}.text-color-group{display:flex;flex-direction:row;gap:16px}.custom-background-container{display:flex;flex-direction:column}.custom-text-color-controls{display:none;flex-direction:column;gap:16px;margin-top:16px}.background-color-group{display:flex;flex-direction:row;gap:16px}.setting-item-container{display:flex;flex-direction:column;background:#ffffff0d;border-radius:12px;padding:8px;overflow:hidden;box-sizing:border-box}.setting-item:last-child{margin-bottom:0}.setting-item-title{font-size:1em;font-weight:400;margin-bottom:8px;color:var(--text-primary);padding:0;line-height:1.4;display:block;text-align:left}.setting-item-description{font-size:.875em;color:var(--text-secondary);margin-bottom:12px;line-height:1.4;opacity:.8}.sorter-bulk-input-section{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.sorter-bulk-textarea{width:100%;min-height:120px;padding:16px;background:var(--input-bg);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-primary);font-size:.95rem;resize:vertical;font-family:inherit}.sorter-bulk-textarea:focus{outline:none;border-color:var(--accent-color)}.sorter-actions-wrapper .btn-primary,.sorter-actions-wrapper .button-secondary{flex:1 1 auto;min-width:120px;padding:12px 20px;font-size:.95rem;font-weight:600}.sorter-actions-wrapper .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.sorter-actions-wrapper .button-secondary{background:var(--input-bg);border:1px solid rgba(255,255,255,.2);color:var(--text-primary)}.sorter-actions-wrapper .button-secondary:hover{background:#ffffff1a;border-color:var(--accent-color)}.setting-item.toggle-item .switch{flex-shrink:0;margin-left:auto;top:4px}.setting-item.color-picker-item{padding:1rem}.color-value-container{display:flex;justify-content:flex-start;align-items:flex-start;gap:0px;display:none;min-width:0}.mobile-title-edit-modal{display:none}.setting-item.slider-item{padding:1rem}.setting-item select,.setting-item input[type=text],.setting-item input[type=number]{width:100%;margin-top:.25rem;box-sizing:border-box}body.light-theme .setting-item,body[data-theme=light] .setting-item{background:#00000005;border-color:#e5e7eb}@media(max-width:768px){.setting-item{padding:.875rem 1rem;border-radius:10px;margin-bottom:.5rem}.settings-group{position:relative;overflow:visible;padding:0;gap:16px}}.pill-navigation{display:flex;justify-content:flex-start;margin-bottom:20px;padding:5px;position:relative;width:100%;max-width:640px;margin-left:auto;margin-right:auto;z-index:1}.pill-button{flex:1;padding:10px 15px;background-color:var(--button-secondary-bg);color:var(--text-secondary);border:none;border-radius:20px;cursor:pointer;font-size:.9em;font-weight:500;margin:0 2.5px;transition:background-color .2s,color .2s;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative}.pill-button:hover{background-color:var(--button-secondary-hover);color:var(--text-primary)}.pill-button.active{background-color:var(--accent-color);color:var(--text-on-accent)}.outcomes-controls-wrapper{margin-bottom:20px}.add-outcome-wrapper{display:flex;gap:8px;width:calc(100% - 16px);margin:16px 0;box-sizing:border-box}.outcome-input{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:4px;background-color:var(--input-bg);color:var(--text-primary);font-size:1em;transition:border-color .2s}.outcome-input:focus{border-color:var(--accent-color);outline:none}.action-buttons-wrapper{display:flex;gap:10px;margin-bottom:20px}.outcome-action-btn,.outcomes-menu-icon{display:flex;align-items:center;justify-content:center;padding:8px;border:none;border-radius:6px;background-color:var(--button-secondary-bg);color:var(--text-primary);cursor:pointer;font-size:.9em;transition:all .2s;width:44px;height:44px;min-height:100%}.outcomes-menu-icon{background:var(--accent-color)}.outcome-action-btn:hover{background-color:var(--button-secondary-hover);border-color:var(--accent-color)}.outcome-action-btn.active{background-color:var(--accent-color);color:var(--text-on-accent);border-color:var(--accent-color)}.settings-action-btn{position:relative;overflow:hidden!important}.settings-action-btn.has-active-setting:after{content:"✔";position:absolute;bottom:0;right:0;width:20px;height:20px;background:var(--accent-color)!important;border-radius:1px;clip-path:polygon(100% 100%,100% 0,0 100%);display:flex;align-items:flex-end;justify-content:flex-end;padding:0 5px 2px 0;font-size:10px;font-weight:900;color:#000c;line-height:1;box-shadow:-2px -2px 4px #00000026;z-index:10}.settings-action-btn:hover.has-active-setting:after{background:#f66}.color-picker-controls{display:flex;align-items:center;justify-content:space-between;gap:12px}.color-value-hash{font-family:monospace;font-size:1em;color:var(--text-secondary);font-weight:600}.color-value-input{width:90px;padding:10px 12px;border:2px solid var(--border-color);border-radius:6px;background:var(--surface-color, #ffffff);color:var(--text-primary);font-family:monospace;font-size:1em;font-weight:600;text-align:center;text-transform:uppercase;transition:all .2s ease;box-shadow:inset 0 1px 3px #0000001a}.color-value-input:focus{outline:none;border-color:var(--accent-color, #3b82f6);box-shadow:0 0 0 3px #3b82f61a,inset 0 1px 3px #0000001a;background:#fff}.color-value-input:hover{border-color:var(--accent-color, #3b82f6);background:#fff}.color-value-display{font-family:monospace;font-size:.9em;color:var(--text-secondary);background:var(--input-bg);padding:6px 8px;border-radius:4px;text-align:center;min-width:80px}@media(max-width:768px){.color-value-input{display:none}.color-value-display{display:block}}@media(min-width:769px){.color-value-display{display:none}.color-value-input{display:block}}.segment-colors-container{display:flex;flex-direction:column;gap:10px;margin-top:10px}.segment-color-item{display:flex;align-items:center;gap:10px;padding:8px;background-color:var(--input-bg);border-radius:6px}.segment-color-input{width:32px;height:32px;border:none;border-radius:4px;cursor:pointer}.segment-color-remove{background:none;border:none;color:var(--text-error, #f44336);cursor:pointer;font-size:14px;padding:4px;border-radius:4px;transition:background-color .2s}.segment-color-remove:hover{background-color:var(--hover-bg)}.color-theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;min-height:300px}.color-theme-row{position:relative;background:#ffffff08;border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:12px;cursor:pointer;transition:all .3s ease}.color-theme-row:hover{transform:translateY(-4px);border-color:var(--accent-color);box-shadow:0 8px 24px #00c4d933;background:#ffffff0d}.color-theme-row.selected{border-color:var(--accent-color);background:linear-gradient(135deg,#00c4d91a,#00c4d90d)}.color-theme-row.selected:after{content:"✓";position:absolute;top:8px;left:8px;width:24px;height:24px;background:var(--accent-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;z-index:2}.color-theme-name{font-weight:600;color:var(--text-primary);font-size:1em;text-align:center;margin-bottom:4px}.swatch-preview-container{width:100%;height:140px;border-radius:8px;margin-bottom:12px;display:flex;align-items:center;justify-content:center;position:relative;border:2px solid rgba(255,255,255,.1)}.saved-swatch-actions{display:flex;flex-direction:row;gap:6px;justify-content:center;align-items:center}.saved-swatch-action-btn{width:24px;height:24px;border-radius:4px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:10px;position:relative}.saved-swatch-action-btn:hover{background:#00c4d926;border-color:var(--accent-color);transform:scale(1.05)}.saved-swatch-action-btn:active{transform:scale(.95)}.saved-swatch-action-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.saved-swatch-action-btn.has-changes{background:#ffc10733;border-color:#ffc10780}.saved-swatch-action-btn.has-changes:hover{background:#ffc1074d;border-color:#ffc107}.saved-swatch-action-delete{color:#ff6b6b!important}.saved-swatch-action-delete:hover{background:#ff6b6b26!important;border-color:#ff6b6b80!important}.saved-swatch-action-delete:active{background:#ff6b6b40!important}.saved-swatch-actions.has-unsaved-changes:before{content:"";position:absolute;top:-4px;right:-4px;width:8px;height:8px;background:#ffc107;border-radius:50%;border:1px solid rgba(0,0,0,.8);z-index:10}@media(max-width:768px){.color-theme-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.color-theme-row{padding:10px}.color-theme-name{font-size:.9em}.swatch-preview-container{height:100px}}@media(max-width:480px){.color-theme-grid{grid-template-columns:1fr 1fr}}.color-theme-swatches-inline{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;flex-shrink:0}.color-theme-swatches-inline .swatch-grid-color,.color-theme-swatches-inline .swatch-grid-color:hover,.color-theme-swatches-inline .swatch-grid-color:active,.color-theme-swatches-inline .saved-swatch,.color-theme-swatches-inline .saved-swatch:hover,.color-theme-swatches-inline .saved-swatch:active,.color-theme-swatches-inline .saved-swatch.editable:hover,.swatch-grid-color,.swatch-grid-color:hover,.swatch-grid-color:active,.saved-swatch,.saved-swatch:hover,.saved-swatch:active,.saved-swatch.editable:hover,.color-theme-row.edit-mode .saved-swatch.editable:hover{transform:none!important;scale:1!important;box-sizing:border-box!important}.swatch-grid-color{min-width:100%;aspect-ratio:1;border-radius:4px;border:1px solid rgba(255,255,255,.2);transition:border-color .2s ease,box-shadow .2s ease;cursor:pointer;box-sizing:border-box}.swatch-grid-color:hover{border-color:#ffffff80;box-shadow:0 2px 8px #0003}.swatch-card-menu-container{position:absolute;top:8px;right:8px;z-index:10}.swatch-card-menu-btn{background:#000000b3;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--text-primary);opacity:0}.color-theme-row:hover .swatch-card-menu-btn{opacity:1}.swatch-card-menu-btn:hover{background:#000000e6;border-color:var(--accent-color);transform:scale(1.05)}.swatch-card-menu-btn i{font-size:14px}.swatch-card-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;background:#14141efa;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 8px 32px #00000080;min-width:180px;z-index:1000;overflow:hidden}.swatch-card-dropdown-menu.hidden{display:none}.swatch-card-dropdown-item{width:100%;padding:12px 16px;background:transparent;border:none;color:var(--text-primary);font-size:.9em;text-align:left;cursor:pointer;display:flex;align-items:center;gap:12px;transition:background .15s ease}.swatch-card-dropdown-item:hover{background:#00c4d91a}.swatch-card-dropdown-item i{font-size:1em;width:16px;text-align:center}.swatch-card-dropdown-item.delete-item{color:#ff6b6b}.swatch-card-dropdown-item.delete-item:hover{background:#ff6b6b1a}.swatch-card-menu-btn.has-unsaved-changes{background:#ffc10733;border-color:#ffc10780}.swatch-card-menu-btn.has-unsaved-changes:before{content:"";position:absolute;top:4px;right:4px;width:8px;height:8px;background:#ffc107;border-radius:50%;border:1px solid rgba(0,0,0,.8);z-index:10}.swatch-card-menu-btn.has-unsaved-changes:hover{background:#ffc1074d;border-color:#ffc107}.swatch-card-dropdown-item:disabled,.swatch-card-dropdown-item[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.premium-section-banner{grid-column:1 / -1;background:linear-gradient(135deg,#ffd7001a,#ffa5001a);border:2px solid rgba(255,215,0,.3);border-radius:12px;padding:16px 20px;margin:8px 0;transition:all .3s ease}.premium-section-banner:hover{border-color:#ffd70080;box-shadow:0 4px 12px #ffd70026}.premium-banner-content{display:flex;align-items:center;justify-content:space-between;gap:16px}.premium-banner-left{display:flex;align-items:center;gap:12px;flex:1}.premium-banner-left>i{font-size:24px;color:gold;flex-shrink:0}.premium-banner-text{display:flex;flex-direction:column;gap:2px}.premium-banner-title{font-size:1em;font-weight:600;color:var(--text-primary);line-height:1.3}.premium-banner-subtitle{font-size:.875em;color:var(--text-secondary);line-height:1.3}.premium-banner-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,gold,orange);color:#000;border:none;border-radius:8px;font-weight:600;font-size:.9em;cursor:pointer;transition:all .3s ease;white-space:nowrap;flex-shrink:0}.premium-banner-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffd70066}.premium-banner-btn i{font-size:.9em}@media(max-width:768px){.premium-section-banner{padding:14px 16px}.premium-banner-content{flex-direction:column;align-items:flex-start;gap:12px}.premium-banner-btn{width:100%;justify-content:center}.premium-banner-title{font-size:.95em}.premium-banner-subtitle{font-size:.8em}}@media(max-width:480px){.premium-banner-left>i{font-size:20px}.premium-section-banner{padding:12px 14px}}.alternating-colors-swatch-grid{display:none;flex-wrap:wrap;gap:8px;margin:12px 0;padding:12px;background:#ffffff08;border-radius:8px;border:1px solid var(--border-light);max-width:100%;overflow:hidden}.alternating-colors-swatch-grid.visible{display:flex!important}.alternating-color-swatch{width:32px;height:32px;border-radius:6px;border:2px solid rgba(255,255,255,.3);cursor:pointer;transition:all .3s ease;position:relative;display:flex;align-items:center;justify-content:center}.alternating-color-swatch:hover{transform:scale(1.1);border-color:#fff9;box-shadow:0 4px 12px #0000004d}.alternating-color-swatch.selected{opacity:1;border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-color-subtle)}.alternating-color-swatch.unselected{opacity:.2;border-color:#ffffff1a}.alternating-color-swatch.unselected:hover{opacity:.5;border-color:#ffffff4d}.alternating-colors-count-info{font-size:.875rem;color:var(--text-secondary);text-align:center;margin-top:8px}.alternating-colors-count-info span{font-weight:600;color:var(--accent-color)}.user-colors-section{margin-top:20px}.user-colors-section.hidden{display:none}.user-colors-title{font-size:1.1em;font-weight:600;color:var(--text-primary);margin:0 0 15px}.user-colors-controls-wrapper{margin-bottom:16px}.user-colors-header{display:flex;align-items:center;flex:1}.user-colors-title{font-size:1.1em;font-weight:600;color:var(--text-primary);margin:0}.action-buttons-wrapper{display:flex;justify-content:space-between;align-items:center;gap:12px}.no-user-colors-message{text-align:center;padding:40px 20px;color:var(--text-secondary);font-style:italic;display:none}.no-user-colors-message i{font-size:2em;margin-bottom:12px;opacity:.6}.no-user-colors-message p{margin:0;font-size:.9em;line-height:1.4}#userSwatchesSection.active .no-user-colors-message{display:block!important}#userColorThemeGrid .color-theme-row{background:rgba(var(--accent-color-rgb),.05);border:1px dashed var(--accent-color);position:relative}#userColorThemeGrid .color-theme-row:hover{background:rgba(var(--accent-color-rgb),.1);border-color:var(--accent-color)}.user-theme-delete-btn{position:absolute;top:8px;right:8px;background:#dc3545cc;color:#fff;border:none;border-radius:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;opacity:0;transition:all .2s ease;z-index:2}.user-theme-delete-btn:hover{background:#dc3545;transform:scale(1.1)}#userColorThemeGrid .color-theme-row:hover .user-theme-delete-btn{opacity:1}.color-theme-row.premium-disabled{opacity:.6;cursor:not-allowed;position:relative}.color-theme-row.premium-disabled:hover{transform:none;border-color:#ffffff1a;box-shadow:none;background:#ffffff08}.color-theme-row.pro-disabled:after{content:"";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;top:16px;left:16px;width:32px;height:32px;background:#000;backdrop-filter:blur(10px);border-radius:6px 0 16px;display:flex;align-items:center;justify-content:center;font-size:14px;color:gold;z-index:2}.color-theme-row.premium-disabled:after{content:"";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;top:16px;left:16px;width:32px;height:32px;background:#000;backdrop-filter:blur(10px);border-radius:6px 0 16px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;z-index:2}.color-theme-row.premium-disabled .swatch-grid-color,.color-theme-row.pro-disabled .swatch-grid-color{opacity:.7}.color-theme-row.premium-disabled .swatch-grid-color:hover{transform:none;border-color:#fff3;box-shadow:none}.swatches-section{display:none}.swatches-section.active,#userSwatchesSection.active,#userSwatchesSection.active .user-colors-section{display:block!important;visibility:visible!important;opacity:1!important}.saved-swatch{width:24px;height:24px;border-radius:4px;border:1px solid rgba(255,255,255,.3);transition:all .2s ease;position:relative;cursor:pointer}.saved-swatch:hover{transform:scale(1.05);border:2px solid rgba(255,255,255,.6);box-shadow:0 2px 6px #0003}.saved-swatch.editable{cursor:pointer}.saved-swatch.editable:hover{transform:scale(1.1);border:2px solid rgba(0,123,255,.8);box-shadow:0 0 8px #007bff66}.color-theme-row.edit-mode{background:#007bff0d;border:2px solid rgba(0,123,255,.3);border-radius:8px;padding:12px;margin:8px 0;transition:all .3s ease;display:flex;flex-direction:column;gap:12px}.color-theme-row.edit-mode .color-theme-name{order:1;text-align:left;font-weight:600;font-size:14px;margin:0}.editable-title{cursor:pointer;text-align:left;width:100%;padding:4px 8px;border-radius:4px;transition:all .2s ease;border:1px solid transparent}.editable-title:hover{background:#007bff1a;border:1px solid rgba(0,123,255,.3)}.editable-title.editing{background:#007bff0d;border:1px solid rgba(0,123,255,.5)}.title-edit-input{width:calc(100% + 16px);margin:-4px -8px;background:var(--input-bg, #2a2a2a);border:2px solid rgba(0,123,255,.8);border-radius:4px;padding:4px 8px;font-size:14px;font-weight:600;color:var(--text-color, #ffffff);outline:none;box-shadow:0 0 0 2px #007bff33;text-align:left;box-sizing:border-box;display:block}.list-editing-title-section{margin-bottom:16px;padding:8px 0;border-bottom:1px solid var(--border-color, #333)}.list-editing-title-section.hidden{display:none}.editing-list-name{font-size:16px;font-weight:600;color:var(--text-color, #ffffff);margin:0;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease;border:2px solid transparent;background:transparent;text-align:left;word-break:break-word}.editing-list-name:hover{background:var(--hover-bg, rgba(255, 255, 255, .05));border-color:var(--border-color, #333)}.editing-list-name.editing{background:var(--input-bg, #2a2a2a);border-color:#007bffcc;box-shadow:0 0 0 2px #007bff33}.list-editing-status{font-size:12px;color:var(--text-muted, #888);font-weight:500;padding-left:8px}.list-editing-status.has-changes{color:var(--warning-color, #ffa500)}.list-editing-status.has-changes:before{content:"● ";color:var(--warning-color, #ffa500)}.list-editing-actions{display:grid;grid-template-columns:repeat(2,32px);grid-template-rows:repeat(2,32px);gap:8px;flex-shrink:0}.list-action-btn{width:32px;height:32px;border:1px solid var(--border-color, #333);border-radius:6px;background:var(--button-bg, #2a2a2a);color:var(--text-color, #ffffff);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:14px;position:relative}.list-action-btn:hover:not(:disabled){background:var(--button-hover-bg, #3a3a3a);border-color:var(--button-hover-border, #555);transform:translateY(-1px)}.list-action-btn:active:not(:disabled){transform:translateY(0)}.list-action-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--button-disabled-bg, #1a1a1a);border-color:var(--button-disabled-border, #222)}.list-save-btn:not(:disabled){background:var(--success-bg, #28a745);border-color:var(--success-border, #1e7e34);color:#fff}.list-save-btn:hover:not(:disabled){background:var(--success-hover, #218838);border-color:var(--success-hover-border, #1c7430)}.list-undo-btn:not(:disabled){background:var(--warning-bg, #ffc107);border-color:var(--warning-border, #e0a800);color:var(--dark-text, #000)}.list-undo-btn:hover:not(:disabled){background:var(--warning-hover, #e0a800);border-color:var(--warning-hover-border, #d39e00)}.list-duplicate-btn{background:var(--info-bg, #17a2b8);border-color:var(--info-border, #138496);color:#fff}.list-duplicate-btn:hover{background:var(--info-hover, #138496);border-color:var(--info-hover-border, #117a8b)}.list-clear-btn{background:var(--danger-bg, #dc3545);border-color:var(--danger-border, #c82333);color:#fff}.list-clear-btn:hover{background:var(--danger-hover, #c82333);border-color:var(--danger-hover-border, #bd2130)}.list-name-edit-input{width:100%;background:var(--input-bg, #2a2a2a);border:2px solid rgba(0,123,255,.8);border-radius:4px;padding:4px 8px;font-size:16px;font-weight:600;color:var(--text-color, #ffffff);outline:none;box-shadow:0 0 0 2px #007bff33;text-align:left;box-sizing:border-box;margin:0}.title-edit-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff4d}.color-theme-row.edit-mode .theme-content-row{order:2;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:16px}.saved-theme-content-row{display:flex;align-items:flex-start;flex-direction:row;justify-content:space-between;gap:16px;padding:0;margin:0;width:100%}.color-theme-row.edit-mode .color-theme-swatches-inline{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;flex-shrink:0}.saved-swatches-container{display:grid;grid-template-columns:repeat(4,1fr);gap:4px!important;border:rgba(0,123,255,.05);flex-shrink:0;padding:0;margin:0;max-width:124px}.color-theme-row.edit-mode .swatch-edit-actions{margin:0;padding:0;border:none;flex-shrink:0;align-self:flex-start}.color-theme-row.edit-mode .saved-swatch.editable:hover{transform:scale(1.15);border:2px solid rgba(0,123,255,.8);box-shadow:0 0 12px #007bff66}.edit-actions-wrapper{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:4px;justify-items:center;max-width:80px;margin:0 auto}.swatch-action-btn{border:.5px solid rgba(255,255,255,.5);width:24px;height:24px;padding:4px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.swatch-save-btn{background:#28a745;color:#fff}.swatch-save-btn:hover:not(:disabled){background:#218838;transform:translateY(-1px);box-shadow:0 4px 8px #28a7454d}.swatch-save-btn.has-changes{background:#28a745;box-shadow:0 0 0 2px #28a7454d}.swatch-undo-btn{background:#ffc107;color:#212529}.swatch-undo-btn:hover:not(:disabled){background:#e0a800;transform:translateY(-1px);box-shadow:0 4px 8px #ffc1074d}.swatch-undo-btn.has-changes{background:#ffc107;box-shadow:0 0 0 2px #ffc1074d}.swatch-duplicate-btn{background:#6c757d;color:#fff}.swatch-duplicate-btn:hover{background:#5a6268;transform:translateY(-1px);box-shadow:0 4px 8px #6c757d4d}.swatch-delete-btn{background:#dc3545;color:#fff}.swatch-delete-btn:hover{background:#c82333;transform:translateY(-1px);box-shadow:0 4px 8px #dc35454d}.swatch-action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.swatch-action-btn i{font-size:14px;width:24px;height:24px;display:flex;align-items:center;justify-content:center}#themesPanelContent{align-items:flex-start!important}.wheel-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:calc(var(--z-floating-elements) + 10);display:none;opacity:0;transition:opacity .3s ease;pointer-events:none}.wheel-overlay:before{content:"";position:absolute;bottom:15px;left:15px;width:66px;height:66px;pointer-events:none;z-index:1}.combined-panel:not(.hidden)~#mainContentWrapper .wheel-overlay{display:block;opacity:1}.action-group{position:absolute;top:20px;left:0;right:0;display:flex;justify-content:space-between;padding:0 20px;z-index:var(--z-floating-elements);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s}.combined-panel:not(.hidden)~.action-group,.combined-panel:not(.hidden)+.action-group,body.panel-open .action-group{opacity:1;visibility:visible}body.panel-open nav,body.panel-open .bottom-navigation,body.panel-open footer,body.panel-open .show-results-btn,body.panel-open .app-nav-list{display:none}body.panel-open .ad-unit,body.panel-open .adsense,body.panel-open .google-ads,body.panel-open #ad-container,body.panel-open .ad-banner,body.panel-open .ad-zone,body.panel-open [class*=ad-],body.panel-open [id*=ad-],body.combined-panel-active .ad-unit,body.combined-panel-active .adsense,body.combined-panel-active .google-ads,body.combined-panel-active #ad-container,body.combined-panel-active .ad-banner,body.combined-panel-active .ad-zone,body.combined-panel-active [class*=ad-],body.combined-panel-active [id*=ad-]{display:none!important}.setting-micro-copy{font-size:.8em;color:var(--text-secondary);margin-top:4px;opacity:0;max-height:0;overflow:hidden;transition:all .3s ease}.setting-micro-copy.visible{opacity:1;max-height:100px}.icon-toggle-group{display:flex;gap:8px}.icon-toggle-btn{padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background-color:var(--button-secondary-bg);color:var(--text-primary);cursor:pointer;font-size:.9em;transition:all .2s}.icon-toggle-btn:hover{background-color:var(--button-secondary-hover);border-color:var(--accent-color)}.icon-toggle-btn.active{background-color:var(--accent-color);color:var(--text-on-accent);border-color:var(--accent-color)}.icon-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.icon-toggle-btn:disabled:hover{background-color:var(--button-secondary-bg);border-color:var(--border-color)}@media(max-width:1600px){.combined-panel{max-width:60%}}.mobile-edit-title-icon{position:absolute;top:24px;right:56px;width:32px;height:32px;background:var(--accent-color);border:none;border-radius:4px;color:#fff;font-size:18px;cursor:pointer;z-index:5000;box-shadow:0 2px 8px #0003;transition:all .2s ease;display:none}@media(max-width:768px){:root{--panel-content-right: 0px}.panel-content{width:100%;right:0;padding:0;height:auto;-webkit-overflow-scrolling:touch}.combined-panel{position:fixed;left:0;right:0;top:auto;width:100%;max-width:100%;height:55vh;padding:16px 8px 64px;border-radius:24px 24px 0 0!important}.combined-panel.hidden{bottom:-100vh!important;visibility:hidden}.combined-panel:not(.hidden){bottom:0;visibility:visible}.combined-panel.panel-opening{animation:panelSlideUpSmooth .6s cubic-bezier(.175,.885,.32,1.275) forwards}.combined-panel.panel-closing{animation:panelSlideDownSmooth .6s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes panelSlideUpSmooth{0%{bottom:-100vh}60%{bottom:2vh}to{bottom:0}}@keyframes panelSlideDownSmooth{0%{bottom:0}40%{bottom:-2vh}to{bottom:-100vh}}.combined-panel.expanded{height:95vh!important;bottom:0!important;border-radius:24px 24px 0 0!important;transition:height .6s cubic-bezier(.175,.885,.32,1.275)!important}.combined-panel.expanded .panel-content{height:auto;transition:height .6s cubic-bezier(.175,.885,.32,1.275)}.combined-panel.expanding,.combined-panel.collapsing{transition:height .6s cubic-bezier(.175,.885,.32,1.275)!important;will-change:height}.combined-panel.ios-dragging{transition:none!important;will-change:bottom}.combined-panel.ios-snap-back{transition:bottom .4s cubic-bezier(.25,.46,.45,.94)!important}.combined-panel.ios-dismissing{transition:bottom .5s cubic-bezier(.25,.46,.45,.94)!important}.panel-drag-handle{position:absolute;top:8px;left:50%;transform:translate(-50%);width:40px;height:4px;background:#0000004d;border-radius:2px;cursor:grab;transition:all .2s ease;z-index:10;opacity:.6}.panel-drag-handle:hover,.panel-drag-handle:active{background:#00000080;opacity:1;transform:translate(-50%) scale(1.1)}.panel-drag-handle:active{cursor:grabbing}body.light-theme .panel-drag-handle{background:#0006;opacity:.7}body.light-theme .panel-drag-handle:hover,body.light-theme .panel-drag-handle:active{background:#0009;opacity:1}.combined-panel:before{pointer-events:none}.combined-panel.expanded:before{bottom:5vh}.combined-panel.hidden:before{display:none}.toggle-item label:first-child{flex:1;margin-right:15px}.color-picker-item{flex-direction:row;align-items:center}.outcome-input{font-size:16px}.color-theme-row{flex-direction:column;align-items:center;gap:8px}.color-theme-name{width:100%;margin-bottom:4px;font-size:.9em}.color-theme-swatches-inline{width:100%;justify-content:flex-start}.user-colors-title{font-size:1em}.no-user-colors-message{padding:30px 15px}.no-user-colors-message i{font-size:1.5em}.user-theme-delete-btn{opacity:1;background:#dc3545e6}body.panel-open nav,body.panel-open .bottom-navigation,body.panel-open footer,body.panel-open .app-nav-list{display:none}body.panel-open{overflow:hidden}body.panel-open #wheelVisualWrapper{transform:scale(.7);opacity:.3;pointer-events:none}body.panel-open #wheelContainer{transform:scale(.8);opacity:.4;pointer-events:none}#outcomesPanelContent .setting-item:has(.panel-question-title-wrapper){display:none}.mobile-title-edit-modal{position:fixed;inset:0;background:#000c;z-index:15000;backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:all .3s ease;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.mobile-title-edit-modal.visible{opacity:1;visibility:visible}.mobile-title-edit-modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translateY(24px);background:var(--container-bg);border-radius:16px;padding:24px;max-width:400px;width:calc(100% - 40px);box-shadow:0 8px 32px #0000004d;transition:transform .3s ease}.mobile-title-edit-modal.visible .mobile-title-edit-modal-content{transform:translate(-50%,-50%) translateY(0)}.mobile-title-edit-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.mobile-title-edit-modal-title{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin:0}.mobile-title-edit-modal-close{background:none;border:none;color:var(--text-secondary);font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.mobile-title-edit-modal-close:hover{background:var(--input-bg);color:var(--text-primary)}.mobile-title-edit-modal-input{width:100%;padding:16px;border:2px solid var(--border-color);border-radius:12px;background:var(--input-bg);color:var(--text-primary);font-size:16px;font-family:inherit;outline:none;transition:border-color .2s ease;box-sizing:border-box;margin-bottom:20px}.mobile-title-edit-modal-input:focus{border-color:var(--accent-color)}.mobile-title-edit-modal-actions{display:flex;gap:var(--modal-padding-md, 16px);justify-content:flex-end;margin-top:20px}}body.light-theme .combined-panel,body[data-theme=light] .combined-panel{background-color:#fff;border-left:1px solid #e5e7eb;box-shadow:-6px 0 20px #0000001a}body.light-theme .panel-content,body[data-theme=light] .panel-content{background:none}body.light-theme .pill-button.active,body[data-theme=light] .pill-button.active{background-color:var(--accent-color, #3b82f6);color:#fff}body.light-theme .outcome-action-btn.active,body[data-theme=light] .outcome-action-btn.active,body.light-theme .icon-toggle-btn.active,body[data-theme=light] .icon-toggle-btn.active{background-color:var(--accent-color, #3b82f6);color:#fff;border-color:var(--accent-color, #3b82f6)}body.light-theme .panel-header-wrapper h3,body[data-theme=light] .panel-header-wrapper h3,body.light-theme .settings-group-title,body[data-theme=light] .settings-group-title,body.light-theme .setting-item label,body[data-theme=light] .setting-item label,body.light-theme .toggle-item label,body[data-theme=light] .toggle-item label{color:#1f2937}.panel-question-title-wrapper{border-radius:8px;padding:0;margin-bottom:16px;transition:all .2s ease;position:relative;overflow:hidden}.panel-question-title-wrapper:hover{background:#ffffff14;border-color:var(--accent-color, #3b82f6);box-shadow:0 2px 8px #0000001a}.panel-question-title{width:100%;background:transparent;border:none;padding:1rem 3.5rem 1rem 1.2rem;font-size:1.1em;font-weight:500;color:var(--text-primary);outline:none;resize:none}.panel-question-title::placeholder{color:var(--text-secondary);opacity:.7}body.light-theme .panel-question-title-wrapper,body[data-theme=light] .panel-question-title-wrapper{background:#00000005;border-color:#e5e7eb}body.light-theme .panel-question-title-wrapper:hover,body[data-theme=light] .panel-question-title-wrapper:hover{background:#0000000a;border-color:var(--accent-color, #3b82f6);box-shadow:0 2px 8px #0000000d}.panel-title-input-container{position:relative;display:flex;align-items:center;width:100%;box-sizing:border-box;padding-bottom:0;margin:0}.panel-input-buttons-container{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:8px;z-index:10}.saved-lists-grid{display:flex;flex-direction:column;gap:8px;margin-top:1rem}.no-saved-lists-message{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;height:100%;width:100%;padding:16px;border:1px dashed var(--border-color);border-radius:8px;background:var(--input-bg);color:var(--text-secondary);font-size:.9em;box-sizing:border-box}.add-new-list-cta{display:flex;align-items:center;gap:12px;padding:12px;background:rgba(var(--accent-color-rgb),.08);border:2px dashed var(--accent-color);border-radius:8px;cursor:pointer;transition:all .3s ease;text-decoration:none;color:var(--text-primary)}.add-new-list-cta:hover{background:rgba(var(--accent-color-rgb),.15);border-color:var(--accent-color);transform:translateY(-1px)}.add-new-list-cta .cta-icon{width:40px;height:40px;background:var(--accent-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;flex-shrink:0}.add-new-list-cta .cta-content{flex:1;display:flex;flex-direction:column;gap:2px}.add-new-list-cta .cta-title{font-weight:600;color:var(--accent-color);font-size:.95em;margin:0}.add-new-list-cta .cta-subtitle{color:var(--text-secondary);font-size:.8rem;margin:0}.saved-list-item{display:flex;align-items:center;gap:12px;padding:12px;background:rgba(var(--accent-color-rgb),.05);border:1px dashed var(--accent-color);border-radius:8px;position:relative;cursor:pointer;transition:all .3s ease}.saved-list-item:hover{background:rgba(var(--accent-color-rgb),.1);border-color:var(--accent-color)}.saved-list-item.selected{border-color:var(--accent-color);background:rgba(var(--accent-color-rgb),.15);box-shadow:0 0 12px rgba(var(--accent-color-rgb),.3)}.saved-list-header{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.saved-list-name{font-weight:500;color:var(--text-primary);font-size:.95em;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-list-meta{display:flex;gap:12px;align-items:center;color:var(--text-secondary);font-size:.8rem}.saved-list-count{color:var(--accent-color);font-weight:500}.saved-list-date{color:var(--text-secondary)}.saved-list-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s ease}.saved-list-item:hover .saved-list-actions{opacity:1}.saved-list-actions .button-primary{max-width:28px!important;max-height:28px!important;background:none;border:none;color:var(--text-secondary);cursor:pointer;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:.9rem}.saved-list-actions .delete-list-btn:hover{color:var(--error-color);background:#f443361a}#saveListAlert .form-group{text-align:left}#saveListAlert .modal-title{width:100%!important;line-height:.9!important;height:100%!important}#saveListAlert .form-group label{color:var(--text-primary);font-size:.9em}#saveListAlert #saveListNameInput{border:1px solid var(--border-color);width:100%!important;background:var(--input-bg);color:var(--text-primary);border-radius:6px;padding:10px 12px;font-size:.9em}.alert-box .form-group{width:100%!important}#saveListAlert #saveListNameInput:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px rgba(var(--accent-color-rgb),.2)}#saveListAlert #saveListNameInput::placeholder{color:var(--text-secondary);opacity:.7}.settings-group-title,.sorter-group-title{font-size:1.1em;font-weight:600;color:var(--text-primary);margin:1.5rem 0 .8rem;padding:0 8px;letter-spacing:-.01em;line-height:1.3;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;width:100%!important}.sorter-section-header-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;width:100%;flex-wrap:wrap}.sorter-section-header-left{flex:1 1 auto;min-width:0}.sorter-section-header-right{flex:0 0 auto;display:flex;align-items:center;gap:8px}#sorterItemsListContainer .sorter-section-header-row{box-sizing:border-box}#sorterItemsListContainer .sorter-section-header-left{box-sizing:border-box;width:auto;flex:0 0 auto}#sorterItemsListContainer .sorter-section-header-right{box-sizing:border-box;flex:1 1 auto;display:flex;justify-content:flex-end;align-items:center;gap:16px}#sorterItemsListContainer #saveListBtn,#addBulkSorterItemsBtn{max-width:160px;padding:10px}#sorterItemsListContainer .sorter-actions-wrapper{padding:0!important;border:1px solid red!important;background:none!important;box-shadow:none!important;border-radius:0!important;color:var(--text-primary)!important;font-size:.9em!important;font-weight:600!important;text-align:left!important;text-decoration:none!important}.sorter-section-header-left h4{margin:0;font-size:1.1em;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sorter-actions-wrapper{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.settings-action-btn{width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;background:var(--input-bg);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.settings-action-btn:hover{background:#ffffff1a;border-color:var(--accent-color);color:var(--accent-color)}.settings-action-btn i{font-size:16px}@media(max-width:768px){.sorter-section-header-row{flex-direction:column;align-items:stretch}.sorter-section-header-right{justify-content:flex-end}}.settings-group-title-container{display:flex;justify-content:space-between;align-items:center;width:100%;margin:1.5rem 0 .8rem}.settings-group-title-container .settings-group-title{margin:0;flex:1}.settings-group-title-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.panel-main-title-wrapper{position:sticky;background:var(--container-bg);top:-48px;z-index:1000;display:flex;justify-content:flex-end;flex-direction:row-reverse!important;align-items:center;gap:16px;padding:0 16px 0 0;border-bottom:1px solid var(--border-color);margin-bottom:1.5rem;box-sizing:border-box}.themes-panel-content{overflow:hidden}.panel-main-title{width:100%}.panel-main-title-actions,.panel-main-title-outcomes-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.panel-main-title-outcomes-actions .panel-save-btn,.panel-main-title-outcomes-actions .panel-close-btn{width:32px;height:32px;font-size:1.1rem;margin-left:0;border-radius:6px}.panel-main-title-outcomes-actions .panel-save-btn{background:var(--primary-color, #00c4d9)!important}.panel-main-title-outcomes-actions .panel-save-btn:hover{background:var(--primary-color-hover, #00a8bb)!important}.panel-save-btn{background:var(--primary-color, #00c4d9);border:none;border-radius:6px;color:#fff;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:14px}.panel-save-btn:hover{background:var(--primary-color-hover, #00a8bb);transform:translateY(-1px);box-shadow:0 2px 8px #00c4d94d}.panel-save-btn:active{transform:translateY(0)}.panel-save-btn.saving{pointer-events:none;opacity:.8}.panel-save-btn.saving i{animation:spin 1s linear infinite}.panel-save-btn.success{background:#10b981}.panel-save-btn.success:hover{background:#059669}.panel-save-btn.error{background:#ef4444}.panel-save-btn.error:hover{background:#dc2626}@media(max-width:768px){.panel-main-title-wrapper{position:sticky;flex-direction:row!important;z-index:1000;padding:0 8px;top:-16px;left:0;width:100%;background:var(--container-bg)}.panel-main-title-wrapper-outcomes{margin:0}}.outcomes-group-title{position:sticky;top:0;z-index:1000;font-size:1.75em!important;font-weight:600;text-align:left;width:100%;color:var(--text-primary);margin:0rem 0 0;padding:0 8px 0 0;min-width:100%!important;width:100%!important;box-sizing:border-box;display:flex;justify-content:flex-start;align-items:flex-start;gap:0}.outcomes-group-title-text{display:flex;align-items:center;gap:0px;font-size:1.25em!important;margin-left:8px}.outcomes-menu-icon:hover{background:var(--accent-color, #5dbc7a);color:#fff;transform:scale(1.05)}.outcomes-menu-icon:active{transform:scale(.95)}.outcomes-group-title .outcomes-menu-icon{display:flex!important}.outcomes-group-title .outcomes-title-text{font-size:2em;font-weight:700;color:var(--text-primary);padding:0;letter-spacing:-.025em;line-height:1.2}.settings-group:first-child .settings-group-title{margin-top:0}@media(max-width:768px){.panel-question-title{display:none}.sorter-group-title{position:relative;font-size:1em;padding:0 8px 8px;margin:0;gap:8px;width:100%;box-sizing:border-box;border-bottom:.5px solid var(--border-color);background:var(--container-bg)}.settings-group-title{font-size:1em}.settings-group-title-outcomes{margin:0!important;padding:0!important}.setting-item-title{font-size:.9em}}body.light-theme .panel-main-title,body[data-theme=light] .panel-main-title,body.light-theme .settings-group-title,body[data-theme=light] .settings-group-title,body.light-theme .setting-item-title,body[data-theme=light] .setting-item-title{color:#1f2937}body.light-theme .settings-group-title,body[data-theme=light] .settings-group-title{border-bottom-color:#e5e7eb}body.light-theme .outcomes-group-title .outcomes-menu-icon,body[data-theme=light] .outcomes-group-title .outcomes-menu-icon{color:#6b7280}body.light-theme .outcomes-group-title:hover .outcomes-menu-icon,body[data-theme=light] .outcomes-group-title:hover .outcomes-menu-icon{color:#1f2937}.switch{position:relative;display:inline-block;width:42px;height:24px;flex-shrink:0;margin-left:auto}.slider{position:absolute;cursor:pointer;inset:0;background-color:#fff3;transition:.4s;box-sizing:border-box}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;box-sizing:border-box}input:checked+.slider{background-color:var(--accent-color, #3b82f6)}input:focus+.slider{box-shadow:0 0 1px var(--accent-color, #3b82f6)}input:checked+.slider:before{-webkit-transform:translateX(18px);-ms-transform:translateX(18px);transform:translate(18px)}.slider.round{border-radius:24px}.pill-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.2rem;margin-bottom:0;transition:opacity .3s ease,visibility .3s ease}.pill-label{font-size:.75rem;font-weight:500;white-space:nowrap}@media(max-width:768px){.settings-pill-menu{display:flex;flex-direction:row;align-items:center;justify-content:space-between;position:fixed;background:var(--container-bg);gap:16px;z-index:10000;box-sizing:border-box;width:100%;min-height:64px;padding:12px 24px;bottom:0;left:0}.pill-label{display:none}body.combined-panel-active #combinedPanelPillMenu{display:flex!important;visibility:visible!important;opacity:1!important}body.combined-panel-active:not(.panel-tab-navigation-active) #combinedPanelPillMenu{display:flex!important;visibility:visible!important;opacity:1!important}body.input-focused #combinedPanelPillMenu{display:none!important;visibility:hidden!important;opacity:0!important}body.input-focused .combined-panel{height:85vh!important;transition:height .6s cubic-bezier(.175,.885,.32,1.275)!important}body.virtual-keyboard-open .combined-panel,body.virtual-keyboard-open body.input-focused .combined-panel{height:100vh!important;max-height:100vh!important}body.input-focused .combined-panel .panel-content{padding-bottom:100px;scroll-behavior:smooth}body.input-focused .combined-panel.expanding,body.input-focused .combined-panel.collapsing{height:85vh!important;transition:none!important}#outcomeInput:focus,.list-item-text:focus,.outcome-input:focus{transform:none!important;position:relative!important;top:auto!important;left:auto!important;margin:0!important;display:block!important;width:100%!important;box-sizing:border-box!important}input[type=color]:focus,.color-value-input:focus,.form-input-color-value:focus,[id*=ColorValue]:focus,[id*=colorValue]:focus{transform:none!important;position:relative!important;z-index:auto!important}.color-picker-controls,.color-value-container{position:relative!important;z-index:0!important}input[type=color]{z-index:1000!important;position:relative!important}input[type=color]:focus,input[type=color]:active{z-index:1001!important}.add-outcome-wrapper{position:relative!important;display:flex!important;box-sizing:border-box!important}.list-item-content{position:relative!important;width:100%!important;display:flex!important;box-sizing:border-box!important}body.virtual-keyboard-open #outcomeInput:focus,body.virtual-keyboard-open .list-item-text:focus,body.virtual-keyboard-open input:not([type=color]):not([type=checkbox]):focus,body.virtual-keyboard-open textarea:focus{transform:none;z-index:1001;position:relative}body.virtual-keyboard-open .combined-panel{overflow-y:auto;scroll-behavior:smooth}#combinedPanelPillMenu.scroll-hidden{bottom:-80px!important;transition:bottom .3s cubic-bezier(.4,0,.2,1)!important}#combinedPanelPillMenu:not(.scroll-hidden){bottom:env(safe-area-inset-bottom,0)!important;transition:bottom .3s cubic-bezier(.4,0,.2,1)!important}.panel-tab-back-btn{position:sticky;left:0;bottom:0;background:var(--button-secondary-bg);border:1px solid var(--border-color);color:var(--text-secondary);min-width:48px;height:48px;padding:8px;border-radius:8px;cursor:pointer;display:none;align-items:center;justify-content:center;font-size:1.2rem;transition:all .2s ease;margin-right:8px;flex-shrink:0}.panel-tab-back-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.combined-panel:not(.hidden){padding-bottom:16px}}@media(min-width:769px){#combinedPanelPillMenu{display:none}.mobile-edit-title-icon{position:absolute;top:24px;right:56px;width:32px;height:32px;display:none}.panel-tab-navigation{position:relative;bottom:auto;left:auto;right:auto;z-index:auto;display:flex;gap:8px;flex-direction:row!important;overflow-x:auto;overflow-y:visible!important;padding:16px 0 0;border-top:none;margin-bottom:16px;height:auto;min-height:auto;max-height:none;overflow:hidden!important}.combined-panel:not(.hidden){padding-bottom:16px}}@media(max-width:768px){.combined-panel{will-change:auto!important;perspective:none!important;backface-visibility:visible!important;overflow-y:auto!important;overflow-x:hidden!important}.panel-tab-navigation{display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;margin-bottom:16px;padding:0 8px;z-index:1000;background:var(--container-bg);gap:12px}.combined-panel:not(.hidden){padding-bottom:80px!important}.combined-panel.panel-opening,.combined-panel.panel-closing,.combined-panel.ios-dragging,.combined-panel.ios-snap-back,.combined-panel.ios-dismissing{will-change:auto!important;perspective:none!important;backface-visibility:visible!important}}.question-header #showResultsBtn{display:none}.question-header #wheelTypeIndicator{display:flex}body.mode-eliminator:not(.combined-panel-active) .question-header #showResultsBtn{display:flex}body.mode-multi-pick:not(.combined-panel-active) .question-header #showResultsBtn{display:flex}body.mode-chase:not(.combined-panel-active) .question-header #showResultsBtn{display:flex}body.mode-sorter-eliminator:not(.combined-panel-active) .question-header #showResultsBtn{display:flex}body.mode-group-sorter:not(.combined-panel-active) .question-header #showResultsBtn{display:flex}body.mode-sorter:not(.combined-panel-active) .question-header #showResultsBtn{display:flex}body.combined-panel-active .question-header #showResultsBtn{display:none!important}body.combined-panel-active .question-header #wheelTypeIndicator{display:flex!important}.combined-panel .setting-item,.setting-item.parent-item,.setting-item{margin-bottom:1.5rem}.setting-item.collapsed-toggle{margin-bottom:0!important}.setting-item.expanded-toggle{margin-bottom:1.5rem!important}.setting-item.toggle-item.parent-item:has(input[type=checkbox]:not(:checked)){margin-bottom:0!important}.setting-item.toggle-item.parent-item:has(input[type=checkbox]:checked){margin-bottom:1.5rem!important}.mobile-field-edit-wrapper{position:relative;display:flex;align-items:center;width:100%}.mobile-field-edit-wrapper input,.mobile-field-edit-wrapper textarea{flex:1;padding-right:48px}.mobile-field-edit-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:var(--accent-primary, #00c4d9);color:#000;border:none;border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10}.mobile-field-edit-btn:active{transform:translateY(-50%) scale(.95);background:var(--accent-primary-hover, #00d4e9)}.mobile-field-edit-btn i{font-size:14px}.mobile-field-edit-wrapper:has(textarea) .mobile-field-edit-btn{top:12px;transform:none}.mobile-field-edit-wrapper:has(textarea) .mobile-field-edit-btn:active{transform:scale(.95)}.feature-disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.feature-premium{position:relative}.feature-premium:after{content:"⭐";position:absolute;top:-5px;right:-5px;font-size:12px;background:linear-gradient(135deg,gold,orange);border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.feature-new{position:relative}.feature-new:before{content:"NEW";position:absolute;top:-8px;right:-8px;background:var(--fate-accent);color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;line-height:1}.feature-gate{border-radius:12px;padding:20px;margin:16px 0;border:1px solid var(--border-color, #333);background:var(--card-bg, #1a1a1a);transition:all .3s ease}.feature-gate.feature-blocked{border-color:var(--accent-color, #00c4d9);background:linear-gradient(135deg,#4ec29d1a,#4ec29d0d)}.feature-gate-content{display:flex;align-items:flex-start;gap:16px}.feature-gate .feature-icon{font-size:2rem;flex-shrink:0;margin-top:4px}.feature-gate-text h4{margin:0 0 8px;color:var(--text-primary, #ffffff);font-size:1.2rem;font-weight:600}.feature-gate-text p{margin:0;color:var(--text-secondary, #b0b0b0);line-height:1.5}.feature-gate-actions{margin-top:16px;display:flex;gap:12px}.feature-action-btn{background:var(--accent-color, #00c4d9);color:var(--text-on-accent, #000000);border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block}.feature-action-btn:hover{background:var(--accent-hover, #45b08a)}.feature-upgrade-btn{background:linear-gradient(135deg,gold,#ffed4e);color:#000}.feature-upgrade-btn:hover{background:linear-gradient(135deg,#ffed4e,gold)}.feature-status{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;margin:8px 0;font-size:.9rem}.feature-status.feature-available{background:#4caf501a;border:1px solid rgba(76,175,80,.3);color:#4caf50}.feature-status.feature-warning{background:#ffc1071a;border:1px solid rgba(255,193,7,.3);color:#ffc107}.feature-status.feature-unlimited{background:#9c27b01a;border:1px solid rgba(156,39,176,.3);color:#9c27b0}.feature-progress{flex:1;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.feature-progress-bar{height:100%;background:currentColor;border-radius:3px;transition:width .3s ease}.feature-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.feature-badge-pro{background:linear-gradient(135deg,gold,#ffed4e);color:#000;box-shadow:0 2px 4px #ffd7004d}.feature-badge-small{font-size:.7rem;padding:2px 6px}.feature-badge-medium{font-size:.8rem;padding:4px 8px}.feature-badge-large{font-size:.9rem;padding:6px 12px}.feature-badge-icon{font-size:1em}.feature-badge-text{margin-left:2px}.usage-indicator{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;font-size:.85rem;margin:4px 0}.usage-indicator.usage-normal{background:#4caf501a;color:#4caf50}.usage-indicator.usage-warning{background:#ffc1071a;color:#ffc107}.usage-indicator.usage-unlimited{background:#9c27b01a;color:#9c27b0}.usage-progress{flex:1;height:4px;background:#fff3;border-radius:2px;overflow:hidden}.usage-progress-bar{height:100%;background:currentColor;border-radius:2px;transition:width .3s ease}.usage-icon{font-size:1.2em}.feature-list{margin:20px 0}.feature-list-grouped .feature-category{margin-bottom:24px}.feature-category-title{color:var(--text-primary, #ffffff);font-size:1.1rem;font-weight:600;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--border-color, #333)}.feature-category-items{display:flex;flex-direction:column;gap:8px}.feature-item{padding:12px 16px;border-radius:8px;border:1px solid var(--border-color, #333);background:var(--card-bg, #1a1a1a);transition:all .2s ease}.feature-item:hover{border-color:var(--accent-color, #00c4d9)}.feature-item.feature-locked{opacity:.7;border-color:#ffffff1a}.feature-item-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.feature-status-icon{font-size:1.2rem;flex-shrink:0}.feature-name{font-weight:600;color:var(--text-primary, #ffffff);flex:1}.feature-usage{font-size:.8rem;padding:2px 8px;border-radius:12px;background:#ffffff1a;color:var(--text-secondary, #b0b0b0)}.feature-usage.feature-unlimited{background:#9c27b033;color:#9c27b0}.feature-description{margin:0;color:var(--text-secondary, #b0b0b0);font-size:.9rem;line-height:1.4}@media(max-width:768px){.feature-gate{padding:16px;margin:12px 0}.feature-gate-content{flex-direction:column;gap:12px}.feature-gate .feature-icon{font-size:1.5rem;align-self:flex-start}.feature-gate-actions{margin-top:12px}.feature-action-btn{width:100%;text-align:center}.feature-status{flex-direction:column;align-items:flex-start;gap:8px}.feature-progress{width:100%}}.feature-gate{animation:featureGateSlideIn .3s ease-out}.feature-upgrade-btn{animation:upgradePulse 2s ease-in-out infinite}.feature-badge[title]{cursor:help;position:relative}.feature-badge[title]:hover:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--tooltip-bg, #333);color:var(--tooltip-text, #fff);padding:4px 8px;border-radius:4px;font-size:.7rem;white-space:nowrap;z-index:1000;margin-bottom:4px}@media(prefers-color-scheme:dark){.feature-gate{background:var(--card-bg, #2a2a2a);border-color:var(--border-color, #444)}.feature-item{background:#1a1a1a;border-color:#333}.feature-action-btn{box-shadow:0 2px 4px #0000004d}.feature-status.feature-available{background:#4caf5033;border-color:#4caf5066}.feature-status.feature-blocked{background:#f4433633;border-color:#f4433666}.feature-status.feature-limited{background:#ffc10733;border-color:#ffc10766}}.upgrade-prompt-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;backdrop-filter:blur(4px);animation:modalFadeIn .3s ease-out}.upgrade-prompt-modal{background:var(--container-light, #ffffff);color:var(--text-primary, #2c3e50);border-radius:20px;box-shadow:0 20px 40px #0000004d;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;position:relative;border:1px solid var(--border-light, rgba(255, 255, 255, .1));animation:modalSlideUp .4s cubic-bezier(.34,1.56,.64,1)}.upgrade-prompt-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px 16px;border-bottom:1px solid var(--border-light, #e0e0e0);background:linear-gradient(135deg,var(--primary-color, #667eea),var(--secondary-color, #764ba2));color:#fff;border-radius:20px 20px 0 0}.upgrade-prompt-header h3{margin:0;font-size:24px;font-weight:700;display:flex;align-items:center;gap:8px}.upgrade-prompt-close{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:50%;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.upgrade-prompt-close:hover{background:#ffffff4d;transform:scale(1.1)}.upgrade-prompt-content{padding:32px;text-align:center}.upgrade-prompt-icon{font-size:48px;margin-bottom:16px;display:block}.upgrade-prompt-content h4{margin:0 0 16px;font-size:22px;font-weight:600;color:var(--text-primary, #2c3e50)}.upgrade-prompt-content p{margin:0 0 24px;font-size:16px;line-height:1.6;color:var(--text-secondary, #7f8c8d)}.upgrade-prompt-features{background:var(--container-medium, #f8f9fa);border-radius:12px;padding:20px;margin:24px 0;text-align:left;border:1px solid var(--border-light, #e0e0e0)}.upgrade-prompt-features h5{margin:0 0 16px;font-size:18px;font-weight:600;color:var(--text-primary, #2c3e50);text-align:center}.upgrade-prompt-features ul{list-style:none;padding:0;margin:0}.upgrade-prompt-features li{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:15px;color:var(--text-secondary, #7f8c8d);font-weight:500}.upgrade-prompt-features li:last-child{margin-bottom:0}.upgrade-prompt-actions{display:flex;gap:16px;justify-content:center;padding:0 32px 32px}.upgrade-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 32px;background:linear-gradient(135deg,gold,orange);color:#000;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #ffd7004d;min-width:200px;text-align:center!important;white-space:nowrap}.upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffd70066}.upgrade-btn:active{transform:translateY(0);box-shadow:0 2px 8px #ffd7004d}.upgrade-prompt-cancel{background:transparent;color:var(--text-secondary, #7f8c8d);border:2px solid var(--border-light, #e0e0e0);padding:14px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.upgrade-prompt-cancel:hover{color:var(--text-primary, #2c3e50);border-color:var(--border-color, #bbb);background:var(--container-medium, #f8f9fa)}@media(prefers-color-scheme:dark){.upgrade-prompt-modal{background:var(--container-light, #2a2a2a);border-color:var(--border-light, rgba(255, 255, 255, .15));box-shadow:0 20px 40px #00000080}.upgrade-prompt-header{border-bottom-color:var(--border-light, rgba(255, 255, 255, .15))}.upgrade-prompt-features{background:var(--container-medium, #333333);border-color:var(--border-light, rgba(255, 255, 255, .15))}.upgrade-prompt-cancel{border-color:var(--border-light, rgba(255, 255, 255, .2))}.upgrade-prompt-cancel:hover{background:var(--container-medium, #333333);border-color:var(--border-color, rgba(255, 255, 255, .3))}}@media(max-width:768px){.upgrade-prompt-modal{margin:20px;max-width:calc(100% - 40px)}.upgrade-prompt-header{padding:20px 24px 12px}.upgrade-prompt-header h3{font-size:20px}.upgrade-prompt-content{padding:24px}.upgrade-prompt-content h4{font-size:20px}.upgrade-prompt-actions{flex-direction:column;padding:0 24px 24px;gap:12px}.upgrade-btn{min-width:auto;width:100%}.upgrade-prompt-cancel{width:100%}}.wheel-save-choice-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.wheel-save-choice-modal .modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3}.wheel-save-choice-modal .modal-content{background:var(--container-bg);border-radius:12px;padding:0;width:100%;max-width:500px;margin:20px;position:relative;z-index:1;box-shadow:0 20px 60px #0000004d;animation:slideInUp .3s ease}.wheel-save-choice-modal .modal-header{padding:40px 24px 24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.wheel-save-choice-modal .modal-header h3{font-size:2rem;font-weight:600;color:var(--text-primary)}.wheel-save-choice-modal .modal-body{padding:24px}.wheel-save-choice-modal .modal-body p{margin:0;color:var(--text-secondary);line-height:1.5}.wheel-save-choice-modal .modal-footer{display:flex;gap:var(--modal-padding-xs);flex-direction:row!important;justify-content:center;padding:var(--modal-padding-md) var(--modal-padding-lg) var(--modal-padding-lg);flex-shrink:0;flex-wrap:wrap;width:100%;max-width:720px;box-sizing:border-box}.wheel-save-choice-modal .modal-footer button{padding:12px 20px;border:none;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.wheel-save-choice-modal .btn-primary{background:var(--accent-color);color:#fff}.wheel-save-choice-modal .btn-primary:hover{background:var(--accent-color-hover);transform:translateY(-1px)}.wheel-save-choice-modal .btn-secondary{background:var(--input-bg);color:var(--text-primary);border:1px solid var(--border-color)}.wheel-save-choice-modal .btn-secondary:hover{background:var(--border-color);transform:translateY(-1px)}.wheel-save-choice-modal .btn-warning{background:linear-gradient(135deg,#ff6b6b,#feca57);color:#fff}.wheel-save-choice-modal .btn-warning:hover{background:linear-gradient(135deg,#ff5252,#ffc107);transform:translateY(-1px);box-shadow:0 4px 12px #ff6b6b4d}.wheel-save-choice-modal .popular-wheel{position:relative;overflow:hidden}.wheel-save-choice-modal .popular-wheel:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.wheel-save-choice-modal .popular-wheel:hover:before{left:100%}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){.wheel-save-choice-modal .modal-content{margin:16px;max-width:calc(100% - 32px)}.wheel-save-choice-modal .modal-header,.wheel-save-choice-modal .modal-body{padding-left:20px;padding-right:20px}.wheel-save-choice-modal .modal-footer{padding:16px 20px 20px}.wheel-save-choice-modal .modal-footer button{padding:14px 20px;font-size:1rem}}.home-categories-section{margin-bottom:50px;position:relative;opacity:1;transform:translateY(0)}.home-categories-section .home-category-header{margin-bottom:20px}.home-categories-section:hover .row-nav-btn{opacity:1;visibility:visible}.categories-grid{display:flex;gap:48px;overflow-x:auto;overflow-y:visible!important;padding:8px 4px;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-behavior:smooth;scroll-snap-type:x mandatory;overscroll-behavior-x:contain}.categories-grid::-webkit-scrollbar{display:none}@media(max-width:768px){.categories-grid{gap:24px;padding:0;scroll-snap-type:x mandatory;scroll-padding:16px;overflow-y:visible}.home-categories-section{margin:32px auto 40px;padding:0 16px}.home-categories-section .row-nav-btn{display:none}}.category-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}.category-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px;min-width:120px;min-height:120px;max-width:120px;max-height:120px;background:#00c4d91a!important;border-radius:50%;border:2px solid transparent;text-decoration:none;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.category-card:hover{transform:translateY(-4px)}.category-card:active{transform:translateY(-2px)}.category-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--container-bg, #2a2a2a);border-radius:50%;border:.5px solid rgba(0,196,217,.2);transition:all .3s ease;box-shadow:0 4px 12px #00000026}.category-icon i{font-size:36px;color:var(--accent-color, #00c4d9);transition:all .3s ease}.category-card:hover .category-icon{border-color:var(--accent-color, #00c4d9);background:#00c4d91a;transform:scale(1.05);box-shadow:0 8px 24px #00c4d94d}.category-card:hover .category-icon i{transform:rotate(5deg)}@media(max-width:768px){.category-card{min-width:90px;min-height:90px;max-width:90px;max-height:90px}.category-icon{width:70px;height:70px}.category-icon i{font-size:32px}}@media(max-width:480px){.category-card{min-width:80px;max-width:80px}.category-icon{width:60px;height:60px}.category-icon i{font-size:28px}}.category-label{font-size:13px;font-weight:500;color:var(--text-secondary, #999);text-align:center;line-height:1.2;transition:color .3s ease;margin-top:4px;max-width:100%;word-wrap:break-word}.category-card:hover .category-label{color:var(--text-primary, #ffffff)}@media(max-width:768px){.category-label{font-size:12px}}@media(max-width:480px){.category-label{font-size:11px}}@media(prefers-color-scheme:dark){.category-card{background:#2a2a2a}.category-icon{background:#00c4d926}}.categories-grid.loading{opacity:.5;pointer-events:none}.category-card{animation:fadeInUp .4s ease forwards}.category-card:nth-child(1){animation-delay:.05s}.category-card:nth-child(2){animation-delay:.1s}.category-card:nth-child(3){animation-delay:.15s}.category-card:nth-child(4){animation-delay:.2s}.category-card:nth-child(5){animation-delay:.25s}.category-card:nth-child(6){animation-delay:.3s}.category-card:nth-child(7){animation-delay:.35s}.category-card:nth-child(8){animation-delay:.4s}:root{--accent-color: #00c4d9;--accent-color-hover: #00a7b5;--text-primary: #fff;--text-secondary: rgba(255, 255, 255, .7);--text-on-accent: #fff;--list-item-bg: #2a2a2a;--input-bg: #333;--border-light: #e0e0e0;--transition: all .3s ease}.create-new-wheel-card{width:280px;height:200px;background:var(--list-item-bg);border:2px dashed var(--border-light);border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:var(--transition)}.create-new-wheel-card:hover{border-color:var(--accent-color);background:var(--input-bg);transform:scale(1.02)}.create-new-wheel-card-icon{font-size:2.5rem;color:var(--text-secondary);margin-bottom:8px;transition:var(--transition)}.create-new-wheel-card:hover .create-new-wheel-card-icon{color:var(--accent-color)}.create-new-wheel-card-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;text-align:center;transition:var(--transition)}.create-new-wheel-card:hover .create-new-wheel-card-title{color:var(--accent-color)}@media(max-width:768px){.create-new-wheel-card{width:250px;height:180px}.create-new-wheel-card-icon{font-size:2rem}.create-new-wheel-card-title{font-size:.9rem}}body.user-admin .upgrade-banner,body.user-subscribed .upgrade-banner,body.user-premium .upgrade-banner,body.user-pro .upgrade-banner,body.user-admin .upgrade-prompt-overlay,body.user-subscribed .upgrade-prompt-overlay,body.user-premium .upgrade-prompt-overlay,body.user-pro .upgrade-prompt-overlay,body.user-admin .stats-premium-prompt,body.user-subscribed .stats-premium-prompt,body.user-premium .stats-premium-prompt,body.user-pro .stats-premium-prompt,body.user-admin .premium-prompt-content,body.user-subscribed .premium-prompt-content,body.user-premium .premium-prompt-content,body.user-pro .premium-prompt-content,body.user-free .premium-only-feature{display:none!important}body.user-admin .premium-only-feature,body.user-subscribed .premium-only-feature,body.user-premium .premium-only-feature,body.user-pro .premium-only-feature{display:block!important}.subscribe-btn,.downgrade-btn,.retry-btn,.receipt-link,#downgradeConfirmModal .button-danger{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:12px 20px;border-radius:32px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,filter .2s,box-shadow .2s;text-align:center}.subscribe-btn,retry-btn,#downgradeConfirmModal .button-danger,.downgrade-btn{border:2px solid var(--fate-accent);background:transparent;color:var(--text-primary);width:100%;margin-top:auto;box-shadow:0 2px 4px var(--shadow-color-light)}.subscribe-btn:hover:not(:disabled),.downgrade-btn:hover:not(:disabled),.retry-btn:hover,#downgradeConfirmModal .button-danger:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 4px 8px var(--shadow-color-medium);background:var(--fate-accent);color:var(--text-on-accent);border-color:var(--fate-accent)}.super-user-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #667eea;color:#fff;font-weight:600;text-transform:uppercase;letter-spacing:1px;font-size:.9rem;box-shadow:0 4px 12px #667eea4d;position:relative;overflow:hidden}.super-user-btn:before{content:"👑";position:absolute;left:8px;top:50%;transform:translateY(-50%);font-size:1.2rem}.super-user-btn:hover:not(:disabled){background:linear-gradient(135deg,#5a6fd8,#6a4190);transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.reactivate-btn{background:linear-gradient(135deg,#28a745,#20c997);border:2px solid #28a745;color:#fff;font-weight:600;box-shadow:0 4px 12px #28a7454d}.reactivate-btn:hover:not(:disabled){background:linear-gradient(135deg,#218838,#1abc9c);transform:translateY(-2px);box-shadow:0 6px 20px #28a74566}.expiration-info{font-size:.8rem;color:var(--text-secondary);text-align:center;margin-top:8px;font-style:italic;opacity:.8}.subscription-billing-toggle{position:sticky;top:16px;z-index:10;display:flex;justify-content:center;align-items:center;padding:0 16px}.subscription-billing-toggle .segmented-controller{min-width:200px;max-width:300px;width:auto}.subscription-billing-toggle .segmented-controller-small{min-width:180px;max-width:240px}.subscription-billing-toggle .segmented-item{font-size:14px;font-weight:600;padding:10px 20px;position:relative}.subscription-billing-toggle .segmented-item.active{height:var(--segment-height)!important}.subscription-billing-toggle .segmented-item.disabled{opacity:.6;cursor:not-allowed;color:var(--text-secondary)}.subscription-billing-toggle .segmented-item.disabled:hover{transform:none;background:none}@media(max-width:767px){.subscription-billing-toggle{padding:0 10px}.subscription-billing-toggle .segmented-controller{min-width:160px;max-width:200px}.subscription-billing-toggle .segmented-item{font-size:13px;padding:8px 16px}.subscription-billing-toggle .segmented-item.active{height:var(--segment-height)!important}}.plan-badge{position:absolute;top:12px;right:12px;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;z-index:2}.plan-badge.current{background:linear-gradient(135deg,var(--fate-accent),#52d4a8);color:#fff}.plan-badge.upgrade{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.plan-badge.downgrade{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.plan-badge.cancel{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.plan-card{position:relative}.plan-card.upgrade-option{border-color:#667eea;box-shadow:0 2px 8px #667eea1a}.plan-card.downgrade-option{border-color:#ff9800;box-shadow:0 2px 8px #ff98001a}.plan-card.downgrade-option.plan-card:hover{border-color:#f57c00;box-shadow:0 4px 12px #ff980026}.subscription-cancellation-banner{background:linear-gradient(135deg,#ff6b6b,#ee5a52);border-radius:12px;margin:24px 24px 0!important;width:100%!important;max-width:1100px!important;box-sizing:border-box;margin:0 auto;padding:16px 32px}.cancellation-banner-content{box-sizing:border-box;padding:0;align-items:center;margin:0 auto}.cancellation-icon{font-size:32px;flex-shrink:0}.cancellation-text{width:100%!important;text-align:center}.cancellation-text h3{width:100%!important;text-align:center;margin:0 0 8px;font-size:1.1rem;font-weight:700;color:#fff}.cancellation-text p{margin:0;font-size:14px;color:#ffffffe6;line-height:1.5}.cancellation-actions{text-align:center}.reactivate-plan-btn{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3);padding:10px 20px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px)}.reactivate-plan-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px)}.subscription-downgrade-banner{background:linear-gradient(135deg,#ffa726,#ff9800);border-radius:12px;margin-bottom:24px;padding:20px;box-shadow:0 4px 20px #ffa7264d;border:1px solid rgba(255,255,255,.1)}.downgrade-banner-content{display:flex;align-items:center;gap:16px;color:#fff}.downgrade-icon{font-size:32px;flex-shrink:0}.downgrade-text{flex:1}.downgrade-text h3{margin:0 0 8px;font-size:18px;font-weight:700;color:#fff}.downgrade-text p{margin:0;font-size:14px;color:#ffffffe6;line-height:1.5}.downgrade-actions{flex-shrink:0}.cancel-downgrade-btn{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3);padding:10px 20px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px)}.cancel-downgrade-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px)}@media(max-width:767px){.plan-badge{top:8px;right:8px;font-size:10px;padding:3px 6px}}@media(max-width:767px){.cancellation-banner-content{flex-direction:column;text-align:center;gap:12px}.cancellation-icon{font-size:28px}.cancellation-text h3{font-size:1.25rem}.cancellation-text p{font-size:13px}.downgrade-banner-content{flex-direction:column;text-align:center;gap:12px}.downgrade-icon{font-size:28px}.downgrade-text h3{font-size:16px}.downgrade-text p{font-size:13px}.reactivate-plan-btn,.cancel-downgrade-btn{width:100%;padding:12px 20px}}#downgradeConfirmModal .auth-modal-content{overflow-x:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center}#downgradeConfirmModal ul{color:var(--text-primary);display:grid;grid-template-columns:repeat(3,1fr);gap:8px;list-style:none;padding-left:0;text-align:center;width:100%;padding-top:0;margin-bottom:32px}#downgradeConfirmModal ul li{background:#ffffff26;padding:8px;font-size:12px;border-radius:8px;color:var(--text-primary);text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}#downgradeConfirmModal .auth-modal-content{padding-top:48px;display:flex;flex-direction:column;justify-content:center;align-items:center}.subscription-faq-section{width:100%;box-sizing:border-box;margin-top:60px;padding:40px 20px}.subscription-faq-section h2{text-align:center;color:var(--text-primary);font-size:2rem;font-weight:600;margin-bottom:40px}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;width:100%;max-width:1024px;margin:0 auto;box-sizing:border-box}.faq-item{background:var(--container-bg);border-radius:12px;padding:24px;transition:var(--transition);text-align:center}.faq-item:hover{border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 4px 20px #00c4d91a}.faq-item h3{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin-bottom:12px;line-height:1.3}.faq-item p{color:var(--text-secondary);font-size:.8rem;line-height:1.5;margin:0}#main-view-subscription.main-view{display:flex;flex-direction:column;justify-content:center;align-items:center}#subscriptionContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;box-sizing:border-box;width:100%;max-width:1280px;padding:0 32px}.user-plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-auto-rows:1fr;gap:24px;padding:40px 0;align-items:stretch;width:100%;max-width:1200px;margin:0 auto;box-sizing:border-box}.user-plan-card{border:2px solid var(--border-color, #333);border-radius:12px;padding:32px 24px;background:var(--container-bg, #1c1c1e);position:relative;transition:all .2s ease;display:flex;flex-direction:column;gap:20px}.user-plan-card:hover{border-color:var(--fate-accent, #00c4d9);box-shadow:0 10px 25px -3px #00c4d933;transform:translateY(-2px)}.user-plan-card h3{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0;text-align:center;line-height:1.2}.user-plan-card .price{font-size:2.5rem;font-weight:800;color:var(--text-primary);text-align:center;letter-spacing:-.02em;line-height:1}.user-plan-card .features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;flex:1}.user-plan-card .features li{display:flex;align-items:flex-start;gap:12px;font-size:.95rem;line-height:1.6;color:var(--text-primary);padding-left:24px;position:relative}.user-plan-card .features li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700;font-size:1.1rem}.user-plan-card.current-plan{border-color:var(--fate-accent, #00c4d9);background:linear-gradient(135deg,#00c4d90d,#52d4a80d)}.user-plan-card.upgrade-option:hover{border-color:#667eea;box-shadow:0 10px 25px -3px #667eea4d}.user-plan-card.downgrade-option:hover{border-color:#ff9800;box-shadow:0 10px 25px -3px #ff98004d}.user-plan-badge{position:absolute;top:-12px;right:20px;padding:6px 16px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;z-index:10}.user-plan-badge.current{background:linear-gradient(135deg,#00c4d9,#52d4a8);color:#fff}.user-plan-badge.upgrade{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.user-plan-badge.downgrade{background:linear-gradient(135deg,#ff9800,#ff5722);color:#fff}.user-plan-badge.cancel{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff}@media(max-width:768px){.user-plans-grid{grid-template-columns:1fr;padding:20px 0;gap:20px}.user-plan-card{padding:24px 20px}.user-plan-card h3{font-size:1.5rem}.user-plan-card .price{font-size:2rem}.user-plan-badge{top:-10px;right:12px;padding:4px 12px;font-size:.7rem}}@media(max-width:1024px){#main-view-subscription.main-view{width:100%!important;margin-left:0!important;margin-right:0!important;padding:60px 0!important}#main-view-subscription .subscription-content-area{width:100%!important;padding:0 20px;max-width:none!important}}@media(max-width:768px){#main-view-subscription.main-view{width:100%!important;margin-left:0!important;margin-right:0!important;padding:60px 0!important}#main-view-subscription #subscriptionContainer{padding:0}#main-view-subscription .subscription-content-area{width:100%!important;padding:0 16px;max-width:none!important;text-align:center}.faq-grid{padding:0 16px;gap:20px}}@media(max-width:480px){#main-view-subscription.main-view{width:100%!important;margin-left:0!important;margin-right:0!important;padding:40px 0!important}#main-view-subscription .subscription-content-area{width:100%!important;padding:0 12px;max-width:none!important}.faq-grid{padding:0 12px;gap:16px}.subscription-faq-section{margin-top:40px;padding:30px 10px}.subscription-faq-section h2{font-size:1.75rem;margin-bottom:30px}.faq-grid{grid-template-columns:1fr;gap:20px}.faq-item{padding:20px}.faq-item h3{font-size:1rem}.faq-item p{font-size:.9rem}}.subscription-timeline{margin:16px 0;padding:20px;background:#ffffffb8;border-radius:12px;border:1px solid rgba(255,255,255,.1);width:100%!important;box-sizing:border-box}.timeline-labels{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:16px}.timeline-label{flex:1;text-align:center}.timeline-label.current{text-align:left}.timeline-label.future{text-align:right}.timeline-label .label-title{font-size:1rem;font-weight:600;color:#fff;margin-bottom:4px}.timeline-label.current .label-title{color:#000}.timeline-label.duration .label-title{color:#000;font-size:.95rem}.timeline-label.future .label-title{color:#000}.timeline-label .label-subtitle{font-size:.75rem;color:#000;text-transform:uppercase;letter-spacing:.5px}.timeline-bar{position:relative;height:6px;background:#ffffff80;border-radius:3px;margin:0 12px;overflow:visible}.timeline-progress{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#4ade80,#fbbf24);border-radius:3px;transition:width .3s ease}.timeline-node{position:absolute;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;border-radius:50%;border:3px solid #1e293b;z-index:2}.timeline-node.start{left:0;background:#4ade80;box-shadow:0 0 0 4px #4ade8033}.timeline-node.current{background:#fbbf24;box-shadow:0 0 0 4px #fbbf2433;z-index:3}.timeline-node.end{left:100%;background:#94a3b8;box-shadow:0 0 0 4px #94a3b81a}.timeline-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;border-radius:50%;background:#fbbf2466;animation:timelinePulse 2s ease-out infinite}@keyframes timelinePulse{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.timeline-description{margin-top:20px;font-size:.9rem;color:#cbd5e1;text-align:center}@media(max-width:640px){.subscription-timeline{padding:16px}.timeline-labels{flex-direction:column;gap:8px;margin-bottom:24px;text-align:center;justify-content:center;align-items:center}.timeline-label{text-align:center!important}.timeline-label .label-title{font-size:.9rem;text-align:center}.timeline-label .label-subtitle{font-size:.7rem;text-align:center}.timeline-bar{margin:0 8px;text-align:center}}:root{--account-card-bg: rgba(255, 255, 255, .05);--account-card-border: rgba(255, 255, 255, .08);--account-card-radius: 16px;--account-section-gap: 12px;--account-item-gap: 8px;--account-content-padding: 12px}.refactor-badge{font-size:.7em;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2px 8px;border-radius:12px;font-weight:500;margin-left:8px;opacity:.8;animation:subtle-glow 2s ease-in-out infinite alternate}@keyframes subtle-glow{0%{opacity:.8}to{opacity:1}}#desktop-accountSettingsSection.account-section.active,#mobile-accountSettingsSection.account-section.active{width:100vw;max-width:none;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);position:relative;box-sizing:border-box}#desktop-account-settings-section.account-section.active,#mobile-account-settings-section.account-section.active{width:100%;max-width:1600px;margin:0 auto;padding:0 20px;box-sizing:border-box}.account-pill-menu{display:flex;justify-content:center;align-items:center;padding:12px;border-bottom:1px solid rgba(0,196,217,.1);width:100%;box-sizing:border-box;z-index:var(--z-settings-panel);backdrop-filter:blur(20px);margin:-12px -12px 0;position:relative}.account-pill-menu:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:44px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:22px;backdrop-filter:blur(20px);z-index:0}.account-pill-menu:after{content:"";position:absolute;top:50%;left:calc(50% - 100px);transform:translateY(-50%);width:200px;height:38px;background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:19px;box-shadow:0 2px 8px #0003,0 1px 2px #00000026,inset 0 1px #ffffff4d;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}.account-pill-menu:has(.account-pill-item[data-section=history].active):after{left:calc(50% + 100px)}.account-pill-item{padding:12px 24px;background:transparent;color:var(--text-secondary);border:none;border-radius:19px;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-component-sm);transition:all .3s cubic-bezier(.4,0,.2,1);font-size:14px;font-weight:600;width:200px;justify-content:center;position:relative;z-index:2;margin:0}.account-pill-item:hover{color:var(--text-primary);transform:scale(1.02)}.account-pill-item.active{color:#000;font-weight:700;text-shadow:none}.account-pill-item:before{display:none}.account-group{border-radius:var(--account-card-radius);padding:16px;position:relative;backdrop-filter:blur(20px);transition:all .3s ease;margin:0 auto 16px;max-width:1200px;width:100%;box-sizing:border-box}.account-group:last-child{margin-bottom:0}#accountTypeStatus{display:inline-flex;align-items:center;gap:var(--spacing-component-sm);padding:var(--spacing-component-sm) var(--spacing-component-md);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-pill);font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);position:relative;overflow:hidden}#accountTypeStatus.admin-status{background:linear-gradient(135deg,var(--color-premium),var(--color-warning-dark));color:var(--text-on-accent);border-color:var(--color-premium);text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 4px 12px #ffd7004d}#accountTypeStatus.admin-status:before{content:"👑";margin-right:2px}.avatar-section{align-items:center;padding:16px;background:#ffffff08;border-radius:var(--radius-default);border:1px solid rgba(255,255,255,.05)}.avatar-management{display:flex;align-items:center;gap:16px;flex:1;justify-content:space-between}.account-avatar-container{position:relative;width:100px;height:100px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,var(--input-bg),var(--container-bg));border:4px solid rgba(0,196,217,.2);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #0003}.account-avatar-container:hover{border-color:var(--accent-color);transform:scale(1.05);box-shadow:0 8px 25px #00c4d94d}.account-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%;transition:all .3s ease}.account-avatar-initials{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:800;color:var(--text-on-accent);background:linear-gradient(135deg,var(--accent-color),var(--accent-color-hover));border-radius:50%;transition:all .3s ease}.avatar-controls{display:flex;flex-direction:column;gap:var(--spacing-component-sm)}.avatar-controls .button{min-width:140px;font-size:var(--font-size-sm);padding:var(--spacing-component-sm) var(--spacing-component-md);border-radius:var(--radius-default)}.validation-message{padding:var(--spacing-component-sm) var(--spacing-component-md);border-radius:var(--radius-default);font-size:var(--font-size-sm);font-weight:500;margin-top:var(--spacing-component-sm);display:flex;align-items:center;gap:var(--spacing-component-sm)}.validation-message.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--color-error)}.validation-message.success{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:var(--color-success)}.validation-message.info{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);color:var(--color-info)}#accountSignOutBtn,#manageSubscriptionBtn,#saveUsernameBtn{padding:var(--spacing-component-md) var(--spacing-component-lg);font-size:var(--font-size-md);font-weight:600;border-radius:var(--radius-default);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}#accountSignOutBtn{background:linear-gradient(135deg,var(--color-error),var(--color-error-dark));border:1px solid var(--color-error);color:var(--text-on-accent)}#accountSignOutBtn:hover{background:linear-gradient(135deg,var(--color-error-dark),var(--color-error));transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}#manageSubscriptionBtn{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:var(--text-primary)}#manageSubscriptionBtn:hover{background:#ffffff1a;border-color:var(--accent-color);transform:translateY(-1px)}.account-section{transition:all .3s ease;position:relative;z-index:1;width:100%;margin:0!important;box-sizing:border-box;background:transparent!important;max-width:1200px;padding:40px!important}.account-section.hidden{display:none;opacity:0;visibility:hidden}.account-section.active{display:block;opacity:1;visibility:visible}.account-pill-item .pill-icon{font-size:var(--font-size-md);transition:all .3s ease}.account-pill-item:hover .pill-icon,.account-pill-item.active .pill-icon{transform:scale(1.1)}.account-avatar-initials.hidden{display:none}.admin-manager-container{display:flex;flex-direction:column;gap:var(--account-section-gap);margin-top:var(--spacing-component-md)}.admin-search-section,.admin-list-section,.admin-audit-section{background:var(--account-card-bg);border-radius:var(--account-card-radius);padding:var(--account-content-padding);border:1px solid var(--account-card-border);backdrop-filter:blur(20px)}.admin-search-section h3,.admin-list-section h3,.admin-audit-section h3{margin:0 0 var(--spacing-component-lg);color:var(--text-primary);font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:var(--spacing-component-sm)}.admin-search-section h3:before{content:"🔍"}.admin-list-section h3:before{content:"👥"}.admin-audit-section h3:before{content:"📋"}.search-input-container{display:flex;gap:var(--spacing-component-md);align-items:center}.admin-search-input{flex:1;padding:var(--spacing-component-md);border:2px solid rgba(255,255,255,.1);border-radius:var(--radius-default);background:#ffffff0d;color:var(--text-primary);font-size:var(--font-size-md);transition:all .3s ease}.admin-search-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 4px #00c4d91a;background:#ffffff14;outline:none}.admin-search-input::placeholder{color:var(--text-secondary);opacity:.7}.admin-search-results,.admin-list-content,.admin-audit-content{margin-top:var(--spacing-component-md)}.admin-user-card{background:#ffffff08;border-radius:var(--radius-default);padding:var(--spacing-component-md);margin-bottom:var(--spacing-component-md);border:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.admin-user-card:hover{background:#ffffff0f;border-color:#00c4d94d}.admin-user-info{flex:1}.admin-user-email{font-weight:600;color:var(--text-primary);margin-bottom:4px}.admin-user-details{font-size:var(--font-size-sm);color:var(--text-secondary)}.admin-user-actions{display:flex;gap:var(--spacing-component-sm)}.admin-action-btn{padding:var(--spacing-component-sm) var(--spacing-component-md);border:none;border-radius:var(--radius-default);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .3s ease}.admin-action-btn.promote{background:var(--color-success);color:var(--text-on-accent)}.admin-action-btn.promote:hover{background:#15803d;transform:translateY(-1px)}.admin-action-btn.demote{background:var(--color-error);color:var(--text-on-accent)}.admin-action-btn.demote:hover{background:var(--color-error-dark);transform:translateY(-1px)}.admin-action-btn:disabled{background:#6c757d;cursor:not-allowed}.admin-audit-entry{background:#ffffff08;border-radius:var(--radius-default);padding:var(--spacing-component-sm) var(--spacing-component-md);margin-bottom:var(--spacing-component-sm);border-left:4px solid var(--accent-color)}.admin-audit-entry.promote{border-left-color:var(--color-success)}.admin-audit-entry.demote{border-left-color:var(--color-error)}.admin-audit-time{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:4px}.admin-audit-action{font-weight:600;color:var(--text-primary);margin-bottom:2px}.admin-audit-details{font-size:var(--font-size-sm);color:var(--text-secondary)}.loading-spinner{border:3px solid rgba(255,255,255,.1);border-top:3px solid var(--accent-color);border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite;margin:0 auto 10px}.avatar-loading-spinner{border:3px solid rgba(255,255,255,.1);border-top:3px solid var(--accent-color);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto;display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media(max-width:768px){:root{--account-content-padding: 16px;--account-section-gap: 16px;--account-item-gap: 12px}.account-section{padding:20px!important}.account-group{margin-bottom:20px;padding:16px 0}.account-pill-menu{padding:var(--spacing-component-md)}.account-pill-menu:before{width:320px;height:40px;border-radius:20px}.account-pill-menu:after{width:160px;height:34px;border-radius:17px;left:calc(50% - 80px)}.account-pill-menu:has(.account-pill-item[data-section=history].active):after{left:calc(50% + 80px)}.account-pill-item{width:160px;font-size:13px;padding:10px 20px}.account-group .avatar-section{padding:20px 16px!important;text-align:center!important;flex-direction:column!important;align-items:center!important}.account-avatar-container{width:100px!important;height:100px!important;margin:0 auto 16px!important}.account-group .settings-group-title{font-size:20px!important;margin-bottom:20px!important;text-align:center!important;width:100%!important}.avatar-management{flex-direction:column;gap:16px;text-align:center;align-items:center}.avatar-controls{display:flex;flex-direction:row;gap:12px;justify-content:center;width:100%;max-width:300px}.avatar-controls .button{flex:1;min-width:120px;white-space:nowrap}.account-group[data-group=subscription] .account-item{text-align:center}#manageSubscriptionBtn{width:100%;max-width:280px;margin:16px auto 0!important;display:block!important}.account-group .account-item .setting-micro-copy,.account-group .account-item .validation-text{font-size:12px!important;line-height:1.4!important;margin-top:8px!important;padding:0 4px!important;text-align:center!important;width:100%!important;max-width:280px!important;color:var(--text-muted)!important}.account-group .account-item .button{min-height:44px!important;padding:12px 16px!important;font-size:14px!important;border-radius:8px!important}.account-group .account-item.editable .editable-field{width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:12px!important}.account-group .account-item input[type=text],.account-group .account-item input[type=email]{width:100%!important;max-width:280px!important;text-align:center!important;font-size:16px!important;padding:12px!important;min-height:44px!important;border-radius:8px!important}.account-group .account-item:not(.editable){justify-content:center!important}.editable-field{flex-direction:column;align-items:stretch;gap:var(--spacing-component-sm)}.admin-manager-container{gap:var(--spacing-component-md)}.search-input-container{flex-direction:column;gap:var(--spacing-component-sm)}.admin-search-input{width:100%}.admin-user-card{flex-direction:column;align-items:flex-start;gap:var(--spacing-component-md)}.admin-user-actions{width:100%;justify-content:flex-end}.admin-search-section,.admin-list-section,.admin-audit-section{padding:var(--spacing-component-md)}}body.light-theme .account-content,body[data-theme=light] .account-content{background:var(--bg-primary)}body.light-theme .account-content:before,body[data-theme=light] .account-content:before{background:radial-gradient(circle at 25% 25%,rgba(var(--accent-color-rgb),.02) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(var(--accent-color-rgb),.01) 0%,transparent 50%)}body.light-theme .account-pill-menu,body[data-theme=light] .account-pill-menu{background:none}body.light-theme .account-pill-menu:before,body[data-theme=light] .account-pill-menu:before{background:#00000014;border:1px solid rgba(0,0,0,.12)}body.light-theme .account-pill-menu:after,body[data-theme=light] .account-pill-menu:after{background:linear-gradient(135deg,#fffffff2,#ffffffe6);box-shadow:0 2px 8px #0000001a,0 1px 2px #0000000f}body.light-theme .account-pill-item,body[data-theme=light] .account-pill-item{background:transparent;color:var(--text-secondary);border:none}body.light-theme .account-pill-item:hover,body[data-theme=light] .account-pill-item:hover{background:transparent;color:var(--text-primary)}body.light-theme .account-pill-item.active,body[data-theme=light] .account-pill-item.active{background:transparent;color:#000}body.light-theme .account-group,body[data-theme=light] .account-group{background:var(--bg-secondary);border-color:var(--border-color);box-shadow:0 2px 8px var(--shadow-light)}body.light-theme .account-group:hover,body[data-theme=light] .account-group:hover{background:var(--bg-secondary);border-color:rgba(var(--accent-color-rgb),.3);box-shadow:0 4px 12px var(--shadow-medium)}body.light-theme .settings-group-title,body[data-theme=light] .settings-group-title{color:var(--text-primary);border-bottom-color:rgba(var(--accent-color-rgb),.15)}body.light-theme .account-info-value,body[data-theme=light] .account-info-value{color:var(--text-primary)}body.light-theme .account-input,body[data-theme=light] .account-input{background:var(--input-bg);border-color:var(--border-color);color:var(--text-primary)}body.light-theme .account-input:focus,body[data-theme=light] .account-input:focus{border-color:var(--accent-color)}body.light-theme .account-input::placeholder,body[data-theme=light] .account-input::placeholder{color:var(--text-muted)}body.light-theme .account-avatar-container,body[data-theme=light] .account-avatar-container{border-color:var(--border-color);box-shadow:0 2px 8px var(--shadow-light)}body.light-theme .account-avatar-container:hover,body[data-theme=light] .account-avatar-container:hover{border-color:var(--accent-color);box-shadow:0 4px 12px rgba(var(--accent-color-rgb),.15)}body.light-theme .validation-message,body[data-theme=light] .validation-message{color:var(--text-secondary)}body.light-theme #accountSignOutBtn,body.light-theme #manageSubscriptionBtn,body[data-theme=light] #accountSignOutBtn,body[data-theme=light] #manageSubscriptionBtn{box-shadow:0 2px 8px var(--shadow-light)}body.light-theme .admin-search-section,body.light-theme .admin-list-section,body.light-theme .admin-audit-section,body[data-theme=light] .admin-search-section,body[data-theme=light] .admin-list-section,body[data-theme=light] .admin-audit-section{background:var(--bg-secondary);border-color:var(--border-color);box-shadow:0 2px 8px var(--shadow-light)}body.light-theme .admin-search-section h3,body.light-theme .admin-list-section h3,body.light-theme .admin-audit-section h3,body[data-theme=light] .admin-search-section h3,body[data-theme=light] .admin-list-section h3,body[data-theme=light] .admin-audit-section h3{color:var(--text-primary)}body.light-theme .admin-search-input,body[data-theme=light] .admin-search-input{background:var(--input-bg);border-color:var(--border-color);color:var(--text-primary)}body.light-theme .admin-search-input:focus,body[data-theme=light] .admin-search-input:focus{border-color:var(--accent-color);background:var(--input-bg)}body.light-theme .admin-search-input::placeholder,body[data-theme=light] .admin-search-input::placeholder{color:var(--text-muted)}body.light-theme .admin-user-card,body[data-theme=light] .admin-user-card{background:var(--input-bg);border-color:var(--border-color)}body.light-theme .admin-user-card:hover,body[data-theme=light] .admin-user-card:hover{background:var(--input-bg);border-color:rgba(var(--accent-color-rgb),.3)}body.light-theme .admin-user-email,body[data-theme=light] .admin-user-email{color:var(--text-primary)}body.light-theme .admin-user-details,body[data-theme=light] .admin-user-details{color:var(--text-secondary)}body.light-theme .admin-audit-entry,body[data-theme=light] .admin-audit-entry{background:var(--input-bg)}body.light-theme .admin-audit-time,body[data-theme=light] .admin-audit-time{color:var(--text-secondary)}body.light-theme .admin-audit-action,body[data-theme=light] .admin-audit-action{color:var(--text-primary)}body.light-theme .admin-audit-details,body[data-theme=light] .admin-audit-details{color:var(--text-secondary)}.account-input{padding:6px 8px!important;min-height:32px!important;flex:1!important;min-width:0!important;border:2px solid rgba(255,255,255,.1)!important;border-radius:var(--radius-default)!important;background:#ffffff0d!important;color:var(--text-primary)!important;transition:all .3s ease!important}.account-input:focus{border-color:var(--accent-color)!important;background:#fffc!important;box-shadow:0 0 0 4px #00c4d91a!important;outline:none!important}.editable-field{display:flex!important;gap:12px!important;align-items:center!important;flex:1!important}.account-group .account-item{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:12px;margin-bottom:8px;min-height:60px;gap:16px;background:var(--color-surface-secondary);border-radius:8px}.account-group .account-item.account-info-item{justify-content:space-between;align-items:center;gap:16px;padding:12px}#desktop-subscriptionEndDateItem,#mobile-subscriptionEndDateItem{display:flex!important}.label-value-container{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;gap:16px;flex:1}.label-value-container label{display:inline-block;font-size:14px;font-weight:600;color:var(--text-secondary);margin:0;padding:0;line-height:1.2}.account-info-value{font-size:16px;font-weight:500;color:var(--text-primary);margin:0;padding:0;line-height:1.2}.account-avatar-container{position:relative;width:48px;height:48px;border-radius:50%;overflow:hidden;background:var(--color-surface-tertiary);display:flex;align-items:center;justify-content:center}.account-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.account-avatar-initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2)}.field-actions{display:flex;gap:8px;flex-shrink:0;align-items:flex-start}.account-group .account-item input[type=text],.account-group .account-item input[type=email],.account-group .control-input{padding:6px 8px!important;min-height:32px!important;flex:1!important;min-width:0!important;max-width:100%!important;width:100%!important;box-sizing:border-box!important}.account-group .setting-controls,.account-group .control-actions{display:flex!important;gap:4px!important;flex-wrap:wrap!important;align-items:center!important;margin-top:4px!important}.account-group .account-item .button,.account-group .account-item .button-small{padding:8px 12px;min-height:36px;font-size:.85em;flex-shrink:0;min-width:120px;text-align:center}.account-group .account-item .field-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.account-group .account-item.editable{display:flex;flex-direction:row;align-items:stretch;gap:16px;min-height:44px}.account-group .account-item.editable input{flex:1!important;order:unset!important;align-self:center!important}.avatar-section{padding:12px!important}.avatar-management{gap:12px!important}.account-pill-item{padding:8px 12px!important}@media(max-width:768px){.label-value-container{flex-direction:column;gap:0px}.account-content{padding:0!important;gap:6px!important}.account-group .account-item{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;padding:20px 16px!important;gap:8px!important;min-height:auto!important;justify-content:center!important}.account-group .account-item input[type=text],.account-group .account-item input[type=email],.account-group .control-input{width:100%!important;max-width:280px!important;text-align:center!important;font-size:16px!important;padding:12px!important;min-height:44px!important}.account-group .account-item .button,.account-group .account-item .button-small{padding:12px 16px!important;min-height:44px!important;font-size:.9em!important;min-width:140px!important;text-align:center!important}.account-group .account-item .field-actions{display:flex!important;justify-content:center!important;gap:12px!important;width:100%!important;margin-top:8px!important;flex-wrap:wrap!important}.account-group .account-item.editable{gap:8px!important}}.linked-accounts-list{display:flex;flex-direction:column;gap:.75rem}.linked-provider-item{display:flex;width:100%!important;align-items:center;gap:16px;background:var(--color-surface-tertiary);border-radius:8px;padding:12px;margin:8px 0}.linked-provider-item:hover{background:var(--color-surface-tertiary);border-color:var(--color-border-default)}.provider-info{display:flex;align-items:center;gap:.75rem}.provider-info i{font-size:1.125rem;color:var(--color-text-secondary);width:1.25rem;text-align:center}.provider-info .fa-google{color:#4285f4}.provider-info .fa-envelope{color:var(--color-primary)}.provider-name{font-weight:500;color:var(--color-text-primary)}.unlink-btn{font-size:.875rem;padding:.375rem .75rem}.unlink-btn:hover{background:var(--color-danger);border-color:var(--color-danger);color:#fff}.account-linking-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.account-linking-actions .button{font-size:.875rem}.no-linked-accounts{color:var(--color-text-secondary);font-style:italic;padding:.75rem;text-align:center;background:var(--color-surface-secondary);border:1px dashed var(--color-border-subtle);border-radius:var(--border-radius-md)}.error-message{color:var(--color-danger);font-size:.875rem;padding:.75rem;text-align:center;background:var(--color-danger-surface);border:1px solid var(--color-danger-border);border-radius:var(--border-radius-md)}@media(max-width:768px){.linked-provider-item{flex-direction:column;align-items:stretch;gap:.75rem}.provider-info{justify-content:center}.unlink-btn{align-self:center;min-width:120px}.account-linking-actions{flex-direction:column}.account-linking-actions .button{width:100%;justify-content:center}}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.linked-provider-item{animation:slideInUp .3s ease-out}.transaction-history-container{border-radius:var(--account-card-radius);backdrop-filter:blur(20px);padding:40px 24px 0;position:relative;overflow:hidden;margin-top:var(--spacing-component-lg);transition:all .3s ease;width:100%;max-width:1200px!important;margin-left:auto;margin-right:auto;box-sizing:border-box;justify-content:center;align-items:flex-start;display:flex}#desktop-transactionHistorySection.account-section.active,#mobile-transactionHistorySection.account-section.active{width:100vw;max-width:none;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);position:relative;box-sizing:border-box}.transaction-history-container:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0}.transaction-history-content{display:flex;flex-direction:column;gap:var(--account-item-gap);position:relative;z-index:1;width:100%;box-sizing:border-box}.transaction-table{width:100%;border-collapse:collapse;table-layout:fixed;background:#ffffff05;border-radius:12px;overflow:hidden;border:1px solid var(--account-card-border);backdrop-filter:blur(10px)}.transaction-table thead{background:linear-gradient(135deg,rgba(var(--accent-color-rgb),.15),rgba(var(--accent-color-rgb),.08));border-bottom:2px solid rgba(var(--accent-color-rgb),.2)}.transaction-table th{padding:var(--spacing-component-md) var(--spacing-component-sm);text-align:left;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-primary);border-right:1px solid rgba(var(--accent-color-rgb),.1);position:relative}.transaction-table th:last-child{border-right:none}.transaction-table th:nth-child(1){width:20%}.transaction-table th:nth-child(2){width:45%}.transaction-table th:nth-child(3){width:20%}.transaction-table th:nth-child(4){width:15%}.transaction-table tbody tr{border-bottom:1px solid var(--account-card-border);transition:all .3s ease;position:relative}.transaction-table tbody tr:last-child{border-bottom:none}.transaction-table tbody tr:hover{background:rgba(var(--accent-color-rgb),.05);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--accent-color-rgb),.1)}.transaction-table td{padding:var(--spacing-component-md) var(--spacing-component-sm);vertical-align:top;word-wrap:break-word;border-right:1px solid var(--account-card-border);color:var(--text-primary);font-size:.9rem}.transaction-table td:last-child{border-right:none}.transaction-date{font-weight:600;color:var(--text-primary);white-space:nowrap}.transaction-description{text-align:left}.description-main{font-weight:500;color:var(--text-primary);margin-bottom:4px;line-height:1.4}.transaction-amount{text-align:right;font-weight:700;color:var(--color-success);font-size:1rem;white-space:nowrap}.transaction-actions{text-align:center;white-space:nowrap}.invoice-download-link,.receipt-link{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:8px;font-size:.75rem;font-weight:600;text-decoration:none;background:linear-gradient(135deg,rgba(var(--accent-color-rgb),.2),rgba(var(--accent-color-rgb),.1));color:var(--accent-color);border:1px solid rgba(var(--accent-color-rgb),.3);transition:all .3s ease;backdrop-filter:blur(10px)}.invoice-download-link:hover,.receipt-link:hover{background:linear-gradient(135deg,rgba(var(--accent-color-rgb),.3),rgba(var(--accent-color-rgb),.15));transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--accent-color-rgb),.2);color:var(--accent-color);text-decoration:none}.invoice-download-link{background:linear-gradient(135deg,rgba(var(--color-success-rgb),.2),rgba(var(--color-success-rgb),.1));color:var(--color-success);border-color:rgba(var(--color-success-rgb),.3)}.invoice-download-link:hover{background:linear-gradient(135deg,rgba(var(--color-success-rgb),.3),rgba(var(--color-success-rgb),.15));box-shadow:0 4px 12px rgba(var(--color-success-rgb),.2);color:var(--color-success)}.invoice-download-link svg,.receipt-link svg{width:12px;height:12px;opacity:.8}.no-invoice,.no-receipt{font-size:.75rem;color:var(--text-secondary);font-style:italic;opacity:.6}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:none;position:relative;overflow:hidden;margin-top:var(--spacing-component-lg)}.loading-state>*,.error-state>*,.empty-state>*{position:relative;z-index:1}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top:3px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-component-md)}.loading-state p,.error-state p,.empty-state p{margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.5}.loading-state p:first-of-type,.error-state p:first-of-type,.empty-state p:first-of-type{color:var(--text-primary);font-weight:600;font-size:1.1rem;margin-bottom:var(--spacing-component-sm)}.empty-state i{font-size:3rem;color:var(--text-secondary);margin-bottom:var(--spacing-component-md);opacity:.5}.error-state i{font-size:3rem;color:var(--color-error);margin-bottom:var(--spacing-component-md);opacity:.8}@media(max-width:768px){.transaction-history-container{padding:0;margin-top:16px}}.transaction-table{background:transparent!important;border:none!important;overflow:visible!important;border-radius:0!important;backdrop-filter:none!important}.transaction-table{display:block;width:100%}.transaction-table thead{display:none}.transaction-table tbody{display:block}.transaction-table tbody tr{display:block;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 2px 8px #0000001a;backdrop-filter:blur(10px);transition:all .3s ease;width:100%;box-sizing:border-box}.transaction-table tbody tr:hover{background:#ffffff14;transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.transaction-table tbody tr:last-child{margin-bottom:0}.transaction-table td{display:block;padding:0;border:none;margin-bottom:12px;text-align:left!important}.transaction-table td:last-child{margin-bottom:0}.transaction-table td:before{content:attr(data-label);display:block;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.transaction-date{font-size:14px;font-weight:600;color:var(--accent-color)}.description-main{font-size:16px;font-weight:500;line-height:1.4;color:var(--text-primary)}.transaction-amount{font-size:18px;font-weight:700;color:var(--color-success);text-align:left!important}.transaction-actions{text-align:left!important}.invoice-download-link,.receipt-link{display:inline-flex;padding:8px 12px;font-size:12px;border-radius:6px;min-height:36px;align-items:center;gap:6px}.loading-state,.error-state{padding:20px;text-align:center}@media(max-width:480px){.transaction-history-container{padding:0;margin-top:12px}.transaction-table tbody tr{padding:12px;margin-bottom:12px}.transaction-table td{margin-bottom:10px}.transaction-table td:before{font-size:11px;margin-bottom:3px}.transaction-date{font-size:13px}.description-main{font-size:14px;line-height:1.3}.transaction-amount{font-size:16px}.invoice-download-link,.receipt-link{padding:6px 10px;font-size:11px;min-height:32px}}body.light-theme .transaction-history-container,body[data-theme=light] .transaction-history-container{background:var(--bg-secondary);border-color:var(--border-color);box-shadow:0 2px 8px var(--shadow-light)}body.light-theme .transaction-history-container:hover,body[data-theme=light] .transaction-history-container:hover{background:var(--bg-secondary);border-color:rgba(var(--accent-color-rgb),.3);box-shadow:0 4px 12px var(--shadow-medium)}body.light-theme .transaction-table,body[data-theme=light] .transaction-table{background:var(--bg-secondary);border-color:var(--border-color);box-shadow:0 1px 3px var(--shadow-light)}body.light-theme .transaction-table thead,body[data-theme=light] .transaction-table thead{background:linear-gradient(135deg,rgba(var(--accent-color-rgb),.08),rgba(var(--accent-color-rgb),.04));border-bottom-color:rgba(var(--accent-color-rgb),.15)}body.light-theme .transaction-table th,body[data-theme=light] .transaction-table th{color:var(--text-primary);border-right-color:rgba(var(--accent-color-rgb),.08)}body.light-theme .transaction-table tbody tr,body[data-theme=light] .transaction-table tbody tr{border-bottom-color:var(--border-color)}body.light-theme .transaction-table tbody tr:hover,body[data-theme=light] .transaction-table tbody tr:hover{background:rgba(var(--accent-color-rgb),.03);box-shadow:0 2px 8px var(--shadow-light)}body.light-theme .transaction-table td,body[data-theme=light] .transaction-table td{color:var(--text-primary);border-right-color:var(--border-color)}body.light-theme .loading-state p,body.light-theme .error-state p,body.light-theme .empty-state p,body[data-theme=light] .loading-state p,body[data-theme=light] .error-state p,body[data-theme=light] .empty-state p{color:var(--text-secondary)}body.light-theme .loading-state p:first-of-type,body.light-theme .error-state p:first-of-type,body.light-theme .empty-state p:first-of-type,body[data-theme=light] .loading-state p:first-of-type,body[data-theme=light] .error-state p:first-of-type,body[data-theme=light] .empty-state p:first-of-type{color:var(--text-primary)}body.light-theme .empty-state i,body[data-theme=light] .empty-state i{color:var(--text-muted)}.visual-option .option-icon{color:var(--text-secondary);transition:color .3s,transform .3s}.visual-option:hover .option-icon,.visual-option.active .option-icon{color:var(--text-primary)}.visual-option.premium{position:relative}body:not(.pro-user) .visual-option.premium{opacity:.3;filter:grayscale(70%);cursor:not-allowed}body.pro-user .visual-option.premium{opacity:1;filter:none;cursor:pointer}.visual-option.option-disabled{opacity:.4!important;cursor:not-allowed!important;background:var(--surface-disabled, #333)!important;color:var(--text-disabled, #666)!important;pointer-events:none!important;filter:grayscale(100%)}#wheelModeOptions .option-icon{color:var(--text-secondary)}.wheel-mode-option[data-mode=spin] .option-icon{color:#00c4d9}.wheel-mode-option[data-mode=eliminator] .option-icon{color:#e91e63}.wheel-mode-option[data-mode=chase] .option-icon{color:#ff9800}.wheel-mode-option[data-mode=sorter] .option-icon{color:#4caf50}.wheel-mode-option[data-mode=sorter-eliminator] .option-icon{color:#ff5722}.wheel-mode-option[data-mode=group-sorter] .option-icon{color:#3f51b5}.wheel-mode-option.locked{opacity:.4!important;filter:grayscale(70%)!important;cursor:not-allowed!important;pointer-events:none!important}.wheel-mode-upgrade-message{grid-column:1 / -1;margin-top:12px;padding:12px;background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:8px}.upgrade-message-content{display:flex;align-items:center;gap:8px;font-size:13px}.upgrade-message-content i{color:var(--color-accent);font-size:14px}.upgrade-message-text{flex:1;color:var(--color-text-secondary);line-height:1.4}.upgrade-message-btn{background:var(--color-accent);color:#fff;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:4px;transition:background-color .2s ease}.upgrade-message-btn:hover{background:var(--color-accent-hover)}.upgrade-message-btn i{font-size:10px;color:#fff}#wheelStyleOptions .option-icon{position:relative}#animationOptions .option-icon{animation-duration:2s;animation-iteration-count:infinite}.animation-option[data-animation=confetti] .option-icon{animation-name:confetti-bounce}.animation-option[data-animation=fireworks] .option-icon{animation-name:fireworks-pulse}.animation-option[data-animation=none] .option-icon{color:var(--text-muted);animation:none}#particleOptions .option-icon{transition:transform .3s ease}#particleOptions:hover .option-icon{transform:rotate(10deg) scale(1.1)}.particle-option{display:flex;justify-content:center;align-items:center}.particle-option[data-shape=triangle] .option-icon{color:#f39c12}.particle-option[data-shape=circle] .option-icon{color:#3498db}.particle-option[data-shape=square] .option-icon{color:#9b59b6}.particle-option[data-shape=diamond] .option-icon{color:#1abc9c}.particle-option[data-shape=pentagon] .option-icon{color:#e67e22}.particle-option[data-shape=hexagon] .option-icon{color:#34495e}.particle-option[data-shape=star] .option-icon{color:#f1c40f}.particle-option[data-shape=heart] .option-icon{color:#e74c3c}.particle-option[data-shape=emoji-star],.particle-option[data-shape=party-popper],.particle-option[data-shape=balloon],.particle-option[data-shape=gift-box],.particle-option[data-shape=dizzy-star],.particle-option[data-shape=fire],.particle-option[data-shape=performing-arts],.particle-option[data-shape=rocket],.particle-option[data-shape=rainbow],.particle-option[data-shape=diamond-gem],.particle-option[data-shape=trophy],.particle-option[data-shape=kiss],.particle-option[data-shape=party-face],.particle-option[data-shape=heart-eyes],.particle-option[data-shape=sparkles] .option-icon{color:gold}.particle-option[data-shape=text] .option-icon{color:#2ecc71}.particle-option[data-shape=custom-emoji] .option-icon{color:#e67e22}.theme-option{min-width:100px;padding:16px 12px;text-align:center}#themeOptions .option-icon{font-size:1.6rem;margin-bottom:8px}.theme-option[data-theme=dark]{background:linear-gradient(135deg,#2c3e50,#34495e);color:#ecf0f1}.theme-option[data-theme=light]{background:linear-gradient(135deg,#ecf0f1,#bdc3c7);color:#2c3e50}#pointerOptions .option-icon{position:relative}.pointer-option[data-pointer=center] .option-icon:after{content:"";position:absolute;inset:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:currentColor;border-radius:50%}.pointer-option[data-pointer=edge] .option-icon:after{content:"";position:absolute;top:20%;left:50%;transform:translate(-50%);border:4px solid transparent;border-bottom:8px solid currentColor}#languageOptions .option-icon{font-size:1.4rem;position:relative}.language-option[data-lang=en-US]:before{content:"🇺🇸";position:absolute;top:8px;right:8px;font-size:1rem}.language-option[data-lang=en-GB]:before{content:"🇬🇧";position:absolute;top:8px;right:8px;font-size:1rem}#winnersOptions .option-icon{position:relative}#winnersOptions .option-icon:after{content:attr(data-count);position:absolute;top:-2px;right:-2px;background:var(--fate-accent);color:var(--text-on-accent);border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600}#winnersOptions.active .option-icon:after{background:var(--text-on-accent);color:var(--fate-accent)}#textPositionOptions .option-icon{position:relative}.text-position-option[data-position=inside] .option-icon:after{content:"T";position:absolute;inset:50%;transform:translate(-50%,-50%);font-size:.6rem;font-weight:600}.text-position-option[data-position=edge] .option-icon:after{content:"T";position:absolute;top:20%;left:50%;transform:translate(-50%);font-size:.6rem;font-weight:600}#probabilityPositionOptions .option-icon{position:relative}.probability-position-option .option-icon{font-size:1.2rem;line-height:1}#strokeWidthOptions .option-icon{position:relative}.stroke-width-option[data-width="0.5"] .option-icon{filter:opacity(.6)}.stroke-width-option[data-width="1"] .option-icon{filter:opacity(.8)}.stroke-width-option[data-width="2"] .option-icon{filter:opacity(1);font-weight:500}.stroke-width-option[data-width="3"] .option-icon{filter:opacity(1);font-weight:600}.stroke-width-option[data-width="4"] .option-icon{filter:opacity(1);font-weight:700}@media(max-width:768px){.theme-option{width:100%;min-height:80px;padding:12px 8px}.theme-option .option-icon{font-size:1.4rem;margin-bottom:6px}}select[data-visual-replaced],input[data-visual-replaced],label[for*=Select][data-visual-replaced],label[for*=Input][data-visual-replaced],.dependency-hidden{display:none!important;visibility:hidden!important;position:absolute!important;width:0!important;height:0!important;overflow:hidden!important}@media(prefers-reduced-motion:reduce){.visual-option .option-icon,.animation-option .option-icon,#animationOptions .option-icon{animation:none!important;transition:none!important}}.stats-modal{max-width:1400px;width:95vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.stats-modal-header{text-align:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--border-light)}.stats-modal-header p{margin:0;color:var(--text-secondary);font-size:.9em}.stats-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.stats-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-secondary);gap:15px}.stats-loading .spinner{width:40px;height:40px;border:3px solid var(--border-light);border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.stats-navigation{display:flex;gap:5px;margin-bottom:20px;padding:5px;background:var(--input-bg);border-radius:12px;overflow-x:auto;flex-shrink:0}.stats-nav-btn{background:transparent;border:none;border-radius:8px;padding:10px 15px;font-size:.85rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;white-space:nowrap;display:flex;align-items:center;gap:6px;min-width:fit-content}.stats-nav-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.stats-nav-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px #667eea4d}.stats-nav-btn i{font-size:.9rem}.stats-section{flex:1;overflow-y:auto;padding:0 5px}.stats-section.hidden{display:none}.stats-section-header{margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--border-light)}.stats-section-header h4{margin:0 0 5px;color:var(--text-primary);display:flex;align-items:center;gap:8px}.stats-section-header p{margin:0;color:var(--text-secondary);font-size:.9em}.stats-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-bottom:30px}.stats-card{background:var(--container-bg);border:1px solid var(--border-light);border-radius:12px;padding:20px;display:flex;align-items:center;gap:15px;transition:all .2s ease}.stats-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stats-card-icon{width:50px;height:50px;border-radius:10px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;flex-shrink:0}.stats-card-content{flex:1}.stats-card-content h4{margin:0 0 5px;font-size:.9rem;color:var(--text-secondary);font-weight:500}.stats-number{font-size:1.8rem;font-weight:700;color:var(--text-primary);display:block}.stats-recent-activity{background:var(--container-bg);border:1px solid var(--border-light);border-radius:12px;padding:20px}.stats-recent-activity h4{margin:0 0 15px;color:var(--text-primary);display:flex;align-items:center;gap:8px}.recent-activity-list{max-height:300px;overflow-y:auto}.recent-activity-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border-light)}.recent-activity-item:last-child{border-bottom:none}.activity-icon{width:32px;height:32px;border-radius:6px;background:var(--input-bg);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);flex-shrink:0}.activity-content{flex:1;min-width:0}.activity-result{font-weight:600;color:var(--text-primary);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-wheel{font-size:.85rem;color:var(--text-secondary);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-time{font-size:.75rem;color:var(--text-muted)}.wheel-stats-summary h5{margin:0 0 15px;color:var(--text-primary)}.top-wheels-list{display:flex;flex-direction:column;gap:12px}.wheel-stat-item{background:var(--container-bg);border:1px solid var(--border-light);border-radius:8px;padding:15px}.wheel-name{font-weight:600;color:var(--text-primary);margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wheel-count{font-size:.85rem;color:var(--text-secondary);margin-bottom:8px}.wheel-bar{width:100%;height:6px;background:var(--border-light);border-radius:3px;overflow:hidden}.wheel-bar-fill{height:100%;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:3px;transition:width .3s ease}.outcome-stats-summary{display:flex;flex-direction:column;gap:20px}.outcome-stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.outcome-stat-card{background:var(--container-bg);border:1px solid var(--border-light);border-radius:8px;padding:15px;text-align:center}.outcome-stat-card h5{margin:0 0 10px;font-size:.9rem;color:var(--text-secondary)}.outcome-stat-number{display:block;font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:5px}.outcome-stat-card small{color:var(--text-muted);font-size:.8rem}.top-outcomes-list{display:flex;flex-direction:column;gap:10px}.outcome-stat-item{background:var(--container-bg);border:1px solid var(--border-light);border-radius:8px;padding:12px}.outcome-name{font-weight:500;color:var(--text-primary);margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.outcome-count{font-size:.85rem;color:var(--text-secondary);margin-bottom:8px}.outcome-bar{width:100%;height:6px;background:var(--border-light);border-radius:3px;overflow:hidden}.outcome-bar-fill{height:100%;background:linear-gradient(135deg,#00c4d9,#36a085);border-radius:3px;transition:width .3s ease}.probability-analysis{background:var(--container-bg);border:1px solid var(--border-light);border-radius:12px;padding:20px;margin-bottom:20px}.probability-analysis h5{margin:0 0 10px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.probability-summary{display:flex;gap:15px;margin-bottom:15px;font-size:.85rem}.probability-spins{color:var(--text-secondary)}.probability-chi{color:var(--text-muted);font-family:monospace}.probability-outcomes{display:flex;flex-direction:column;gap:15px}.probability-outcome{display:grid;grid-template-columns:1fr 2fr auto;gap:15px;align-items:center;padding:12px;background:var(--input-bg);border-radius:8px}.probability-outcome-name{font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.probability-bars{display:flex;flex-direction:column;gap:6px}.probability-bar{display:flex;flex-direction:column;gap:3px}.probability-label{font-size:.75rem;color:var(--text-secondary)}.probability-bar-fill{height:4px;border-radius:2px;transition:width .3s ease}.probability-bar.expected .probability-bar-fill{background:var(--border-color)}.probability-bar.actual .probability-bar-fill{background:linear-gradient(135deg,#667eea,#764ba2)}.probability-deviation{font-weight:600;font-size:.85rem;text-align:center;min-width:60px}.probability-deviation.positive{color:#28a745}.probability-deviation.negative{color:#dc3545}.pattern-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.pattern-section{background:var(--container-bg);border:1px solid var(--border-light);border-radius:12px;padding:20px}.pattern-section h5{margin:0 0 15px;color:var(--text-primary)}.peak-times{display:flex;flex-direction:column;gap:10px}.peak-time{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.peak-label{color:var(--text-secondary);font-size:.9rem}.peak-value{font-weight:600;color:var(--text-primary)}.daily-activity-chart{display:flex;align-items:end;gap:8px;height:100px;padding:10px 0}.daily-bar{display:flex;flex-direction:column;align-items:center;gap:5px;flex:1;min-width:20px}.daily-bar-fill{width:100%;min-height:2px;background:linear-gradient(135deg,#00c4d9,#36a085);border-radius:2px 2px 0 0;transition:all .2s ease}.daily-bar-fill:hover{background:linear-gradient(135deg,#667eea,#764ba2)}.daily-label{font-size:.7rem;color:var(--text-muted)}.stats-premium-prompt{display:flex;align-items:center;justify-content:center;padding:60px 20px}.premium-prompt-content{text-align:center;max-width:400px}.premium-icon{font-size:3rem;color:gold;margin-bottom:20px;display:block}.premium-prompt-content h3{margin:0 0 10px;color:var(--text-primary)}.premium-prompt-content p{margin:0 0 20px;color:var(--text-secondary)}.no-data{text-align:center;padding:40px 20px;color:var(--text-secondary);font-style:italic}@media(max-width:1024px){.stats-modal{width:98vw;max-height:95vh}.stats-cards-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.probability-outcome{grid-template-columns:1fr;gap:10px;text-align:center}.pattern-stats-grid{grid-template-columns:1fr}}@media(max-width:768px){.stats-modal{margin:10px;width:calc(100vw - 20px);max-height:calc(100vh - 20px)}.stats-navigation{flex-wrap:wrap;gap:3px}.stats-nav-btn{padding:8px 12px;font-size:.8rem}.stats-cards-grid{grid-template-columns:1fr}.stats-card{padding:15px}.stats-card-icon{width:40px;height:40px;font-size:1rem}.stats-number{font-size:1.5rem}.recent-activity-item{padding:8px 0}.outcome-stats-cards{grid-template-columns:1fr}}.plan-card{display:flex;flex-direction:column;justify-content:space-between;flex:1;width:100%!important;padding:40px;background:var(--container-bg);border-radius:12px;border:1px dashed blue;transition:transform .3s,box-shadow .3s;text-align:left}.plan-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px var(--shadow-color-medium)}.plan-card.current-plan{border-color:var(--fate-accent);box-shadow:0 0 15px color-mix(in srgb,var(--fate-accent),transparent 50%)}.plan-card h3{font-size:1.75rem;color:var(--text-primary);margin-bottom:.75rem}.plan-card .price{font-size:2.25rem;font-weight:700;color:var(--fate-accent);margin-bottom:1.5rem}.plan-card .features{list-style:none;padding:0;margin:0 0 2rem;flex-grow:1}.plan-card .features li{position:relative;padding:.5rem 0 .5rem 2rem;color:var(--text-secondary);font-size:.95rem}.plan-card .features li:before{content:"✓";position:absolute;left:0;font-size:1.1em;font-weight:700;color:var(--fate-accent)}@media(max-width:768px){.plan-card{padding:1.5rem;min-width:unset}.plan-card h3{font-size:1.5rem}.plan-card .price{font-size:2rem;margin-bottom:1.25rem}.plan-card .features{margin-bottom:1.5rem}.plan-card .features li{font-size:.9rem;padding-left:1.75rem}}.subscribe-btn,.downgrade-btn,.retry-btn,.receipt-link{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:12px 20px;border-radius:32px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,filter .2s,box-shadow .2s;text-align:center}.subscribe-btn,retry-btn,.downgrade-btn{border:2px solid var(--fate-accent);background:transparent;color:var(--text-primary);width:100%;margin-top:auto;box-shadow:0 2px 4px var(--shadow-color-light)}.subscribe-btn:hover:not(:disabled),.downgrade-btn:hover:not(:disabled),.retry-btn:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 4px 8px var(--shadow-color-medium);background:var(--fate-accent);color:var(--text-on-accent);border-color:var(--fate-accent)}.subscribe-btn:active:not(:disabled),.downgrade-btn:active:not(:disabled){transform:translateY(0);filter:brightness(.9);box-shadow:0 2px 4px var(--shadow-color-light)}.subscribe-btn:disabled,.downgrade-btn:disabled{background:var(--button-disabled-bg, #ccc);border-color:var(--button-disabled-border, #ccc);color:var(--text-on-disabled, #666);cursor:not-allowed;opacity:.6;box-shadow:none;transform:none}.plan-card.current-plan .subscribe-btn{background:var(--fate-accent);border-color:var(--fate-accent);color:var(--text-on-accent)}@media(max-width:768px){#subscriptionModal .landing-title{font-size:2.5em;margin-bottom:16px}#subscriptionModal .landing-subtitle{font-size:16px;margin-bottom:24px}}.auth-modal-content.wheel-manager-modal{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%!important;max-width:1600px;margin:0 auto;padding:16px;overflow-y:auto}.wheel-manager-content{margin:20px 0;width:100%!important}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-wrap{display:flex;flex-wrap:wrap;gap:20px}.flex-center{display:flex;align-items:center;gap:10px}.wheel-manager-controls{@extend .flex-between;margin-bottom:20px;@extend .flex-wrap;}.wheel-filter-controls,.wheel-selection-buttons,.ai-model-selector{@extend .flex-wrap;gap:10px}.wheel-search-controls{@extend .flex-center;}.wheel-btn{background:var(--input-bg);color:var(--text-primary);border:1px solid var(--border-light);border-radius:20px;padding:8px 16px;font-size:.85rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease}.wheel-btn:hover:not(:disabled){background:var(--hover-bg);border-color:var(--fate-accent);box-shadow:0 2px 6px color-mix(in srgb,var(--fate-accent),transparent 80%)}.wheel-btn.active{background:var(--fate-accent);color:var(--text-on-accent);border-color:var(--fate-accent);transform:scale(1.02);box-shadow:0 2px 8px color-mix(in srgb,var(--fate-accent),transparent 70%);font-weight:600}.wheel-delete-btn{background:#dc3545;border-color:#dc3545;color:#fff}.wheel-delete-btn:hover{background:#c82333;border-color:#c82333}.wheel-byline-btn{background:#6f42c1;border-color:#6f42c1;color:#fff}.wheel-byline-btn:hover{background:#5a2d9a;border-color:#5a2d9a}.wheel-duplicates-btn{background:#fd7e14;border-color:#fd7e14;color:#fff}.wheel-duplicates-btn:hover{background:#e8610e;border-color:#e8610e}.wheel-search-input,.wheel-user-filter-select{width:250px;padding:8px 16px;border:1px solid var(--border-light);border-radius:20px;background:var(--input-bg);color:var(--text-primary);transition:all .2s ease}.wheel-search-input{padding-left:40px}.wheel-user-filter-select{padding-right:40px;appearance:none;cursor:pointer}.wheel-search-input:focus,.wheel-user-filter-select:focus{border-color:var(--fate-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--fate-accent),transparent 80%);outline:none}.wheel-search-icon,.wheel-user-filter-icon{position:absolute;top:50%;transform:translateY(-50%);font-size:.9rem;color:var(--text-secondary)}.wheel-search-icon{left:12px}.wheel-user-filter-icon{right:12px;pointer-events:none}.wheel-refresh-btn{@extend .flex-center;width:36px;height:36px;border-radius:50%;transition:transform .3s ease,background .2s}.wheel-refresh-btn:hover{background:var(--fate-accent);color:#fff;transform:rotate(180deg)}.wheel-manager-loading{@extend .flex-center;flex-direction:column;padding:60px 20px;color:var(--text-secondary)}.spinner{width:40px;height:40px;border:3px solid var(--border-light);border-top-color:var(--fate-accent);border-radius:50%;animation:spin 1s linear infinite}.wheel-manager-table{background:var(--container-bg);border:1px solid var(--border-light);border-radius:8px;overflow:hidden}.wheel-table{width:100%;border-collapse:collapse;font-size:.9rem}.wheel-table th,.wheel-table td{padding:12px 8px;border-bottom:1px solid var(--border-light);text-align:left}.wheel-table th{background:var(--input-bg);font-weight:600;white-space:nowrap}.wheel-table tr:hover{background:var(--hover-bg)}.wheel-table tr.selected{background:color-mix(in srgb,var(--fate-accent),transparent 90%)}th.wheel-type-col,th.wheel-category-col,th.wheel-source-col,th.wheel-actions-col,td.wheel-type-col,td.wheel-category-col,td.wheel-source-col,td.wheel-actions-col{width:auto}.wheel-progress-bar,.wheel-results-summary{width:100%;display:flex;gap:20px;justify-content:center}.wheel-progress-bar{height:8px;background:var(--border-light);border-radius:4px;overflow:hidden}.wheel-progress-bar-fill{height:100%;background:var(--fate-accent);transition:width .3s ease}.wheel-results-section,.wheel-duplicates-summary{text-align:center;padding:20px;background:var(--container-bg);border:1px solid var(--border-light);border-radius:8px}.wheel-pagination-controls{@extend .flex-between;margin-top:20px;padding:15px;background:var(--container-bg);border:1px solid var(--border-light);border-radius:8px;flex-wrap:wrap;gap:20px}.wheel-pagination-buttons{display:flex;gap:8px}.wheel-pagination-btn,.wheel-page-number-btn{@extend .wheel-btn;width:36px;height:36px;padding:0;font-size:.9rem;justify-content:center}.wheel-pagination-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.wheel-page-number-btn.active{background:var(--fate-accent);color:#fff;border-color:var(--fate-accent);transform:scale(1.05);font-weight:600}@media(max-width:1024px){.wheel-manager-controls{flex-direction:column;gap:15px}.wheel-search-input{width:200px}.wheel-user-filter-select{width:180px}}@media(max-width:768px){.wheel-kebab-col{display:table-cell}.wheel-filter-btn,.wheel-btn{font-size:.8rem;padding:6px 12px}.wheel-search-input{width:160px;padding-left:32px}.wheel-user-filter-select{width:140px;padding-right:12px}.wheel-table{min-width:500px;font-size:.85rem}th.wheel-type-col,th.wheel-category-col,th.wheel-source-col,th.wheel-actions-col,td.wheel-type-col,td.wheel-category-col,td.wheel-source-col,td.wheel-actions-col{display:none}}@media(max-width:480px){.wheel-manager-modal{padding:12px}.wheel-filter-btn,.wheel-btn{font-size:.75rem;padding:5px 10px}.wheel-pagination-btn,.wheel-page-number-btn{width:28px;height:28px;font-size:.75rem}}.wheel-persona{display:flex;align-items:center}.persona-multi-select{position:relative;width:100%;min-width:120px}.persona-display{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;border:1px solid var(--border-light);border-radius:4px;background:var(--input-bg);color:var(--text-primary);font-size:12px;cursor:pointer;transition:all .2s ease;min-height:24px}.persona-display:hover{border-color:var(--accent-color)}.persona-display i{margin-left:4px;font-size:10px;transition:transform .2s ease}.persona-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--input-bg);border:1px solid var(--border-light);border-top:none;border-radius:0 0 4px 4px;box-shadow:0 2px 8px #0000001a;z-index:1000;max-height:200px;overflow-y:auto}.persona-option{display:flex;align-items:center;padding:6px 8px;cursor:pointer;font-size:12px;transition:background-color .2s ease}.persona-option:hover{background:var(--hover-bg, rgba(0, 0, 0, .05))}.persona-option input[type=checkbox]{margin-right:6px;cursor:pointer}.persona-option span{cursor:pointer;user-select:none}[data-theme=dark] .persona-display{background:var(--container-bg);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .persona-dropdown{background:var(--container-bg);border-color:var(--border-color);box-shadow:0 2px 8px #ffffff1a}[data-theme=dark] .persona-option:hover{background:var(--hover-bg, rgba(255, 255, 255, .05))}.admin-kebab-menu{position:relative;display:inline-block}.admin-menu-toggle{background:none;color:#fff;border:none;border-radius:6px;padding:8px 10px;font-size:.9rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:36px;height:36px}.admin-menu-toggle:hover{background:var(--fate-accent-hover);box-shadow:0 2px 8px #00000026}.admin-menu-toggle:active{transform:translateY(0)}.admin-menu-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:var(--container-bg);border:1px solid var(--border-light);border-radius:8px;box-shadow:0 4px 20px #00000026;z-index:1000;min-width:180px;overflow:hidden;opacity:1;transform:translateY(0);transition:all .2s ease}.admin-menu-dropdown.hidden{opacity:0;transform:translateY(-10px);pointer-events:none}.admin-menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--text-primary);cursor:pointer;transition:all .2s ease;border-bottom:1px solid var(--border-light);font-size:.9rem;font-weight:500}.admin-menu-item:last-child{border-bottom:none}.admin-menu-item:hover{background:var(--hover-bg);color:var(--fate-accent)}.admin-menu-item i{width:16px;text-align:center;font-size:.9rem}.admin-menu-item span{flex:1}.admin-menu-item[data-action=csv-import]:hover{background:color-mix(in srgb,var(--fate-accent),transparent 90%)}.admin-menu-item[data-action=manage-wheels]:hover{background:color-mix(in srgb,#6f42c1,transparent 90%)}.admin-menu-item[data-action=stats]:hover{background:color-mix(in srgb,#667eea,transparent 90%)}@media(max-width:768px){.admin-menu-dropdown{right:-20px;min-width:160px}.admin-menu-item{padding:10px 14px;font-size:.85rem}.admin-menu-toggle{padding:6px 8px;min-width:32px;height:32px;font-size:.8rem}}:root{--scrollbar-width: 8px;--scrollbar-thumb: rgba(255, 255, 255, .2);--scrollbar-thumb-hover: rgba(255, 255, 255, .4);--scrollbar-track: var(--input-bg, rgba(255, 255, 255, .1));--scrollbar-corner: var(--input-bg, rgba(255, 255, 255, .1));--scrollbar-track-dark: rgba(255, 255, 255, .03);--scrollbar-thumb-dark: rgba(255, 255, 255, .15);--scrollbar-thumb-dark-hover: rgba(255, 255, 255, .25)}::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-corner{background:var(--scrollbar-corner)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.thin-scrollbar::-webkit-scrollbar{width:6px;height:6px}.thin-scrollbar,.nav-drawer,.main-view,.panel-content,.combined-panel{scrollbar-width:thin}.nav-drawer::-webkit-scrollbar,.main-view ::-webkit-scrollbar,.panel-content::-webkit-scrollbar,.combined-panel::-webkit-scrollbar{width:6px}.nav-drawer::-webkit-scrollbar-track,.main-view ::-webkit-scrollbar-track,.panel-content::-webkit-scrollbar-track,.combined-panel::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.nav-drawer::-webkit-scrollbar-thumb,.main-view ::-webkit-scrollbar-thumb,.panel-content::-webkit-scrollbar-thumb,.combined-panel::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px;opacity:.8}.nav-drawer::-webkit-scrollbar-thumb:hover,.main-view ::-webkit-scrollbar-thumb:hover,.panel-content::-webkit-scrollbar-thumb:hover,.combined-panel::-webkit-scrollbar-thumb:hover{background:#ffffff4d;opacity:1}.modal-content::-webkit-scrollbar,.popup-content::-webkit-scrollbar{width:var(--scrollbar-width)}.modal-content::-webkit-scrollbar-track,.popup-content::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.modal-content::-webkit-scrollbar-thumb,.popup-content::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.explore-content-area,.your-wheels-content-area,.history-content-area{scrollbar-width:thin}.explore-content-area::-webkit-scrollbar,.your-wheels-content-area::-webkit-scrollbar,.history-content-area::-webkit-scrollbar{width:var(--scrollbar-width)}.explore-content-area::-webkit-scrollbar-track,.your-wheels-content-area::-webkit-scrollbar-track,.history-content-area::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:4px}.explore-content-area::-webkit-scrollbar-thumb,.your-wheels-content-area::-webkit-scrollbar-thumb,.history-content-area::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.explore-content-area::-webkit-scrollbar-thumb:hover,.your-wheels-content-area::-webkit-scrollbar-thumb:hover,.history-content-area::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}body.dark-mode{--scrollbar-track: var(--scrollbar-track-dark);--scrollbar-thumb: var(--scrollbar-thumb-dark);--scrollbar-thumb-hover: var(--scrollbar-thumb-dark-hover)}@media(max-width:768px){::-webkit-scrollbar{width:6px;height:6px}.combined-panel::-webkit-scrollbar,.nav-drawer ::-webkit-scrollbar,.main-view ::-webkit-scrollbar,.panel-content ::-webkit-scrollbar{width:4px}}.wheel-limit-dialog{text-align:center;padding:2rem;max-width:400px;margin:0 auto}.wheel-limit-icon{font-size:3rem;margin-bottom:1rem;opacity:.8}.wheel-limit-dialog h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.5rem;font-weight:600}.wheel-limit-dialog p{color:var(--text-secondary);margin-bottom:1rem;line-height:1.5}.wheel-limit-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.wheel-limit-actions .btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:500;text-decoration:none;border:none;cursor:pointer;transition:all .2s ease}.wheel-limit-actions .btn-secondary{width:100%;background:var(--container-bg);color:var(--text-secondary);border:1px solid var(--border-light)}.wheel-limit-actions .btn-secondary:hover{background:var(--container-bg-hover);border-color:var(--border-medium)}.wheel-limit-actions .btn-primary{background:var(--color-primary);color:#fff}.wheel-limit-actions .btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.modal-backdrop,.modal-overlay,.alert-overlay,.auth-modal,.modal{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center;padding:var(--modal-padding-md);opacity:0;visibility:hidden;transition:opacity var(--modal-transition-normal),visibility var(--modal-transition-normal);overflow-y:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box}.modal-backdrop.blur-heavy,.modal.blur-heavy{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal-backdrop.visible,.modal-backdrop.show,.modal-overlay:not(.hidden),.alert-overlay:not(.hidden),.auth-modal.visible,.modal.show{opacity:1;visibility:visible;display:flex}.modal-backdrop.hidden,.modal-overlay.hidden,.alert-overlay.hidden,.auth-modal.hidden,.modal.hidden{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}.modal-content,.modal-container,.alert-box,.confirm-modal,.auth-modal-content{background:var(--container-bg, #1c1c1e);border-radius:16px;box-shadow:0 20px 60px #00000080;position:relative;z-index:var(--z-modal-content);width:100%;max-width:var(--modal-width-sm);max-height:var(--modal-height-lg);transform:scale(.9) translateY(20px);transition:transform var(--modal-transition-slow);display:flex;flex-direction:column;justify-content:flex-start;align-items:center;overflow:auto;box-sizing:border-box;border-top:4px solid var(--accent-color);margin:auto;max-width:var(--modal-width-lg);padding:var(--modal-padding-lg);text-align:center}.modal-backdrop.visible .modal-content,.modal-backdrop.show .modal-content,.modal-overlay:not(.hidden) .alert-box,.alert-overlay:not(.hidden) .alert-box,.confirm-modal:not(.hidden),.auth-modal.visible .auth-modal-content,.modal.show .modal-content,.modal.show .modal-container{transform:scale(1) translateY(0)}.modal-content.size-xs,.modal-container.size-xs{max-width:var(--modal-width-xs)}.modal-content.size-sm,.modal-container.size-sm{max-width:var(--modal-width-sm)}.modal-content.size-md,.modal-container.size-md{max-width:var(--modal-width-md)}.modal-content.size-lg,.modal-container.size-lg{max-width:var(--modal-width-lg)}.modal-content.size-xl,.modal-container.size-xl{max-width:var(--modal-width-xl)}.modal-content.size-xxl,.modal-container.size-xxl{max-width:var(--modal-width-xxl)}.modal-content.size-admin,.modal-container.size-admin{max-width:var(--modal-width-admin)}.modal-content.size-full,.modal-container.size-full{max-width:var(--modal-width-full)}.modal-content.height-sm{max-height:var(--modal-height-sm)}.modal-content.height-md{max-height:var(--modal-height-md)}.modal-content.height-lg{max-height:var(--modal-height-lg)}.modal-content.height-xl{max-height:var(--modal-height-xl)}.modal-content.height-full{max-height:var(--modal-height-full)}.auth-modal-title{color:var(--text-primary, #f5f5f7);font-size:1.5rem;font-weight:600;margin-bottom:16px;display:flex;align-items:center;gap:8px;justify-content:center}.auth-modal-description{color:var(--text-secondary, #b0b0b0);margin-bottom:24px;line-height:1.5}.auth-modal-features{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;text-align:left}.feature-item{display:flex;align-items:center;gap:12px;color:var(--text-primary, #f5f5f7);font-size:.9rem}.feature-item i{color:var(--color-success, #10b981);font-size:1rem;width:16px;flex-shrink:0}.auth-modal-actions{display:flex;flex-direction:column;gap:12px;width:100%}.auth-modal-actions .btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:8px;font-weight:500;transition:all .2s ease;text-decoration:none;border:none;cursor:pointer}.auth-modal-actions .btn-primary{background:var(--accent-color, #00c4d9);color:var(--text-on-accent, #ffffff)}.auth-modal-actions .btn-primary:hover{background:var(--accent-color-hover, #00a7b5);transform:translateY(-1px)}.auth-modal-actions .btn-secondary{width:100%;background:transparent;color:var(--text-secondary, #b0b0b0);border:1px solid var(--border-color, #6a6a6a)}.auth-modal-actions .btn-secondary:hover{background:var(--container-bg, #2a2a2a);color:var(--text-primary, #f5f5f7)}@keyframes slideInScale{0%{transform:scale(.8) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes modalSlideIn{0%{transform:scale(.8) translateY(50px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes modalSlideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalFadeOut{0%{opacity:1}to{opacity:0}}.modal-overlay.fade-in{animation:modalFadeIn .3s ease-out}.modal-overlay.fade-out{animation:modalFadeOut .3s ease-out}.modal-overlay.slide-up .modal-content{animation:modalSlideUp .3s ease-out}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--modal-padding-lg) var(--modal-padding-lg) var(--modal-padding-md);flex-shrink:0}.modal-header.centered{justify-content:center;text-align:center;flex-direction:column;gap:var(--modal-padding-sm)}.modal-header h1,.modal-header h2,.modal-header h3,.emoji-modal-header h3,.share-modal-header h3,.performance-modal-header h3,.stats-modal-header h3,.up-next-list-modal-header h3,.up-next-create-list-modal-header h3{margin:0;color:var(--text-primary, #ffffff);font-size:1.75rem!important;text-align:center;font-weight:700;line-height:1.2}.modal-header h1{font-size:2rem}.modal-header h2{font-size:1.75rem}.modal-header h3,.emoji-modal-header h3,.share-modal-header h3,.performance-modal-header h3,.stats-modal-header h3,.up-next-list-modal-header h3,.up-next-create-list-modal-header h3{font-size:1.5rem}.modal-body{padding:var(--modal-padding-md);width:100%!important;max-width:720px;box-sizing:border-box}.share-modal-body{padding-top:0}.modal-body.no-padding{padding:0}.modal-body.centered{text-align:center}.modal-body input[type=text],.modal-body select{width:100%;padding:var(--modal-padding-sm);box-sizing:border-box}.modal-body p{margin:0 0 var(--modal-padding-md) 0}.modal-body p:last-child{margin-bottom:0}.modal-footer{display:flex;gap:var(--modal-padding-md);justify-content:flex-end;padding:var(--modal-padding-md) var(--modal-padding-lg) var(--modal-padding-lg);flex-shrink:0;flex-wrap:wrap;box-sizing:border-box}.modal-footer.centered{justify-content:center}.modal-footer.spaced{justify-content:space-between}.modal-footer.full-width{justify-content:stretch}.modal-footer.full-width>*{flex:1}.modal-close,.modal-close-btn,.alert-close,.close-btn{position:absolute;top:var(--modal-padding-xs);right:var(--modal-padding-sm);background:#ffffff1a;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary, #999);transition:all .2s ease;font-size:16px;z-index:10}.modal-close:hover,.modal-close-btn:hover,.alert-close:hover,.close-btn:hover{background:#fff3;color:var(--text-primary, #ffffff);transform:scale(1.1)}.modal-btn,.alert-btn,.test-modal-btn,.modal-button,.button{padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:14px;min-width:100px;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;text-decoration:none;box-sizing:border-box}.modal-btn:hover,.alert-btn:hover,.test-modal-btn:hover,.modal-button:hover,.button:hover:not(:disabled){transform:translateY(-2px)}.modal-btn:active,.alert-btn:active,.test-modal-btn:active,.modal-button:active,.button:active{transform:translateY(0)}.modal-btn:disabled,.alert-btn:disabled,.test-modal-btn:disabled,.modal-button:disabled,.button:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary,.modal-btn-primary,.alert-btn-primary,.test-modal-btn-primary,.modal-button.primary,.button.primary{background:linear-gradient(135deg,var(--accent-color, #00c4d9),#667eea);color:#fff;box-shadow:0 4px 12px #00c4d94d}.btn-primary:hover,.modal-btn-primary:hover,.alert-btn-primary:hover,.test-modal-btn-primary:hover,.modal-button.primary:hover,.button.primary:hover{box-shadow:0 6px 16px #00c4d966}.btn-secondary,.modal-btn-secondary,.alert-btn-secondary,.test-modal-btn-secondary,.modal-button.secondary,.button.secondary{width:100%;border:2px solid var(--border-light, #333);background:transparent;color:var(--text-secondary, #999)}.btn-secondary:hover,.modal-btn-secondary:hover,.alert-btn-secondary:hover,.test-modal-btn-secondary:hover,.modal-button.secondary:hover,.button.secondary:hover{background:var(--border-light, #333);color:var(--text-primary, #ffffff)}.btn-danger,.modal-btn-danger,.alert-btn-danger,.modal-button.danger,.button.danger{background:linear-gradient(135deg,#ff4757,#ff3838);color:#fff;box-shadow:0 4px 12px #ff47574d}.btn-danger:hover,.modal-btn-danger:hover,.alert-btn-danger:hover,.modal-button.danger:hover,.button.danger:hover{box-shadow:0 6px 16px #ff475766}.btn-success,.modal-btn-success,.alert-btn-success,.modal-button.success,.button.success{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;box-shadow:0 4px 12px #28a7454d}.btn-warning,.modal-btn-warning,.alert-btn-warning,.modal-button.warning,.button.warning{background:linear-gradient(135deg,#ffc107,#ff8c00);color:#000;box-shadow:0 4px 12px #ffc1074d}.btn-info,.modal-btn-info,.alert-btn-info,.modal-button.info,.button.info{background:linear-gradient(135deg,#17a2b8,#007bff);color:#fff;box-shadow:0 4px 12px #17a2b84d}.modal-button.popular-wheel{background:linear-gradient(135deg,#ff6b6b,#feca57);color:#fff;box-shadow:0 4px 12px #ff6b6b4d}.modal-button.popular-wheel:hover{box-shadow:0 6px 16px #ff6b6b66;transform:translateY(-2px)}#saveOnExitSaveBtn,#saveOnExitDiscardBtn,.modal-buttons{position:relative;display:flex;flex-direction:row;justify-content:center!important;align-items:center!important;gap:12px;width:100%;box-sizing:border-box;padding:16px}.modal-buttons .btn-primary,.modal-buttons .btn-secondary{width:100%;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;font-size:14px}.modal-buttons .btn-primary{background:var(--primary-color);color:#fff}.modal-buttons .btn-primary:hover{background:var(--primary-color-dark, #0056CC);transform:translateY(-1px)}.modal-buttons .btn-secondary{width:100%;background:var(--container-bg-secondary, rgba(255, 255, 255, .1));color:var(--text-color-primary);border:1px solid var(--border-color, rgba(255, 255, 255, .2))}.modal-buttons .btn-secondary:hover{background:var(--container-bg-tertiary, rgba(255, 255, 255, .15))}.modal-buttons.centered,.alert-buttons.centered{justify-content:center}.modal-buttons.full-width,.alert-buttons.full-width{justify-content:stretch}.modal-buttons.full-width>*,.alert-buttons.full-width>*{flex:1}.modal-icon,.alert-icon{width:80px;height:80px;margin:0 auto 24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;flex-shrink:0}.modal-icon.success,.alert-icon.success{background:var(--color-success, #28a745);color:#fff}.modal-icon.warning,.alert-icon.warning{background:var(--color-warning, #ffc107);color:#000}.modal-icon.error,.alert-icon.error{background:var(--color-danger, #dc3545);color:#fff}.modal-icon.info,.alert-icon.info{background:var(--color-info, #17a2b8);color:#fff}.modal-title,.alert-title{font-size:2rem;font-weight:700;color:var(--text-primary, #ffffff);margin:0 0 20px;line-height:1.25;text-align:center;letter-spacing:-.02em}.alert-modal .modal-content.size-md{padding:40px 36px 36px}@media(max-width:767px){.alert-icon{width:72px;height:72px;font-size:36px;margin-bottom:20px}.alert-title{font-size:1.625rem}.alert-modal .modal-content.size-md{padding:32px 28px 28px}}.modal-text,.alert-text,.modal-message{font-size:1.0625rem;color:var(--text-secondary, #b8b8b8);line-height:1.6;margin:0;white-space:pre-line;text-align:center}.alert-actions{display:flex;flex-direction:column;gap:14px;justify-content:center;margin-top:32px;width:100%}.alert-actions button{width:100%;padding:16px 28px;font-size:1.0625rem;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease;white-space:normal;line-height:1.5;min-height:52px}.alert-actions .btn-primary{background:var(--color-primary, #3b82f6);color:#fff;order:1;box-shadow:0 2px 8px #3b82f640;font-weight:700}.alert-actions .btn-primary:hover{background:var(--color-primary-hover, #2563eb);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.alert-actions .btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #3b82f640}.alert-actions .btn-secondary{width:100%;background:#6c757d33;color:var(--text-primary, #ffffff);border:1.5px solid rgba(255,255,255,.2);order:2;backdrop-filter:blur(8px)}.alert-actions .btn-secondary:hover{background:#6c757d4d;border-color:#ffffff4d;transform:translateY(-1px)}.alert-actions .btn-secondary:active{transform:translateY(0)}@media(min-width:768px){.alert-actions{flex-direction:row;justify-content:center;gap:16px}.alert-actions button{width:auto;min-width:160px;flex:1 1 0;max-width:240px}.alert-actions .btn-secondary{width:100%;order:1}.alert-actions .btn-primary{order:2}}.modal-submessage{font-size:.875rem;color:var(--text-muted, #666);margin-top:var(--modal-padding-sm);line-height:1.5}.alert-modal,.alert-overlay{z-index:var(--z-modal-overlay)}#resetOptionsModalBackdrop.alert-overlay{z-index:10001!important;pointer-events:auto!important}#resetOptionsModal.alert-box{z-index:10002!important;pointer-events:auto!important}#resetOptionsModal .modal-buttons{z-index:10003!important;pointer-events:auto!important;position:relative}#resetOptionsModal .modal-buttons button{z-index:10004!important;pointer-events:auto!important;position:relative}.alert-modal .modal-content,.alert-box,.confirm-modal{text-align:center}.auth-modal{z-index:var(--z-modal-overlay)}.auth-modal-content.wheel-manager-modal{max-width:var(--modal-width-admin);padding:var(--modal-padding-md);text-align:left}#subscriptionModal .auth-modal-content{max-width:var(--modal-width-xl)}#outcomePopupQuestionTitle{display:none}.outcome-popup{position:fixed;inset:0;background:#000c;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);z-index:var(--z-outcome-popup);display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--modal-transition-normal),visibility var(--modal-transition-normal);overflow-y:visible;overflow-x:hidden;box-sizing:border-box}.outcome-popup.visible,.outcome-popup:not(.hidden){opacity:1!important;visibility:visible!important;display:flex!important;pointer-events:auto!important}.outcome-popup-content{background:var(--container-bg, #1c1c1e);border-top:4px solid var(--winning-color, var(--accent-color, #00c4d9));border-radius:20px;padding:24px;width:calc(60% - 32px);max-width:768px!important;max-height:98vh;box-shadow:0 25px 80px #0009;position:relative;display:flex;flex-direction:column}.outcome-popup:not(.hidden) .outcome-popup-content,.outcome-popup[style*="visibility: visible"] .outcome-popup-content,.outcome-popup[style*="opacity: 1"] .outcome-popup-content{transform:scale(1)}.outcome-popup-main-text,.popup-text-container .modal-large-title{font-size:2.75rem;line-height:1.1;font-weight:700;color:var(--text-primary, #ffffff);margin:var(--modal-padding-md) 0;word-break:break-word;text-align:center}.outcome-popup[data-popup-state=group-eliminated] .outcome-popup-main-text{color:var(--accent-color, #00c4d9);text-shadow:0 2px 4px rgba(0,0,0,.3)}.outcome-popup-byline,.sorter-progress-assignment{font-size:2rem;line-height:1.4;font-weight:600;color:var(--text-primary, #ffffff);margin:var(--modal-padding-md) 0;word-break:break-word;text-align:center}.popup-text-container{width:100%;text-align:center;margin-bottom:var(--modal-padding-lg);box-sizing:border-box;flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}@media(prefers-reduced-motion:reduce){.outcome-popup-content{transform:none;transition:none}.outcome-popup{transition:opacity .1s ease,visibility .1s ease}}.popup-text-container .modal-text{margin:var(--modal-padding-md) 0}.outcome-popup.hidden{opacity:0!important;visibility:hidden!important;pointer-events:none!important;display:none!important}#creationFlowModal{padding:20px;margin:0;inset:0;display:flex;align-items:center;justify-content:center}.modal-content.creation-flow-modal{width:auto;height:auto;max-width:800px;max-height:90vh;margin:0;padding-bottom:40px;border-radius:16px;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;background:var(--container-bg, #1c1c1e);box-shadow:0 20px 40px #0000004d}.modal-content.creation-flow-modal .modal-header{display:flex;align-items:center;justify-content:center;padding:var(--modal-padding-xl) 0px var(--modal-padding-xs) 0px;flex-shrink:0}.modal-content.creation-flow-modal .modal-header h3{display:block;visibility:visible;opacity:1;font-size:2.8em!important;text-align:center!important;color:var(--text-primary, #ffffff);margin:0;font-weight:700}.modal-content.creation-flow-modal .modal-body{flex:1;overflow-y:auto;padding:var(--modal-padding-lg)}.modal-content.creation-flow-modal .modal-footer{flex-shrink:0;padding:var(--modal-padding-lg);border-top:1px solid var(--border-light, #333)}#creationFlowModal h3{font-size:3rem!important;line-height:1em!important;margin-bottom:40px!important}#creationFlowModal .csv-option{display:flex}.sorter-group-container{display:flex;flex-direction:column-reverse;justify-content:space-between;align-items:center;padding:8px;margin-bottom:4px;border:.5px solid var(--border-color)!important;border-radius:4px}.sorter-group-header{font-weight:600;font-size:.75em!important;line-height:1;color:var(--text-primary);margin-bottom:4px}.sorter-group-items-container{display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-weight:500;font-size:1rem}.outcome-popup-game-mode{color:var(--fate-text-secondary);padding:0}.outcome-popup.auto-spin-active{animation-duration:.5s;opacity:.9}.outcome-popup.auto-spin-active:after{content:"Auto Spin Active";position:absolute;bottom:10px;right:10px;font-size:var(--font-size-sm);background:#000000b3;color:#fff;padding:4px 8px;border-radius:4px;font-weight:500}.modal-text.list-view{text-align:left;font-size:1.4em;background:none;color:var(--text-primary);padding:0;width:100%}.outcome-winner-list{list-style:decimal;padding-left:25px;margin:0;display:flex;flex-direction:column;gap:5px}.outcome-winner-list li{font-weight:400;margin:0}.chase-score-circles{display:flex;gap:4px;align-items:center;margin-left:auto}.chase-circle{width:1px;height:8px;border:1px solid var(--border-color);background-color:var(--border-color);transition:all .4s cubic-bezier(.4,0,.2,1);flex-shrink:0;position:relative;opacity:.2}.chase-circle.filled{border:1px solid var(--fate-accent);background-color:var(--fate-accent);opacity:1}.chase-circle{animation:circle-appear .3s ease-out}.chase-circle.filled{animation:circle-fill .5s cubic-bezier(.4,0,.2,1)}.score-indicators{display:flex;gap:5px;margin-left:auto;margin-right:10px}.score-box{width:8px;height:8px;border:2px solid var(--border-color);border-radius:50%;background-color:transparent;transition:all .3s ease}.score-box.filled{background-color:var(--fate-accent);border-color:var(--fate-accent)}@media(max-width:768px){#saveOnExitModal .modal-buttons{flex-direction:column-reverse!important}.outcome-popup.auto-spin-active:after{font-size:.7rem;padding:2px 6px}}.progress-modal,.results-modal{z-index:var(--z-modal-overlay)}.progress-modal .modal-content,.results-modal .modal-content{max-width:var(--modal-width-lg);padding:var(--modal-padding-xl)}.ui-modal{z-index:var(--z-modal-overlay)}.ui-modal .modal-content{max-width:var(--modal-width-xl);max-height:var(--modal-height-full);padding:0}.ui-modal-header{padding:var(--modal-padding-lg) var(--modal-padding-lg) var(--modal-padding-md);border-bottom:1px solid var(--border-light, #333)}.ui-modal-body{padding:var(--modal-padding-lg);overflow-y:auto;width:100%;max-width:720px;box-sizing:border-box}.ui-modal-footer{padding:var(--modal-padding-md) var(--modal-padding-lg) var(--modal-padding-lg);border-top:1px solid var(--border-light, #333);width:100%;max-width:720px;box-sizing:border-box}.modal.brand-campaign,.modal.campaign-item,.modal.create-branded-wheel{backdrop-filter:blur(8px)}.modal.brand-campaign .modal-container,.modal.campaign-item .modal-container,.modal.create-branded-wheel .modal-container{max-width:var(--modal-width-lg);min-height:300px;padding:20px;gap:20px}.wheel-link-modal,.legacy-wheel-modal{z-index:var(--z-modal-backdrop)}.wheel-link-modal .modal-content,.legacy-wheel-modal .modal-content{max-width:var(--modal-width-md);max-height:var(--modal-height-lg);padding:0}.feature-matrix-modal .modal-content{max-width:var(--modal-width-xxl);max-height:var(--modal-height-full)}.emoji-modal{z-index:var(--z-modal-overlay)}.emoji-modal-content{max-width:var(--modal-width-md);max-height:var(--modal-height-lg);overflow:hidden}.emoji-input-row{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;margin-bottom:16px;padding:0 34px;box-sizing:border-box}.emoji-picker-btn{box-sizing:border-box;border-radius:8px;padding:8px;background-color:var(--input-bg);color:var(--text-primary)}.help-modal-content{max-width:var(--modal-width-lg)}.analytics-modal .modal-content{max-width:var(--modal-width-xxl);max-height:var(--modal-height-full)}.x-auth-container{display:flex;flex-direction:column;width:100%;gap:var(--modal-padding-sm);max-width:var(--modal-width-sm);box-sizing:border-box}.x-auth-logo{display:flex;justify-content:center;align-items:center;margin-bottom:var(--modal-padding-lg)}.x-auth-title{font-size:2rem;font-weight:700;color:var(--text-primary, #ffffff);margin-bottom:var(--modal-padding-lg);text-align:center}.x-auth-subtitle{text-align:center;color:var(--text-secondary, #999);font-size:1rem;line-height:1.5;margin-bottom:var(--modal-padding-lg)}.x-auth-buttons{display:flex;flex-direction:column;gap:var(--modal-padding-md)}.x-auth-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--modal-padding-md);padding:var(--modal-padding-lg) 20px;border:1px solid var(--border-light, #333);border-radius:8px;font-weight:500;font-size:15px;cursor:pointer;transition:all .2s ease;background:var(--container-bg, #1c1c1e);color:var(--text-primary, #ffffff);text-decoration:none}.x-auth-btn:hover{background:var(--input-bg, #333);transform:translateY(-2px)}.x-auth-btn.google-btn:hover{background:#4285f41a;border-color:#4285f4}.x-auth-logo{display:flex;justify-content:center;align-items:center;margin-bottom:var(--spacing-component-lg)}.x-auth-logo img{max-width:48px;max-height:48px}.x-auth-title{font-size:32px;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-component-lg);text-align:center}.x-auth-buttons{display:flex;flex-direction:column;gap:var(--spacing-component-md)}.x-auth-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-component-md);padding:var(--spacing-component-lg) 20px;border:none;border-radius:var(--radius-default);font-weight:500;font-size:15px;cursor:pointer;transition:var(--transition-fast)}.x-auth-btn.google-btn{background:var(--container-bg);color:var(--text-primary);border:1px solid var(--border-light);padding:var(--spacing-component-lg) 8px}.x-auth-btn.google-btn:hover{background:var(--input-bg, #333333)}.x-auth-submit{background:var(--accent-color);color:var(--text-on-accent);border:1px solid var(--border-light);padding:var(--spacing-component-lg) 8px;border-radius:var(--radius-default);font-weight:500;font-size:15px;cursor:pointer;transition:var(--transition-fast)}.x-auth-submit:hover{background:var(--accent-color-hover)}.x-auth-submit:disabled{opacity:.5;cursor:not-allowed;background:var(--accent-color)}.x-auth-btn.apple-btn{background:var(--container-bg);color:var(--text-primary)}.x-auth-btn.email-btn{background:var(--accent-color);color:var(--text-on-accent)}.x-auth-btn.email-btn:hover{background:var(--accent-color-hover)}.x-auth-btn-icon{width:20px;height:20px;flex-shrink:0}.x-auth-divider{position:relative;text-align:center;margin:var(--spacing-component-sm) 0}.x-auth-divider:before,.x-auth-divider:after{content:"";position:absolute;top:50%;width:calc(50% - 30px);height:1px;background:var(--border-light);transform:translateY(-50%)}.x-auth-divider:before{left:0}.x-auth-divider:after{right:0}.x-auth-divider span{background:var(--container-bg);padding:0 var(--spacing-component-md);color:var(--text-secondary);font-size:var(--font-size-sm)}.x-auth-form{display:flex;flex-direction:column;gap:var(--spacing-component-md);width:100%;margin-bottom:var(--spacing-component-md)}.x-auth-input{width:100%;padding:var(--spacing-component-md);background:transparent;border:1px solid var(--border-light);border-radius:var(--radius-default);color:var(--text-primary);font-size:var(--font-size-md);transition:var(--transition-fast)}.x-auth-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 1px var(--accent-color)}.x-auth-input::placeholder{color:var(--text-secondary)}.x-auth-footer{text-align:center}.x-auth-footer-text{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-component-md)}.x-auth-link{color:var(--accent-color);text-decoration:none;font-size:var(--font-size-sm);transition:var(--transition-fast);background:none;border:none;cursor:pointer}.x-auth-link:hover{color:var(--color-brand-tertiary);text-decoration:underline}.x-auth-terms{margin-bottom:var(--spacing-component-md);font-size:12px;color:var(--text-secondary);line-height:1.5}.x-auth-terms a{color:var(--accent-color);text-decoration:none}.x-auth-terms a:hover{text-decoration:underline}.x-auth-error{background:rgba(var(--color-error-rgb),.1);border:1px solid var(--color-error);color:var(--color-error);padding:var(--spacing-component-md);border-radius:var(--radius-default);font-size:var(--font-size-sm);margin-bottom:var(--spacing-component-md);text-align:center}.x-auth-loading{display:flex;align-items:center;justify-content:center;gap:var(--spacing-component-sm);color:var(--text-secondary);font-size:var(--font-size-sm);padding:var(--spacing-component-sm) 0}.x-auth-spinner{width:16px;height:16px;border:2px solid var(--border-light);border-top-color:var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}.x-auth-welcome-message{text-align:center;color:var(--accent-color);font-size:18px;font-weight:500;margin-bottom:var(--spacing-component-md)}.x-auth-success-text{text-align:center;color:var(--color-success);font-size:var(--font-size-md);margin-bottom:var(--spacing-component-sm)}.x-auth-excitement-text{text-align:center;color:#666;font-size:var(--font-size-sm)}.x-auth-header{display:flex;flex-direction:column;align-items:center;justify-content:center}.x-auth-subtitle{text-align:center;color:var(--text-secondary);font-size:var(--font-size-md);line-height:1.5;margin-bottom:var(--spacing-component-lg)}.x-auth-subtitle strong{color:var(--text-primary);font-weight:600}.x-auth-help-text{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-component-sm)}#xVerificationCodeInput{text-align:center;font-size:1.2em;letter-spacing:.2em;font-weight:600;font-family:Courier New,monospace}.x-auth-footer .x-auth-help-text{margin-bottom:var(--spacing-component-md)}.x-auth-footer .x-auth-link{display:block;margin-bottom:var(--spacing-component-sm)}.x-auth-footer .x-auth-link:last-child{margin-bottom:0}.x-auth-email{font-weight:600;color:var(--accent-color);margin:var(--spacing-component-sm) 0 var(--spacing-component-lg);font-size:1.1em}.x-auth-waiting-message{text-align:center;padding:var(--spacing-component-md);background:rgba(var(--accent-color-rgb),.05);border-radius:var(--radius-default);border:1px solid rgba(var(--accent-color-rgb),.2);margin:var(--spacing-component-md) 0}.x-auth-link-btn{background:none;border:none;color:var(--accent-color);text-decoration:underline;cursor:pointer;font-size:var(--font-size-sm);margin:0 var(--spacing-component-sm);padding:4px var(--spacing-component-sm);transition:var(--transition-fast)}.x-auth-link-btn:hover{color:var(--color-brand-tertiary)}.form-section{margin-bottom:var(--modal-padding-lg);padding:var(--modal-padding-md);background:#ffffff08;border:1px solid var(--border-light, #333);border-radius:12px;position:relative}.form-section:last-child{margin-bottom:0}.form-section h3,.form-section h4{font-size:1.3rem;font-weight:600;color:var(--text-primary, #ffffff);margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid var(--accent-color, #00c4d9);display:flex;align-items:center;gap:10px}.form-actions{display:flex;justify-content:flex-end;gap:var(--modal-padding-md);padding-top:var(--modal-padding-lg);margin-top:var(--modal-padding-lg);border-top:1px solid var(--border-light, #333)}.auto-save-indicator{position:fixed;top:60px;right:20px;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;transition:all .3s ease;z-index:1000}.auto-save-indicator.saving{background:#ffc107;color:#fff}.auto-save-indicator.saved{background:#28a745;color:#fff}.auto-save-indicator.unsaved{background:#17a2b8;color:#fff}.auto-save-indicator.error{background:#dc3545;color:#fff}.conflict-options{margin:1.5rem 0}.conflict-option{padding:1rem;border:2px solid var(--border-light, #333);border-radius:8px;margin-bottom:.5rem;cursor:pointer;transition:all .2s ease;background:var(--container-bg, #1c1c1e)}.conflict-option:hover{border-color:var(--accent-color, #00c4d9)}.conflict-option.selected{border-color:var(--accent-color, #00c4d9);background:#00c4d91a}@media(max-width:768px){.modal-backdrop,.modal-overlay,.alert-overlay,.auth-modal,.modal{padding:0;inset:0;display:flex;align-items:center;justify-content:center}.modal-content,.modal-container,.alert-box,.auth-modal-content{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;width:100%;max-width:100%;max-height:100%;margin:0;border-radius:0;overflow-y:auto}.modal-header{padding:var(--modal-padding-md) var(--modal-padding-md) var(--modal-padding-sm)}.modal-header h1{font-size:1.5rem}.modal-header h2{font-size:1.4rem}.modal-header h3,.emoji-modal-header h3,.share-modal-header h3,.performance-modal-header h3,.stats-modal-header h3,.up-next-list-modal-header h3,.up-next-create-list-modal-header h3{font-size:2rem;text-align:center}.modal-body,.modal-footer{padding:var(--modal-padding-sm)}.modal-footer{flex-direction:column-reverse}.modal-footer .button,.modal-footer .modal-btn{width:100%;min-width:auto}.auth-modal-content{justify-content:flex-start;align-items:stretch;padding:var(--modal-padding-sm);padding-top:var(--modal-padding-xs)}.x-auth-container{width:100%;max-width:400px}.x-auth-title{font-size:1.75rem}.form-section{padding:var(--modal-padding-md);margin-bottom:var(--modal-padding-md)}.form-actions{flex-direction:column-reverse}.form-actions .button{width:100%;min-width:auto}.outcome-popup{padding:0}.outcome-popup-content{padding:24px 8px 8px;max-height:calc(100vh - 16px);width:calc(100% - 16px);border-radius:16px;max-width:320px!important}#outcomePopupCloseBtn{top:16px;right:16px}.outcome-popup-main-text,.popup-text-container .modal-large-title{font-size:1.75rem}.outcome-popup-byline,.sorter-progress-assignment{font-size:1.1rem}.creation-options{grid-template-columns:1fr;gap:var(--modal-padding-sm)}.creation-option{min-height:160px;padding:var(--modal-padding-md)}.creation-option .option-icon{width:60px;height:60px;margin-bottom:var(--modal-padding-sm)}.creation-option .option-icon i{font-size:28px}.modal-content.creation-flow-modal{width:100%;height:100%;max-width:100%;max-height:100%;margin:0;padding:32px;border-radius:16px;display:flex;flex-direction:column;justify-content:center;align-items:center}.modal-content.creation-flow-modal{justify-content:flex-start;align-items:stretch;padding:12px 16px 16px}#creationFlowModal{padding:0;margin:0;inset:0}#creationFlowModal .modal-header{flex-shrink:0;padding:0}#creationFlowModal .modal-body{flex:1;overflow-y:auto;padding:0}#creationFlowModal .modal-footer{flex-shrink:0;width:100%;padding:var(--modal-padding-xs)}#creationFlowModal h3{font-size:1.5rem;margin:0}#creationFlowModal .contacts-option{display:flex}#creationFlowModal .csv-option{display:none}#creationFlowModal .manual-outcomes-section{margin:16px 0}#importContactsBtn.btn-primary,#createContactsWheelBtn.btn-primary,.btn-secondary{text-align:center;justify-content:center;width:100%}.tutorial-video-container{margin-bottom:16px}.tutorial-title{font-size:20px;margin-bottom:8px}.tutorial-description{font-size:14px}.emoji-modal{padding:0;inset:0}.emoji-modal-content{width:100%;height:100%;max-width:100%;max-height:100%;margin:0;border-radius:0}.emoji-modal-header{padding:var(--modal-padding-md) var(--modal-padding-md) var(--modal-padding-sm)}.emoji-search-container,.emoji-categories,.emoji-grid-container{padding:var(--modal-padding-md)}.emoji-grid{grid-template-columns:repeat(6,1fr)}.emoji-category-tab{font-size:.8rem;padding:6px 12px}}@media(prefers-reduced-motion:reduce){.modal-content,.modal-container,.alert-box,.auth-modal-content{animation:none;transition:none}.modal-backdrop,.modal-overlay,.alert-overlay,.auth-modal,.modal{transition:opacity .1s ease}.button:hover,.modal-btn:hover{transform:none}}body[data-theme=light] .modal-content,body[data-theme=light] .modal-container,body[data-theme=light] .alert-box,body[data-theme=light] .auth-modal-content{background:#fff;border-color:#e5e7eb;color:#1f2937}body[data-theme=light] .modal-close,body[data-theme=light] .modal-close-btn{background:#0000001a;color:#6b7280}body[data-theme=light] .modal-close:hover,body[data-theme=light] .modal-close-btn:hover{background:#0003;color:#1f2937}.emoji-modal{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:var(--modal-padding-md);opacity:0;visibility:hidden;transition:opacity var(--modal-transition-normal),visibility var(--modal-transition-normal);overflow-y:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box}.emoji-modal.visible{opacity:1;visibility:visible;display:flex}.emoji-modal-content{background:var(--container-bg, #1c1c1e);border:1px solid var(--border-light, #333);border-radius:16px;box-shadow:0 20px 60px #00000080;position:relative;z-index:var(--z-modal-content);width:100%;max-width:var(--modal-width-md);max-height:var(--modal-height-lg);transform:scale(.9) translateY(20px);transition:transform var(--modal-transition-slow);display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;margin:auto}.emoji-modal.visible .emoji-modal-content{transform:scale(1) translateY(0)}.emoji-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--modal-padding-lg) var(--modal-padding-lg) var(--modal-padding-md);border-bottom:1px solid var(--border-light, #333);flex-shrink:0}.emoji-modal-close{position:absolute;top:var(--modal-padding-md);right:var(--modal-padding-md);background:#ffffff1a;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary, #999);transition:all .2s ease;font-size:16px;z-index:10}.emoji-modal-close:hover{background:#fff3;color:var(--text-primary, #ffffff);transform:scale(1.1)}.emoji-search-container{padding:var(--modal-padding-md) var(--modal-padding-lg);border-bottom:1px solid var(--border-light, #333);flex-shrink:0}.emoji-search-input{width:100%;padding:var(--modal-padding-sm) var(--modal-padding-md);border:2px solid var(--border-light, #333);border-radius:8px;background:var(--input-bg, #333);color:var(--text-primary, #ffffff);font-size:1rem;transition:all .2s ease;box-sizing:border-box}.emoji-search-input::placeholder{color:var(--text-secondary, #999)}.emoji-search-input:focus{outline:none;border-color:var(--accent-color, #00c4d9);box-shadow:0 0 0 1px var(--accent-color, #00c4d9)}.emoji-categories{display:flex;overflow-x:auto;padding:var(--modal-padding-md) var(--modal-padding-lg);gap:var(--modal-padding-sm);border-bottom:1px solid var(--border-light, #333);background:var(--container-bg, #1c1c1e);flex-shrink:0;-webkit-overflow-scrolling:touch}.emoji-category-tab{background:transparent;border:1px solid var(--border-light, #333);padding:8px 16px;border-radius:6px;font-size:.875rem;font-weight:500;color:var(--text-secondary, #999);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .2s ease}.emoji-category-tab:hover{background:var(--input-bg, #333);color:var(--text-primary, #ffffff)}.emoji-category-tab.active{background:var(--accent-color, #00c4d9);color:#fff;border-color:var(--accent-color, #00c4d9)}.emoji-grid-container{flex:1;overflow-y:auto;padding:var(--modal-padding-md) var(--modal-padding-lg);min-height:0;-webkit-overflow-scrolling:touch}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:var(--modal-padding-sm)}.emoji-grid-item{display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:1.5rem;border-radius:6px;cursor:pointer;user-select:none;transition:all .2s ease;background:transparent;border:1px solid transparent}.emoji-grid-item:hover{background:var(--input-bg, #333);transform:scale(1.1);border-color:var(--border-light, #333)}.emoji-grid-item:active{transform:scale(.95)}.emoji-grid.loading,.emoji-grid.no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:var(--text-secondary, #999);text-align:center;grid-column:1 / -1}.emoji-grid.no-results i{font-size:2.5rem;margin-bottom:var(--modal-padding-sm);opacity:.5}.emoji-grid.loading:after{content:"Loading emojis...";font-size:1rem;margin-top:var(--modal-padding-sm)}.emoji-grid.no-results:after{content:"No emojis found";font-size:1rem;margin-top:var(--modal-padding-sm)}.emoji-modal-content::-webkit-scrollbar,.emoji-grid-container::-webkit-scrollbar{width:8px}.emoji-modal-content::-webkit-scrollbar-track,.emoji-grid-container::-webkit-scrollbar-track{background:var(--border-light, #333);border-radius:4px}.emoji-modal-content::-webkit-scrollbar-thumb,.emoji-grid-container::-webkit-scrollbar-thumb{background:var(--accent-color, #00c4d9);border-radius:4px}.emoji-modal-content::-webkit-scrollbar-thumb:hover,.emoji-grid-container::-webkit-scrollbar-thumb:hover{background:var(--accent-color-hover, #00a7b5)}.modal-backdrop,.modal-overlay,.alert-overlay,.auth-modal,.modal,.share-modal-overlay,#popularCategoryModal.alert-overlay{display:flex!important;align-items:center!important;justify-content:center!important}.modal-content,.modal-container,.alert-box,.auth-modal-content{margin:auto!important}@media(prefers-reduced-motion:reduce){.emoji-modal-content{animation:none;transition:none}.emoji-modal{transition:opacity .1s ease}.emoji-grid-item:hover,.emoji-grid-item:active{transform:none}}.emoji-grid-item:focus{outline:2px solid var(--accent-color, #00c4d9);outline-offset:2px}.emoji-category-tab:focus{outline:2px solid var(--accent-color, #00c4d9);outline-offset:2px}body[data-theme=light] .emoji-modal-content{background:#fff;border-color:#e5e7eb;color:#1f2937}body[data-theme=light] .emoji-modal-close{background:#0000001a;color:#6b7280}body[data-theme=light] .emoji-modal-close:hover{background:#0003;color:#1f2937}body[data-theme=light] .emoji-search-input{background:#f9fafb;border-color:#d1d5db;color:#1f2937}body[data-theme=light] .emoji-search-input::placeholder{color:#6b7280}body[data-theme=light] .emoji-category-tab{border-color:#d1d5db;color:#6b7280}body[data-theme=light] .emoji-category-tab:hover{background:#f3f4f6;color:#1f2937}body[data-theme=light] .emoji-grid-item:hover{background:#f3f4f6;border-color:#d1d5db}.tutorial-modal-content{padding:0}.tutorial-header{display:flex;align-items:center;gap:16px;padding:24px 24px 16px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:16px}.tutorial-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:rgba(var(--accent-color-rgb, 0, 196, 217),.15);color:var(--accent-color, #00c4d9);font-size:24px;flex-shrink:0}.tutorial-text h3{margin:0 0 8px;font-size:1.25rem;font-weight:600;color:var(--text-color, #ffffff)}.tutorial-text p{margin:0;color:var(--text-color-secondary, rgba(255, 255, 255, .7));line-height:1.5}.tutorial-description{padding:0 24px 24px}.tutorial-description p{margin:0;color:var(--text-color-secondary, rgba(255, 255, 255, .7));text-align:center;line-height:1.5}.tutorial-actions{display:flex;gap:12px;padding:0 24px 24px;justify-content:center}.tutorial-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:8px;font-weight:500;text-decoration:none;transition:all .2s ease;border:none;cursor:pointer;font-size:.9rem;min-width:140px;justify-content:center}.tutorial-btn.btn-primary{background:var(--accent-color, #00c4d9);color:#fff}.tutorial-btn.btn-primary:hover{background:var(--accent-color-hover, #00b8cc);transform:translateY(-1px)}.tutorial-btn.btn-secondary{width:100%;background:#ffffff1a;color:var(--text-color, #ffffff);border:1px solid rgba(255,255,255,.2)}.tutorial-btn.btn-secondary:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px)}body[data-theme=light] .tutorial-header{border-bottom-color:#0000001a}body[data-theme=light] .tutorial-icon{background:rgba(var(--accent-color-rgb, 0, 196, 217),.1)}body[data-theme=light] .tutorial-text h3{color:var(--text-color-light, #1f2937)}body[data-theme=light] .tutorial-text p,body[data-theme=light] .tutorial-description p{color:var(--text-color-secondary-light, #6b7280)}body[data-theme=light] .tutorial-btn.btn-secondary{width:100%;background:#0000000d;color:var(--text-color-light, #1f2937);border-color:#0003}body[data-theme=light] .tutorial-btn.btn-secondary:hover{background:#00000014;border-color:#00000040}.tutorial-video-container{width:100%;aspect-ratio:16/9;background:#000;border-radius:8px;overflow:hidden;margin-bottom:20px}.tutorial-video{width:100%;height:100%;border:none}.tutorial-info{text-align:left}.tutorial-title{font-size:24px;font-weight:600;color:var(--text-primary);margin-bottom:12px;line-height:1.3}.tutorial-description{font-size:16px;color:var(--text-secondary);line-height:1.5;margin:0}.alert-overlay{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background-color:#0006;z-index:var(--z-outcome-popup);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease}.alert-overlay{height:100vh!important}.alert-overlay:not(.hidden){opacity:1;visibility:visible;pointer-events:auto}.alert-overlay:not(.hidden) .alert-box{opacity:1;visibility:visible;transform:scale(1)}.alert-box{background:var(--container-bg, #1c1c1e);border-radius:16px;box-shadow:0 20px 60px #00000080;position:relative;z-index:var(--z-modal-content);width:100%;max-width:var(--modal-width-sm);max-height:var(--modal-height-lg);transform:scale(.9) translateY(20px);transition:transform var(--modal-transition-slow);display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;overflow:auto;box-sizing:border-box;margin:auto;padding:32px 32px 88px;text-align:center}.alert-buttons{display:flex;gap:12px;justify-content:center;align-items:center;margin-top:24px}#popularCategoryModal{overflow-y:auto}#popularCategoryModal.alert-overlay{padding:0;align-items:stretch}#popularCategoryModal .alert-box{max-width:none;width:100%;height:100vh;max-height:90vh;max-width:760px;margin:0;border-radius:24px;padding:64px 20px 20px;box-sizing:border-box;overflow-y:auto;-webkit-overflow-scrolling:touch;transform:none;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}#popularCategoryModal h3{max-width:80%;font-size:40px;font-weight:600;color:var(--text-primary);margin:0;padding:0}#popularCategoryModal .alert-buttons{flex-direction:row;align-items:center;justify-content:center;gap:16px}.pro-features-warning{color:#f39c12!important;font-weight:700!important;margin-bottom:20px!important}@media(prefers-color-scheme:dark){.pro-features-warning{color:#f39c12!important}}@media(max-width:768px){#popularCategoryModal .alert-buttons{flex-shrink:0;margin-top:20px;padding-top:20px;border-top:1px solid var(--border-color);background:var(--container-bg)}#popularCategoryModal .form-group{margin-bottom:20px}}.alert-overlay:has(.share-modal-content){align-items:center!important;justify-content:center!important;padding-top:2vh}.share-modal-overlay{align-items:center!important;justify-content:center!important;padding-top:2vh}@media(max-width:768px){.alert-overlay:has(.share-modal-content),.share-modal-overlay{align-items:flex-start!important;justify-content:flex-start!important;padding-top:8px}}.share-modal-header{display:flex;align-items:center;justify-content:space-between;background:var(--container-bg);border-radius:12px 12px 0 0;padding:40px var(--spacing-xl) var(--spacing-xs) var(--spacing-xl)}.share-modal-content{padding:0!important}.share-content{text-align:center;padding:var(--spacing-md) 0;transition:opacity .3s ease-in-out}.share-content.hidden{display:none}.share-loading{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.share-success,.share-error{text-align:left}.spinner,.button-spinner{border-radius:50%;animation:spin 1s linear infinite}.spinner{width:40px;height:40px;border:4px solid var(--surface-variant);border-top-color:var(--accent-color)}.button-spinner{width:16px;height:16px;border:2px solid var(--surface-variant);border-top-color:currentColor;margin-right:var(--spacing-sm)}.share-modal-title,.share-section-title{margin:0 var(--spacing-0) var(--spacing-md);font-size:1.1rem;font-weight:var(--font-weight-semibold);color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-sm)}.share-modal-subtitle,.share-section-description{margin:0 0 var(--spacing-md);font-size:.9em;color:var(--text-secondary)}.share-section{margin:var(--spacing-md) 0;padding:var(--spacing-md);background:var(--surface-variant);border:1px solid var(--hover-bg);border-radius:8px;width:100%;box-sizing:border-box}.share-section-title{margin-bottom:8px}.share-link-title{color:var(--primary-color)}.share-social-title{color:var(--success-color)}.share-input-group{display:flex;gap:var(--spacing-sm);align-items:stretch;width:calc(100% - 88px);box-sizing:border-box}.share-input-group.column{flex-direction:column;align-items:stretch;width:100%;gap:var(--spacing-sm)}.share-url-input{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-light);border-radius:6px;background:var(--input-bg);color:var(--text-primary);font-family:monospace;font-size:.9em;transition:border-color .2s;min-width:0;box-sizing:border-box;overflow:hidden}.share-url-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color-alpha)}.share-copy-btn,.share-embed-copy-btn{min-width:80px;min-height:44px;cursor:pointer;transition:background .2s,color .2s;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);white-space:nowrap}.share-copy-btn:hover,.share-embed-copy-btn:hover{background:var(--hover-bg)}.share-copy-btn.copied,.share-embed-copy-btn.copied{background:var(--success-color);color:#fff}.share-social-grid{display:flex;flex-direction:row;gap:var(--spacing-sm);width:100%;box-sizing:border-box}.share-social-btn{padding:var(--spacing-md) var(--spacing-lg);border-radius:6px;font-weight:var(--font-weight-medium);text-align:center;transition:transform .2s,box-shadow .2s;color:#fff;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);text-decoration:none}.share-social-btn:hover{box-shadow:0 2px 8px #00000026}.share-twitter-btn{background:#1da1f2}.share-facebook-btn{background:#4267b2}.share-whatsapp-btn{background:#25d366}.share-social-disabled{background:var(--surface-disabled);border:1px solid var(--border-light);color:var(--text-disabled);font-style:italic}@media(max-width:768px){.share-modal-overlay{padding-top:1vh}.share-modal-content{width:calc(100vw - 20px);margin:0 auto}.share-modal-header{padding:var(--spacing-md) var(--spacing-md) var(--spacing-sm)}.share-input-group{flex-direction:column;gap:var(--spacing-sm);width:100%}.share-copy-btn{width:100%;min-width:0;justify-content:center;margin-top:var(--spacing-xs)}.share-url-input{width:100%;min-width:0;font-size:.85em;word-break:break-all}.share-social-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}.share-section{margin:var(--spacing-sm) 0;padding:var(--spacing-sm);width:100%;box-sizing:border-box}}@media(max-width:480px){.share-modal-overlay{padding-top:.5vh}.share-modal-header{padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-xs) var(--spacing-xl)}.share-modal-title{font-size:1rem;line-height:1.3;word-break:break-word}.share-section-title{font-size:.9rem}.share-url-input{font-size:.75em;padding:var(--spacing-xs);line-height:1.4}.share-copy-btn{font-size:.9rem;padding:var(--spacing-xs) var(--spacing-sm)}}.confirm-buttons{display:flex;gap:12px;justify-content:center;align-items:center;margin-top:24px;flex-wrap:wrap}.modal-backdrop{position:fixed;display:flex;justify-content:center;align-items:center;top:0;left:0;width:100%;height:100%;z-index:calc(var(--z-outcome-popup) - 1)!important;background-color:#000000b3;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s}.modal-backdrop:not(.hidden){opacity:1;visibility:visible}.creation-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--modal-padding-md);width:100%;max-width:900px;box-sizing:border-box}.creation-option{background:var(--container-bg, #1c1c1e);border:2px solid var(--border-secondary, #3c3c3c);border-radius:16px;padding:var(--modal-padding-lg);display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;min-height:200px;justify-content:center}.creation-option:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#00c4d90d,#667eea0d);opacity:0;transition:opacity .3s ease;z-index:0}.creation-option:hover{border-color:var(--accent-color, #00c4d9);transform:translateY(-4px);box-shadow:0 12px 32px #00c4d926}.creation-option:hover:before{opacity:1}.creation-option:active{transform:translateY(-2px)}.creation-option .option-icon{width:80px;height:80px;margin-bottom:var(--modal-padding-md);display:flex;align-items:center;justify-content:center;border-radius:20px;background:linear-gradient(135deg,#00c4d91a,#667eea1a);border:2px solid rgba(0,196,217,.2);transition:all .3s ease;position:relative;z-index:1}.creation-option .option-icon i{font-size:36px;color:var(--accent-color, #00c4d9);transition:all .3s ease}.creation-option:hover .option-icon{background:linear-gradient(135deg,#00c4d933,#667eea33);border-color:var(--accent-color, #00c4d9);transform:scale(1.1);box-shadow:0 8px 24px #00c4d940}.creation-option:hover .option-icon i{color:var(--accent-color, #00c4d9);transform:scale(1.1)}.creation-option .option-content{position:relative;z-index:1}.creation-option .option-content h4{color:var(--text-primary, #ffffff);font-size:1.25rem;font-weight:600;margin:0 0 8px;line-height:1.2}.creation-option .option-content p{color:var(--text-secondary, #b0b0b0);font-size:.9rem;margin:0;line-height:1.4}.creation-option:hover .option-content h4,.creation-option:hover .option-content p{color:var(--text-primary, #ffffff)}.creation-option.csv-option .option-icon{background:linear-gradient(135deg,#2ed5731a,#10b9811a);border-color:#2ed57333}.creation-option.csv-option .option-icon i{color:var(--color-success, #10b981)}.creation-option.csv-option:hover .option-icon{background:linear-gradient(135deg,#2ed57333,#10b98133);border-color:var(--color-success, #10b981);box-shadow:0 8px 24px #2ed57340}.wheel-mode-section,.list-selection-section,.manual-outcomes-section,.ai-creation-step .input-group,.manual-creation-step .input-group,.csv-creation-step .input-group{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;margin-bottom:24px}.ai-creation-step label,.manual-creation-step label,.csv-creation-step label{display:block;font-weight:600;color:var(--text-primary);margin-bottom:8px;font-size:14px;letter-spacing:.02em}.required-indicator{color:#ff4757;font-weight:600;font-size:1.1em}.unified-textarea:required:invalid{border-color:#ff4757;box-shadow:0 0 0 4px #ff475726}.unified-textarea:required:valid{border-color:#2ed573;box-shadow:0 0 0 4px #2ed57326}.csv-format-info{background:var(--input-bg, #333);border:1px solid var(--border-color);border-radius:8px;padding:16px;margin:16px 0}.csv-format-example{background:var(--bg-primary, #0e0e0e);border:1px solid var(--border-secondary);border-radius:4px;padding:12px;font-family:Courier New,monospace;font-size:12px;color:var(--text-primary);display:flex;align-items:center;gap:12px;flex-wrap:wrap}.csv-format-example code{background:none;border:none;padding:0;color:var(--accent-color);white-space:pre-line}.csv-file-select-btn{background:var(--accent-color);color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px;width:100%;justify-content:center}.csv-file-info{margin-top:16px;background:var(--input-bg);border:1px solid var(--border-color);border-radius:6px;padding:12px 16px;display:flex;align-items:center;gap:12px}.csv-file-info span{flex:1;color:var(--text-primary);font-size:14px;font-weight:500}.modal-content.manual-creation-step,.modal-content.csv-creation-step,.modal-content.ai-creation-step{align-self:flex-start!important;margin-top:20px!important;max-height:calc(100vh - 40px)!important;overflow-y:auto!important}.modal-content.manual-creation-step .modal-body,.modal-content.csv-creation-step .modal-body,.modal-content.ai-creation-step .modal-body{max-height:calc(100vh - 200px)!important;padding-right:8px!important}@media(max-width:768px){.modal-content.manual-creation-step,.modal-content.csv-creation-step,.modal-content.ai-creation-step{margin-top:0!important;max-height:100vh!important;height:100vh!important}.modal-content.manual-creation-step .modal-body,.modal-content.csv-creation-step .modal-body,.modal-content.ai-creation-step .modal-body{max-height:calc(100vh - 160px)!important}}.csv-generator-content{display:flex;flex-direction:column;gap:20px;margin:20px 0}.csv-format-info{background:var(--input-bg, #333);border:1px solid var(--border-light, #333);border-radius:8px;padding:16px;margin:16px 0}.csv-format-info h4{margin:0 0 12px;color:var(--text-primary);font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px}.csv-format-info h4 i{color:var(--accent-color)}.csv-format-info p{margin:0 0 12px;font-size:14px;color:var(--text-secondary);line-height:1.5}.csv-format-example{background:var(--bg-primary, #0e0e0e);border:1px solid var(--border-secondary);border-radius:4px;padding:12px;font-family:Courier New,monospace;font-size:12px;color:var(--text-primary);display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0;overflow-x:auto}.csv-format-example code{background:none;border:none;padding:0;color:var(--accent-color);white-space:pre-line;word-break:break-all;font-size:inherit}.csv-format-example span{color:var(--text-secondary);font-style:italic}.csv-format-notes{margin-top:12px}.csv-format-notes p{margin:0 0 8px;color:var(--text-primary);font-weight:600}.csv-format-notes ul{margin:0;padding-left:20px;list-style-type:disc}.csv-format-notes li{margin:4px 0;color:var(--text-secondary);font-size:.9em}.csv-format-notes strong{color:var(--text-primary)}.csv-upload-section{text-align:center}.csv-file-input-container{position:relative;display:inline-block}.csv-file-input{position:absolute;opacity:0;pointer-events:none}.csv-file-select-btn{background:var(--accent-color);color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px;width:100%;justify-content:center;margin-top:10px}.csv-file-select-btn:hover{background:var(--accent-color-hover, #00a7b5);transform:translateY(-2px);box-shadow:0 4px 12px #00c4d94d}.csv-file-select-btn:active{transform:translateY(0)}.csv-file-info{margin-top:16px;background:var(--input-bg);border:1px solid var(--border-color);border-radius:6px;padding:12px 16px;display:flex;align-items:center;gap:12px;max-width:300px}.csv-file-info i{color:var(--accent-color);font-size:18px}.csv-file-info span{flex:1;color:var(--text-primary);font-size:14px;font-weight:500;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.csv-file-remove-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.csv-file-remove-btn:hover{background:var(--color-error, #ef4444);color:#fff}.csv-preview{margin-top:24px;border-top:1px solid var(--border-color);padding-top:24px}.csv-preview h4{color:var(--text-primary);margin:0 0 16px;font-size:18px;font-weight:600}.csv-preview-section{border:1px solid var(--border-light);border-radius:var(--radius-default);overflow:hidden}.csv-preview-section h4{margin:0;padding:12px 16px;background:var(--input-bg);border-bottom:1px solid var(--border-light);color:var(--text-primary);font-size:1em}.csv-preview-table{max-height:300px;overflow:auto}.csv-preview-table table{width:100%;border-collapse:collapse;font-size:.85em}.csv-preview-table th,.csv-preview-table td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--border-light)}.csv-preview-table th{background:var(--input-bg);color:var(--text-primary);font-weight:600;position:sticky;top:0;z-index:1}.csv-preview-table td{color:var(--text-secondary);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csv-preview-table tr:hover{background:var(--hover-bg)}.csv-preview-summary{padding:12px 16px;background:var(--input-bg);border-top:1px solid var(--border-light);text-align:center;color:var(--text-primary);font-weight:600}.csv-options-list{max-height:200px;overflow-y:auto;border:1px solid var(--border-color);border-radius:6px;background:var(--input-bg)}.csv-option-item{border-bottom:1px solid var(--border-color);padding:0}.csv-option-item:last-child{border-bottom:none}.csv-option-checkbox{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background-color .2s ease;width:100%;margin:0}.csv-option-checkbox:hover{background:#00c4d91a}.csv-option-checkbox input[type=checkbox]{margin:0;width:16px;height:16px;accent-color:var(--accent-color)}.csv-option-checkbox span{color:var(--text-primary);font-size:14px;flex:1}.csv-counter{text-align:center;margin-top:12px;font-size:14px;color:var(--text-secondary);font-weight:500}.csv-selection-controls{display:flex;flex-direction:column;gap:20px;margin-bottom:20px;padding:15px;background:var(--container-bg);border-radius:var(--radius-default);border:1px solid var(--border-light)}.csv-selection-buttons{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.csv-control-btn{background:var(--button-bg);color:var(--text-primary);border:1px solid var(--border-light);border-radius:6px;padding:8px 12px;font-size:.85rem;cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;gap:6px}.csv-control-btn:hover{background:var(--button-hover-bg);border-color:var(--accent-color)}.csv-control-btn:active{transform:translateY(0)}.csv-delete-btn{background:var(--danger-color);color:#fff;border-color:var(--danger-color)}.csv-delete-btn:hover{background:var(--danger-hover-color);border-color:var(--danger-hover-color)}.csv-preview-table .row-checkbox{transform:scale(1.2);cursor:pointer}.csv-preview-table .checkbox-column{width:40px;text-align:center}.csv-preview-table tr.csv-row-selected{background:color-mix(in srgb,var(--accent-color),transparent 85%)}.csv-preview-table tr.csv-row-selected:hover{background:color-mix(in srgb,var(--accent-color),transparent 80%)}.csv-preview-table .outcomes-count-cell{text-align:center;font-weight:600;color:var(--accent-color);background:color-mix(in srgb,var(--accent-color),transparent 90%);border-radius:4px;padding:4px 8px;min-width:40px}.csv-generation-progress{text-align:center}.csv-generation-progress h4{margin:0 0 16px;color:var(--text-primary);font-size:1.1em}.csv-progress-bar{width:100%;height:8px;background:var(--input-bg);border-radius:4px;overflow:hidden;margin:16px 0}.csv-progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-color),var(--accent-color-hover));border-radius:4px;width:0%;transition:width .3s ease}.csv-progress-details{display:flex;justify-content:space-between;align-items:center;margin:12px 0;color:var(--text-secondary);font-size:.9em}.csv-progress-log{max-height:200px;overflow-y:auto;background:var(--input-bg);border:1px solid var(--border-light);border-radius:6px;padding:12px;margin-top:16px;text-align:left;font-family:Courier New,monospace;font-size:.8em}.csv-progress-log-entry{margin:4px 0;color:var(--text-secondary)}.csv-progress-log-entry.success{color:#28a745}.csv-progress-log-entry.error{color:#dc3545}.csv-progress-log-entry.info{color:var(--accent-color)}.csv-results-section{text-align:center}.csv-results-section h4{margin:0 0 16px;color:var(--text-primary);font-size:1.1em}.csv-results-summary{display:flex;justify-content:center;gap:24px;margin:16px 0}.csv-results-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.csv-stat-number{font-size:2em;font-weight:700;color:var(--accent-color)}.csv-stat-label{font-size:.9em;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.csv-error-log{background:var(--input-bg);border:1px solid #dc3545;border-radius:6px;padding:12px;margin-top:16px;text-align:left;max-height:200px;overflow-y:auto}.csv-error-log-entry{margin:8px 0;padding:8px;background:#dc35451a;border-radius:4px;color:#dc3545;font-size:.85em}.csv-byline-control{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.csv-checkbox-label{font-size:.9rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px;cursor:pointer;transition:color .2s ease}.csv-checkbox-label:hover{color:var(--accent-color)}.csv-checkbox{width:16px;height:16px;accent-color:var(--accent-color);cursor:pointer}.csv-byline-description{font-size:.8rem;color:var(--text-secondary);font-style:italic;margin-left:24px}.csv-rate-control{display:flex;flex-direction:column;gap:8px}.csv-rate-control label{font-size:.9rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:6px}.csv-rate-slider-container{display:flex;align-items:center;gap:12px}.csv-rate-slider{-webkit-appearance:none;appearance:none;width:200px;height:6px;border-radius:3px;background:var(--border-light);outline:none;transition:background .2s ease}.csv-rate-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent-color);cursor:pointer;transition:var(--transition-fast)}.csv-rate-slider::-webkit-slider-thumb:hover{background:var(--accent-hover-color);transform:scale(1.1)}.csv-rate-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent-color);cursor:pointer;border:none;transition:var(--transition-fast)}.csv-rate-slider::-moz-range-thumb:hover{background:var(--accent-hover-color);transform:scale(1.1)}#csvRateLimitValue{font-size:.9rem;font-weight:600;color:var(--accent-color);min-width:40px;text-align:center}.csv-rate-description{font-size:.8rem;color:var(--text-secondary);font-style:italic}.wheel-expand-col{width:16px!important;text-align:center}.wheel-expand-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px 8px;border-radius:4px;transition:var(--transition-fast);font-size:.9em}.wheel-expand-btn:hover{background:var(--input-bg);color:var(--accent-color)}.wheel-expand-btn.expanded{color:var(--accent-color);background:color-mix(in srgb,var(--accent-color),transparent 85%)}.wheel-expand-btn i{transition:transform .2s ease}.wheel-outcomes-summary{margin-top:6px;font-size:.8em;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.wheel-outcomes-summary i{color:var(--accent-color);font-size:.9em}.wheel-details-row{background:var(--input-bg);border-top:1px solid var(--border-light)}.wheel-details-cell{padding:0!important}.wheel-outcomes-container{padding:16px 20px}.wheel-outcomes-container h4{margin:0 0 12px;color:var(--text-primary);font-size:1em;font-weight:600;display:flex;align-items:center;gap:8px}.outcomes-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--border-light);border-radius:6px;overflow:hidden;font-size:.9em}.outcomes-table thead{background:color-mix(in srgb,var(--accent-color),transparent 90%)}.outcomes-table th{padding:8px 12px;text-align:left;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border-light);font-size:.85em}.outcomes-table .outcome-index{width:50px;text-align:center}.outcomes-table .outcome-text{width:45%}.outcomes-table .outcome-byline{width:calc(55% - 50px)}.outcomes-table tbody tr{border-bottom:1px solid var(--border-light);transition:background-color .2s ease}.outcomes-table tbody tr:last-child{border-bottom:none}.outcomes-table tbody tr:hover{background:color-mix(in srgb,var(--accent-color),transparent 95%)}.outcomes-table td{padding:10px 12px;vertical-align:top;text-align:left;color:var(--text-primary)}.outcomes-table .outcome-index{text-align:left;font-weight:600;color:var(--text-secondary);background:color-mix(in srgb,var(--accent-color),transparent 95%)}.outcomes-table .outcome-text{font-weight:500;line-height:1.4}.outcomes-table .outcome-byline.has-byline{color:var(--text-primary);line-height:1.4}.outcomes-table .outcome-byline.no-byline{color:var(--text-secondary)}.outcomes-table .no-byline-text{font-style:italic;opacity:.7}.no-outcomes{text-align:center;color:var(--text-secondary);font-style:italic;margin:20px 0}.wheel-table .wheel-title-col{width:35%}.wheel-table .wheel-type-col{width:12%}.wheel-table .wheel-category-col{width:15%}.wheel-table .wheel-source-col{width:20%}.wheel-table .wheel-actions-col{width:10%}.wheel-table .wheel-select-col{width:16px}.wheel-table .wheel-expand-col{width:3%}.wheel-title-header{display:flex;gap:12px;align-items:flex-start}.wheel-admin-thumbnail{width:32px;object-fit:cover;display:block}.wheel-title-text{flex:1;min-width:0}.wheel-action-btn.wheel-thumbnail-btn{background:color-mix(in srgb,var(--accent-color),transparent 80%);color:var(--accent-color)}.wheel-action-btn.wheel-thumbnail-btn:hover{background:color-mix(in srgb,var(--accent-color),transparent 60%);color:var(--accent-color)}.thumbnail-change-modal{max-width:600px;width:90vw}.thumbnail-change-content{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:20px 0}.current-thumbnail-section h4,.new-thumbnail-section h4{margin:0 0 12px;font-size:1rem;color:var(--text-primary);font-weight:600}.current-thumbnail-preview{width:100%;max-width:200px;aspect-ratio:16/9;border-radius:var(--radius-default);overflow:hidden;border:2px solid var(--border-light);background:var(--background-secondary)}.current-thumbnail-preview img{width:100%;height:100%;object-fit:cover;display:block}.file-upload-area{position:relative;width:100%}.file-upload-display{position:relative;width:100%;max-width:200px;aspect-ratio:16/9;border:2px dashed var(--border-light);border-radius:var(--radius-default);overflow:hidden;transition:border-color .2s ease}.file-upload-display.drag-over{border-color:var(--accent-color);background:color-mix(in srgb,var(--accent-color),transparent 95%)}.upload-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:16px;text-align:center;color:var(--text-secondary)}.upload-prompt i{font-size:2rem;margin-bottom:8px;color:var(--text-tertiary)}.upload-prompt p{margin:0 0 4px;font-size:.9rem}.upload-prompt small{font-size:.75rem;color:var(--text-tertiary)}.browse-link{color:var(--accent-color);cursor:pointer;text-decoration:underline}.browse-link:hover{color:var(--accent-hover)}.thumbnail-preview{position:relative;width:100%;height:100%}.thumbnail-preview img{width:100%;height:100%;object-fit:cover;display:block}.remove-thumbnail{position:absolute;top:4px;right:4px;width:24px;height:24px;border:none;border-radius:50%;background:#ffffffe6;color:var(--error-color);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem;transition:var(--transition-fast)}.remove-thumbnail:hover{background:var(--error-color);color:#fff;transform:scale(1.1)}.upload-progress{position:absolute;bottom:0;left:0;right:0;background:#fffffff2;padding:8px}.progress-bar{width:100%;height:4px;background:var(--border-light);border-radius:2px;overflow:hidden;margin-bottom:4px}.progress-fill{height:100%;background:var(--accent-color);border-radius:2px;transition:width .3s ease;width:0%}.progress-text{font-size:.8rem;color:var(--text-primary);text-align:center;display:block}.file-input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}@media(max-width:768px){.csv-format-example{font-size:.75em}.csv-preview-table th,.csv-preview-table td{padding:6px 8px;font-size:.8em}.csv-preview-table td{max-width:100px}.csv-results-summary{flex-direction:column;gap:16px}.csv-file-info{max-width:250px}.csv-selection-controls{gap:15px;padding:12px}.csv-selection-buttons{flex-direction:column;align-items:stretch}.csv-control-btn{justify-content:center;width:100%;padding:10px 12px}.csv-rate-slider{width:100%}.csv-rate-slider-container{flex-direction:column;align-items:stretch;gap:8px}#csvRateLimitValue{text-align:left}.thumbnail-change-content{grid-template-columns:1fr;gap:16px}.wheel-title-header{flex-direction:column;gap:8px;align-items:flex-start}.wheel-outcomes-container{padding:12px 16px}.outcomes-table{font-size:.8em}.outcomes-table th,.outcomes-table td{padding:6px 8px}.outcomes-table .outcome-text{width:45%}.outcomes-table .outcome-byline{width:calc(55% - 50px)}.wheel-outcomes-summary{font-size:.75em}}.theme-manager-content{flex:1;display:flex;flex-direction:column;overflow:hidden;gap:20px}.theme-manager-controls{display:flex;flex-direction:column;gap:20px;margin-bottom:30px;padding:20px;background:var(--container-bg);border-radius:12px;border:1px solid var(--border-color)}.theme-filter-controls{display:flex;gap:10px;flex-wrap:wrap}.theme-filter-btn{padding:8px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:var(--text-primary);cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;gap:6px;font-size:.9em}.theme-filter-btn:hover{background:#ffffff26;border-color:#ffffff4d}.theme-filter-btn.active{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.theme-search-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.theme-search-input-container,.theme-user-filter-container{position:relative;flex:1;min-width:200px}.theme-search-input,.theme-user-filter-select{width:100%;padding:10px 12px 10px 35px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:var(--text-primary);font-size:.9em}.theme-search-icon,.theme-user-filter-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.theme-refresh-btn{padding:10px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:var(--text-primary);cursor:pointer;transition:var(--transition-fast)}.theme-refresh-btn:hover{background:#ffffff26;border-color:#ffffff4d}.theme-manager-section{flex:1;overflow:hidden;display:flex;flex-direction:column}.theme-selection-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding:12px;background:#ffffff0d;border-radius:6px;flex-wrap:wrap;gap:10px}.theme-selection-buttons{display:flex;gap:8px;flex-wrap:wrap}.theme-control-btn{padding:8px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:var(--text-primary);cursor:pointer;transition:var(--transition-fast);font-size:.85em;display:flex;align-items:center;gap:6px}.theme-control-btn:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d}.theme-control-btn:disabled{opacity:.5;cursor:not-allowed}.theme-delete-btn:hover:not(:disabled){background:#ef444433;border-color:#ef444466;color:#ef4444}.theme-upload-btn{background:#22c55e33;border-color:#22c55e66;color:#22c55e}.theme-upload-btn:hover:not(:disabled){background:#22c55e4d;border-color:#22c55e80}.theme-selection-info{color:var(--text-secondary);font-size:.9em}.theme-manager-table{flex:1;overflow:auto;border:1px solid var(--border-color);border-radius:12px;background:var(--container-bg);min-height:0;max-height:calc(100vh - 300px)}.theme-manager-table table{width:100%;table-layout:fixed;border-collapse:collapse}.theme-table th:nth-child(1),.theme-table td:nth-child(1){width:40px}.theme-table th:nth-child(2),.theme-table td:nth-child(2){width:20%}.theme-table th:nth-child(3),.theme-table td:nth-child(3){width:40%;min-width:300px}.theme-table th:nth-child(4),.theme-table td:nth-child(4){width:25%}.theme-table th:nth-child(5),.theme-table td:nth-child(5){width:10%}.theme-table th:nth-child(6),.theme-table td:nth-child(6){width:80px}.theme-table{width:100%;border-collapse:collapse}.theme-table th,.theme-table td{padding:16px;text-align:left;border-bottom:1px solid var(--border-color);vertical-align:middle}.theme-table th{background:var(--bg-secondary, #f8f9fa);font-weight:600;color:var(--text-primary);position:sticky;top:0;z-index:1;border-bottom:2px solid var(--border-color)}.theme-table tr:hover{background:var(--hover-bg, rgba(255, 255, 255, .05))}.theme-table tr.selected{background:rgba(var(--accent-color-rgb, 74, 144, 226),.1)}.theme-name-cell{font-weight:500;max-width:200px}.theme-colors-cell{min-width:300px;width:40%;vertical-align:top;max-width:400px}.theme-color-swatches{display:flex;gap:6px;flex-wrap:wrap;align-items:center;justify-content:flex-start;padding:4px 0;max-width:100%;overflow:hidden}.admin-theme-color-swatch{width:24px;height:24px;border-radius:4px;border:1px solid var(--border-color);display:inline-block;position:relative;transition:all .2s ease;cursor:pointer;flex-shrink:0}.admin-theme-color-swatch:hover:after{content:attr(data-color);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;white-space:nowrap;z-index:10;margin-bottom:4px}.theme-meta-cell{color:var(--text-secondary);font-size:.85em}.theme-actions-cell{min-width:100px}.theme-action-btn{padding:4px 8px;margin:0 2px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:var(--text-primary);cursor:pointer;transition:var(--transition-fast);font-size:.8em}.theme-action-btn:hover{background:#ffffff26;border-color:#ffffff4d}.theme-edit-btn:hover{background:#3b82f633;border-color:#3b82f666;color:#3b82f6}.theme-delete-single-btn:hover{background:#ef444433;border-color:#ef444466;color:#ef4444}.theme-upload-modal{width:90%;max-width:800px;max-height:90vh;overflow-y:auto}.theme-upload-content{padding:20px 0}.theme-upload-section{margin-bottom:25px;padding:20px;background:#ffffff0d;border-radius:var(--radius-default);border:1px solid rgba(255,255,255,.1)}.theme-upload-section h4{margin:0 0 15px;color:var(--text-primary);display:flex;align-items:center;gap:8px}.theme-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.theme-drop-zone{border:2px dashed rgba(255,255,255,.3);border-radius:var(--radius-default);padding:40px 20px;text-align:center;cursor:pointer;transition:all .3s ease;background:#ffffff0d}.theme-drop-zone:hover,.theme-drop-zone.drag-over{border-color:var(--accent-color);background:rgba(var(--accent-color-rgb),.1)}.theme-drop-zone .fa-upload{font-size:2.5em;color:var(--accent-color);margin-bottom:15px}.theme-file-input{display:none}.theme-drop-text{color:var(--text-secondary);margin-bottom:10px}.theme-drop-hint{color:var(--text-muted);font-size:.85em}.theme-input-group{margin-bottom:15px}.theme-input-group label{display:block;margin-bottom:5px;color:var(--text-primary);font-weight:500}.theme-input-group input,.theme-input-group textarea{width:100%;padding:10px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:var(--text-primary);font-size:.9em}.theme-input-group textarea{resize:vertical;min-height:100px;font-family:monospace}.theme-colors-input-hint{font-size:.8em;color:var(--text-muted);margin-top:5px}.theme-upload-preview{margin-top:20px;padding:15px;background:#ffffff0d;border-radius:6px;border:1px solid rgba(255,255,255,.1)}.theme-upload-preview h5{margin:0 0 10px;color:var(--text-primary)}.theme-preview-item{display:flex;align-items:center;gap:10px;margin-bottom:8px;padding:8px;background:#ffffff0d;border-radius:4px}.theme-preview-name{font-weight:500;min-width:120px}.theme-progress-section{margin-top:20px;padding:15px;background:#ffffff0d;border-radius:6px;border:1px solid rgba(255,255,255,.1)}.theme-progress-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin:10px 0}.theme-progress-bar-fill{height:100%;background:var(--accent-color);transition:width .3s ease;width:0%}.theme-progress-text{color:var(--text-secondary);font-size:.9em;text-align:center}.color-theme-preview{margin-top:15px;padding:15px;background:#ffffff0d;border-radius:6px;border:1px solid rgba(255,255,255,.1)}.color-theme-preview label{display:block;margin-bottom:10px;color:var(--text-primary);font-weight:500}.color-theme-swatches{display:flex;gap:6px;flex-wrap:wrap}.color-theme-swatches .admin-theme-color-swatch{width:16px;height:16px;border-radius:6px;border:2px solid var(--border-color);transition:all .2s ease}.color-theme-swatches .admin-theme-color-swatch:hover{border-color:var(--accent-color)}.setting-notice{background:rgba(var(--accent-color-rgb),.1);border:1px solid rgba(var(--accent-color-rgb),.3);border-radius:6px;padding:12px;margin-top:10px;transition:all .3s ease}.setting-notice.hidden{display:none}.notice-content{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text-primary)}.notice-content i{color:var(--accent-color);font-size:1rem;flex-shrink:0}.notice-content span{line-height:1.4}@media(max-width:768px){.setting-notice{padding:10px;margin-top:8px}.notice-content{font-size:.85rem;gap:6px}.theme-upload-grid{grid-template-columns:1fr;gap:15px}.theme-upload-section{margin-bottom:0}.theme-drop-zone{padding:30px 15px}.theme-manager-controls{padding:15px;gap:15px}.theme-selection-controls{flex-direction:column;align-items:stretch;gap:15px}.theme-selection-buttons{justify-content:center}.theme-manager-table{max-height:calc(100vh - 400px)}.theme-table th,.theme-table td{padding:12px 8px;font-size:.85em}.theme-colors-cell{min-width:200px}.admin-theme-color-swatch{width:24px;height:24px}.theme-color-swatches{gap:4px}}.global-settings-modal{position:fixed;top:0;width:100%;max-width:640px!important;height:100vh;background-color:var(--container-bg);padding:24px 24px 16px!important;border-radius:8px 0 0 8px!important;box-shadow:-6px 0 20px #0006;z-index:99999!important;border:none;right:-100%;transition:right .3s ease-in-out,visibility .3s;opacity:1;visibility:visible;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;flex-direction:column}.global-settings-modal.settings-panel-open{right:0}.global-settings-modal.hidden{visibility:hidden;right:-100%;transition:right .3s ease-in-out,visibility 0s linear .3s,z-index 0s linear .3s;pointer-events:none;z-index:-1}.global-settings-modal .panel-header{position:sticky;background:var(--container-bg);border-bottom:.5px solid var(--border-color);top:-48px;z-index:100;display:flex;justify-content:space-between;flex-direction:row!important;align-items:center;gap:8px;padding:0!important}.global-settings-modal .panel-title{width:100%;color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:600;margin:26px 0}.global-settings-modal .panel-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.global-settings-modal .panel-close-btn{position:relative;width:32px;height:32px;display:flex;background:#f44;font-size:1.1rem;color:#fff;border:none;border-radius:6px;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.global-settings-modal .panel-close-btn:hover{background:#f44;box-shadow:0 6px 20px #f446;transform:scale(1.05)}.global-settings-modal .panel-close-btn:active{transform:scale(.95);background:#d33}.global-settings-modal .panel-tab-navigation{position:relative;bottom:auto;left:auto;right:auto;z-index:auto;display:flex;gap:8px;flex-direction:row!important;overflow-x:auto;overflow-y:visible!important;padding:16px 0 0;border-top:none;margin-bottom:16px;height:auto;min-height:auto;max-height:none}.global-settings-modal .panel-tab-navigation::-webkit-scrollbar{display:none}.global-settings-modal .panel-tab-btn{position:relative;width:40px;height:40px;background:var(--ui-bg);color:var(--text-primary);border:0px solid var(--border-color);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.9rem;cursor:pointer;transition:all .2s ease;flex-shrink:0}.global-settings-modal .panel-tab-btn:hover,.global-settings-modal .panel-tab-btn:focus{background:var(--hover-bg);color:var(--text-primary);transform:scale(1.05)}.global-settings-modal .panel-tab-btn.active{background:var(--border-light);color:var(--text-on-disabled)}.global-settings-modal .panel-tab-btn:active{transform:scale(.95)}.global-settings-modal .panel-content{display:none;height:auto;padding:0;flex:1;width:100%;box-sizing:border-box;-webkit-overflow-scrolling:touch}.global-settings-modal .panel-content.active{display:block;z-index:99999!important}.global-settings-modal .panel-content.has-tab-navigation{display:block}.global-settings-modal .panel-body{padding:0;overflow-y:auto}.global-settings-modal .settings-group{display:none}.global-settings-modal .settings-group.active{display:block}.global-settings-modal .setting-item{position:relative;background:#ffffff0d;border-radius:12px;padding:1rem;margin-bottom:.75rem;transition:all .2s ease;overflow:hidden;box-sizing:border-box}.global-settings-modal .setting-item:last-child{margin-bottom:0}.global-settings-modal .setting-item.collapsed-toggle{margin-bottom:0!important}.global-settings-modal .setting-item.expanded-toggle{margin-bottom:.75rem!important}.global-settings-modal .setting-item.toggle-item.parent-item:has(input[type=checkbox]:not(:checked)){margin-bottom:0!important}.global-settings-modal .setting-item.toggle-item.parent-item:has(input[type=checkbox]:checked){margin-bottom:.75rem!important}.global-settings-modal .setting-item-title{font-size:1em;font-weight:700;margin-bottom:8px;color:var(--text-primary);padding:0}.global-settings-modal .toggle-item{display:flex;justify-content:space-between;align-items:center}.global-settings-modal .toggle-item .setting-item-title{margin-bottom:0;flex:1}.global-settings-modal .switch{position:relative;display:inline-block;width:44px;height:24px}.global-settings-modal .switch input{opacity:0;width:0;height:0}.global-settings-modal .slider{position:absolute;cursor:pointer;inset:0;background-color:var(--border-color);transition:.3s;border-radius:24px}.global-settings-modal .slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.global-settings-modal input:checked+.slider{background-color:var(--accent-color)}.global-settings-modal input:checked+.slider:before{transform:translate(20px)}.global-settings-modal .slider-with-value{display:flex;align-items:center;gap:1rem;margin-top:.5rem}.global-settings-modal .control-slider{flex:1;height:6px;border-radius:3px;background:var(--border-color);outline:none;-webkit-appearance:none}.global-settings-modal .control-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent-color);cursor:pointer}.global-settings-modal .control-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent-color);cursor:pointer;border:none}.global-settings-modal .slider-value-display{font-size:var(--text-size-sm);font-weight:var(--text-weight-medium);color:var(--color-text-primary);min-width:40px;text-align:center}.global-settings-modal .ai-mode-labels{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.85rem;color:var(--text-secondary)}.global-settings-modal .ai-mode-slider{background:linear-gradient(to right,#3b82f6,#8b5cf6,#f59e0b)}.global-settings-modal .ai-mode-description{text-align:center;margin-top:4px}.global-settings-modal .ai-mode-description span{font-size:11px;font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.global-settings-modal .settings-group-title{font-size:1.1em;font-weight:600;color:var(--text-primary);margin:1.5rem 0 .8rem}.global-settings-modal .btn,.global-settings-modal .button{padding:.5rem 1rem;border:1px solid var(--border-color);background:var(--container-bg);color:var(--text-primary);border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.global-settings-modal .btn:hover,.global-settings-modal .button:hover{background:var(--hover-bg);border-color:var(--accent-color)}.global-settings-modal .btn-secondary,.global-settings-modal .button-secondary{background:var(--secondary-bg)}.global-settings-modal .sound-test-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.global-settings-modal .sound-test-buttons .btn{font-size:.8rem;padding:.4rem .8rem}.global-settings-modal .setting-caption{font-size:.8rem;color:var(--text-secondary);margin-top:.5rem;display:flex;align-items:flex-start;gap:.5rem;line-height:1.4}.global-settings-modal .setting-caption i{margin-top:.1rem;color:var(--accent-color)}.global-settings-modal .hidden{display:none!important}.global-settings-modal .visual-option-group{display:flex;gap:.5rem;margin-top:.5rem}.global-settings-modal .visual-option{display:flex;flex-direction:column;align-items:center;padding:.75rem;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .2s ease;background:var(--container-bg);min-width:80px}.global-settings-modal .visual-option:hover{border-color:var(--accent-color);background:var(--hover-bg)}.global-settings-modal .visual-option.active{border-color:var(--accent-color);background:var(--accent-bg);color:var(--accent-color)}.global-settings-modal .visual-option i{font-size:1.2rem;margin-bottom:.5rem}.global-settings-modal .visual-option-label{font-size:.8rem;text-align:center;font-weight:500}@media(max-width:1024px){.global-settings-modal{width:60%}}@media(max-width:768px){.global-settings-modal{border-radius:0!important;width:100%;right:-100%;height:100vh!important}.global-settings-modal.settings-panel-open{right:0}.global-settings-modal .setting-item{padding:.875rem 1rem;border-radius:10px;margin-bottom:.5rem}.global-settings-modal .settings-group{position:relative;overflow:visible;padding:0;gap:16px}}body.global-settings-open{overflow:hidden}body.global-settings-open .global-settings-modal{top:0!important;margin-top:0!important;padding-top:24px!important}#globalSettingsModal.combined-panel{border-radius:0!important}.tooltip-container{position:relative;display:inline-block}.fab.tooltip-container{display:flex}.create-wheel-fab.tooltip-container{display:flex!important}.custom-tooltip{position:fixed;visibility:hidden;opacity:0;pointer-events:none;white-space:nowrap;padding:8px 12px;font-size:13px;font-weight:500;line-height:1.2;text-align:center;background:#1c1c1ef2;color:#fff;border-radius:8px;backdrop-filter:blur(10px);box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a;transition:all .2s cubic-bezier(.4,0,.2,1);transform:translateY(2px);z-index:10000;text-transform:none!important;font-variant:normal!important;font-feature-settings:normal!important}.custom-tooltip.tooltip-visible{visibility:visible;opacity:1;transform:translateY(0)}.custom-tooltip:before{content:"";position:absolute;width:0;height:0;border:6px solid transparent}.tooltip-accent{background:linear-gradient(135deg,#00c4d9,#00a8bb);color:#fff}.tooltip-light{background:#fffffff2;color:#1c1c1e;border:1px solid rgba(0,0,0,.1)}.tooltip-sm{padding:6px 10px;font-size:12px}.tooltip-lg{padding:12px 16px;font-size:14px}@media(max-width:768px){#mainCreateWheelFab{display:none!important}.custom-tooltip{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.tooltip-wrap{white-space:normal;word-wrap:break-word}}@media(hover:none)and (pointer:coarse){.custom-tooltip{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}}body,html{height:100%;margin:0;padding:0;box-sizing:border-box;overflow-x:hidden;overflow-y:hidden;overscroll-behavior:none;-webkit-overscroll-behavior:none;-webkit-overflow-scrolling:auto;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}body.body-no-scroll{overflow:hidden}body{font-family:Poppins,sans-serif;display:flex;flex-direction:column;height:100%;color:var(--text-primary)}#mainContentWrapper{position:relative;background-color:var(--color-bg-primary);width:100%;height:100%;z-index:var(--z-main-content);overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;flex:1;transition:background-color .2s ease}#mainContentWrapper>header{position:sticky;top:0;z-index:calc(var(--z-main-content) + 1);padding-bottom:10px}#mainContentWrapper>main{flex:0 0 auto;display:flex;flex-direction:column}.caption{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:.72em;color:var(--text-muted);margin:10px 0}.setting-item-disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.setting-item-disabled label{opacity:.7}.visual-option-group-disabled{opacity:.25;pointer-events:none;cursor:not-allowed}.visual-option-group-disabled *{cursor:not-allowed!important;pointer-events:none!important}.fab-menu-list-item:hover{background-color:var(--border-light)}.update-modal-container{max-height:70vh;width:100%;max-width:480px;text-align:center;overflow:hidden;padding:10px 0}.update-section{margin-bottom:20px;padding-bottom:15px}.update-section:last-child{border-bottom:none;margin-bottom:0}.update-section h3{margin:0 0 15px;font-size:1.1rem;color:var(--text-color);font-weight:600}.changes-summary{background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;padding:15px;margin-top:20px}.changes-summary h3{margin:0 0 10px;font-size:1rem;color:var(--text-color);font-weight:600}.changes-details{max-height:150px;overflow-y:auto}.change-item{padding:8px 0;border-bottom:1px solid var(--border-light);font-size:.9rem;color:var(--text-muted)}.change-item:last-child{border-bottom:none}.fab.has-changes{background:linear-gradient(135deg,#ff6b6b,#ee5a24);animation:pulse-changes 2s infinite;box-shadow:0 4px 20px #ff6b6b66}.fab.has-changes:before{content:"";position:absolute;inset:-4px;background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-radius:50%;z-index:-1;opacity:.3;animation:ripple-pulse 2s infinite}.fab.has-changes .ripple-ring{position:absolute;top:50%;left:50%;width:100%;height:100%;border:2px solid #ff6b6b;border-radius:50%;transform:translate(-50%,-50%) scale(1);opacity:1;animation:ripple-pulse 2s infinite}.fab.has-changes .fa-floppy-disk:before{animation:spin 2s linear infinite}.fab.update-mode{transform:scale(1)}.fab.update-mode:hover{transform:scale(1.15)}.fab.update-mode.has-changes{animation:save-button-pulse-update-mode 2s ease-in-out infinite}.update-mode .fa-sync-alt{display:flex;align-items:center;justify-content:center;width:1em;height:1em;transform-origin:center center;will-change:transform}[data-theme=dark] .changes-summary{background:#2a2a2a;border-color:#444}[data-theme=dark] .change-item{border-color:#444}body.light-theme #mainContentWrapper,body[data-theme=light] #mainContentWrapper{background-color:var(--color-bg-primary)}body.light-theme #mainContentWrapper>header,body[data-theme=light] #mainContentWrapper>header{background:transparent}body.light-theme #mainContentWrapper>footer,body[data-theme=light] #mainContentWrapper>footer{background:var(--bg-primary)}body.light-theme .caption,body[data-theme=light] .caption{color:var(--text-muted)}body.light-theme .fab-menu-list-item:hover,body[data-theme=light] .fab-menu-list-item:hover{background-color:rgba(var(--accent-color-rgb),.1)}body.light-theme .update-section h3,body.light-theme .form-group label,body.light-theme .changes-summary h3,body[data-theme=light] .update-section h3,body[data-theme=light] .form-group label,body[data-theme=light] .changes-summary h3{color:var(--text-primary)}body.light-theme .form-group small,body[data-theme=light] .form-group small{color:var(--text-muted)}body.light-theme .changes-summary,body[data-theme=light] .changes-summary{background:var(--bg-secondary);border-color:var(--border-color)}body.light-theme .change-item,body[data-theme=light] .change-item{border-bottom-color:var(--border-color);color:var(--text-secondary)}.direct-wheel-loader-overlay{position:fixed;inset:0;z-index:99999;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:1;transition:opacity .4s ease-out}.direct-wheel-loader-overlay.fade-out{opacity:0;pointer-events:none}.direct-wheel-loader-content{display:flex;flex-direction:column;align-items:center;gap:2rem}.direct-wheel-loader-logo{width:240px;height:auto;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.direct-wheel-loader-overlay .preloader-spinner{width:80px;height:80px;position:relative;margin-bottom:0}.direct-wheel-loader-text{color:#fff;font-size:1.125rem;font-weight:500;text-align:center;margin-top:1rem;opacity:.9}@media(max-width:768px){.direct-wheel-loader-logo{width:150px}.direct-wheel-loader-overlay .preloader-spinner{width:60px;height:60px}.direct-wheel-loader-text{font-size:1rem}}@media(prefers-color-scheme:dark){.direct-wheel-loader-overlay{background:linear-gradient(135deg,#1a1a2e,#16213e)}}.help-tip-icon{display:inline-block;width:16px;height:16px;background:var(--text-primary, #000);border-radius:50%;margin-left:6px;cursor:pointer;position:relative;vertical-align:middle;flex-shrink:0;transition:all .2s ease;font-size:9px;font-weight:700!important}.help-tip-icon:before{content:"?";position:absolute;top:50%;left:55%;transform:translate(-50%,-50%);color:var(--border-color, #000);line-height:1}.help-tip-icon:hover{background:var(--accent-color-hover, #2563eb);color:v#ffffff!important;transform:scale(1.1)}.help-tip-tooltip{position:absolute;background:var(--tooltip-bg, rgba(0, 0, 0, .9));color:var(--tooltip-text, #ffffff);padding:8px 12px;border-radius:6px;font-size:12px;line-height:1.4;max-width:250px;z-index:100000;opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none;box-shadow:0 4px 12px #00000026;border:1px solid var(--tooltip-border, rgba(255, 255, 255, .1))}.help-tip-tooltip.show{opacity:1;visibility:visible}.help-tip-tooltip .tooltip-title{font-weight:700;margin-bottom:4px;color:var(--accent-color, #3b82f6)}.help-tip-tooltip .tooltip-description{color:var(--tooltip-text, #ffffff)}.help-tip-tooltip:after{content:"";position:absolute;width:0;height:0;border:5px solid transparent}.help-tip-tooltip.top{transform:translateY(-8px)}.help-tip-tooltip.top:after{top:100%;left:50%;transform:translate(-50%);border-top-color:var(--tooltip-bg, rgba(0, 0, 0, .9))}.help-tip-tooltip.bottom{transform:translateY(8px)}.help-tip-tooltip.bottom:after{bottom:100%;left:50%;transform:translate(-50%);border-bottom-color:var(--tooltip-bg, rgba(0, 0, 0, .9))}.help-tip-tooltip.left{transform:translate(-8px)}.help-tip-tooltip.left:after{top:50%;left:100%;transform:translateY(-50%);border-left-color:var(--tooltip-bg, rgba(0, 0, 0, .9))}.help-tip-tooltip.right{transform:translate(8px)}.help-tip-tooltip.right:after{top:50%;right:100%;transform:translateY(-50%);border-right-color:var(--tooltip-bg, rgba(0, 0, 0, .9))}@media(max-width:768px){.help-tip-tooltip{max-width:200px;font-size:11px;padding:6px 10px}.help-tip-tooltip.mobile-active{opacity:1;visibility:visible}}body.light-theme .help-tip-tooltip,body[data-theme=light] .help-tip-tooltip{background:var(--tooltip-bg-light, rgba(255, 255, 255, .95));color:var(--tooltip-text-light, #333333);border-color:var(--tooltip-border-light, rgba(0, 0, 0, .1));box-shadow:0 4px 12px #0000001a}body.light-theme .help-tip-tooltip .tooltip-description,body[data-theme=light] .help-tip-tooltip .tooltip-description{color:var(--tooltip-text-light, #666666)}body.light-theme .help-tip-tooltip:after,body[data-theme=light] .help-tip-tooltip:after{border-top-color:var(--tooltip-bg-light, rgba(255, 255, 255, .95));border-bottom-color:var(--tooltip-bg-light, rgba(255, 255, 255, .95));border-left-color:var(--tooltip-bg-light, rgba(255, 255, 255, .95));border-right-color:var(--tooltip-bg-light, rgba(255, 255, 255, .95))}@keyframes helpTipFadeIn{0%{opacity:0;transform:translateY(-4px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.help-tip-tooltip.show{animation:helpTipFadeIn .2s ease-out}#pwa-update-banner{position:fixed;top:0;left:0;right:0;z-index:999999;transform:translateY(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);pointer-events:none}#pwa-update-banner.visible{transform:translateY(0);pointer-events:auto}.pwa-update-banner-content{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 4px 12px #00000026;border-bottom:2px solid rgba(255,255,255,.1)}.pwa-update-banner-text{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:500;flex:1}.pwa-update-banner-text i{font-size:20px;animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.pwa-update-banner-btn{background:#fff;color:#8b5cf6;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}.pwa-update-banner-btn:hover{background:#f3f4f6;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.pwa-update-banner-btn:active{transform:translateY(0);box-shadow:0 2px 6px #0000001a}.pwa-update-banner-btn i{font-size:14px}.pwa-update-banner-close{background:transparent;border:none;color:#fff;font-size:20px;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease;opacity:.8}.pwa-update-banner-close:hover{background:#ffffff1a;opacity:1}.pwa-update-banner-close:active{background:#fff3}@media(max-width:768px){.pwa-update-banner-content{padding:14px 16px;gap:12px}.pwa-update-banner-text{font-size:14px;gap:10px}.pwa-update-banner-text i{font-size:18px}.pwa-update-banner-btn{padding:8px 16px;font-size:13px;gap:6px}.pwa-update-banner-close{font-size:18px;padding:6px}}@media(max-width:480px){.pwa-update-banner-content{flex-wrap:wrap;padding:12px 14px}.pwa-update-banner-text{flex:1 1 100%;font-size:13px}.pwa-update-banner-btn{flex:1;justify-content:center}.pwa-update-banner-close{position:absolute;top:8px;right:8px}}@media(prefers-color-scheme:dark){.pwa-update-banner-content{background:linear-gradient(135deg,#7c3aed,#6d28d9)}}.pwa-update-banner-btn:focus,.pwa-update-banner-close:focus{outline:2px solid white;outline-offset:2px}.pwa-update-banner-btn.loading{pointer-events:none;opacity:.7}.pwa-update-banner-btn.loading i{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html body #appBackground{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;z-index:-9999!important;background-color:var(--app-bg-color, #1a1a1a)!important}.view-background{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;z-index:-9999!important;display:none!important}body.question-view-active #step-question-background{display:block!important;background-color:var(--theme-bg-color, #1a1a1a)!important}body.wheel-view-active #appBackground,body.question-view-active #appBackground{display:none!important}.app-background{background-color:var(--app-bg-color, #1a1a1a)}body{background-color:transparent!important;background:none!important;background-image:none!important;background-repeat:no-repeat!important;background-attachment:scroll!important;background-position:0% 0%!important}html{background-color:transparent!important}.app-background.pattern-enabled:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:var(--pattern-opacity, .1);background-repeat:repeat;background-size:var(--pattern-size, 20px);z-index:1!important;background-image:var(--pattern-svg)}.background-pattern-controls{margin-top:1rem}.visual-option-group[data-type=backgroundPattern]{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:8px;margin-top:.5rem}.visual-option-group[data-type=backgroundPattern] .visual-option{display:flex;flex-direction:column;align-items:center;padding:8px;border:2px solid var(--border-color, #374151);border-radius:8px;background:var(--bg-color, #1f2937);cursor:pointer;transition:all .2s ease;min-height:60px;justify-content:center}.visual-option-group[data-type=backgroundPattern] .visual-option:hover{border-color:var(--accent-color, #3b82f6);background:var(--hover-bg, #374151)}.visual-option-group[data-type=backgroundPattern] .visual-option.active{border-color:var(--accent-color, #3b82f6);background:var(--accent-color, #3b82f6);color:var(--text-on-accent, #ffffff)}.visual-option-group[data-type=backgroundPattern] .option-icon{width:40px;height:40px;border-radius:4px;margin-bottom:4px;position:relative;overflow:hidden;background:var(--bg-color, #1f2937)}#pattern-preview-dots{background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='preview-dots' x='0' y='0' width='8' height='8' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='4' cy='4' r='1' fill='%23ffffff' opacity='0.7'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23preview-dots)'/%3E%3C/svg%3E")}#pattern-preview-grid{background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='preview-grid' x='0' y='0' width='8' height='8' patternUnits='userSpaceOnUse'%3E%3Cpath d='M 8 0 L 0 0 0 8' fill='none' stroke='%23ffffff' stroke-width='0.5' opacity='0.7'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23preview-grid)'/%3E%3C/svg%3E")}#pattern-preview-diagonal-lines{background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='preview-diagonal' x='0' y='0' width='8' height='8' patternUnits='userSpaceOnUse'%3E%3Cpath d='M 0 8 L 8 0 M 0 0 L 8 8' fill='none' stroke='%23ffffff' stroke-width='0.5' opacity='0.7'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23preview-diagonal)'/%3E%3C/svg%3E")}#pattern-preview-crosses{background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='preview-crosses' x='0' y='0' width='8' height='8' patternUnits='userSpaceOnUse'%3E%3Cpath d='M 4 0 L 4 8 M 0 4 L 8 4' fill='none' stroke='%23ffffff' stroke-width='0.5' opacity='0.7'/%3E%3Ccircle cx='4' cy='4' r='1' fill='%23ffffff' opacity='0.7'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23preview-crosses)'/%3E%3C/svg%3E")}#pattern-preview-triangles{background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='preview-triangles' x='0' y='0' width='8' height='8' patternUnits='userSpaceOnUse'%3E%3Cpolygon points='4,0 8,8 0,8' fill='%23ffffff' opacity='0.7'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23preview-triangles)'/%3E%3C/svg%3E")}#pattern-preview-hexagons{background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='preview-hexagons' x='0' y='0' width='8' height='8' patternUnits='userSpaceOnUse'%3E%3Cpolygon points='4,0 7,2 7,6 4,8 1,6 1,2' fill='%23ffffff' opacity='0.7'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23preview-hexagons)'/%3E%3C/svg%3E")}#pattern-preview-waves{background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='preview-waves' x='0' y='0' width='8' height='8' patternUnits='userSpaceOnUse'%3E%3Cpath d='M 0 4 Q 2 2 4 4 Q 6 6 8 4' fill='none' stroke='%23ffffff' stroke-width='0.5' opacity='0.7'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23preview-waves)'/%3E%3C/svg%3E")}#pattern-preview-checkerboard{background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='preview-checkerboard' x='0' y='0' width='8' height='8' patternUnits='userSpaceOnUse'%3E%3Crect x='0' y='0' width='4' height='4' fill='%23ffffff' opacity='0.7'/%3E%3Crect x='4' y='4' width='4' height='4' fill='%23ffffff' opacity='0.7'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23preview-checkerboard)'/%3E%3C/svg%3E")}#pattern-preview-diamonds{background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='preview-diamonds' x='0' y='0' width='8' height='8' patternUnits='userSpaceOnUse'%3E%3Cpolygon points='4,0 8,4 4,8 0,4' fill='%23ffffff' opacity='0.7'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23preview-diamonds)'/%3E%3C/svg%3E")}#pattern-preview-circles{background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='preview-circles' x='0' y='0' width='8' height='8' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='4' cy='4' r='2' fill='%23ffffff' opacity='0.7'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23preview-circles)'/%3E%3C/svg%3E")}#pattern-preview-stripes{background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='preview-stripes' x='0' y='0' width='8' height='8' patternUnits='userSpaceOnUse'%3E%3Crect x='0' y='0' width='1' height='8' fill='%23ffffff' opacity='0.7'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23preview-stripes)'/%3E%3C/svg%3E")}#pattern-preview-zigzag{background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='preview-zigzag' x='0' y='0' width='8' height='8' patternUnits='userSpaceOnUse'%3E%3Cpath d='M 0 4 L 2 2 L 4 4 L 6 2 L 8 4' fill='none' stroke='%23ffffff' stroke-width='0.5' opacity='0.7'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23preview-zigzag)'/%3E%3C/svg%3E")}#pattern-preview-stars{background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='preview-stars' x='0' y='0' width='20' height='20' patternUnits='userSpaceOnUse'%3E%3Cpolygon points='10,1 12,7 19,7 13.5,11 16,18 10,14 4,18 6.5,11 1,7 8,7' fill='%23ffffff' opacity='0.7'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23preview-stars)'/%3E%3C/svg%3E")}#pattern-preview-horizontal-stripes{background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='preview-h-stripes' x='0' y='0' width='20' height='20' patternUnits='userSpaceOnUse'%3E%3Crect x='0' y='0' width='20' height='2' fill='%23ffffff' opacity='0.7'/%3E%3Crect x='0' y='10' width='20' height='2' fill='%23ffffff' opacity='0.7'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23preview-h-stripes)'/%3E%3C/svg%3E")}#pattern-preview-honeycomb{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cdefs%3E%3Cpattern id='preview-honeycomb' patternUnits='userSpaceOnUse' width='44' height='38'%3E%3Cpolygon points='8,6 16,6 20,13 16,20 8,20 4,13' fill='none' stroke='%23ffffff' stroke-width='0.5' opacity='0.7'/%3E%3Cpolygon points='30,6 38,6 42,13 38,20 30,20 26,13' fill='none' stroke='%23ffffff' stroke-width='0.5' opacity='0.7'/%3E%3Cpolygon points='19,25 27,25 31,32 27,39 19,39 15,32' fill='none' stroke='%23ffffff' stroke-width='0.5' opacity='0.7'/%3E%3Cpolygon points='41,25 49,25 53,32 49,39 41,39 37,32' fill='none' stroke='%23ffffff' stroke-width='0.5' opacity='0.7'/%3E%3Cpolygon points='-3,25 5,25 9,32 5,39 -3,39 -7,32' fill='none' stroke='%23ffffff' stroke-width='0.5' opacity='0.7'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23preview-honeycomb)'/%3E%3C/svg%3E")}body.light-theme .visual-option-group[data-type=backgroundPattern] .visual-option{background:var(--bg-color, #ffffff);border-color:var(--border-color, #d1d5db)}body.light-theme .visual-option-group[data-type=backgroundPattern] .visual-option:hover{background:var(--hover-bg, #f3f4f6);border-color:var(--accent-color, #3b82f6)}body.light-theme .visual-option-group[data-type=backgroundPattern] .visual-option.active{background:var(--accent-color, #3b82f6);border-color:var(--accent-color, #3b82f6);color:var(--text-on-accent, #ffffff)}body.light-theme .visual-option-group[data-type=backgroundPattern] .option-icon{background:var(--bg-color, #ffffff)}.data-retention-banner{position:fixed;top:80px;left:50%;transform:translate(-50%);max-width:900px;width:calc(100% - 32px);background:linear-gradient(135deg,#ff9800f2,#ff5722f2);border:2px solid rgba(255,152,0,.5);border-radius:12px;padding:20px 24px;box-shadow:0 8px 24px #0000004d;z-index:9999;animation:slideInFromTop .4s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(10px)}@keyframes slideInFromTop{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.data-retention-banner-content{display:flex;align-items:center;gap:16px}.data-retention-banner-icon{width:48px;height:48px;min-width:48px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:50%;font-size:24px;color:#fff}.data-retention-banner-text{flex:1;color:#fff}.data-retention-banner-text strong{display:block;font-size:1.1em;margin-bottom:4px;font-weight:600}.data-retention-banner-text p{margin:0;font-size:.95em;line-height:1.5;opacity:.95}.data-retention-banner-actions{display:flex;align-items:center;gap:12px}.data-retention-banner-btn{padding:10px 20px;border:none;border-radius:8px;font-size:.9em;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;display:flex;align-items:center;gap:8px}.data-retention-banner-btn.primary{background:#fff;color:#ff5722}.data-retention-banner-btn.primary:hover{background:#ffffffe6;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.data-retention-banner-btn.secondary{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3)}.data-retention-banner-btn.secondary:hover{background:#ffffff4d;border-color:#ffffff80}.data-retention-banner-dismiss{width:32px;height:32px;min-width:32px;display:flex;align-items:center;justify-content:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .2s ease;font-size:16px}.data-retention-banner-dismiss:hover{background:#ffffff4d;transform:scale(1.1)}@media(max-width:768px){.data-retention-banner{top:60px;width:calc(100% - 16px);padding:16px}.data-retention-banner-content{flex-direction:column;align-items:flex-start;gap:12px}.data-retention-banner-icon{width:40px;height:40px;min-width:40px;font-size:20px}.data-retention-banner-text strong{font-size:1em}.data-retention-banner-text p{font-size:.85em}.data-retention-banner-actions{width:100%;flex-wrap:wrap}.data-retention-banner-btn{flex:1;min-width:calc(50% - 6px);justify-content:center;padding:8px 12px;font-size:.85em}.data-retention-banner-btn.secondary{order:2}.data-retention-banner-dismiss{position:absolute;top:12px;right:12px;width:28px;height:28px;min-width:28px;font-size:14px}}.account-data-retention-section{background:linear-gradient(135deg,#ff98000d,#ff57220d);border:1px solid rgba(255,152,0,.2);border-radius:12px;padding:20px;margin:16px 0}.account-data-retention-title{display:flex;align-items:center;gap:12px;font-size:1.1em;font-weight:600;color:var(--text-primary);margin-bottom:12px}.account-data-retention-title i{color:#ff9800;font-size:1.2em}.account-data-retention-content{color:var(--text-secondary);line-height:1.6;font-size:.95em}.account-data-retention-content p{margin:8px 0}.account-data-retention-content strong{color:var(--text-primary);font-weight:600}.account-data-retention-actions{margin-top:16px;display:flex;gap:12px;flex-wrap:wrap}.account-data-retention-btn{padding:10px 16px;border:1px solid rgba(255,152,0,.3);border-radius:8px;background:transparent;color:var(--text-primary);font-size:.9em;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.account-data-retention-btn:hover{background:#ff98001a;border-color:#ff980080;transform:translateY(-2px)}.account-data-retention-btn i{font-size:1em}@media(max-width:768px){.account-data-retention-section{padding:16px}.account-data-retention-title{font-size:1em}.account-data-retention-content{font-size:.9em}.account-data-retention-actions{flex-direction:column}.account-data-retention-btn{width:100%;justify-content:center}}.templates-gallery-container{padding:20px;overflow-y:auto}.templates-section{margin-bottom:40px}.templates-section:last-child{margin-bottom:20px}.templates-section-title{display:flex;align-items:center;gap:12px;font-size:1.3em;font-weight:600;color:var(--text-primary);margin-bottom:12px;padding-bottom:12px;border-bottom:2px solid var(--border-color)}.templates-section-title i{font-size:1.1em}.templates-section-title .fa-unlock{color:#4caf50}.templates-section-title .fa-crown{color:gold}.templates-section-description{color:var(--text-secondary);font-size:.9em;margin-bottom:16px;font-style:italic}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;min-height:300px}.templates-grid:has(.templates-empty:only-child){display:flex;align-items:center;justify-content:center}.templates-grid .small-loader-container{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;min-height:300px}.template-card{position:relative;background:#ffffff08;border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:12px;cursor:pointer;transition:all .3s ease;overflow:hidden}.template-card.loading{opacity:.6;cursor:wait}.template-card.loading:after{content:none!important;display:none!important}.template-card.loading .small-loader,.template-card.loading .small-loader-container,.template-card.loading .loader,.template-card.loading .preloader-spinner,.template-card.loading .preloader-wheel,.template-card.loading .fa-spinner{display:none!important;visibility:hidden!important;opacity:0!important}.template-card.loading .template-preview,.template-preview{position:relative}.template-card.loading .template-preview-canvas,.template-card.loading .template-preview-image{opacity:.3}.template-card-spinner{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:10;pointer-events:none}.template-card-spinner:before{content:"";width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:templateSpinner .8s linear infinite}@keyframes templateSpinner{to{transform:rotate(360deg)}}.template-card:hover{transform:translateY(-4px);border-color:var(--accent-color);box-shadow:0 8px 24px #00c4d933;background:#ffffff0d}.template-card.locked{cursor:pointer;opacity:.4;position:relative}.template-card.locked:before{content:"";position:absolute;inset:0;background:#0000004d;border-radius:12px;pointer-events:none;z-index:1}.template-card.locked:hover{transform:none;border-color:#ffffff1a;box-shadow:none;background:#ffffff08}.template-card.locked .template-lock-badge{z-index:3}.template-card.locked .template-preview-canvas{opacity:.7}.template-preview{width:100%;height:140px;border-radius:8px;margin-bottom:12px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border:2px solid rgba(255,255,255,.1)}.template-preview-canvas{width:100%;height:100%;object-fit:contain;display:block}.template-info{text-align:center}.template-name{font-size:1em;font-weight:600;color:var(--text-primary);margin-bottom:4px}.template-description{font-size:.75em;color:var(--text-secondary);line-height:1.3}.template-card.locked.pro-tier:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;top:16px;left:16px;width:32px;height:32px;background:#000;backdrop-filter:blur(10px);border-radius:6px 0 16px;display:flex;align-items:center;justify-content:center;font-size:14px;color:gold;z-index:2}.template-card.locked.premium-tier:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;top:16px;left:16px;width:32px;height:32px;background:#000;backdrop-filter:blur(10px);border-radius:6px 0 16px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;z-index:2}.template-lock-badge{position:absolute;top:12px;right:12px;width:32px;height:32px;background:#000000b3;backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2}.template-lock-badge i{font-size:14px;color:gold}.template-card.active{border-color:var(--accent-color);background:linear-gradient(135deg,#00c4d91a,#00c4d90d);pointer-events:none;cursor:default}.template-card.active:after{content:"✓";position:absolute;top:8px;left:8px;width:24px;height:24px;background:var(--accent-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;z-index:2}.template-active-badge{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,var(--accent-color),#00d4ea);color:#fff;font-size:11px;font-weight:700;padding:4px 8px;border-radius:12px;display:flex;align-items:center;gap:4px;z-index:3;box-shadow:0 2px 8px #00c4d94d;text-transform:uppercase;letter-spacing:.5px}.template-active-badge i{font-size:10px}.template-card:not(.locked):hover .template-preview{animation:templatePulse .5s ease}@keyframes templatePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media(max-width:768px){.templates-gallery-container{padding:16px 16px 64px}.templates-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.template-card{padding:10px}.template-preview{height:100px}.template-name{font-size:.9em}.template-description{font-size:.7em}.templates-section-title{font-size:1.1em}.template-lock-badge{width:28px;height:28px}.template-lock-badge i{font-size:12px}}@media(max-width:480px){.templates-grid{grid-template-columns:1fr 1fr}}.templates-empty{text-align:center;padding:40px 20px;color:var(--text-secondary)}.templates-empty i{font-size:3em;margin-bottom:16px;opacity:.5}.templates-empty p{font-size:1em;line-height:1.6}.templates-section.hidden{display:none!important}.templates-section.active{display:block}.template-card-menu-container{position:absolute;top:8px;right:8px;z-index:10}.template-card-menu-btn{width:32px;height:32px;border-radius:50%;background:#0009;backdrop-filter:blur(10px);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:0}.template-card:hover .template-card-menu-btn{opacity:1}.template-card-menu-btn:hover{background:#000c;transform:scale(1.05)}.template-card-menu-btn.active{background:var(--primary-color);opacity:1}.template-card-menu-btn i{font-size:14px}.template-card-dropdown-menu{position:absolute;top:40px;right:0;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:200px;z-index:1000;overflow:hidden;opacity:0;transform:translateY(-10px);pointer-events:none;transition:all .2s ease}.template-card-dropdown-menu.show{opacity:1;transform:translateY(0);pointer-events:all}.template-card-dropdown-menu.hidden{display:none}.template-card-dropdown-item{width:100%;padding:12px 16px;background:transparent;border:none;color:var(--text-primary);font-size:.9em;text-align:left;cursor:pointer;display:flex;align-items:center;gap:12px;transition:background .15s ease}.template-card-dropdown-item:hover{background:#00c4d91a}.template-card-dropdown-item i{font-size:1em;width:16px;text-align:center}.template-card-dropdown-item.delete-item{color:#ff6b6b}.template-card-dropdown-item.delete-item:hover{background:#ff6b6b1a}.templates-save-current-container{padding:16px 20px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.templates-save-current-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;font-size:.95em;font-weight:600;border-radius:6px;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.templates-save-current-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.templates-save-current-btn:active{transform:translateY(0)}.templates-save-current-btn i{font-size:1.1em}.template-card.user-template .saved-swatch-actions{margin-top:8px;margin-bottom:8px}.template-name.editable-title{cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s ease}.template-name.editable-title:hover{background-color:#4a9eff33}.template-name.editing{background-color:#4a9eff4d}.performance-modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop, 9000);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s ease}.performance-modal-overlay.visible{opacity:1;visibility:visible}.performance-modal{background:var(--container-bg, #1c1c1e);border-radius:12px;box-shadow:0 20px 40px #0000004d;max-width:480px;width:90%;max-height:80vh;overflow:hidden;transform:scale(.9) translateY(20px);transition:transform .3s ease}.performance-modal-overlay.visible .performance-modal{transform:scale(1) translateY(0)}.performance-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border-secondary, #3c3c3c)}.performance-modal-close{background:none;border:none;font-size:24px;color:var(--text-secondary, #b0b0b0);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.performance-modal-close:hover{background:var(--border-secondary, #3c3c3c);color:var(--text-primary, #f5f5f7)}.performance-modal-content{padding:20px 24px;max-height:60vh;overflow-y:auto}.performance-stats{margin-bottom:24px;padding:16px;background:#ef44441a;border-radius:8px;border-left:4px solid var(--color-error, #ef4444)}.performance-stats p{margin:0 0 12px;color:var(--text-primary, #f5f5f7);font-weight:500}.performance-stats ul{margin:0;padding:0;list-style:none}.performance-stats li{margin:8px 0;color:var(--text-secondary, #b0b0b0);font-size:14px}.fps-value{font-weight:600;padding:2px 6px;border-radius:4px}.fps-value.low{background:#f59e0b33;color:var(--color-warning, #f59e0b)}.fps-value.critical{background:#ef444433;color:var(--color-error, #ef4444)}.performance-suggestions h4{margin:0 0 16px;color:var(--text-primary, #f5f5f7);font-size:16px;font-weight:600}.optimization-options{display:flex;flex-direction:column;gap:12px}.optimization-option{display:flex;flex-direction:column;gap:4px;padding:12px;background:var(--bg-secondary, #141414);border-radius:8px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.optimization-option:hover{background:var(--border-secondary, #3c3c3c);border-color:var(--accent-color, #00c4d9)}.optimization-option input[type=checkbox]{margin-right:8px;accent-color:var(--accent-color, #00c4d9)}.optimization-option span{color:var(--text-primary, #f5f5f7);font-weight:500;font-size:14px}.optimization-option small{color:var(--text-muted, #6e6e73);font-size:12px;margin-left:20px}.performance-modal-footer{display:flex;gap:12px;padding:16px 24px 20px;border-top:1px solid var(--border-secondary, #3c3c3c);justify-content:flex-end}.performance-modal-footer .button{min-width:100px}.performance-success-message{position:fixed;top:20px;right:20px;background:var(--color-success, #10b981);color:#fff;padding:16px 20px;border-radius:8px;box-shadow:0 8px 20px #10b9814d;z-index:var(--z-modal-overlay, 9020);transform:translate(100%);transition:transform .3s ease;max-width:320px}.performance-success-message.visible{transform:translate(0)}.success-content{display:flex;align-items:flex-start;gap:12px}.success-content i{font-size:20px;margin-top:2px}.success-content span{font-weight:600;font-size:14px}.success-content small{display:block;opacity:.9;font-size:12px;margin-top:4px}@media(max-width:768px){.performance-modal{width:95%;margin:20px}.performance-modal-content{padding:16px 20px}.performance-modal-header,.performance-modal-footer{padding-left:20px;padding-right:20px}.performance-modal-footer{flex-direction:column}.performance-modal-footer .button{width:100%}.performance-success-message{top:10px;right:10px;left:10px;max-width:none}}@media(prefers-color-scheme:dark){.performance-modal{background:var(--container-bg, #1c1c1e)}}.mobile-outcome-editor-modal{position:fixed;inset:0;z-index:10000;display:none;pointer-events:none;opacity:0;transition:opacity .25s ease}.mobile-outcome-editor-modal.active{display:flex;pointer-events:auto;opacity:1}.mobile-outcome-editor-backdrop{position:absolute;inset:0;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.mobile-outcome-editor-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column;background:var(--container-bg, #1c1c1e);color:var(--text-primary, #fff);padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0);animation:slideUp .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-outcome-editor-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--border-light, rgba(255,255,255,.1));background:var(--container-bg);position:sticky;top:0;z-index:10}.mobile-outcome-editor-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.mobile-outcome-editor-close{background:none;border:none;color:var(--text-secondary, rgba(255,255,255,.6));font-size:1.5rem;cursor:pointer;padding:8px;margin:-8px -8px -8px 8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.mobile-outcome-editor-close:hover,.mobile-outcome-editor-close:active{background:var(--hover-bg, rgba(255,255,255,.1));color:var(--text-primary)}.mobile-outcome-editor-body{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:20px 20px 100px;display:flex;flex-direction:column;gap:24px}.mobile-outcome-editor-field{display:flex;flex-direction:column;gap:8px}.mobile-outcome-editor-field label{font-size:.875rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:6px}.mobile-outcome-field-hint{font-size:.75rem;font-weight:400;color:var(--text-secondary);opacity:.8}.mobile-outcome-input{background:var(--input-bg, rgba(255,255,255,.05));border:1px solid var(--border-light, rgba(255,255,255,.1));border-radius:8px;padding:14px 16px;font-size:1rem;color:var(--text-primary);font-family:inherit;resize:vertical;min-height:48px;width:100%;box-sizing:border-box;transition:all .2s ease}.mobile-outcome-input:focus{outline:none;border-color:var(--accent-primary, #00c4d9);background:var(--input-focus-bg, rgba(255,255,255,.08));box-shadow:0 0 0 3px #00c4d91a}.mobile-outcome-input::placeholder{color:var(--text-tertiary, rgba(255,255,255,.4))}.mobile-outcome-weight-wrapper{display:flex;align-items:center;gap:16px}.mobile-outcome-weight-slider{flex:1;height:48px;-webkit-appearance:none;appearance:none;background:transparent;outline:none}.mobile-outcome-weight-slider::-webkit-slider-track{width:100%;height:6px;background:var(--border-light, rgba(255,255,255,.1));border-radius:3px}.mobile-outcome-weight-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:var(--accent-primary, #00c4d9);cursor:pointer;box-shadow:0 2px 8px #00c4d966;transition:transform .2s ease}.mobile-outcome-weight-slider::-webkit-slider-thumb:active{transform:scale(1.2)}.mobile-outcome-weight-slider::-moz-range-track{width:100%;height:6px;background:var(--border-light, rgba(255,255,255,.1));border-radius:3px}.mobile-outcome-weight-slider::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:var(--accent-primary, #00c4d9);cursor:pointer;border:none;box-shadow:0 2px 8px #00c4d966;transition:transform .2s ease}.mobile-outcome-weight-slider::-moz-range-thumb:active{transform:scale(1.2)}.mobile-outcome-weight-value{font-size:1.125rem;font-weight:600;color:var(--text-primary);min-width:48px;text-align:right}.mobile-outcome-editor-footer{position:fixed;bottom:0;left:0;right:0;z-index:20;background:var(--container-bg, #1c1c1e);border-top:1px solid var(--border-light, rgba(255,255,255,.1));padding:16px 20px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));display:flex;gap:12px;box-shadow:0 -4px 16px #0003}.mobile-outcome-editor-btn{flex:1;height:52px;padding:0 24px;border-radius:12px;font-size:1rem;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;user-select:none;-webkit-user-select:none;min-height:44px}.mobile-outcome-editor-btn-secondary{background:var(--button-secondary-bg, rgba(255,255,255,.1));color:var(--text-primary)}.mobile-outcome-editor-btn-secondary:active{background:var(--button-secondary-hover, rgba(255,255,255,.15));transform:scale(.98)}.mobile-outcome-editor-btn-primary{background:var(--accent-primary, #00c4d9);color:#000;font-weight:700}.mobile-outcome-editor-btn-primary:active{background:var(--accent-primary-hover, #00d4e9);transform:scale(.98)}@media(min-width:769px){.mobile-outcome-editor-modal{align-items:center;justify-content:center;padding:40px}.mobile-outcome-editor-container{width:auto;height:auto;max-width:600px;max-height:85vh;border-radius:20px;box-shadow:0 20px 60px #00000080;animation:fadeIn .3s ease}.mobile-outcome-editor-body{padding-bottom:20px}.mobile-outcome-editor-footer{position:sticky;box-shadow:none}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}}body:not(.dark-mode) .mobile-outcome-editor-backdrop{background:#0009}body:not(.dark-mode) .mobile-outcome-editor-container{background:var(--container-bg, #fff);color:var(--text-primary, #000)}body:not(.dark-mode) .mobile-outcome-editor-footer{background:var(--container-bg, #fff)}.end-item{margin-bottom:32px}.setting-label{font-size:var(--text-size-sm);font-weight:var(--text-weight-medium);color:var(--color-text-secondary);margin:0;line-height:var(--text-leading-relaxed)}.setting-description{font-size:var(--text-size-xs);color:var(--color-text-tertiary);margin-top:4px;line-height:var(--text-leading-relaxed)}.toggle-item .setting-label{flex:1;margin:0}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.toggle-switch-input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:#374151;transition:all .2s ease;border-radius:12px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;top:2px;background:#fff;transition:all .2s ease;border-radius:50%}.toggle-switch-input:checked+.toggle-slider{background:var(--accent-color, #3b82f6)}.toggle-switch-input:checked+.toggle-slider:before{transform:translate(20px)}.control-slider,input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:var(--slider-track-height-md);background:var(--slider-track-bg);outline:none;border-radius:calc(var(--slider-track-height-md) / 2);cursor:pointer;transition:all var(--control-transition-normal) var(--control-ease-standard);position:relative}.control-slider:hover{box-shadow:0 0 0 4px var(--color-accent-subtle)}.control-slider:focus{outline:2px solid var(--color-accent);outline-offset:2px}.control-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--slider-thumb-size-md);height:var(--slider-thumb-size-md);background:var(--slider-thumb-color);border:var(--slider-thumb-border);border-radius:50%;cursor:pointer;box-shadow:var(--slider-thumb-shadow);transition:all var(--control-transition-fast) var(--control-ease-standard)}.control-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px var(--color-shadow-dark)}.control-slider::-webkit-slider-thumb:active{transform:scale(1.05)}.control-slider::-moz-range-thumb{width:var(--slider-thumb-size-md);height:var(--slider-thumb-size-md);background:var(--slider-thumb-color);border:var(--slider-thumb-border);border-radius:50%;cursor:pointer;box-shadow:var(--slider-thumb-shadow);transition:all var(--control-transition-fast) var(--control-ease-standard)}.control-slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px var(--color-shadow-dark)}.control-slider.size-sm{height:var(--slider-track-height-sm);border-radius:calc(var(--slider-track-height-sm) / 2)}.control-slider.size-sm::-webkit-slider-thumb{width:var(--slider-thumb-size-sm);height:var(--slider-thumb-size-sm)}.control-slider.size-sm::-moz-range-thumb{width:var(--slider-thumb-size-sm);height:var(--slider-thumb-size-sm)}.control-slider.size-lg{height:var(--slider-track-height-lg);border-radius:calc(var(--slider-track-height-lg) / 2)}.control-slider.size-lg::-webkit-slider-thumb{width:var(--slider-thumb-size-lg);height:var(--slider-thumb-size-lg)}.control-slider.size-lg::-moz-range-thumb{width:var(--slider-thumb-size-lg);height:var(--slider-thumb-size-lg)}.slider-with-value{display:flex;align-items:center;gap:var(--control-spacing-md);width:100%}.slider-with-value .control-slider{flex:1}.ai-mode-labels{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:var(--text-size-sm);font-weight:var(--text-weight-medium)}.mode-label-left,.mode-label-right{color:var(--color-text-secondary);font-size:12px}.ai-mode-slider{background:linear-gradient(to right,#3b82f6,#8b5cf6,#f59e0b)}.ai-mode-description{text-align:center;margin-top:4px}.ai-mode-description span{font-size:11px;font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}#probabilityPillRotationValue.slider-value-display{display:none}.slider-value-display{font-size:var(--text-size-sm);font-weight:var(--text-weight-medium);color:var(--color-text-primary);min-width:40px;text-align:center;background:var(--color-surface-elevated);padding:4px 8px;border-radius:4px;border:1px solid var(--color-border-secondary)}.visual-option-group{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;width:100%;box-sizing:border-box}.visual-option-group[data-type=gradientDirection]{grid-template-columns:repeat(4,1fr)}.visual-option-group[data-type=backgroundType]{grid-template-columns:repeat(2,1fr)}.visual-option{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:var(--visual-option-size-md);flex-grow:1;height:100%;background:var(--visual-option-bg);border:1.5px solid var(--visual-option-border);border-radius:var(--visual-option-border-radius);cursor:pointer;transition:all var(--control-transition-normal) var(--control-ease-standard);user-select:none;text-align:center;box-sizing:border-box}.visual-option:hover{border-color:var(--visual-option-border-hover);background:var(--color-surface-hover);transform:translateY(-1px);box-shadow:0 4px 12px var(--color-shadow-light)}.visual-option.active{border-color:var(--visual-option-border-active);background:var(--visual-option-bg-active);color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-subtle)}.visual-option:focus{outline:1.5px solid var(--color-accent)}.visual-option-icon{font-size:1.2rem;margin-bottom:4px;line-height:1;color:var(--color-text-secondary);transition:color var(--control-transition-normal) var(--control-ease-standard)}.visual-option.active .visual-option-icon,.visual-option:hover .visual-option-icon{color:var(--color-accent)}.option-label{display:none}.visual-option-label{font-size:var(--text-size-xs);font-weight:var(--text-weight-medium);color:var(--color-text-secondary);line-height:var(--text-leading-tight);text-align:center}.visual-option.active .visual-option-label{color:var(--color-accent)}.visual-option.size-sm{width:100%;min-height:var(--visual-option-size-sm);padding:6px}.visual-option.size-sm .visual-option-icon{font-size:1rem;margin-bottom:2px}.visual-option.size-sm .visual-option-label{font-size:var(--text-size-xs)}.visual-option.size-lg{width:100%;min-height:var(--visual-option-size-lg);padding:12px}.visual-option.size-lg .visual-option-icon{font-size:1.5rem;margin-bottom:6px}.visual-option.size-lg .visual-option-label{font-size:var(--text-size-sm)}.control-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--control-spacing-sm);height:var(--button-height-md);padding:var(--button-padding-md);background:var(--color-interactive-primary);color:var(--color-text-on-accent);border:1px solid var(--color-interactive-primary);border-radius:8px;font-size:var(--text-size-sm);font-weight:var(--text-weight-medium);font-family:inherit;cursor:pointer;transition:all var(--control-transition-normal) var(--control-ease-standard);text-decoration:none;box-sizing:border-box;white-space:nowrap;border-color:var(--color-interactive-primary-hover);box-shadow:0 4px 12px var(--color-shadow-medium)}.control-button:hover{background:var(--color-interactive-primary-hover);border-color:var(--color-interactive-primary-hover);box-shadow:0 4px 12px var(--color-shadow-medium)}.control-button:active{transform:translateY(0);box-shadow:0 2px 6px var(--color-shadow-medium)}.control-button:focus{outline:2px solid var(--color-accent);outline-offset:2px}.control-button.variant-secondary{background:var(--color-interactive-secondary);color:var(--color-text-primary);border-color:var(--color-interactive-secondary)}.control-button.variant-secondary:hover{background:var(--color-interactive-secondary-hover);border-color:var(--color-interactive-secondary-hover)}.control-button.variant-outline{background:transparent;color:var(--color-interactive-primary);border-color:var(--color-interactive-primary)}.control-button.variant-outline:hover{background:var(--color-interactive-primary);color:var(--color-text-on-accent)}.control-button.variant-ghost{background:transparent;color:var(--color-text-primary);border-color:transparent}.control-button.variant-ghost:hover{background:var(--color-surface-hover);border-color:var(--color-border-primary)}.control-button.variant-danger{background:var(--color-error);color:var(--color-text-on-error);border-color:var(--color-error)}.control-button.variant-danger:hover{background:var(--color-error-hover);border-color:var(--color-error-hover)}.control-button.variant-high-contrast{background:var(--color-text-primary);color:var(--color-surface-primary);border-color:var(--color-text-primary);font-weight:var(--text-weight-semibold)}.control-button.variant-high-contrast:hover{background:var(--color-text-secondary);border-color:var(--color-text-secondary);color:var(--color-surface-primary);box-shadow:0 4px 12px var(--color-shadow-medium)}.control-button.size-sm{height:var(--button-height-sm);padding:var(--button-padding-sm);font-size:var(--text-size-xs)}.control-button.size-lg{height:var(--button-height-lg);padding:var(--button-padding-lg);font-size:var(--text-size-md)}.control-button.icon-only{width:var(--button-height-md);padding:0}.control-button.icon-only.size-sm{width:var(--button-height-sm)}.control-button.icon-only.size-lg{width:var(--button-height-lg)}.setting-item.premium,.visual-option.premium,.control-button.premium{position:relative}body:not(.pro-user) .setting-item.premium:after,body:not(.pro-user) .visual-option.premium:after{content:"💎";position:absolute;top:8px;right:8px;font-size:.9rem;opacity:.8;z-index:2;pointer-events:none}body.pro-user .setting-item.premium:after,body.pro-user .visual-option.premium:after{display:none}body:not(.pro-user) .setting-item.premium,body:not(.pro-user) .visual-option.premium,body:not(.pro-user) .control-button.premium{opacity:var(--control-premium-opacity);filter:var(--control-premium-filter);pointer-events:none;background:var(--control-premium-bg)}body:not(.pro-user) .setting-item.premium .switch,body:not(.pro-user) .setting-item.premium .switch input,body:not(.pro-user) .setting-item.premium .slider{pointer-events:auto!important;opacity:1!important;position:relative!important;z-index:10!important}.setting-item input[type=checkbox],.toggle-item input[type=checkbox]{pointer-events:auto!important;position:relative!important;z-index:5!important}.setting-item-disabled .switch,.setting-item-disabled .switch input,.setting-item-disabled .slider{pointer-events:auto!important;opacity:1!important;position:relative!important;z-index:10!important}body:not(.pro-user) .setting-item.premium .setting-label,body:not(.pro-user) .setting-item.premium .control-input,body:not(.pro-user) .setting-item.premium .control-select{color:var(--color-text-disabled)}body.pro-user .setting-item.premium,body.pro-user .visual-option.premium,body.pro-user .control-button.premium{opacity:1;filter:none;pointer-events:auto;background:initial;border:inherit;color:inherit;font-style:inherit;cursor:inherit}body.pro-user .setting-item.premium .setting-label,body.pro-user .setting-item.premium .control-input,body.pro-user .setting-item.premium .control-select{color:var(--text-primary);opacity:1;font-style:normal}.premium-hint{font-size:var(--text-size-xs);color:var(--color-text-tertiary);font-style:italic;margin-top:4px;display:flex;align-items:center;gap:4px}.premium-hint:before{content:"💎";font-size:.9em}.setting-item.disabled,.visual-option.disabled,.control-button.disabled,.control-input:disabled,.control-select:disabled,.control-slider:disabled{opacity:var(--control-disabled-opacity);cursor:var(--control-disabled-cursor);pointer-events:none}.setting-item.disabled .setting-label{color:var(--color-text-disabled)}.setting-item.dependency-hidden,.visual-option-group.dependency-hidden{display:none}.setting-item.dependency-animating{transition:opacity var(--control-transition-normal) var(--control-ease-standard),max-height var(--control-transition-normal) var(--control-ease-standard)}.setting-item.dependency-hiding{opacity:0;max-height:0;overflow:hidden;margin-bottom:0;padding-top:0;padding-bottom:0}.switch{position:relative;display:inline-block;width:var(--toggle-width-sm);height:var(--toggle-height-sm)}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--toggle-bg-off);transition:var(--toggle-transition);border-radius:var(--control-border-radius)}.slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;top:2px;background-color:var(--toggle-thumb-color);transition:var(--control-transition-fast);border-radius:50%}input:checked+.slider{background-color:var(--toggle-bg-on)}input:checked+.slider:before{transform:translate(20px)}.slider.round{border-radius:calc(var(--toggle-height-sm) / 2)}.slider.round:before{border-radius:50%}.toggle-item label:first-child{display:block;font-size:var(--text-size-md);font-weight:var(--text-weight-medium);color:var(--text-color-primary);margin-bottom:var(--control-spacing-sm)}.option-icon{font-size:1.25rem;margin-bottom:4px;transition:var(--control-transition)}.color-picker-item{display:flex;flex-direction:column;gap:var(--control-spacing-sm)}.color-input-group{display:flex;align-items:center;gap:var(--control-spacing-sm)}.color-input-group input[type=color]{width:var(--control-color-size);height:var(--control-color-size);border:1px solid var(--control-border-color);border-radius:var(--control-border-radius);cursor:pointer;transition:var(--control-transition);appearance:none}.color-input-group input[type=text]{width:80px;padding:4px 8px;border:1px solid var(--control-border-color);border-radius:var(--control-border-radius);background:var(--control-bg-color);color:var(--control-text-color);font-size:12px;font-family:monospace}.wheel-background-controls{padding-left:var(--control-spacing);border-left:2px solid var(--control-border-color);margin-left:var(--control-spacing)}.alpha-control{display:flex;align-items:center;gap:8px;margin-top:4px;font-size:12px}.alpha-label{color:var(--control-text-secondary);min-width:40px}.alpha-slider{flex:1;height:4px;border-radius:2px;background:linear-gradient(to right,transparent 0%,currentColor 100%);outline:none;cursor:pointer}.alpha-value{color:var(--control-text-secondary);min-width:35px;text-align:right;font-family:monospace}.color-input{width:var(--control-color-size);height:var(--control-color-size);border:1px solid var(--control-border-color);border-radius:var(--control-border-radius);cursor:pointer;transition:var(--control-transition);appearance:none;-webkit-appearance:none;-moz-appearance:none;background:transparent;padding:0}.color-value-display{display:flex;align-items:center;gap:4px;padding:6px 8px;border:1px solid var(--control-border-color);border-radius:var(--control-border-radius);background:var(--control-bg);font-family:var(--font-mono);font-size:var(--text-size-sm);color:var(--control-text-color);min-width:80px}@media(prefers-contrast:high){.toggle-slider,.control-input,.control-select,.visual-option{border-width:1px;border-color:var(--color-text-primary)}.visual-option.active{background:var(--color-text-primary);color:var(--color-bg-primary)}}@media(prefers-reduced-motion:reduce){.toggle-slider,.control-slider,.control-button,.visual-option{transition:none}.visual-option:hover,.control-button:hover{transform:none}}body.light-theme .visual-option{background:#fff;border-color:#dee2e6;color:#495057}body.light-theme .visual-option:hover{border-color:#adb5bd;background:#f8f9fa;box-shadow:0 4px 12px #0000001a}body.light-theme .visual-option.active{border-color:var(--accent-color);background:#3b82f60d;color:var(--accent-color);box-shadow:0 0 0 2px #3b82f633}body.light-theme .visual-option:focus{outline:1.5px solid var(--accent-color)}body.light-theme .visual-option-icon{color:#6c757d}body.light-theme .visual-option.active .visual-option-icon,body.light-theme .visual-option:hover .visual-option-icon{color:var(--accent-color)}body.light-theme .visual-option-label{color:#6c757d}body.light-theme .visual-option.active .visual-option-label{color:var(--accent-color)}body.light-theme .option-icon{color:#6c757d}body.light-theme .visual-option.active .option-icon,body.light-theme .visual-option:hover .option-icon{color:var(--accent-color)}.toggle-switch-input:focus-visible+.toggle-slider{outline:2px solid var(--color-accent);outline-offset:2px}.control-slider:focus-visible,.visual-option:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.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}@media(max-width:1600px){.visual-option-group{grid-template-columns:repeat(4,1fr)}}@media(max-width:1024px){.visual-option-group{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.visual-option-group{grid-template-columns:repeat(3,1fr);gap:8px;height:100%}.visual-option,.visual-option.wheel-mode-option{max-height:32px!important;height:32px!important;padding:0!important}.visual-option.wheel-mode-option.active{pointer-events:none!important}.toggle-switch{width:var(--toggle-width-sm);height:var(--toggle-height-sm)}.toggle-slider{border-radius:calc(var(--toggle-height-sm) / 2)}.toggle-slider:before{height:var(--toggle-thumb-size-sm);width:var(--toggle-thumb-size-sm);left:2px;top:2px}.toggle-switch-input:checked+.toggle-slider:before{transform:translate(calc(var(--toggle-width-sm) - var(--toggle-thumb-size-sm) - 4px))}.visual-option-icon{font-size:1.4rem;margin-bottom:6px}.visual-option-label{font-size:var(--text-size-sm)}.control-button{height:var(--control-touch-target);padding:12px 20px;font-size:var(--text-size-md)}.control-button.icon-only{width:var(--control-touch-target)}.control-color-input{width:var(--control-touch-target);height:var(--control-touch-target)}.control-slider{height:var(--slider-track-height-lg)}.control-slider::-webkit-slider-thumb{width:var(--slider-thumb-size-lg);height:var(--slider-thumb-size-lg)}.control-slider::-moz-range-thumb{width:var(--slider-thumb-size-lg);height:var(--slider-thumb-size-lg)}}.setting-row{display:flex;gap:var(--control-spacing-md);align-items:center;width:100%}.setting-column{display:flex;flex-direction:column;gap:var(--control-spacing-sm);width:100%}.setting-gap-sm{gap:var(--control-spacing-sm)}.setting-gap-md{gap:var(--control-spacing-md)}.setting-gap-lg{gap:var(--control-spacing-lg)}.control-width-xs{width:60px}.control-width-sm{width:80px}.control-width-md{width:120px}.control-width-lg{width:160px}.control-width-xl{width:200px}.control-flex-1{flex:1}.control-flex-none{flex:none}.control-text-left{text-align:left}.control-text-center{text-align:center}.control-text-right{text-align:right}.celebration-effect-wrapper{display:flex;align-items:center;gap:8px;width:93%;box-sizing:border-box}.celebration-effect-wrapper select{max-width:80%!important}.particle-preview-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border-color);border-radius:6px;background:var(--surface-primary);color:var(--text-primary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.particle-preview-btn:hover{background:var(--surface-hover);border-color:var(--accent-color);color:var(--accent-color);transform:translateY(-1px)}.particle-preview-btn:active{transform:translateY(0);background:var(--surface-active)}.particle-preview-btn i{font-size:14px}.particle-preview-btn.loading{pointer-events:none;opacity:.7}.particle-preview-btn.loading i{animation:preview-spin 1s linear infinite}.particle-preview-btn:focus{outline:2px solid var(--accent-color);outline-offset:2px}.particle-preview-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}@keyframes preview-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.m-0{margin:var(--space-0)}.p-0{padding:var(--space-0)}.m-1{margin:var(--space-1)}.p-1{padding:var(--space-1)}.m-2{margin:var(--space-2)}.p-2{padding:var(--space-2)}.m-3{margin:var(--space-3)}.p-3{padding:var(--space-3)}.m-4{margin:var(--space-4)}.p-4{padding:var(--space-4)}.m-6{margin:var(--space-6)}.p-6{padding:var(--space-6)}.m-8{margin:var(--space-8)}.p-8{padding:var(--space-8)}.m-12{margin:var(--space-12)}.p-12{padding:var(--space-12)}.m-16{margin:var(--space-16)}.p-16{padding:var(--space-16)}.mt-4{margin-top:var(--space-4)}.mb-4{margin-bottom:var(--space-4)}.ml-4{margin-left:var(--space-4)}.mr-4{margin-right:var(--space-4)}.pt-4{padding-top:var(--space-4)}.pb-4{padding-bottom:var(--space-4)}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-center{align-items:center;justify-content:center}.flex-between{justify-content:space-between;align-items:center}.grid{display:grid;gap:var(--spacing-md)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.container{width:100%;max-width:1024px;margin:0 auto;padding:0 var(--spacing-md)}@media(max-width:768px){.container{padding:0 var(--space-2)}.grid-cols-2{grid-template-columns:1fr}.flex-row{flex-direction:column}}.section{padding:var(--spacing-lg) 0}.stack{display:flex;flex-direction:column;gap:var(--spacing-md)}.stack-center{align-items:center}.page-layout{min-height:100vh;display:flex;flex-direction:column}.page-content{flex:1;padding:var(--spacing-md) 0}.hidden{display:none!important}.invisible{visibility:hidden!important}.overflow-hidden{overflow:hidden!important}.overflow-auto{overflow:auto!important}.welcome-step-content{padding:20px 0;text-align:center}.welcome-video-container{margin-bottom:30px}.welcome-video-placeholder{background:linear-gradient(135deg,var(--primary-color, #007AFF),var(--primary-color-light, #5AC8FA));border-radius:12px;padding:60px 40px;color:#fff;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.welcome-video-placeholder:hover{transform:translateY(-2px);box-shadow:0 8px 25px #007aff4d}.welcome-video-placeholder:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,rgba(255,255,255,.1),transparent);pointer-events:none}.welcome-video-placeholder i{font-size:48px;margin-bottom:12px;display:block}.welcome-video-placeholder span{font-size:18px;font-weight:600}.welcome-message{text-align:center}.welcome-message h4{color:var(--text-color-primary);margin-bottom:15px;font-size:24px;font-weight:700}.welcome-message p{color:var(--text-color-secondary);font-size:16px;line-height:1.5;margin-bottom:25px}.welcome-features-preview{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;margin-top:25px}.feature-item{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:120px}.feature-item i{font-size:24px;color:var(--primary-color);background:var(--primary-color-light, rgba(0, 122, 255, .1));width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center}.feature-item span{font-size:14px;font-weight:600;color:var(--text-color-primary)}.welcome-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-top:20px}.feature-card{background:var(--container-bg-secondary, rgba(255, 255, 255, .05));border-radius:12px;padding:24px;text-align:center;border:1px solid var(--border-color, rgba(255, 255, 255, .1));transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}.feature-icon{margin-bottom:16px}.feature-icon i{font-size:32px;color:var(--primary-color);background:var(--primary-color-light, rgba(0, 122, 255, .1));width:60px;height:60px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.feature-card h5{color:var(--text-color-primary);font-size:18px;font-weight:700;margin-bottom:12px}.feature-card p{color:var(--text-color-secondary);font-size:14px;line-height:1.5}.welcome-final-step{text-align:center}.success-icon{margin-bottom:20px}.success-icon i{font-size:64px;color:var(--success-color, #34C759)}.welcome-final-step h4{color:var(--text-color-primary);font-size:24px;font-weight:700;margin-bottom:15px}.welcome-final-step>p{color:var(--text-color-secondary);font-size:16px;margin-bottom:30px}.next-steps{display:flex;flex-direction:column;gap:20px;text-align:left;max-width:500px;margin:0 auto 30px}.next-step{display:flex;align-items:flex-start;gap:16px;padding:16px;background:var(--container-bg-secondary, rgba(255, 255, 255, .05));border-radius:8px;border-left:4px solid var(--primary-color)}.step-number{background:var(--primary-color);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.step-content strong{color:var(--text-color-primary);font-size:14px;display:block;margin-bottom:4px}.step-content p{color:var(--text-color-secondary);font-size:13px;margin:0;line-height:1.4}.welcome-cta{background:var(--info-color-light, rgba(0, 122, 255, .1));border-radius:8px;padding:16px;border-left:4px solid var(--info-color, #007AFF)}.welcome-cta p{color:var(--text-color-primary);font-size:14px;margin:0}.welcome-modal-footer{display:flex;justify-content:space-between;align-items:center;width:100%;padding:20px 0 0;border-top:1px solid var(--border-color, rgba(255, 255, 255, .1));margin-top:20px}.step-indicator{color:var(--text-color-secondary);font-size:14px;font-weight:500}.current-step{color:var(--primary-color);font-weight:700}@media(max-width:768px){.welcome-features-preview{gap:20px}.feature-item{min-width:100px}.feature-item i{width:40px;height:40px;font-size:20px}.welcome-features-grid{grid-template-columns:1fr;gap:20px}.feature-card{padding:20px}.welcome-modal-footer{flex-direction:column;gap:16px;text-align:center}}@media(prefers-color-scheme:dark){.feature-card{background:#ffffff08;border-color:#ffffff14}.next-step{background:#ffffff08}.welcome-cta{background:#007aff26}}.welcome-step-content{animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.wheel-history-upgrade-modal-overlay{position:fixed;inset:0;background:#000c;backdrop-filter:blur(4px);z-index:10000;display:flex!important;align-items:center!important;justify-content:center!important;padding:20px;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;box-sizing:border-box}.wheel-history-upgrade-modal-overlay.visible{opacity:1;visibility:visible}.wheel-history-upgrade-modal{background:var(--bg-primary);color:var(--text-primary);border-radius:24px;max-width:520px;width:100%;max-height:90vh;padding:32px;overflow-y:auto;position:relative;transform:scale(.9) translateY(20px);transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 25px 50px -12px #00000040;border-top:4px solid var(--accent-cyan);margin:auto}.wheel-history-upgrade-modal-overlay.visible .wheel-history-upgrade-modal{transform:scale(1) translateY(0)}.wheel-history-upgrade-modal .modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:0 0 24px;border-bottom:1px solid var(--border-color);position:relative}.wheel-history-upgrade-modal .modal-title{flex:1;font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1.3}.wheel-history-upgrade-modal .modal-close-btn{position:absolute;top:-8px;right:-8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:none;border-radius:50%;cursor:pointer;font-size:1.2rem;color:var(--text-secondary);transition:all .2s ease;z-index:1}.wheel-history-upgrade-modal .modal-close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:scale(1.1)}.wheel-history-upgrade-modal .modal-body{padding:24px 0;overflow-y:auto}.wheel-history-upgrade-modal .feature-benefits{text-align:left;margin:1.5rem auto;max-width:400px}.wheel-history-upgrade-modal .feature-benefits>div{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.wheel-history-upgrade-modal .feature-benefits>div:last-child{margin-bottom:0}.wheel-history-upgrade-modal .feature-benefits i{font-size:1.2rem;flex-shrink:0}.wheel-history-upgrade-modal .feature-benefits span{color:var(--text-primary);line-height:1.5}.wheel-history-upgrade-modal .modal-footer{display:flex;gap:1rem;justify-content:center;padding:1.5rem 0 0;border-top:1px solid var(--border-color)}.wheel-history-upgrade-modal .modal-footer button{min-width:120px;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;display:flex;align-items:center;justify-content:center;gap:.5rem}.wheel-history-upgrade-modal .btn-secondary{background:var(--bg-secondary);color:var(--text-primary)}.wheel-history-upgrade-modal .btn-secondary:hover{background:var(--bg-tertiary);transform:translateY(-1px)}.wheel-history-upgrade-modal .upgrade-btn{background:linear-gradient(135deg,gold,orange);color:#000;font-weight:600;text-shadow:none}.wheel-history-upgrade-modal .upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffd70066}body.light-theme .wheel-history-upgrade-modal,body[data-theme=light] .wheel-history-upgrade-modal{background:var(--bg-primary);border-color:var(--border-light)}@media(max-width:768px){.wheel-history-upgrade-modal-overlay{padding:8px}.wheel-history-upgrade-modal{max-width:100%;padding:24px 20px;border-radius:16px}.wheel-history-upgrade-modal .modal-header{padding:0 0 16px}.wheel-history-upgrade-modal .modal-title{font-size:1.25rem}.wheel-history-upgrade-modal .modal-body{padding:16px 0}.wheel-history-upgrade-modal .modal-body p{font-size:1rem!important}.wheel-history-upgrade-modal .feature-benefits{max-width:100%}.wheel-history-upgrade-modal .modal-footer{flex-direction:column;padding:16px 0 0}.wheel-history-upgrade-modal .modal-footer button{width:100%;min-width:unset}}.faqs-page-content{max-width:1200px;margin:0 auto;padding:2rem}.faqs-intro{font-size:1.1rem;color:var(--text-secondary);text-align:center;margin-bottom:2rem;line-height:1.6}.faqs-filter-section{margin:0 auto 2rem;padding:1rem 1.5rem;background:var(--card-bg);border-radius:8px!important;box-shadow:var(--shadow-sm);box-sizing:border-box;max-width:600px;width:100%}.faqs-filter-label{font-size:.95rem;font-weight:600;color:var(--text-primary);white-space:nowrap;flex-shrink:0}.faqs-filter-select{padding:.625rem 1rem;font-size:.95rem;border:1px solid var(--border-color);border-radius:var(--border-radius-md);background-color:var(--input-bg);color:var(--text-primary);cursor:pointer;transition:all .2s ease;min-width:180px;max-width:100%;flex:1;box-sizing:border-box}.faqs-filter-select:hover{border-color:var(--primary-color)}.faqs-filter-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.faqs-page-section{margin-top:2rem}.faq-category-badge{display:inline-block;padding:.25rem .75rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:16px;margin-bottom:.75rem}.faq-category-subscription{background-color:#3b82f61a;color:#3b82f6}.faq-category-billing{background-color:#10b9811a;color:#10b981}.faq-category-features{background-color:#8b5cf61a;color:#8b5cf6}.faq-category-technical{background-color:#f59e0b1a;color:#f59e0b}.faqs-empty-state{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.faqs-empty-state p{font-size:1.1rem;margin:0}@media(max-width:768px){.faqs-page-content{padding:1rem}.faqs-intro{font-size:1rem;margin-bottom:1.5rem}.faqs-filter-section{flex-direction:column;padding:1rem;gap:.75rem}.faqs-filter-label{font-size:.9rem}.faqs-filter-select{width:100%;min-width:auto}.faq-category-badge{font-size:.7rem;padding:.2rem .6rem}}@media(prefers-color-scheme:dark){.faqs-filter-section{background:#ffffff0d}.faq-category-subscription{background-color:#3b82f633}.faq-category-billing{background-color:#10b98133}.faq-category-features{background-color:#8b5cf633}.faq-category-technical{background-color:#f59e0b33}}#device-manager-container{width:100%!important}.account-item:has(#desktop-deviceManagerContainer),.account-item:has(#mobile-deviceManagerContainer){padding:0!important;background:transparent!important}.device-manager{padding:2rem;width:100%!important;margin:0 auto}.device-manager-header{margin-bottom:2rem}.device-manager-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.device-manager-description{font-size:.95rem;color:var(--text-secondary);margin:0;line-height:1.5}.device-list{display:flex;flex-direction:column;gap:1rem}.device-list-empty{padding:4rem 2rem;color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px}.device-list-empty i{display:block;margin-bottom:1rem}.device-list-empty p{margin:.25rem 0;line-height:1.6}.device-card{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:var(--card-bg);border:2px solid var(--border-color);border-radius:var(--border-radius-lg);transition:all .2s ease}.device-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0000001a}.device-card-current{border-color:var(--primary-color);background:rgba(var(--primary-rgb),.05)}.device-card-icon{font-size:2.5rem;color:var(--primary-color);flex-shrink:0}.device-card-info{flex:1;min-width:0}.device-card-name{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.device-current-badge{display:inline-block;padding:.25rem .75rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fff;background:var(--primary-color);border-radius:var(--border-radius-md)}.device-card-details{font-size:.875rem;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.device-separator{opacity:.5}.device-card-actions{flex-shrink:0}.btn-device-signout{padding:.625rem 1.25rem;font-size:.9rem;font-weight:600;color:#dc3545;background:transparent;border:2px solid #dc3545;border-radius:var(--border-radius-md);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;white-space:nowrap}.btn-device-signout:hover{background:#dc3545;color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #dc35454d}.btn-device-signout:disabled{opacity:.6;cursor:not-allowed;transform:none}.device-current-text{font-size:.875rem;color:var(--text-secondary);font-style:italic}.device-manager-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.device-manager-help-text{font-size:.875rem;color:var(--text-secondary);margin:0;display:flex;align-items:center;gap:.5rem}.device-manager-help-text i{color:var(--primary-color)}.device-manager-loading,.device-manager-error{text-align:center;padding:4rem 2rem}.device-manager-loading i,.device-manager-error i{font-size:3rem;margin-bottom:1rem;display:block;color:var(--primary-color)}.device-manager-error i{color:#dc3545}.device-manager-loading p,.device-manager-error p{font-size:1rem;color:var(--text-secondary);margin:0}@media(max-width:768px){.device-manager{padding:1rem}.device-card{flex-direction:column;align-items:flex-start;gap:1rem}.device-card-icon{font-size:2rem}.device-card-actions{width:100%}.btn-device-signout{width:100%;justify-content:center}.device-card-details{flex-direction:column;align-items:flex-start;gap:.25rem}.device-separator{display:none}}@media(prefers-color-scheme:dark){.device-card{background:#ffffff0d}.device-card:hover{background:#ffffff14}.device-card-current{background:rgba(var(--primary-rgb),.15)}}.welcome-back-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#0a0a0ff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);opacity:0;transition:opacity .3s ease-in-out;pointer-events:none}.welcome-back-overlay.hidden{display:none}.welcome-back-overlay.active{opacity:1;pointer-events:all}.welcome-back-background{position:absolute;inset:0;overflow:hidden;pointer-events:none}.welcome-back-glow{position:absolute;border-radius:50%;filter:blur(100px);opacity:.3;animation:welcomeBackFloat 8s ease-in-out infinite}.welcome-back-glow-1{width:500px;height:500px;background:radial-gradient(circle,rgba(99,102,241,.5),transparent);top:-200px;left:-200px;animation-delay:0s}.welcome-back-glow-2{width:400px;height:400px;background:radial-gradient(circle,rgba(168,85,247,.4),transparent);bottom:-150px;right:-150px;animation-delay:2s}.welcome-back-glow-3{width:350px;height:350px;background:radial-gradient(circle,rgba(59,130,246,.3),transparent);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:4s}@keyframes welcomeBackFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-30px,30px) scale(.9)}}.welcome-back-content{position:relative;max-width:500px;width:90%;padding:48px 40px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:24px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a;text-align:center;transform:scale(.95);opacity:0;animation:welcomeBackSlideIn .5s ease-out .1s forwards}@keyframes welcomeBackSlideIn{0%{transform:scale(.95) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.welcome-back-brand{margin-bottom:32px}.spinagle-logo-large{display:inline-flex;align-items:center;justify-content:center;width:120px;height:120px;margin:0 auto 24px;animation:welcomeBackLogoSpin 3s linear infinite}.spinagle-logo-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 20px rgba(99,102,241,.5))}@keyframes welcomeBackLogoSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.welcome-back-title{font-size:32px;font-weight:800;background:linear-gradient(135deg,#6366f1,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:-.5px}.welcome-back-message{margin-bottom:32px}.welcome-back-text{font-size:16px;line-height:1.6;color:#fffc;margin:0}.welcome-back-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.welcome-back-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 32px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.welcome-back-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.welcome-back-btn:hover:before{left:100%}.welcome-back-btn.primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 16px #6366f166,inset 0 1px #fff3}.welcome-back-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #6366f180,inset 0 1px #fff3}.welcome-back-btn.primary:active{transform:translateY(0)}.welcome-back-btn.secondary{background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#ffffffe6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.welcome-back-btn.secondary:hover{background:#ffffff1f;border-color:#ffffff4d;transform:translateY(-2px)}.welcome-back-btn.secondary:active{transform:translateY(0)}.welcome-back-btn svg{flex-shrink:0}.welcome-back-footer{padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}.welcome-back-hint{font-size:13px;color:#ffffff80;margin:0;font-style:italic}@media(max-width:600px){.welcome-back-content{padding:36px 28px}.spinagle-logo-large{width:100px;height:100px}.welcome-back-title{font-size:28px}.welcome-back-text{font-size:15px}.welcome-back-btn{padding:14px 24px;font-size:15px}}@media(max-width:400px){.welcome-back-content{padding:28px 20px}.spinagle-logo-large{width:80px;height:80px;margin-bottom:16px}.welcome-back-title{font-size:24px}.welcome-back-text{font-size:14px}}@media(prefers-color-scheme:light){.welcome-back-overlay{background:#fffffff2}.welcome-back-content{background:#0000000d;border-color:#0000001a}.welcome-back-text{color:#000c}.welcome-back-hint{color:#00000080}.welcome-back-btn.secondary{background:#0000000d;border-color:#0003;color:#000000e6}.welcome-back-btn.secondary:hover{background:#00000014;border-color:#0000004d}}.user-intent-popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;animation:fadeIn .3s ease-out;padding:2rem;box-sizing:border-box}.user-intent-close-btn{position:absolute;top:1rem;right:1rem;width:32px;height:32px;background:transparent;border:none;border-radius:50%;color:var(--color-text-secondary, #555555);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .2s ease;z-index:1}.user-intent-close-btn:hover{background:var(--color-surface-hover, #f7fafc);color:var(--color-text-primary, #1c1c1e);transform:scale(1.1)}.user-intent-close-btn:active{transform:scale(.9)}.user-intent-popup{position:relative;background:var(--color-background-elevated, #ffffff);border-radius:24px;padding:2rem 2.5rem 3rem;max-width:480px;width:100%;box-shadow:0 25px 80px var(--color-shadow-intense, rgba(0, 0, 0, .25));animation:slideInUp .4s cubic-bezier(.34,1.56,.64,1);text-align:center;border:1px solid var(--color-border-primary, #e2e8f0)}.user-intent-header{margin-bottom:2.5rem}.user-intent-header .spinagle-icon{margin:0 auto 1.5rem;display:flex;justify-content:center}.user-intent-header .spinagle-icon img{width:64px;height:64px;object-fit:contain}.user-intent-title{margin:0 0 .75rem;font-size:1.75rem;font-weight:600;color:var(--color-text-primary, #1c1c1e);line-height:1.2}.user-intent-subtitle{margin:0;font-size:1.1rem;color:var(--color-text-secondary, #555555);line-height:1.4}.intent-options{display:flex;flex-direction:column;gap:1rem}.intent-option-btn{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:var(--color-surface-secondary, #f8fafc);border:2px solid var(--color-border-secondary, #e2e8f0);border-radius:16px;cursor:pointer;transition:all .2s ease;font-size:1.1rem;font-weight:500;color:var(--color-text-primary, #1c1c1e);text-align:left;width:100%;box-sizing:border-box;position:relative}.intent-option-btn:hover{border-color:var(--color-interactive-primary, #667eea);background:var(--color-surface-hover, #edf2f7);transform:translateY(-2px);box-shadow:0 8px 25px var(--color-shadow-medium, rgba(0, 0, 0, .1))}.intent-option-btn:active{transform:translateY(0)}.intent-option-btn.selected{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff;box-shadow:0 8px 25px #667eea4d}.intent-option-btn.selected:hover{border-color:#764ba2;transform:translateY(-2px)}.intent-option-btn.selected .option-icon,.intent-option-btn.selected .option-text{color:#fff}.intent-option-btn .option-icon{font-size:1.25rem;min-width:28px;text-align:center;color:var(--color-interactive-primary, #667eea);display:flex;align-items:center;justify-content:center;transition:color .2s ease}.intent-option-btn .option-text{flex:1;font-weight:500;transition:color .2s ease}.intent-option-btn .option-checkmark{opacity:0;transform:scale(0);transition:all .3s cubic-bezier(.68,-.55,.27,1.55);display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#fff;border-radius:50%;color:#667eea;font-size:.9rem}.intent-option-btn.selected .option-checkmark{opacity:1;transform:scale(1)}.intent-continue-btn{width:100%;margin-top:1.5rem;padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:16px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #667eea4d}.intent-continue-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 35px #667eea66}.intent-continue-btn:active:not(:disabled){transform:translateY(0)}.intent-continue-btn:disabled{opacity:.5;cursor:not-allowed;background:#cbd5e0;box-shadow:none}@media(max-width:640px){.user-intent-popup-overlay{padding:1rem}.user-intent-popup{padding:2rem 1.5rem;border-radius:20px}.user-intent-header{margin-bottom:2rem}.user-intent-title{font-size:1.5rem}.user-intent-subtitle{font-size:1rem}.intent-option-btn{padding:1rem 1.25rem;font-size:1rem;gap:.875rem}.intent-option-btn .option-icon{font-size:1.1rem;min-width:24px}.intent-option-btn .option-checkmark{width:20px;height:20px;font-size:.8rem}.intent-continue-btn{padding:.875rem 1.5rem;font-size:1rem}.user-intent-header .spinagle-icon img{width:56px;height:56px}}@media(max-width:480px){.user-intent-popup-overlay{padding:.75rem}.user-intent-popup{padding:1.75rem 1.25rem}.user-intent-title{font-size:1.375rem}.intent-option-btn{padding:.875rem 1rem;font-size:.95rem}.intent-option-btn .option-checkmark{width:18px;height:18px;font-size:.75rem}.intent-continue-btn{padding:.75rem 1.25rem;font-size:.95rem;margin-top:1.25rem}.user-intent-header .spinagle-icon img{width:48px;height:48px}}@media(prefers-color-scheme:dark){.user-intent-popup{background:#2d3748;border-color:#4a5568}.user-intent-title{color:#f7fafc}.user-intent-subtitle{color:#a0aec0}.intent-option-btn{background:#4a5568;border-color:#718096;color:#f7fafc}.intent-option-btn:hover{background:#718096;border-color:var(--color-interactive-primary, #667eea)}.user-intent-close-btn{color:#a0aec0}.user-intent-close-btn:hover{background:#4a5568;color:#f7fafc}.intent-option-btn.selected{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.intent-continue-btn:disabled{background:#4a5568;opacity:.4}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.autocomplete-listbox{position:absolute;top:100%;left:0;right:0;z-index:1000;background:#fff;border:2px solid var(--border-color, #d1d5db);border-top:none;border-radius:0 0 12px 12px;box-shadow:0 4px 16px #0000001f;max-height:300px;overflow-y:auto;margin:0;padding:0;list-style:none;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.autocomplete-option{padding:12px 16px;cursor:pointer;border-bottom:1px solid #f3f4f6;font-size:14px;line-height:1.4;color:var(--text-primary, #1f2937);transition:background-color .15s ease}.autocomplete-option:last-child{border-bottom:none}.autocomplete-option:hover,.autocomplete-option.selected{background-color:var(--accent-color, #00c4d9);color:#fff}.autocomplete-option:active{background-color:var(--accent-color-hover, #00a7b5)}.text-input-container{position:relative}[data-theme=dark] .autocomplete-listbox{background:var(--container-bg, #374151);border-color:var(--border-color, #4b5563);color:var(--text-primary, #f9fafb)}[data-theme=dark] .autocomplete-option{color:var(--text-primary, #f9fafb);border-bottom-color:var(--border-color, #4b5563)}[data-theme=dark] .autocomplete-option:hover,[data-theme=dark] .autocomplete-option.selected{background-color:var(--accent-color, #00c4d9);color:#fff}@media(max-width:768px){.autocomplete-listbox{max-height:200px}.autocomplete-option{padding:10px 12px;font-size:13px}}.ad-container{display:none!important}body.user-free .ad-container.ad-visible,body.creator-free-user .ad-container.ad-visible{display:block!important}body.user-admin .ad-container,body.user-subscribed .ad-container,body.user-premium .ad-container,body.user-pro .ad-container{display:none!important}#headerAdContainer{padding:8px 0;height:106px;max-height:106px;border-radius:0;overflow:hidden;z-index:1000;position:fixed!important;left:0;right:0;bottom:0!important;display:none!important;align-items:center;justify-content:center;background:#000000f2;box-sizing:border-box;cursor:default;pointer-events:none}#headerAdContainer .campaign-ad-unit,#headerAdContainer .adsbygoogle{pointer-events:auto;cursor:pointer}body.wheel-view-active #headerAdContainer{display:flex!important}body.user-authenticated #headerAdContainer,body.user-admin #headerAdContainer,body.admin-user #headerAdContainer,body.user-pro #headerAdContainer,body.user-premium #headerAdContainer,body.user-subscribed #headerAdContainer,body.combined-panel-active #headerAdContainer,body.settings-panel-active #headerAdContainer,body.drawer-active #headerAdContainer{display:none!important}.campaign-ad-unit{width:100%!important;margin:8px 0;display:flex;justify-content:center;align-items:center;height:auto;min-height:50px;position:relative;cursor:pointer}.campaign-ad-unit img{width:100%;max-width:728px;height:auto;min-height:90px;max-height:90px;object-fit:cover;border-radius:8px}.ad-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000b3);color:#fff;padding:4px 8px;font-size:.75rem;font-weight:500;display:none}.shared-wheel-ad-container{width:100%;max-width:728px;min-height:90px;border-radius:8px;overflow:hidden;position:relative;background:var(--container-bg, #f8f9fa);border:1px solid var(--border-color, #e9ecef)}.shared-wheel-ad-container .campaign-ad-unit{width:100%;height:auto;min-height:90px;position:relative;cursor:pointer}.shared-wheel-ad-container .campaign-ad-unit img{width:100%;height:auto;min-height:90px;max-height:90px;object-fit:cover;border-radius:8px}body.combined-panel-active #headerAdContainer,body.combined-panel-active .ad-container,body.settings-panel-active #headerAdContainer,body.settings-panel-active .ad-container{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}@media(max-width:768px){#headerAdContainer{padding:8px 0;height:66px;max-height:66px;max-width:100%;width:100%;box-sizing:border-box;overflow:hidden;text-align:center}.shared-wheel-ad-container{max-width:960px;width:100%;box-sizing:border-box;overflow:hidden;text-align:center}#headerAdContainer .campaign-ad-unit{margin-left:auto;margin-right:auto;min-width:320px!important;max-width:320px!important;min-height:50px!important;max-height:50px!important}#headerAdContainer .campaign-ad-unit img{width:100%;min-height:50px;max-height:50px;object-fit:cover}.popup-banner-ad .campaign-ad-unit{min-width:300px!important;max-width:300px!important;margin:0 auto}.popup-banner-ad .campaign-ad-unit img{width:100%;max-width:300px;height:auto;min-height:50px;max-height:250px;object-fit:contain}body.combined-panel-active #headerAdContainer,body.combined-panel-active .shared-wheel-ad-container{display:none!important}}.popup-banner-ad{position:sticky;bottom:0;left:0;right:0;width:100%;background:var(--modal-bg);z-index:10;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 0;margin-top:100px;flex-shrink:0}.popup-banner-ad .campaign-ad-unit{cursor:pointer;position:relative;pointer-events:auto;z-index:10}.popup-banner-ad .campaign-ad-unit img{width:100%;height:auto;border-radius:6px;pointer-events:auto}.popup-banner-ad .ad-overlay{display:none}body.dark-theme .popup-banner-ad{background:var(--modal-bg);border-top-color:#ffffff1a}.ad-label{display:block;text-align:left;font-size:11px;color:#00000073;font-weight:400;letter-spacing:.3px;text-transform:uppercase;padding:0 8px;width:}.ad-label:before{content:"Ad";display:inline-block;padding:2px 6px;background:#00000014;border-radius:3px;margin-right:6px;font-size:10px;font-weight:600}body.dark-theme .ad-label{color:#ffffff80}body.dark-theme .ad-label:before{background:#ffffff26}.popup-banner-ad:hover .ad-label,#headerAdContainer:hover .ad-label{color:#0009}body.dark-theme .popup-banner-ad:hover .ad-label,body.dark-theme #headerAdContainer:hover .ad-label{color:#ffffffa6}@media(max-width:768px){.ad-label{width:90%;overflow-x:hidden!important;text-align:center}}.settings-panel-container{pointer-events:none}.settings-panel-container.hidden{visibility:hidden}.settings-panel-container:not(.hidden){visibility:visible}.settings-panel-container:not(.hidden)>*{pointer-events:auto}@media(max-width:768px){.settings-panel-container{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:var(--z-nav-drawer)}}@media(min-width:769px){.settings-panel-container{position:fixed;top:0;right:0;height:100vh;pointer-events:none}}.settings-panel-container{transition:visibility 0s linear .3s}.settings-panel-container:not(.hidden){transition:visibility 0s}:root{--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-tertiary: rgba(255, 255, 255, .4);--shadow-color-light: rgba(255, 255, 255, .1);--accent-color: #00c4d9;--accent-color-hover: #00a7b5;--container-bg: #1a1a1a;--border-color: rgba(200, 200, 200, .1);--transition: all .2s ease}.main-content{position:relative;display:flex;justify-content:flex-start;align-items:center;width:100%;min-height:100%;max-width:1440px!important;inset:0;box-sizing:border-box;margin:0 auto;overflow:visible;padding:16px}.main-view{position:relative;min-width:100%!important;min-height:100%;width:100%!important;display:flex;justify-content:flex-start!important;flex-direction:column;color:var(--text-primary);z-index:5;box-sizing:border-box}.main-view.hidden{display:none}#main-view-latest{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;min-height:100vh}#main-view-latest #userQuestionContainer{width:100%;max-width:1440px;margin:0 auto}#main-view-wheel{display:none}#main-view-wheel:not(.hidden)~#step-wheel{display:block!important}.main-view-header{z-index:10;width:100%;margin-top:48px}.main-view-header-content{display:flex;justify-content:flex-start;align-items:flex-start;text-align:center;margin:0 auto;gap:16px;border-bottom:.5px solid var(--border-color)}#main-view-history .main-view-header{justify-content:flex-start;max-width:1600px}#main-view-history.main-view,#historyContent{max-width:1600px;align-items:center}#main-view-subscription .main-view-header-content,#main-view-account .main-view-header-content,#main-view-account p{width:100%;max-width:1200px;text-align:center!important;justify-content:center}#main-view-subscription .main-view-header-content .main-view-title,#main-view-account .main-view-header-content .main-view-title,#main-view-faqs .main-view-header-content .main-view-title{width:100%;max-width:1200px;margin:0 auto;box-sizing:border-box;text-align:center!important;font-size:3rem!important;font-weight:700!important}#main-view-account .segmented-controller{margin-top:16px}#accountPanelContent.panel-content{display:flex;height:100%;width:100%;flex-direction:column;justify-content:flex-start;align-items:center;box-sizing:border-box}.main-view-back-btn:hover{background:var(--shadow-color-light);transform:translate(-2px)}.main-view-title-section{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;gap:16px}.main-view-search-container{position:relative;display:flex;flex:1;align-items:center;margin-left:auto;max-width:320px}#main-view-your-wheels .main-view-title-section,#main-view-lists .main-view-header-content{padding-bottom:16px!important}@media(max-width:768px){.main-view-title-section{padding:0 16px;flex-direction:column-reverse;align-items:flex-start}}.main-view-title{font-size:32px;font-weight:800;color:var(--text-primary);margin:0;line-height:1.2}.main-view-search-container i.fa-search{position:absolute;left:16px;color:var(--text-tertiary);pointer-events:none;z-index:1;font-size:14px}.main-view-search-input{width:100%;padding:12px 40px 12px 48px;background:#ffffff0d;border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:14px;font-weight:500;transition:all .2s ease;outline:none}.main-view-search-input::placeholder{color:var(--text-tertiary)}.main-view-search-input:focus{background:#ffffff14;border-color:var(--accent-color);box-shadow:0 0 0 3px #00c4d91a}.search-clear-btn{position:absolute;right:12px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;padding:0}.search-clear-btn:hover{background:#ffffff1a;color:var(--text-primary)}.search-clear-btn.hidden{display:none}.search-clear-btn i{font-size:12px}.search-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center;width:100%;max-width:600px;margin:0 auto}.search-no-results i{font-size:64px;color:var(--text-tertiary);margin-bottom:24px;opacity:.5}.search-no-results h3{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 12px}.search-no-results p{font-size:16px;color:var(--text-secondary);margin:0 0 8px;line-height:1.5}.search-no-results p strong{color:var(--accent-color);font-weight:600}.search-no-results .search-hint{font-size:14px;color:var(--text-tertiary);margin-top:16px}@media(max-width:768px){.main-view-search-container{min-width:100%;box-sizing:border-box;padding:0 8px}.breadcrumb-nav-container{width:100%}}.breadcrumb-nav{margin-top:4px;width:100%}.breadcrumb-nav-container{padding-top:0!important;display:flex;flex-direction:column;box-sizing:border-box;align-items:flex-start;justify-content:space-between;width:100%}.breadcrumb{display:flex;align-items:center;list-style:none;margin:0;padding:0 0 8px;gap:8px}.breadcrumb-item{display:flex;align-items:center;font-size:14px;color:var(--text-secondary)}.breadcrumb-item:not(:last-child):after{content:">";margin:0 8px;color:var(--text-tertiary);font-size:12px}.breadcrumb-item a{color:var(--text-primary);text-decoration:none;padding:4px 8px;border-radius:4px;margin:-4px -8px;transition:var(--transition)}.breadcrumb-item a:hover{background:var(--shadow-color-light)}.breadcrumb-item.active span{color:var(--text-primary);font-weight:500}#listsContent,#historyContent,.lists-content-area,.history-content-area{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.explore-content-area,.your-wheels-content-area,.history-content-area{width:100%;display:flex;align-items:flex-start;justify-content:flex-start;min-height:400px}.main-view-content.loading:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top:3px solid var(--text-primary);border-radius:50%;animation:spin 1s linear infinite}#yourWheelsContent.popular-content-area,#historyContent.popular-content-area{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.empty-state-container{position:relative;justify-content:center;align-items:center;width:100%!important;min-width:100%!important;max-width:100%!important;box-sizing:border-box;display:flex;flex:1}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:0 20px;color:var(--text-secondary);min-height:300px;width:100%;box-sizing:border-box;max-width:960px}.empty-state-icon{font-size:24px!important;color:var(--text-tertiary);margin-bottom:24px;opacity:.6;display:flex;align-items:center;justify-content:center;padding:16px;border-radius:50%;background:var(--shadow-color-light);display:none!important}.empty-state-title{font-size:56px!important;font-weight:600;color:var(--text-primary);margin:0 0 32px!important;line-height:1.1em;max-width:720px}.empty-state-message{font-size:16px!important;font-weight:300!important;color:var(--text-secondary);margin:0 0 32px!important;line-height:1.5;max-width:600px;box-sizing:border-box}.empty-state-message p{color:var(--text-primary);font-size:14px!important;font-weight:600!important;background:var(--container-bg);margin:8px 0!important;padding:16px!important;border:1px dashed var(--border-color);border-radius:8px}.empty-state-button{background:var(--accent-color);color:var(--text-on-accent, #fff);border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:var(--transition);text-decoration:none;display:inline-flex;align-items:center;gap:8px}.empty-state-button:hover{background:var(--accent-color-hover);box-shadow:0 4px 12px #0003}.empty-state-button.secondary{background:var(--color-surface-secondary);color:var(--color-text-primary);border:1px solid var(--color-border)}.empty-state-button.secondary:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover);box-shadow:0 2px 8px #0000001a}.empty-state-subtitle{font-size:14px;color:var(--text-tertiary);margin:8px 0 0;font-style:italic}.drawer-content:has(.empty-state),#historyContainer:has(.empty-state),#popularContentArea:has(.empty-state){display:flex;align-items:center;justify-content:center;min-height:400px;padding:0;margin:0;width:100%}.empty-state.premium{background:linear-gradient(135deg,#ffd7001a,#ffa5001a);border:1px solid rgba(255,215,0,.2);border-radius:12px;margin:20px}.empty-state.premium .empty-state-icon{color:gold;background:#ffd7001a}.empty-state.premium .empty-state-title{color:gold}.empty-state.admin{background:var(--container-bg);border:1px solid var(--border-color);border-radius:8px;margin:20px 0}body.free-user .main-view-lists .main-view-header,body.pro-user .main-view-lists .main-view-header{display:none!important}#main-view-your-wheels:has(.empty-state) .main-view-header,#main-view-your-wheels.empty-state-active .main-view-header{display:none!important}#main-view-history:has(.empty-state) .main-view-header,#main-view-history.empty-state-active .main-view-header{display:none!important}#main-view-lists:has(.empty-state) .main-view-header,#main-view-lists.empty-state-active .main-view-header{display:none!important}.account-content-area{display:flex;flex-direction:column;justify-content:center;align-items:center}.main-view-content{padding:0;width:100%;box-sizing:border-box}@media(max-width:768px){#main-view-history .main-view-header{position:sticky;top:0;z-index:1000}.main-content{padding:0}.main-view-header-content{flex-direction:column;align-items:center;gap:0px;justify-content:center;box-sizing:border-box;text-align:center;border-bottom:none}.main-view-title{width:100%;text-align:left;font-size:32px;padding:0 8px}.main-view-content{padding:0;width:100%;box-sizing:border-box}.main-view-content .popular-content-area{width:100%;padding:0!important;margin:0;box-sizing:border-box}.explore-content-area,.your-wheels-content-area,.history-content-area{padding:0;box-sizing:border-box}.main-view-content .popular-category-section{margin-bottom:30px;padding:0}.main-view-content .popular-category-header{padding:0 0 16px;margin-bottom:16px}.main-view-content .home-wheels-row{padding:8px 4px;margin:0;gap:12px;overflow-x:auto;overflow-y:visible!important;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.breadcrumb{gap:6px}.breadcrumb-item{font-size:13px}.breadcrumb-item:not(:last-child):after{margin:0 6px}.empty-state{padding:0 8px;min-height:250px}.empty-state-icon{font-size:40px;width:64px;height:64px;margin-bottom:20px}.empty-state-title{font-size:40px!important;margin-bottom:10px}.empty-state-message{font-size:16px;line-height:1.8em!important;margin-bottom:24px;text-align:center}.empty-state-button{padding:10px 20px;font-size:14px}}body.light-theme .main-view,body[data-theme=light] .main-view{background:var(--bg-primary);color:var(--text-primary)}body.light-theme #main-view-account.main-view,body.light-theme .main-content,body[data-theme=light] #main-view-account.main-view{background:var(--bg-primary)}body.light-theme .main-view-title,body[data-theme=light] .main-view-title{color:var(--text-primary)}body.light-theme .main-view-content,body[data-theme=light] .main-view-content,body.light-theme .account-content-area,body[data-theme=light] .account-content-area{background:transparent}body.light-theme .main-view-content.loading:before,body[data-theme=light] .main-view-content.loading:before{border:3px solid rgba(0,0,0,.1);border-top:3px solid var(--accent-color)}body.light-theme .breadcrumb-item,body[data-theme=light] .breadcrumb-item{color:var(--text-secondary)}body.light-theme .breadcrumb-item:not(:last-child):after,body[data-theme=light] .breadcrumb-item:not(:last-child):after{color:var(--text-muted)}body.light-theme .breadcrumb-item a,body[data-theme=light] .breadcrumb-item a{color:var(--text-primary)}body.light-theme .breadcrumb-item a:hover,body[data-theme=light] .breadcrumb-item a:hover{background:rgba(var(--accent-color-rgb),.1)}body.light-theme .breadcrumb-item.active span,body[data-theme=light] .breadcrumb-item.active span{color:var(--text-primary)}body.light-theme .empty-state,body[data-theme=light] .empty-state{color:var(--text-secondary)}body.light-theme .empty-state-icon,body[data-theme=light] .empty-state-icon{color:var(--text-muted);background:rgba(var(--accent-color-rgb),.05)}body.light-theme .empty-state-title,body[data-theme=light] .empty-state-title{color:var(--text-primary)}body.light-theme .empty-state-message,body[data-theme=light] .empty-state-message{color:var(--text-secondary)}body.light-theme .empty-state-button,body[data-theme=light] .empty-state-button{background:var(--accent-color);color:var(--text-on-accent)}body.light-theme .empty-state-button:hover,body[data-theme=light] .empty-state-button:hover{background:var(--accent-color-hover);box-shadow:0 4px 12px rgba(var(--accent-color-rgb),.2)}body.light-theme .empty-state-subtitle,body[data-theme=light] .empty-state-subtitle{color:var(--text-muted)}body.light-theme .empty-state.premium,body[data-theme=light] .empty-state.premium{background:linear-gradient(135deg,#ffd7000d,#ffa5000d);border-color:#ffd70026}body.light-theme .empty-state.admin,body[data-theme=light] .empty-state.admin{background:var(--bg-secondary);border-color:var(--border-color)}.subscription-content-area{display:flex;flex-direction:column!important;align-items:center;justify-content:center;width:100%;min-height:400px;box-sizing:border-box;padding-top:40px}.banner-link{display:block;text-decoration:none;margin:1rem 0;transition:transform .2s ease,opacity .2s ease}.banner-link:hover{transform:translateY(-2px);opacity:.9}.banner-image{display:block;width:100%;border-radius:8px;overflow:hidden}.banner-img{width:100%;max-height:176px;max-width:1272px;object-fit:cover;border-radius:8px;display:block}@media(max-width:768px){.banner-image,.banner-link .banner-image{width:300px;height:250px;margin:0 auto}.banner-img{width:300px;height:250px;max-width:300px;max-height:250px;object-fit:cover}}.banner-link,#subscriptionBannerLink{display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;margin:0!important;padding:0!important}.banner-link.show-for-free,#subscriptionBannerLink.show-for-free{display:block!important;visibility:visible!important;opacity:1!important;height:auto!important;margin:16px 0!important;padding:0!important}body.wheel-mode-shared #top-nav,body.wheel-mode-shared .top-navigation,body.wheel-mode-shared .nav-left,body.wheel-mode-shared .nav-center,body.wheel-mode-shared .nav-right,body.wheel-mode-shared #mobile-menu-toggle,body.wheel-mode-embed #top-nav,body.wheel-mode-embed .top-navigation,body.wheel-mode-embed .nav-left,body.wheel-mode-embed .nav-center,body.wheel-mode-embed .nav-right,body.wheel-mode-embed #mobile-menu-toggle,body.wheel-mode-embed #prescreen,body.wheel-mode-embed #authModal,body.wheel-mode-shared .combined-panel,body.wheel-mode-shared #settingsBtn,body.wheel-mode-shared #resetBtn,body.wheel-mode-embed .combined-panel,body.wheel-mode-embed #settingsBtn,body.wheel-mode-embed #resetBtn,body.wheel-mode-embed .settings-panel,body.wheel-mode-embed .outcomes-panel,body.wheel-mode-shared .wheel-save-choice-modal{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}body.wheel-mode-shared .share-modal-overlay,body.wheel-mode-shared .alert-overlay:has(.share-modal-content){display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}body.wheel-mode-embed .modal-overlay,body.wheel-mode-embed .alert-overlay,body.wheel-mode-embed .wheel-save-choice-modal,body.wheel-mode-embed .share-modal-overlay{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}body.wheel-mode-branded .branded-logo{display:block!important;visibility:visible!important;opacity:1!important}body.wheel-mode-shared:before{content:"SHARED MODE";position:fixed;top:0;right:0;background:#fff;color:#000;padding:2px 12px;font-size:11px;z-index:9999;border-radius:2px;font-family:monospace;font-weight:700;box-shadow:0 2px 8px #0003;border:1px solid rgba(255,255,255,.2);display:none}body.admin-user.wheel-mode-shared:before{display:block}body.wheel-mode-shared.wheel-mode-editable:before,body.wheel-mode-editable.wheel-mode-shared:before{content:"SHARED MODE"!important;background:#fff!important;color:#000!important;bottom:0!important;right:0!important;display:none!important}body.admin-user.wheel-mode-shared.wheel-mode-editable:before,body.admin-user.wheel-mode-editable.wheel-mode-shared:before{display:block!important}body.wheel-mode-embed:before{content:"EMBED MODE";position:fixed;bottom:0;right:0;background:#4ecdc4;color:#fff;padding:2px 12px;font-size:11px;z-index:9999;border-radius:2px;font-family:monospace;font-weight:700;box-shadow:0 2px 8px #0003;border:1px solid rgba(255,255,255,.2);display:none}body.admin-user.wheel-mode-embed:before{display:block}body.wheel-mode-branded:before{content:"BRANDED MODE";position:fixed;bottom:0;right:0;background:#45b7d1;color:#fff;padding:6px 12px;font-size:11px;z-index:9999;border-radius:6px;font-family:monospace;font-weight:700;box-shadow:0 2px 8px #0003;border:1px solid rgba(255,255,255,.2);display:none}body.admin-user.wheel-mode-branded:before{display:block}body.wheel-mode-editable:before{content:"EDITABLE MODE";position:fixed;bottom:0;right:0;background:#000;color:#fff;padding:2px 12px;font-size:11px;z-index:9999;border-radius:2px;font-family:monospace;font-weight:700;box-shadow:0 2px 8px #0003;display:none}body.admin-user.wheel-mode-editable:before{display:block}body.wheel-state-new:after{content:"NEW WHEEL";position:fixed;bottom:0;left:0;background:#28a745;color:#fff;padding:0 12px;font-size:11px;z-index:10000;border-radius:0;font-family:monospace;font-weight:700;box-shadow:0 2px 8px #0003;display:none}body.wheel-state-update:after{content:"UPDATE WHEEL";position:fixed;bottom:0;left:0;background:#ffc107;color:#212529;padding:0 12px;font-size:11px;z-index:10000;border-radius:0 0 6px;font-family:monospace;font-weight:700;box-shadow:0 2px 8px #0003;display:none}body.admin-user.wheel-state-new:after{display:block}body.admin-user.wheel-state-update:after{display:block}.app-step-wheel{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;height:100vh;bottom:0;left:0;position:absolute;box-sizing:border-box;overflow:hidden!important;overscroll-behavior:none!important;-webkit-overscroll-behavior:none!important;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}#step-wheel{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;height:100vh;bottom:0;left:0;position:absolute;box-sizing:border-box;z-index:950;overflow:hidden!important;overscroll-behavior:none!important;-webkit-overscroll-behavior:none!important;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:auto;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}#step-wheel::-webkit-scrollbar,.app-step-wheel::-webkit-scrollbar{width:0;height:0;display:none}#step-wheel.hidden{display:none!important}#wheelContainer{position:absolute;margin:0 auto;z-index:var(--z-base, 10);transition:top .8s cubic-bezier(.4,0,.2,1),bottom .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1),opacity .3s ease-in-out;will-change:top,bottom,transform,opacity;transform:translateZ(0);overflow:visible;scrollbar-width:none;-ms-overflow-style:none}#wheelContainer::-webkit-scrollbar{width:0;height:0;display:none}#wheelCanvas{width:auto;position:absolute;z-index:1250;overflow:visible}#wheelVisualWrapper{overflow:visible;scrollbar-width:none;-ms-overflow-style:none}#wheelVisualWrapper::-webkit-scrollbar{width:0;height:0;display:none}body.combined-panel-active .app-step-wheel{width:60%!important}@media(max-width:768px){body.combined-panel-active .app-step-wheel{width:100%!important;bottom:0!important}}@media(max-width:1600px){body.combined-panel-active .app-step-wheel{width:65%!important}}body.wheel-mode-shared #mainContentWrapper,body.wheel-mode-shared #stepWheel,body.wheel-mode-shared .app-step-wheel{padding-top:0!important;margin-top:0!important}body.wheel-mode-embed{margin:0!important;padding:0!important;overflow:hidden!important}body.wheel-mode-embed #mainContentWrapper,body.wheel-mode-embed #stepWheel,body.wheel-mode-embed .app-step-wheel{padding:0!important;margin:0!important;height:100vh!important}@media(max-width:768px){body.wheel-mode-embed #stepWheel,body.wheel-mode-embed .app-step-wheel{padding:10px!important}body.wheel-mode-shared #stepWheel,body.wheel-mode-shared .app-step-wheel{padding-top:20px!important}}body.shared-wheel-mode #mainContentWrapper,body.shared-wheel-mode #stepWheel,body.shared-wheel-mode .app-step-wheel{display:block;visibility:visible;opacity:1;pointer-events:auto}body.shared-wheel-mode #stepWheel,body.shared-wheel-mode .app-step-wheel{padding-top:0;margin-top:0}body.wheel-view-active #step-wheel-background{display:block!important;background-color:var(--app-bg-color, #1a1a1a)!important}.app-step-wheel.pattern-enabled:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:var(--pattern-opacity, .1);pointer-events:none;z-index:0!important;background-image:var(--pattern-svg);background-size:var(--pattern-size, 20px);background-repeat:repeat}#spinBtn,#step-wheel button,.slow-spin-fab,#wheelViewBackBtn{touch-action:manipulation}body.wheel-view-active{overscroll-behavior:none;-webkit-overscroll-behavior:none;-webkit-overflow-scrolling:auto;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}body.wheel-view-active #wheelContainer,body.wheel-view-active #wheelCanvas,body.wheel-view-active #wheelVisualWrapper{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}body.wheel-view-active{overflow:hidden!important;overscroll-behavior:none!important;-webkit-overscroll-behavior:none!important}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{width:0;height:0;display:none}.no-drag{touch-action:manipulation;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;overscroll-behavior:none;-webkit-overscroll-behavior:none;-webkit-overflow-scrolling:auto;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}@media(max-width:768px){.app-step-wheel,#step-wheel{overflow:hidden!important;-webkit-overflow-scrolling:touch;overscroll-behavior:none}#wheelContainer{-webkit-transform:translateZ(0);transform:translateZ(0)}}@media(max-width:400px){.app-step-wheel,#step-wheel{overflow:hidden!important}}.app-step-wheel,#step-wheel,#wheelContainer{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.app-step-wheel,#step-wheel{contain:layout style paint}.shared-wheel-promo-footer{position:fixed;bottom:0;left:0;width:100%;height:24px;background-color:var(--container-bg);color:var(--text-primary);z-index:9999;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:400;line-height:1;border-top:1px solid var(--border-color, rgba(255, 255, 255, .1));box-shadow:0 -1px 3px #0000001a}.shared-wheel-promo-footer.hidden,.shared-wheel-promo-footer.dismissed{transform:translateY(100%);transition:transform .3s ease-out}.promo-content{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:100%;padding:0 12px;gap:8px}.promo-text{flex:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;font-size:11px;font-weight:400}.promo-dismiss{background:none;border:none;color:#fff;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;border-radius:2px;transition:background-color .2s ease;flex-shrink:0}.promo-dismiss:hover{background-color:#ffffff1a}.promo-dismiss:focus{outline:1px solid rgba(255,255,255,.5);outline-offset:1px}.promo-dismiss svg{width:12px;height:12px;stroke:currentColor}@media(max-width:480px){.promo-text{font-size:10px}.promo-content{padding:0 8px}}.shared-wheel-promo-footer{display:none}body.wheel-mode-shared .shared-wheel-promo-footer{display:flex}body.wheel-mode-editable .shared-wheel-promo-footer,body.wheel-mode-embed .shared-wheel-promo-footer,body.wheel-mode-branded .shared-wheel-promo-footer{display:none}.premium-upgrade-banner{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;margin:16px 0;border-radius:12px;box-shadow:0 4px 12px #667eea4d;position:relative;overflow:hidden}.premium-upgrade-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.upgrade-content{display:flex;align-items:center;gap:16px;position:relative;z-index:1}.upgrade-icon{font-size:24px;color:gold;flex-shrink:0}.upgrade-text{flex:1}.upgrade-text h4{margin:0 0 4px;font-size:16px;font-weight:600;color:#fff}.upgrade-text p{margin:0;font-size:14px;color:#ffffffe6;line-height:1.4}.upgrade-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,gold,orange);color:#000;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;white-space:nowrap;flex-shrink:0}.upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffd70066;color:#000;text-decoration:none}.upgrade-btn i{font-size:.9em}@media(max-width:768px){.upgrade-content{flex-direction:column;text-align:center;gap:12px}.upgrade-btn{width:100%;justify-content:center}}@media(prefers-reduced-motion:reduce){.shared-wheel-promo-footer{transition:none}}@media(prefers-contrast:high){.shared-wheel-promo-footer{background-color:#000;color:#fff;border-top:1px solid #ffffff}.promo-dismiss:hover{background-color:#fff;color:#000}}:root{--app-version: "1.3.0";--build-date: "2025-11-09"}.version-display:after{content:"v" var(--app-version)}.build-date-display:after{content:var(--build-date)}.list-item-drag-handle{display:flex!important;justify-content:center!important;align-items:center!important;opacity:.4!important;font-size:1.1em!important;cursor:grab!important;user-select:none!important;touch-action:none!important;width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;flex-shrink:0!important;border-radius:4px!important;line-height:1!important;position:relative!important}.list-item-drag-handle>i.fa-solid,.list-item-drag-handle>i.fa-regular,.list-item-drag-handle>i.fa-brands,.list-item-drag-handle>i[class*=fa-],.list-item-drag-handle i.fa-solid,.list-item-drag-handle i.fa-regular,.list-item-drag-handle i.fa-brands,.list-item-drag-handle i[class*=fa-]{display:inline-block!important;visibility:visible!important;opacity:1!important;margin:0!important;text-align:center!important;line-height:1!important;position:relative!important;width:auto!important;height:auto!important;pointer-events:none!important}.list-item:hover .list-item-drag-handle,.list-item-drag-handle:hover{opacity:1!important}.help-tip-icon{display:inline-block!important;visibility:visible!important;width:16px!important;height:16px!important;background:#fff!important;border:1px solid #cccccc!important;border-radius:50%!important;margin-left:6px!important;cursor:pointer!important;position:relative!important;vertical-align:middle!important;flex-shrink:0!important;transition:all .2s ease!important;font-size:9px!important;font-weight:700!important}.help-tip-icon:before{content:"?"!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;color:#000!important;line-height:1!important;display:block!important;visibility:visible!important;opacity:1!important;font-size:10px!important;font-weight:700!important}.help-tip-icon:hover{background:var(--accent-color-hover, #2563eb)!important;color:#fff!important;transform:scale(1.1)!important}body:not(.help-tips-enabled) .help-tip-icon{display:none!important}