: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-650);--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-flash: #0f172a;--fate-flash-rgb: 15, 23, 42;--fate-flash-hover: #1e293b;--fate-flash-light: #334155;--fate-flash-mode: #b45309;--fate-trivia: #7c3aed;--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;--toggle-transition: background-color .3s ease;--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: 8px;--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: 14000;--z-modal-backdrop: 20000;--z-modal-content: 20100;--z-modal-overlay: 20200;--z-fullscreen-modal: 21000;--z-mobile-title-edit: 21500;--z-system-messages: 21900;--z-debug-overlay: 21999;--z-particle-overlay: 1000002;--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}}.wheel-context-menu{position:fixed;z-index:10000;background:var(--bg-card, #1a1a2e);border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:12px;box-shadow:0 8px 32px #0006,0 2px 8px #0003;min-width:180px;padding:6px 0;opacity:0;visibility:hidden;transform:scale(.95) translateY(-5px);transform-origin:top left;transition:opacity .15s ease,transform .15s ease,visibility .15s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.wheel-context-menu.visible{opacity:1;visibility:visible;transform:scale(1) translateY(0)}.wheel-context-menu-item{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;color:var(--text-primary, #ffffff);font-size:14px;font-weight:500;transition:background .15s ease}.wheel-context-menu-item:hover{background:var(--primary-color, #00c4d9);color:#fff}.wheel-context-menu-item:first-child{border-radius:8px 8px 0 0}.wheel-context-menu-item:last-child{border-radius:0 0 8px 8px}.wheel-context-menu-item i{width:18px;text-align:center;font-size:14px;opacity:.8}.wheel-context-menu-item:hover i{opacity:1}.wheel-context-menu-divider{height:1px;background:var(--border-color, rgba(255, 255, 255, .1));margin:6px 12px}.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:769px){#subNavigation{display:none}}@media(max-width:768px){.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;-webkit-appearance:none;-moz-appearance:none;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(.user-pro):not(.user-premium):not(.user-admin) .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:700;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;-webkit-user-select:none;-moz-user-select:none;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:32px;height:32px;background:#0003!important;border:.5px solid rgba(255,255,255,.1)!important;color:var(--text-primary);border-radius:4px;align-items:center;justify-content:center;font-size:.8rem;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:#fffc!important;border:1px solid rgba(255,255,255,.2)!important;color:#000c!important}.panel-tab-btn:active{background:#ffffff80!important;border:1px solid rgba(255,255,255,.2)!important;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-tab-btn.tab-restricted{opacity:.5!important;cursor:not-allowed!important;position:relative}.panel-tab-btn.tab-restricted:after{content:"";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;top:-2px;right:-2px;font-size:8px;color:gold;background:#000000b3;border-radius:50%;width:14px;height:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000004d}.panel-tab-btn.tab-restricted:hover{transform:none;box-shadow:none}body.light-theme .panel-tab-btn.tab-restricted{opacity:.5!important}body.light-theme .panel-tab-btn.tab-restricted:after{background:#ffffffe6;color:#f59e0b;box-shadow:0 1px 3px #0003}.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}.icon-toggle-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.panel-base{padding:0 24px}.panel-tab-btn{width:64px;height:44px;font-size:1.2rem;border:1px solid var(--border-color)}.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)}body:not(.light-theme){--nav-bg: #ffffff;--nav-border: #e0e0e0;--nav-text: #1c1c1e;--nav-text-secondary: #666666}body.light-theme{--nav-bg: #1c1c1e;--nav-border: #6a6a6a;--nav-text: #f5f5f7;--nav-text-secondary: #b0b0b0}.top-navigation{display:flex;justify-content:space-between;align-items:center;padding:12px 8px 12px 16px;background:var(--nav-bg);border-bottom:1px solid var(--nav-border);color:var(--nav-text);z-index:var(--z-nav-drawer);height:50px;box-sizing:border-box;transition:transform .35s ease,margin-bottom .35s ease,border-color .2s ease}.top-navigation.nav-hidden{transform:translateY(-100%);margin-bottom:-50px;pointer-events:none;border-bottom-color:transparent}body.combined-panel-active #top-nav{display:block!important}.nav-left{flex:1;display:flex;align-items:center;min-width:-moz-fit-content;min-width:fit-content}.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;display:inline-flex;align-items:center;gap:6px;font-weight:550}.nav-link i{font-size:18px}.nav-link:hover:not(.active){border-bottom:4px solid rgba(0,0,0,.2);opacity:.7;color:#000c}.nav-link.active i.fa-regular{font-weight:900;color:#000c}.nav-link.active{background:transparent;color:var(--nav-text);border-bottom:4px solid var(--nav-active);font-weight:550}.nav-create-wheel-btn{background:var(--container-bg, #1a1a2e)!important;color:#fff!important;border-radius:20px!important;padding:.5rem 1rem!important;border:none!important;border-bottom:none!important;font-size:13px;font-weight:600;transition:all .2s ease;text-decoration:none!important}.nav-create-wheel-btn:hover{background:var(--container-bg-hover, #2a2a4e)!important;opacity:1!important;border:none!important;border-bottom:none!important;text-decoration:none!important;transform:scale(1.02)}.nav-create-wheel-btn .btn-text-short{display:none}@media(max-width:480px){.nav-create-wheel-btn .btn-text-full{display:none}.nav-create-wheel-btn .btn-text-short{display:inline}}.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)}.dropdown-item.has-submenu{display:flex;align-items:center;width:100%;background:none;border:none;text-align:left;cursor:pointer;font-size:inherit;font-family:inherit;padding:12px 16px;color:var(--text-primary);text-decoration:none;transition:var(--nav-transition);position:relative}.dropdown-item.has-submenu:hover{background:var(--hover-bg)}.dropdown-item.has-submenu .fa-circle-question{margin-right:8px}.submenu-arrow{font-size:.7rem;opacity:.6;margin-left:auto}.help-submenu-panel{position:fixed;background:var(--container-bg, #1a1a2e);border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:12px;padding:8px 0;min-width:180px;box-shadow:0 8px 24px #0006;z-index:10002}.help-submenu-panel.hidden{display:none}.help-submenu-panel .dropdown-item{display:flex;align-items:center;gap:10px;padding:12px 16px;color:var(--text-primary, #fff);text-decoration:none;transition:background .2s ease}.help-submenu-panel .dropdown-item:hover{background:var(--hover-bg, rgba(255, 255, 255, .05))}.help-submenu-panel .dropdown-item i{width:18px;text-align:center;opacity:.8}@media(max-width:768px){.help-submenu-panel{display:none!important}}.mobile-submenu{display:none}@media(max-width:768px){.user-dropdown-content{overflow:hidden;position:relative;width:100%}.user-dropdown-items{position:relative;transition:transform .3s cubic-bezier(.32,.72,0,1);width:100%}.user-dropdown-content.submenu-active .user-dropdown-items{transform:translate(-100%)}.mobile-submenu{display:block;position:absolute;top:0;left:100%;width:100%;background:var(--container-bg, #1a1a2e);transition:transform .3s cubic-bezier(.32,.72,0,1);padding:8px 0;min-height:100%}.mobile-submenu.hidden{display:block}.user-dropdown-content.submenu-active .mobile-submenu{transform:translate(-100%)}.mobile-submenu{z-index:10!important}.mobile-submenu .dropdown-item{display:flex!important;align-items:center;gap:10px;color:var(--text-primary);padding:16px 12px;position:relative;z-index:10}#helpMenuTrigger .submenu-arrow{display:inline-block}}.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{display:none;background:var(--upgrade-btn-bg);border:none;color:var(--upgrade-btn-text);cursor:pointer;padding:8px 16px;border-radius:16px;font-size:.875rem;font-weight:600;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}body:is(.user-pro,.user-premium,.user-admin) .nav-upgrade-btn{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}body:not(.user-authenticated) .nav-upgrade-btn{display:none!important}body.free-user.user-authenticated .nav-upgrade-btn{display:none!important}.nav-my-wheels-btn{background:transparent;width:40px;height:40px;border:none;color:#000;cursor:pointer;padding:8px;border-radius:50%;font-size:1.125rem;display:none;align-items:center;justify-content:center;position:relative;transition:var(--nav-transition)}.nav-my-wheels-btn:hover,.nav-my-wheels-btn.active{background:#0000001a}.nav-my-wheels-btn:hover i.fa-bookmark,.nav-my-wheels-btn.active i.fa-bookmark{font-weight:900}.nav-my-wheels-btn:active{transform:scale(.95)}@media(min-width:768px){body.user-authenticated .nav-my-wheels-btn{display:flex!important}}@media(max-width:767px){.nav-my-wheels-btn{display:none!important}}@media(min-width:768px){#mobile-nav-your-wheels,#logged-out-nav-my-wheels{display:none!important}}.my-wheels-badge{position:absolute;top:2px;right:2px;background:var(--color-error, #dc3545);color:#fff;font-size:.65rem;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px;line-height:1}.my-wheels-badge.hidden{display:none}.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;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px}.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)}.footer-social{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:12px}.footer-social-link{color:var(--color-text-secondary);transition:color .2s ease;display:flex;line-height:0;width:18px;height:20px}.footer-social-link:hover{color:var(--color-text-primary)}.mobile-only{display:none!important}.user-dropdown-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:var(--nav-z-overlay, 140);display:none;opacity:0;transition:opacity .3s ease;pointer-events:none}.user-dropdown-backdrop.visible{display:block;opacity:1;pointer-events:auto}@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!important;color:#000!important;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 108px;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-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{position:sticky;top:0;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{display:none!important}.user-dropdown-menu .mobile-nav-item{display:flex!important}.user-dropdown-menu #mobile-nav-latest,.user-dropdown-menu #mobile-nav-explore{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}.persona-selector{display:flex;width:-moz-fit-content;width:fit-content;justify-content:flex-start;align-items:center;margin-left:8px;background:#fff;color:#000;padding:0;position:relative;border-radius:32px;border:1px solid rgba(0,0,0,.3)}.persona-selector .persona-name{color:#000!important;font-size:14px;font-weight:800;text-align:left;white-space:nowrap}.persona-dropdown-trigger{display:flex;align-items:center;gap:6px;background:transparent;border:none;color:var(--nav-text);font-size:14px;font-weight:500;padding:6px 12px;border-radius:4px;cursor:pointer;transition:background .2s ease}.persona-dropdown-trigger:hover,.persona-dropdown-trigger.active{background:var(--nav-hover)}.persona-name{font-size:14px;font-weight:500}.persona-chevron{font-size:10px;transition:transform .2s ease;color:#000!important}.persona-trigger-icon{font-size:14px;color:#000!important}.persona-dropdown-trigger.active .persona-chevron{transform:rotate(180deg)}.persona-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;background:var(--container-bg);border:.5px solid var(--border-color);border-radius:var(--card-border-radius, 12px);box-shadow:var(--card-shadow-lg, 0 4px 12px rgba(0, 0, 0, .3));min-width:200px;opacity:0;visibility:hidden;transform:translateY(-4px);transition:all .3s ease;z-index:var(--nav-z-dropdown);overflow:hidden}.persona-dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.persona-dropdown-item{display:flex;align-items:center;gap:14px;padding:16px;color:var(--text-primary, white);text-decoration:none;font-size:14px;transition:background .2s ease;border-bottom:.5px solid rgba(255,255,255,.1)}.persona-dropdown-item:last-child{border-bottom:none}.persona-dropdown-item:hover{background:#ffffff1a}.persona-dropdown-item:active{background:#ffffff26}.persona-dropdown-item.active{background:#00c4d926;color:var(--nav-active, #00c4d9);font-weight:500}.persona-item-text{flex:1}body.light-theme .persona-dropdown-trigger{color:#1a1a1a!important;font-weight:500}body.light-theme .persona-dropdown-trigger:hover{background:#00000014;color:#000!important}body.light-theme .persona-dropdown-trigger.active{background:#0000001f;color:#000!important}body.light-theme .persona-dropdown-menu{background:#fff;border-color:#d0d0d0;box-shadow:0 4px 16px #00000026}body.light-theme .persona-dropdown-item{color:#1a1a1a!important;border-bottom-color:#e8e8e8;font-weight:500}body.light-theme .persona-dropdown-item:hover{background:#00c4d91f;color:#000!important}body.light-theme .persona-dropdown-item.active{background:#00c4d92e;color:#089!important;font-weight:600}body:not(.light-theme) .persona-dropdown-trigger{color:#f0f0f0}body:not(.light-theme) .persona-dropdown-trigger:hover{background:#ffffff1a}body:not(.light-theme) .persona-dropdown-trigger.active{background:#ffffff26}@media(max-width:768px){.persona-selector{margin-left:8px;padding-left:8px}.persona-dropdown-trigger{padding:4px}.persona-dropdown-menu{left:8px}}.floating-nav-widget{position:fixed;top:24px;left:50%;transform:translate(-50%) translateY(-120px);z-index:1250;display:block!important;white-space:nowrap;padding:4px;border-radius:28px;width:auto!important;height:auto!important;max-width:90vw;text-align:center;background:#14141480;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d,0 2px 8px #0003;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);opacity:0;pointer-events:none;transition:transform .35s ease,opacity .3s ease;will-change:transform,opacity}.floating-nav-widget.visible{transform:translate(-50%) translateY(0);opacity:1;pointer-events:auto}.floating-nav-item{display:inline-flex;vertical-align:middle;align-items:center;gap:6px;padding:16px;border:none;border-radius:24px;background:transparent;color:#fff9;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;-webkit-tap-highlight-color:transparent}.floating-nav-item i{font-size:18px;flex-shrink:0}.floating-nav-item span{line-height:1}.floating-nav-item:hover{background:#ffffff1a;color:#ffffffe6}.floating-nav-item:active{transform:scale(.96)}.floating-nav-item.active{background:#fff;color:#000000e6;font-weight:600;box-shadow:0 2px 8px #00c4d94d}.floating-nav-item.active:hover{background:var(--nav-active, #00c4d9);color:#fff;filter:brightness(1.08)}body.wheel-view-active .floating-nav-widget,body.combined-panel-active .floating-nav-widget{display:none!important}body.light-theme .floating-nav-widget{background:#ffffffeb;border-color:#00000014;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014}body.light-theme .floating-nav-item{color:#666}body.light-theme .floating-nav-item:hover{background:#0000000d;color:#333}body.light-theme .floating-nav-item.active{color:#fff}@media(max-width:768px){.floating-nav-widget{top:auto;bottom:24px;transform:translate(-50%) translateY(120px)}.floating-nav-widget.visible{transform:translate(-50%) translateY(0)}.floating-nav-item[data-nav-view=create]{display:none}}@media(max-width:480px){.floating-nav-widget{padding:3px}.floating-nav-item{padding:12px;font-size:14px;gap:8px}.floating-nav-item i{font-size:13px}}@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%) rotate(var(--spin-btn-rotation, 0deg)) scale(var(--spin-button-scale, 1))}50%{transform:translate(-50%,-50%) rotate(var(--spin-btn-rotation, 0deg)) scale(calc(var(--spin-button-scale, 1) * var(--pulse-scale, 1.05)))}}@keyframes spinBtnLandingAttention{0%,to{transform:translate(-50%,-50%) rotate(var(--spin-btn-rotation, 0deg)) scale(var(--spin-button-scale, 1));filter:brightness(1);box-shadow:0 6px 20px var(--shadow-dark),0 2px 10px var(--shadow-dark),inset 0 2px 5px #00000080,inset 0 -2px 5px #0003}50%{transform:translate(-50%,-50%) rotate(var(--spin-btn-rotation, 0deg)) scale(calc(var(--spin-button-scale, 1) * 1.14));filter:brightness(1.18) drop-shadow(0 0 26px rgba(255,230,140,.95)) drop-shadow(0 0 48px rgba(255,180,60,.55));box-shadow:0 14px 48px #000000a6,0 6px 24px #fff3,0 0 0 6px #ffffffa6,0 0 52px 14px #ffd25aa6,inset 0 3px 14px #ffffff8c,inset 0 -3px 12px #00000059}}@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}.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}.close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;min-height:36px;padding:0;border:none;border-radius:8px;background:#ffffff1a;color:var(--text-secondary, #999);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;flex-shrink:0}.close-btn:hover{background:#fff3;color:var(--text-primary, #fff);transform:scale(1.05)}.close-btn:active{transform:scale(.95)}.close-btn.size-sm{width:24px;height:24px;min-width:24px;min-height:24px;font-size:12px}.close-btn.size-lg{width:48px;height:48px;min-width:48px;min-height:48px;font-size:20px}.close-btn.close-btn-danger{background:#f44;color:#fff;border-radius:6px}.close-btn.close-btn-danger:hover{background:#f44;box-shadow:0 6px 20px #f446;color:#fff}.close-btn.close-btn-danger:active{background:#d33}.close-btn.close-btn-ghost{background:transparent;border:1px solid var(--border-color, rgba(255, 255, 255, .2))}.close-btn.close-btn-ghost:hover{background:#ffffff1a;border-color:var(--border-color, rgba(255, 255, 255, .3))}.close-btn.close-btn-solid{background:var(--container-bg, #1c1c1e);border:2px solid var(--border-color, rgba(255, 255, 255, .2))}.close-btn.close-btn-solid:hover{background:#ffffff1a}:is(body.light-theme,body[data-theme=light]) .close-btn{background:#0000000d;color:var(--text-secondary, #666)}:is(body.light-theme,body[data-theme=light]) .close-btn:hover{background:#0000001a;color:var(--text-primary, #333)}:is(body.light-theme,body[data-theme=light]) .close-btn.close-btn-ghost{border-color:var(--border-color, rgba(0, 0, 0, .15))}:is(body.light-theme,body[data-theme=light]) .close-btn.close-btn-solid{background:#fff;border-color:var(--border-color, #e5e7eb)}.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}.pill-button{background:var(--input-bg);color:var(--text-primary);border:1px solid var(--border-light);border-radius:16px;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-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,#ffffff4d 50%,#0003);backdrop-filter:blur(5px);overflow:hidden;box-shadow:0 6px 20px var(--shadow-dark),0 2px 10px var(--shadow-dark),inset 0 2px 5px #00000080,inset 0 -2px 5px #0003}#spinBtn .spin-btn-inner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:inherit}#spinBtn.spin-btn-faceted{border-radius:0;clip-path:var(--spin-btn-clip);transform:translate(-50%,-50%) rotate(var(--spin-btn-rotation, 0deg))}#spinBtn.spin-btn-faceted .spin-btn-inner{border-radius:0;transform:rotate(calc(-1 * var(--spin-btn-rotation, 0deg)))}#spinBtn.spin-btn-faceted:before{border-radius:0;clip-path:var(--spin-btn-clip)}#spinBtn.spin-btn-faceted .spin-hover-options{border-radius:0}#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.spinagle-icon{width:190px;height:190px;min-width:190px;min-height:190px}#spinBtn span{position:relative;top:-16px;z-index:2}#spinBtn .spin-button-text,.slow-spin-fab .spin-button-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;pointer-events:none;font-size:2.5rem;font-weight:800;letter-spacing:2px;text-align:center;white-space:nowrap;color:var(--spin-button-text-color, #ffffff);opacity:1}#spinBtn .spin-button-icon,.slow-spin-fab .spin-button-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;pointer-events:none;font-size:2.2rem;color:var(--spin-button-text-color, #ffffff);opacity:1;transition:opacity .2s ease}.slow-spin-fab span:not(.spin-button-text){position:relative;z-index:2}#spinBtn.hide-text,.slow-spin-fab.hide-text{font-size:0;color:transparent}#spinBtn.hide-text span,.slow-spin-fab.hide-text span,#spinBtn.hide-text .spin-button-text,.slow-spin-fab.hide-text .spin-button-text{display:none!important}body.combined-panel-active .slow-spin-fab #slowSpinIcon{display:none}body.combined-panel-active .slow-spin-fab:not(.hide-text) .spin-button-text{display:block!important}.spin-button-text-controls.hidden{display:none}.spin-button-text-controls .setting-item-title{font-size:.85rem;font-weight:700;margin-bottom:6px;display:block;opacity:.8}.spin-button-text-controls .text-input{width:100%;padding:10px 12px;background:var(--input-bg, rgba(255, 255, 255, .1));border:1px solid var(--border-color, rgba(255, 255, 255, .2));border-radius:8px;color:var(--text-primary, #ffffff);font-size:1rem;font-weight:600;letter-spacing:.5px}.spin-button-text-controls .text-input:focus{outline:none;border-color:var(--accent-color, #667eea)}#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)));-webkit-mask-composite:destination-out;mask-composite:destination-out;pointer-events:none;transition:background .1s linear;z-index:-1}#spinBtn.spin-btn-no-sheen:not(.reset-mode),#spinBtn.spin-btn-no-sheen:not(.reset-mode).spin-btn-faceted{backdrop-filter:none!important;box-shadow:0 6px 20px var(--shadow-dark),0 2px 10px var(--shadow-dark)!important}@media(hover:hover){#spinBtn.spin-btn-no-sheen:hover:not(:disabled):not(.reset-mode){box-shadow:0 8px 25px var(--shadow-dark),0 2px 10px var(--shadow-light)!important}}body.wheelIsSpinning.autospinActive #spinBtn.spin-btn-no-sheen:hover{box-shadow:0 8px 25px var(--shadow-dark),0 2px 10px var(--shadow-light)!important}#spinBtn.spin-btn-faceted[data-state=spinning] .spinagle-icon,#spinBtn.spin-btn-faceted.spinning .spinagle-icon{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}@media(hover:hover){#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)}#spinBtn:active:not(:disabled){box-shadow:var(--shadow-light);filter:brightness(.9);color:var(--pointer-color)}}#spinBtn.spin-btn-landing-pulse:not(.reset-mode):not(.spinning):not(:disabled){animation:spinBtnLandingAttention 1s cubic-bezier(.45,0,.25,1) 4;z-index:10001}#spinBtn.spinning{cursor:not-allowed;opacity:1;animation:scalePulse 1.5s infinite ease-in-out}body.wheelIsSpinning:not(.autospinActive) #spinBtn{pointer-events:none!important;cursor:not-allowed!important}body.wheelIsSpinning.autospinActive #spinBtn{pointer-events:auto!important;cursor:pointer!important;transition:transform .15s ease-out,box-shadow .15s ease-out!important}@media(hover:hover){body.wheelIsSpinning.autospinActive #spinBtn:hover{box-shadow:0 8px 25px var(--shadow-dark),inset 0 2px 8px #fff9,inset 0 -2px 8px #0000004d!important}}body:not(.wheelIsSpinning) #spinBtn{pointer-events:auto;cursor:pointer}body:not(.wheelIsSpinning) #spinBtn.spinning{pointer-events:none}#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}@media(hover:hover){#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(1);filter:brightness(1.1) contrast(1.1) drop-shadow(0 2px 4px rgba(255,255,255,.4))}}#spinBtn:is([data-state=idle],[data-state=cycling-preview]):not(.spinning):not(:disabled):not(.controls-open){animation:glowPulse 2s infinite ease-in-out}#spinBtn:is([data-state=idle],[data-state=cycling-preview]):not(.spinning):not(:disabled):not(.controls-open) .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(1)}#spinBtn .outcome-image-cycle,.slow-spin-fab .outcome-image-cycle{position:absolute;inset:15%;background-size:contain;background-position:center;background-repeat:no-repeat;opacity:0;transition:opacity .1s ease-out;pointer-events:none;z-index:1;--cycle-image-scale: 1;--cycle-image-opacity: 1;--cycle-image-rotation: 0deg;--cycle-image-border-radius: 0%;--cycle-image-offset-x: 0%;--cycle-image-offset-y: 0%;border-radius:var(--cycle-image-border-radius);transform:scale(var(--cycle-image-scale)) rotate(var(--cycle-image-rotation)) translate(var(--cycle-image-offset-x),var(--cycle-image-offset-y))}#spinBtn.cycling-images .outcome-image-cycle,.slow-spin-fab.cycling-images .outcome-image-cycle{opacity:var(--cycle-image-opacity)}.outcome-image-cycle-img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:100%;max-height:100%;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;display:block;box-sizing:border-box;border-radius:inherit}body.outcome-image-borders-on .outcome-image-cycle-img{border:var(--outcome-image-border-width, 2px) solid var(--outcome-image-border-color, #ffffff);border-radius:var(--outcome-image-border-radius, var(--cycle-image-border-radius))}#spinBtn.cycling-images .spinagle-icon,.slow-spin-fab.cycling-images #slowSpinIcon{opacity:0!important;pointer-events:none;position:absolute}#spinBtn.cycling-images:not(.hide-text) .spin-button-text,.slow-spin-fab.cycling-images:not(.hide-text) .spin-button-text{opacity:1;text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 8px rgba(0,0,0,.7),0 0 16px rgba(0,0,0,.5);font-weight:800}#spinBtn[data-state=idle] .spinagle-icon,.slow-spin-fab[data-state=idle] #slowSpinIcon{display:none}#spinBtn[data-state=idle] .outcome-image-cycle,.slow-spin-fab[data-state=idle] .outcome-image-cycle{opacity:0}#spinBtn[data-state=idle]:not(.hide-text) .spin-button-text,.slow-spin-fab[data-state=idle]:not(.hide-text) .spin-button-text{display:block;opacity:1}#spinBtn[data-state=spinning] .spin-button-icon,#spinBtn[data-state=stopped] .spin-button-icon,#spinBtn[data-state=reset] .spin-button-icon,.slow-spin-fab[data-state=spinning] .spin-button-icon,.slow-spin-fab[data-state=stopped] .spin-button-icon,.slow-spin-fab[data-state=reset] .spin-button-icon{display:none}#spinBtn[data-state=cycling-preview] .spin-button-icon,.slow-spin-fab[data-state=cycling-preview] .spin-button-icon{text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 8px rgba(0,0,0,.7),0 0 16px rgba(0,0,0,.5)}#spinBtn[data-state=spinning] .spinagle-icon{display:block;opacity:1}#spinBtn[data-state=spinning] .spin-button-text,.slow-spin-fab[data-state=spinning] .spin-button-text{display:none}#spinBtn[data-state=stopped] .spinagle-icon{display:block;opacity:1}#spinBtn[data-state=stopped] .spin-button-text,.slow-spin-fab[data-state=stopped] .spin-button-text{display:none}#spinBtn[data-state=cycling-preview] .spinagle-icon,.slow-spin-fab[data-state=cycling-preview] #slowSpinIcon{display:none;opacity:0}#spinBtn[data-state=cycling-preview] .outcome-image-cycle,.slow-spin-fab[data-state=cycling-preview] .outcome-image-cycle{opacity:var(--cycle-image-opacity, 1)}#spinBtn[data-state=cycling-preview]:not(.hide-text) .spin-button-text,.slow-spin-fab[data-state=cycling-preview]:not(.hide-text) .spin-button-text{opacity:1;text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 8px rgba(0,0,0,.7),0 0 16px rgba(0,0,0,.5);font-weight:800}#spinBtn[data-state=reset] .spinagle-icon,.slow-spin-fab[data-state=reset] #slowSpinIcon{display:none}#spinBtn[data-state=reset] .spin-button-text,.slow-spin-fab[data-state=reset] .spin-button-text{display:block!important;opacity:1!important}#spinBtn[data-state=stopped-with-image] .spinagle-icon,.slow-spin-fab[data-state=stopped-with-image] #slowSpinIcon{display:none;opacity:0}#spinBtn[data-state=stopped-with-image] .outcome-image-cycle,.slow-spin-fab[data-state=stopped-with-image] .outcome-image-cycle{opacity:var(--cycle-image-opacity, 1)}#spinBtn[data-state=stopped-with-image] .spin-button-text,.slow-spin-fab[data-state=stopped-with-image] .spin-button-text{display:none}.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:13px;font-weight:800;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:200px;height:200px;min-width:200px;min-height:200px;font-size:2.75rem}#spinBtn img.spinagle-icon{width:200px;height:200px;min-width:200px;min-height:200px}}.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:50%;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:none;border-color:var(--accent-color);box-shadow:none}.settings-action-btn:not(.action-btn).active,#combinedPanelPillMenu .settings-action-btn.active{background:#fffc!important;color:var(--text-on-accent)!important;border-color:var(--accent-color)!important;border:none!important;height:48px!important;width:48px!important;box-shadow:0 2px 8px #0003!important}#combinedPanelPillMenu .settings-action-btn.active i{color:#000c!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:none;transform:none}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}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}.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);border:none;border-radius:8px;padding:8px 16px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary:hover{background:var(--accent-color-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--accent-color-rgb),.3)}.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:none;right:8px;top:8px;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, transparent);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:8px;padding:8px 16px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:var(--hover-bg);color:var(--text-primary);border-color:var(--accent-color)}@media(max-width:768px){.btn-primary,.btn-secondary{font-size:1rem;padding:12px 20px}}.btn-danger{background:var(--color-error, #dc3545);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-danger:hover{background:var(--color-error-hover, #c82333);transform:translateY(-1px);box-shadow:0 4px 12px #dc35454d}.btn-success{background:var(--color-success, #28a745);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-success:hover{background:var(--color-success-hover, #218838);transform:translateY(-1px);box-shadow:0 4px 12px #28a7454d}.btn-warning{background:var(--color-warning, #ffc107);color:#212529;border:none;border-radius:8px;padding:8px 16px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-warning:hover{background:var(--color-warning-hover, #e0a800);transform:translateY(-1px);box-shadow:0 4px 12px #ffc1074d}.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)}}.spin-hover-options,.spin-hover-tooltip{display:none}@media(min-width:769px)and (hover:hover){.spin-hover-options{position:absolute;inset:0;border-radius:50%;overflow:hidden;z-index:5;display:flex;flex-direction:row;align-items:stretch;opacity:0;visibility:hidden}#spinBtn:hover:not(:disabled):not(.spinning):not(.reset-mode):not(.hover-cooldown) .spin-hover-options{opacity:1;visibility:visible;transition:opacity .25s ease,visibility .25s ease}#spinBtn .spin-button-text,#spinBtn .spin-button-icon,#spinBtn .spinagle-icon,#spinBtn .outcome-image-cycle{transition:opacity .2s ease}#spinBtn:hover:not(:disabled):not(.spinning):not(.reset-mode):not(.hover-cooldown) .spin-button-text,#spinBtn:hover:not(:disabled):not(.spinning):not(.reset-mode):not(.hover-cooldown) .spin-button-icon,#spinBtn:hover:not(:disabled):not(.spinning):not(.reset-mode):not(.hover-cooldown) .spinagle-icon,#spinBtn.cycling-images:hover:not(:disabled):not(.spinning):not(.reset-mode):not(.hover-cooldown) .spin-button-text,#spinBtn.cycling-images:hover:not(:disabled):not(.spinning):not(.reset-mode):not(.hover-cooldown) .spin-button-icon,#spinBtn[data-state=cycling-preview]:hover:not(:disabled):not(.spinning):not(.reset-mode):not(.hover-cooldown) .spin-button-text,#spinBtn[data-state=cycling-preview]:hover:not(:disabled):not(.spinning):not(.reset-mode):not(.hover-cooldown) .spin-button-icon{opacity:0!important}.spin-hover-play,.spin-hover-auto{flex:1;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--spin-button-text-color, inherit);background:transparent;transition:background .15s ease,color .15s ease}.spin-hover-play i,.spin-hover-auto i{font-size:2.25rem}.spin-hover-auto i{transform:translate(60%);opacity:0}.spin-hover-play i{transform:translate(-60%);opacity:0}#spinBtn:hover:not(:disabled):not(.spinning):not(.reset-mode) .spin-hover-auto i{transform:translate(12%);opacity:.5;transition:transform .3s cubic-bezier(.22,1,.36,1) .05s,opacity .2s ease .05s}#spinBtn:hover:not(:disabled):not(.spinning):not(.reset-mode) .spin-hover-play i{transform:translate(-12%);opacity:1;transition:transform .3s cubic-bezier(.22,1,.36,1) .08s,opacity .2s ease .08s}.spin-hover-auto{border-right:1px solid rgba(255,255,255,0);transition:background .15s ease,color .15s ease,border-color .3s ease .1s}.spin-hover-play{border-left:1px solid rgba(255,255,255,0);transition:background .15s ease,color .15s ease,border-color .3s ease .1s}#spinBtn:hover:not(:disabled):not(.spinning):not(.reset-mode) .spin-hover-auto{border-right-color:#ffffff59}#spinBtn:hover:not(:disabled):not(.spinning):not(.reset-mode) .spin-hover-play{border-left-color:#ffffff59}.spin-hover-play:hover{background:#ffffff4d}.spin-hover-play svg{transform:scale(1.75)}.spin-hover-auto:hover{background:#ffffff4d}.spin-hover-tooltip{display:block;position:fixed;transform:translate(-50%,-50%) scale(.9);white-space:nowrap;padding:6px 10px;font-size:12px;font-weight:500;line-height:1.2;color:#fff;background:#1c1c1ef2;border-radius:6px;backdrop-filter:blur(10px);box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a;pointer-events:none;opacity:0;visibility:hidden;z-index:10001;transition:opacity .15s ease,visibility .15s ease,transform .15s ease}.spin-hover-tooltip.visible{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}body.mode-spin #spinBtn .spin-hover-auto,body.mode-study #spinBtn .spin-hover-auto,body.mode-flash #spinBtn .spin-hover-auto,body.mode-trivia #spinBtn .spin-hover-auto{display:none}body.mode-spin #spinBtn .spin-hover-play,body.mode-study #spinBtn .spin-hover-play,body.mode-flash #spinBtn .spin-hover-play,body.mode-trivia #spinBtn .spin-hover-play{border-left:none}body.mode-spin #spinBtn .spin-hover-play i,body.mode-study #spinBtn .spin-hover-play i,body.mode-trivia #spinBtn .spin-hover-play i{transform:scale(.5);transition:transform .3s cubic-bezier(.22,1,.36,1),opacity .2s ease}body.mode-spin #spinBtn:hover:not(:disabled):not(.spinning):not(.reset-mode) .spin-hover-play i,body.mode-study #spinBtn:hover:not(:disabled):not(.spinning):not(.reset-mode) .spin-hover-play i,body.mode-flash #spinBtn:hover:not(:disabled):not(.spinning):not(.reset-mode) .spin-hover-play i,body.mode-trivia #spinBtn:hover:not(:disabled):not(.spinning):not(.reset-mode) .spin-hover-play i{transform:scale(1);opacity:1}body.mode-spin.append-spin-results-active #spinBtn .spin-hover-auto{display:flex}body.mode-spin.append-spin-results-active #spinBtn .spin-hover-play{border-left:1px solid rgba(255,255,255,0)}body.mode-spin.append-spin-results-active #spinBtn .spin-hover-auto i{transform:translate(60%);opacity:0}body.mode-spin.append-spin-results-active #spinBtn .spin-hover-play i{transform:translate(-60%);opacity:0}body.mode-spin.append-spin-results-active #spinBtn:hover:not(:disabled):not(.spinning):not(.reset-mode) .spin-hover-auto i{transform:translate(12%);opacity:.5;transition:transform .3s cubic-bezier(.22,1,.36,1) .05s,opacity .2s ease .05s}body.mode-spin.append-spin-results-active #spinBtn:hover:not(:disabled):not(.spinning):not(.reset-mode) .spin-hover-play i{transform:translate(-12%);opacity:1;transition:transform .3s cubic-bezier(.22,1,.36,1) .08s,opacity .2s ease .08s}body.mode-spin.append-spin-results-active #spinBtn:hover:not(:disabled):not(.spinning):not(.reset-mode) .spin-hover-auto{border-right-color:#ffffff59}body.mode-spin.append-spin-results-active #spinBtn:hover:not(:disabled):not(.spinning):not(.reset-mode) .spin-hover-play{border-left-color:#ffffff59}body.autospinActive #spinBtn:not(.reset-mode) .spin-hover-options{opacity:1;visibility:visible;transition:opacity .25s ease,visibility .25s ease}body.autospinActive #spinBtn:not(.reset-mode) .spin-hover-play{display:none}body.autospinActive #spinBtn:not(.reset-mode) .spin-hover-auto{border-right:none;background:#00000059}body.autospinActive #spinBtn:not(.reset-mode) .spin-hover-auto i{opacity:1;transform:none;animation:spinHoverRotate 1.5s linear infinite}body.wheelIsSpinning:not(.autospinActive) #spinBtn:hover:not(.hover-cooldown) .spin-hover-auto i{opacity:1;transform:none;animation:spinHoverDecelerate 1s ease-out forwards}body.autospinActive #spinBtn:not(.reset-mode) .spin-button-text,body.autospinActive #spinBtn:not(.reset-mode) .spin-button-icon,body.autospinActive #spinBtn:not(.reset-mode) .spinagle-icon{opacity:0;transition:opacity .15s ease}body.autospinActive #spinBtn:hover:not(.hover-cooldown) .spin-hover-auto{background:#00000080}}@keyframes spinHoverRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinHoverDecelerate{0%{transform:rotate(0)}to{transform:rotate(180deg)}}.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}#wheelVisualWrapper .mirror-ring-polygon{contain:layout style;overflow:visible}#wheelVisualWrapper .mirror-ring-polygon svg{overflow: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.shared-wheel-mode.show-shared-logo .shared-embed-logo,body.shared-wheel-mode.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{font-size:14px}.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(.user-pro):not(.user-premium):not(.user-admin) .setting-item[data-premium=true],body:not(.user-pro):not(.user-premium):not(.user-admin) .setting-group[data-premium=true]{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.setting-group[data-group=auto-spin]{display:block!important;visibility:visible!important;opacity:1!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);background:#ffffff03;transition:box-shadow .2s 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(280px,90vw);scroll-snap-align:start}.card:hover,.spinagle-card:hover{background:var(--bg-secondary, var(--container-bg));transform:scale(1.01);transition:transform .2s ease}.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{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) var(--card-border-radius) 0 0;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}.card-image-sm,.spinagle-card-image.small{height:80px}.card-image-lg,.spinagle-card-image.large{height:160px}@keyframes wheel-thumbnail-spin-v2{0%{transform:scale(1.2) rotate(0)}to{transform:scale(1.2) rotate(360deg)}}.spinagle-card-image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transform:scale(1.5);transition:transform .3s ease;animation:none}@media screen and (min-width:769px){.spinagle-card .spinagle-card-image:hover img{animation:wheel-thumbnail-spin-v2 3s linear infinite!important}.spinagle-card.has-custom-thumbnail .spinagle-card-image:hover img{animation:none!important;transform:scale(1.75)!important}}.spinagle-card.example-wheel .spinagle-card-badge-container{display:flex}.card-image canvas,.spinagle-card-image canvas{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.card-image-container{position:relative;overflow:visible;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:5}.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:1.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.7}.card-menu-btn:hover,.spinagle-card-menu-btn:hover{opacity:1}.card-menu-btn:active,.spinagle-card-menu-btn:active{opacity:.8}.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:100;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;padding:0 8px!important;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;display:none}.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;background:#212529;font-weight:600;width:-moz-fit-content;width:fit-content;color:#f8f9fa;border-radius:6px;cursor:pointer;transition:all .2s ease;padding:3px 6px}.spinagle-card-subcategory:hover{background:var(--accent-color, #00c4d9);color:#fff;border-color:var(--accent-color, #00c4d9)}.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:-moz-fit-content;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[data-mode=study]{background-color:var(--fate-flash);color:#fff}.spinagle-card-mode-badge[data-mode=flash]{background-color:var(--fate-flash-mode);color:#fff}.spinagle-card-mode-badge:not([data-mode]){background-color:var(--fate-accent)}.spinagle-card-mode-badge:hover{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))}.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{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)}.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{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%;-o-object-fit:contain;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:visible;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%;-o-object-fit:cover;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-label.mode-spin{background:var(--fate-accent, #00c4d9)}.mode-label.mode-eliminator{background:var(--button-danger-bg, #E91E63)}.mode-label.mode-chase{background:var(--button-warning-bg, #FF9800)}@media(max-width:768px){.card,.spinagle-card{max-width:min(240px,90vw)!important;width:100%;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-badge-container{display:flex;gap:4px;bottom:4px;left:4px}}body.pwa-mode .spinagle-card-badge-container{display:flex}@media(max-width:480px){.card,.spinagle-card{max-width:calc(100% - 16px)}}.wheel-slot-placeholder{opacity:.7;cursor:pointer;overflow:visible;transition:opacity .2s ease,transform .2s ease}.wheel-slot-placeholder:hover{opacity:1;transform:translateY(-2px)}.wheel-slot-placeholder .placeholder-image{display:flex;align-items:center;justify-content:center;background:transparent;border:2px dashed var(--border-color);border-radius:12px;min-height:140px;overflow:visible;box-sizing:border-box}.wheel-slot-placeholder .placeholder-icon{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-secondary)}.wheel-slot-placeholder .placeholder-icon i{font-size:2rem;opacity:.5}.wheel-slot-placeholder .placeholder-text{font-size:.85rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.wheel-slot-placeholder .spinagle-card-title{color:var(--text-secondary);font-size:.9rem}.wheel-slot-placeholder .placeholder-description{color:var(--text-tertiary);font-size:.8rem;font-style:italic}.wheel-slot-placeholder:hover .placeholder-image{border-color:var(--fate-accent, var(--accent-color));background:rgba(var(--fate-accent-rgb, 0, 196, 217),.05)}.wheel-slot-placeholder:hover .placeholder-icon{color:var(--fate-accent, var(--accent-color))}.my-wheels-simple-section{padding-bottom:20px}.my-wheels-simple-section .wheels-flex-grid{padding:8px 0}: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}.close-drawer-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)}.close-drawer-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)}.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}}.outcomes-menu-content .list-container{display:flex;flex-direction:column;gap:0;padding:8px;background:var(--input-bg);border-radius:16px;min-height:80px;height:100%;overflow:auto}.list-container:empty:before{content:attr(data-empty-message,"No items yet...");color:var(--text-secondary);text-align:center;padding:20px 0;display:block}.list-item{position:relative;display:flex;flex-direction:column;padding:0 16px;border-radius:4px;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%;box-sizing:border-box;position:relative}.list-item-text{flex:1;border:none;outline:none;padding:0;border-radius:4px;font-size:.9em;background:transparent;color:inherit;transition:background-color .2s ease}.list-item-text:focus{background:#ffffff1a}.list-item-expand-section{margin:8px 0}.expand-editor-tabs{display:flex;gap:0;border-radius:6px;overflow:hidden;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);margin-bottom:10px}.expand-editor-tab{flex:1;padding:7px 8px;font-size:12px;font-weight:600;background:transparent;color:#ffffff8c;border:none;cursor:pointer;transition:all .15s ease;text-align:center}.expand-editor-tab.active{background:#00000080;color:#fff}.expand-editor-tab:not(.active):hover{background:#ffffff14}.expand-editor-pane{display:none}.expand-editor-pane.active{display:block}.expand-repeater-row{position:relative;margin-bottom:6px}.expand-repeater-row textarea,.expand-repeater-row input{width:100%}.expand-link-fields,.expand-stat-fields{display:flex;flex-direction:column}.expand-repeater-remove{position:absolute;top:6px;right:6px;width:24px;height:24px;padding:0;margin:0;border:none;border-radius:4px;background:none;color:#00000059;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;transition:color .15s ease;z-index:1}.expand-repeater-remove:hover{color:#000000b3}.expand-repeater-row>textarea,.expand-repeater-row>input,.expand-repeater-row .expand-link-fields>input:first-child,.expand-repeater-row .expand-stat-fields>input:first-child{padding-right:32px!important}.expand-repeater-add{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px;margin-top:4px;border-radius:6px;border:1px dashed rgba(255,255,255,.18);background:transparent;color:#ffffff8c;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.expand-repeater-add:hover{background:#ffffff0f;border-color:var(--accent-primary, #00c4d9);color:var(--accent-primary, #00c4d9)}.list-item--outcome{color:#fff;font-weight:500;padding:2px 8px;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:#ffffff0d;color:#fff}.list-item--sorter{background:var(--neutral-list-item-bg, rgba(255, 255, 255, 1));color:#1a1a1a;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);color:#fff}:is(body.light-theme,body[data-theme=light]) .list-item--sorter{background:#f8f9fa;color:#1f2937}:is(body.light-theme,body[data-theme=light]) .list-item--sorter:hover{background:#e9ecef;border-color:#d1d5db}.list-item-drag-handle{display:flex;justify-content:center;align-items:center;opacity:.4;font-size:1.1em;cursor:grab;-webkit-user-select:none;-moz-user-select:none;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-color-wrapper{position:relative}.list-item-color-wrapper:hover{transform:scale(1.1)}.list-item-color-input{width:32px!important;height:32px!important;display:block!important;flex-shrink:0!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:4px;right:4px;font-size:8px;color:#fff;background:#000c;border-radius:4px;padding:4px;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2}.no-drag,.list-item-color-wrapper,.list-item-color-input{touch-action:manipulation}.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)}.list-item-expand-btn{background:#ffffff52!important;color:#000!important;border:none!important;padding:4px;border-radius:12px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.list-item-star-btn{background:transparent!important;border:none!important;padding:4px 6px;cursor:pointer;font-size:14px;transition:all .2s ease;opacity:.9}.list-item-star-btn:hover{opacity:1;transform:scale(1.2)}.list-item-star-btn.is-winner .fa-star{filter:drop-shadow(0 0 4px currentColor)}.list-item-star-btn .fa-regular.fa-star{opacity:.7}.list-item-star-btn:active{transform:scale(.9)}.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)}#outcomesQueueContainer,#listPanelContent,#themesPanelContent,#wheelStylePanelContent,#wheelSettingsPanelContent{width:auto;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}#outcomesPanelContent .sorter-section-header-right{width:100%;padding:8px;border-radius:8px;background:var(--input-bg)}.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:0 8px;min-width:0;width:calc(100% - 80px);max-width:calc(100% - 80px);border-radius:4px;flex-wrap:nowrap;overflow-x:auto;overflow-y:visible;scrollbar-width:none}.sorter-actions-wrapper::-webkit-scrollbar{display:none}.sorter-actions-wrapper .settings-action-btn{flex-shrink:0}.sorter-actions-right{position:relative;display:flex;justify-content:flex-end;gap:6px;min-width:80px;padding-left:16px}.sorter-actions-right:before{content:"";position:absolute;top:0;left:0;bottom:0;width:16px;pointer-events:none;z-index:1;background:linear-gradient(to right,var(--input-bg) 0%,rgba(255,255,255,0) 100%);box-shadow:-10px 0 14px #00000040}.outcomes-data-menu-wrap{position:relative;flex-shrink:0;z-index:300}.outcomes-data-menu-dropdown{position:fixed;min-width:240px;padding:6px 0;background:var(--container-bg, #1c1c1e);border:1px solid var(--border-color, rgba(255, 255, 255, .12));border-radius:10px;box-shadow:0 8px 24px #00000059;z-index:20000}.outcomes-data-menu-dropdown.hidden{display:none!important}.outcomes-data-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border:none;background:transparent;color:inherit;font-size:.9rem;text-align:left;cursor:pointer}.outcomes-data-menu-item:hover:not(:disabled){background:#ffffff14}.outcomes-data-menu-item:disabled{opacity:.45;cursor:not-allowed}.outcomes-data-menu-item i{width:1.1em;text-align:center;opacity:.85}.outcomes-data-menu-divider{height:1px;margin:4px 10px;background:var(--border-color, rgba(255, 255, 255, .12))}.outcomes-data-menu-item--danger{color:var(--danger-color, #f44336)}.outcomes-data-menu-backdrop{display:none;position:fixed;inset:0;background:#0000008c;z-index:19999;opacity:0;transition:opacity .2s ease}.outcomes-data-menu-backdrop.visible{display:block;opacity:1}@media(max-width:768px){.outcomes-data-menu-dropdown{position:fixed!important;inset:auto 0 0!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;max-height:85dvh;border-radius:16px 16px 0 0;border:none;padding:32px 0 140px;display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:20000;background:var(--container-bg , #1c1c1e);box-shadow:0 -4px 24px #0006;animation:outcomesMenuSlideUp .25s ease-out}.outcomes-data-menu-dropdown.hidden{display:none!important;animation:none}@keyframes outcomesMenuSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.outcomes-data-menu-dropdown .outcomes-data-menu-item{padding:16px 20px;font-size:1.05rem;gap:14px;min-height:52px}.outcomes-data-menu-dropdown .outcomes-data-menu-item i{font-size:1.15rem;width:1.4em}.outcomes-data-menu-dropdown .outcomes-data-menu-divider{margin:6px 16px}.list-container{background:none;padding:0 4px}.list-item-expand-btn{min-width:36px;min-height:36px;display:flex!important;align-items:center;justify-content:center}.list-item-expand-section{display:block}.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 .setting-item-title{font-size:1em;font-weight:700;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-count-container,.outcomes-menu-content .mirror-outcomes-count-container,.outcomes-menu-content .sorter-action-container,.outcomes-menu-content .prize-wheel-options-container{display:none;width:100%;background:var(--container-bg);border:1px solid var(--border-color);border-radius:8px;padding:0 12px 12px;margin-top:0;box-shadow:0 2px 8px #0000001a}.outcomes-menu-content :is(.alternating-colors-count-container,.mirror-outcomes-count-container,.sorter-action-container,.prize-wheel-options-container):is(:hover,:active,: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,.outcomes-menu-content .sorter-action-container.visible,.outcomes-menu-content .prize-wheel-options-container.visible{display:block;background:transparent}.outcomes-menu-content .toggle-item{margin-bottom:12px}.outcomes-menu-content .sorter-action-container .toggle-item,.outcomes-menu-content .sorter-action-container .setting-item.toggle-item.parent-item,.outcomes-menu-content .sorter-action-container .setting-item.toggle-item.parent-item:has(input[type=checkbox]:checked){margin-bottom:0!important}.outcomes-menu-content .sorter-action-container .setting-help-text,.outcomes-menu-content .alternating-colors-count-container .setting-help-text,.outcomes-menu-content .mirror-outcomes-count-container .setting-help-text{margin-top:4px;font-size:11px;opacity:.7}.outcomes-menu-content .slider-with-value{display:flex;align-items:center;gap:12px;margin-top:8px}.image-source-mode-selector{display:flex;gap:6px;padding:6px 0 2px}.image-source-option{display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:6px;background:#ffffff0f;cursor:pointer;font-size:12px;color:#fffc;transition:background .15s,color .15s;flex:1;justify-content:center}.image-source-option:hover{background:#ffffff1a}.image-source-option:has(input:checked){background:rgba(var(--accent-rgb, 99, 102, 241),.25);color:#fff}.image-source-option input[type=radio]{accent-color:var(--accent-color, #6366f1);width:14px;height:14px;margin:0}.sprite-sheet-upload-panel{padding:8px 0 2px}.sprite-sheet-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:16px 12px;border:2px dashed rgba(255,255,255,.15);border-radius:8px;cursor:pointer;color:#ffffff80;font-size:12px;transition:border-color .2s,background .2s}.sprite-sheet-dropzone:hover{border-color:#ffffff4d;background:#ffffff0a}.sprite-sheet-dropzone i{font-size:20px;opacity:.6}.sprite-sheet-preview-img{width:100%;max-height:120px;-o-object-fit:contain;object-fit:contain;border-radius:6px;background:#0000004d;margin-bottom:6px}.sprite-sheet-grid-row{display:flex;align-items:center;gap:8px;padding-top:6px}.sprite-grid-field{display:flex;align-items:center;gap:4px}.sprite-grid-field label{font-size:11px;color:#fff9}.sprite-grid-field input[type=number]{width:48px;padding:3px 6px;border:1px solid rgba(255,255,255,.15);border-radius:4px;background:#0000004d;color:#fff;font-size:12px;text-align:center}.sprite-grid-cell-info{font-size:11px;color:#ffffff80;margin-left:auto}.sprite-grid-cell-info.warning{color:#f59e0b}.sprite-sheet-remove-btn{display:flex;align-items:center;gap:6px;margin-top:8px;padding:5px 10px;border:none;border-radius:6px;background:#ef444426;color:#ef4444;font-size:11px;cursor:pointer;transition:background .15s}.sprite-sheet-remove-btn:hover{background:#ef444440}.outcomes-menu-content .alternating-colors-swatch-grid{display:none;grid-template-columns:repeat(8,1fr);gap:8px;margin-top:8px}.outcomes-menu-content .alternating-colors-swatch-grid.visible{display:grid}.bylines-modes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}.bylines-mode-checkbox-label{display:flex!important;align-items:center;gap:6px;cursor:pointer;padding:5px 8px;border-radius:6px;font-size:12px!important;font-weight:500!important;margin-bottom:0!important;background:#ffffff0d;transition:background .2s}.bylines-mode-checkbox-label:hover{background:#ffffff1a}.bylines-mode-checkbox{width:16px;height:16px;accent-color:var(--accent-color, #6C63FF);cursor:pointer;flex-shrink:0;margin:0}.bylines-mode-name{color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.outcomes-menu-content .switch{position:relative;display:inline-block;width:40px;height:20px;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:#3c3c3c;transition:background-color .3s ease;border-radius:10px}.outcomes-menu-content :is(.slider,.alternating-colors-count-container .slider,.mirror-outcomes-count-container .slider,.sorter-action-container .slider):before{content:""!important;position:absolute!important;left:2px!important;top:2px!important;bottom:auto!important;width:16px!important;height:16px!important;background:#fff!important;border-radius:50%!important;transition:transform .2s ease!important}.outcomes-menu-content input:checked+.slider{background:var(--accent-color, #00c4d9)!important}.outcomes-menu-content input:focus+.slider{box-shadow:none!important;outline:none!important}.outcomes-menu-content input:checked+.slider:before{transform:translate(20px)!important}.prize-mode-selector{display:flex;flex-direction:column;gap:8px}.prize-mode-option{display:flex;flex-direction:column;padding:10px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .2s ease}.prize-mode-option:hover{background:#ffffff0f;border-color:#fff3}.prize-mode-option:has(input:checked){background:#fbbf241a;border-color:#fbbf2466}.prize-mode-option input[type=radio]{position:absolute;opacity:0;pointer-events:none}.prize-mode-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-primary, #fff)}.prize-mode-label i{color:#fbbf24;font-size:14px}.prize-mode-desc{font-size:11px;color:var(--text-secondary, rgba(255, 255, 255, .6));margin-top:4px;padding-left:22px}.prize-mode-modes{font-size:10px;color:var(--primary-color, #00c4d9);margin-top:4px;padding-left:22px}.prize-input-section{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.prize-input-label{display:block;font-size:12px;font-weight:600;color:#10b981;margin-bottom:6px}.prize-input-label i{margin-right:4px}.prize-input{width:100%;padding:8px 16px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:6px;color:#fff;font-size:14px;font-family:inherit}.prize-input::-moz-placeholder{color:#fff6}.prize-input::placeholder{color:#fff6}.prize-input:focus{outline:none;border-color:#10b98199;background:#10b98126}:root{--question-padding: 16px;--question-max-width: 1024px;--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%;padding:0 8px}.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.05;text-align:center;word-break:break-word;white-space:pre-line;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.5em;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:16px;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: 14000}.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}.user-auth-area{position:relative;display:flex;align-items:center;padding:var(--spacing-component-md) 0}.modal.account-exists{z-index:var(--z-modal-overlay)}.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-modal-overlay)}.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;min-height:400px;width:100%}.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-capxion{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:12px;line-height:1.4}h1{font-size:24px}h2{font-size:20px}h3{font-size:18px}h4{font-size:16px}h5{font-size:14px}h6{font-size:12px}.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)}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;padding:12px;background:rgba(var(--border-color-rgb, 200, 200, 200),.08);border-radius:12px;border:1px solid var(--border-color)}.checkbox-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--surface-color);border-radius:8px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.checkbox-item:hover{background:rgba(var(--fate-accent-rgb),.1);border-color:var(--fate-accent)}.checkbox-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--fate-accent);cursor:pointer;flex-shrink:0}.checkbox-item .checkbox-label{font-size:.9em;color:var(--text-primary);white-space:nowrap}.checkbox-item:has(input:checked){background:rgba(var(--fate-accent-rgb),.15);border-color:var(--fate-accent)}.checkbox-item:has(input:checked) .checkbox-label{font-weight:600}.required-indicator{color:#ff6b6b;font-weight:700}.status-message{font-size:.9em;color:var(--text-muted);min-height:1.2em;margin-top:5px}#globalMessages{position:fixed;bottom:4px;left:50%;transform:translate(-50%);z-index:var(--z-system-messages, 21900);display:flex;flex-direction:column;align-items:center;gap:10px;border-radius:16px!important;width:-moz-fit-content!important;width:fit-content!important;pointer-events:none;padding:16px;overflow:visible;transition:left .3s ease-in-out,bottom .3s ease-in-out}body.wheel-view-active.free-user:not(.creator-premium-user) #globalMessages{bottom:100px}body.combined-panel-active #globalMessages{left:30%;bottom:4px}body.combined-panel-active.free-user #globalMessages{bottom:4px}body:is(.user-pro,.user-premium,.user-admin) #globalMessages,body.creator-premium-user #globalMessages{bottom:4px}@media(max-width:768px){#globalMessages{width:100%!important;left:50%!important;transform:translate(-50%)!important;padding:0 16px!important}body.wheel-view-active.free-user:not(.creator-premium-user) #globalMessages{bottom:calc(60px + env(safe-area-inset-bottom,0px))}body.combined-panel-active #globalMessages,body.combined-panel-active.free-user #globalMessages{left:50%!important;bottom:4px}.global-message{transform:translateY(100px)}}body.mode-group-sorter #globalMessages,body.mode-sorter #globalMessages,body.mode-sorter-eliminator #globalMessages{bottom:4px}.global-message{background-color:#000000f2;min-height:24px;color:var(--text-on-accent);padding:16px 24px;border-radius:8px;font-size:.9em;box-shadow:0 2px 10px #0000004d;opacity:0;transform:translateY(100px);transition:opacity .3s ease-out,transform .3s ease-out;pointer-events:all;z-index:999;width:-moz-fit-content!important;width:fit-content!important;max-width:calc(100vw - 32px);text-align:center;box-sizing:border-box}.global-message.visible{opacity:1;transform:translateY(-8px)}body.pwa-mode .global-message{min-height:48px}.global-message.warning{background-color:#ffa500e6;color:#000}.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:#000000bf;color:var(--text-on-accent)}#globalMessages .global-message.hidden{display:block!important;visibility:visible!important;opacity:1!important;transform:translateY(100px);transition:transform .3s ease-out,opacity .3s ease-out;pointer-events:none}: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;-o-object-fit:cover;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-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:10px 0;margin-bottom:16px;border-bottom:1px solid var(--border-color)}.history-tab-nav{display:flex;gap:12px}.history-tab-nav::-webkit-scrollbar{display:none}.history-tab-btn{flex:0 0 auto;display:flex;align-items:center;justify-content:center;max-height:24px;gap:8px;background:var(--input-bg);color:var(--text-primary);border:2px solid transparent;border-radius:8px;padding:2px 8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.history-tab-btn:hover{background:var(--hover-bg)}.history-tab-btn.active{background:#fff;color:#000;border-color:#fff}.history-tab-btn.active:hover{background:#f0f0f0;border-color:#f0f0f0}body.light-theme .history-tab-btn.active,body[data-theme=light] .history-tab-btn.active{background:var(--accent-color);color:var(--text-on-accent);border-color:var(--accent-color)}body.light-theme .history-tab-btn.active:hover,body[data-theme=light] .history-tab-btn.active:hover{background:var(--accent-color-hover);border-color:var(--accent-color-hover)}.history-tab-btn i{font-size: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:200px;max-width:200px;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,#00c4d9,#0099ad);border-radius:3px;transition:width .3s ease;min-width:2px}body:not(.light-theme) .history-distribution-bar{background:linear-gradient(90deg,#00c4d9,#0099ad)}body.light-theme .history-distribution-bar,body[data-theme=light] .history-distribution-bar{background:linear-gradient(90deg,#0099ad,#007a8a)}.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-nav{gap:8px;padding:8px 0}.history-tab-btn{padding:6px 12px;font-size:.8rem;gap:6px}.history-tab-btn i{font-size:.9em}.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.alert-overlay{overflow:hidden}.wheel-history-modal-box{display:flex;flex-direction:column;max-width:960px!important;padding:32px!important;height:100vh!important;max-height:100vh!important;width:100%!important;margin:0 auto!important;position:relative;overflow:hidden}#wheelHistoryModal .modal-body{flex:1;overflow-y:auto;overflow-x:hidden;max-width:100%;width:100%;box-sizing:border-box}#wheelHistoryContent,#tabNavContainer{width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}@media(max-width:768px){#wheelHistoryModal.alert-overlay{overflow-y:auto!important;-webkit-overflow-scrolling:touch}#wheelHistoryModal .wheel-history-modal-box{height:auto!important;max-height:none!important;min-height:100vh;overflow:visible!important}#wheelHistoryModal .modal-body{overflow:visible!important;flex:none}#wheelHistoryModal .modal-header{position:relative!important;top:auto!important}#wheelHistoryModal .modal-close-btn{position:absolute!important;top:16px;right:16px}}.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)}.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-tabs-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border-color);margin-bottom:20px}.wheel-history-mode-tabs{display:flex;gap:0;overflow-x:auto;border-bottom:none;margin-bottom:0;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1}.wheel-history-mode-tabs::-webkit-scrollbar{display:none}.mode-tab{flex:0 0 auto;background:transparent;color:var(--text-secondary);border:none;border-bottom:3px solid transparent;padding:12px 16px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap;position:relative}.mode-tab:hover{color:var(--text-primary);border-bottom-color:rgba(var(--fate-accent-rgb, 0, 196, 217),.3)}.mode-tab.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.wheel-history-kebab{position:relative;flex:0 0 auto}.wheel-history-kebab-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:none;background:none;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.wheel-history-kebab-btn:hover{color:var(--text-primary)}.wheel-history-kebab-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background:var(--modal-bg, #1e293b);border:1px solid var(--border-color);border-radius:12px;padding:6px;box-shadow:0 12px 30px #00000059;z-index:10}.wheel-history-kebab-item{width:100%;text-align:left;background:transparent;border:none;color:var(--text-primary);padding:10px;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer}.wheel-history-kebab-item:hover{background:#ffffff0f}body.light-theme .mode-tab.active,body[data-theme=light] .mode-tab.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.variation-filter-wrapper{display:inline-flex;align-items:center;gap:6px}.variation-filter-label{font-size:.75rem;font-weight:500;color:var(--text-secondary)}#variationSelect,select.variation-select{width:auto!important;min-width:auto!important;max-width:none!important;padding:5px 24px 5px 8px!important;margin:0!important;background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.75rem;font-weight:500;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center}.variation-select:hover{border-color:var(--accent-color)}.variation-select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px rgba(var(--fate-accent-rgb, 0, 196, 217),.15)}.variation-select option{background:var(--modal-bg, #1e293b);color:var(--text-primary);padding:8px}body.light-theme .variation-select,body[data-theme=light] .variation-select{background-color:var(--input-bg);border-color:var(--border-color);color:var(--text-primary);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='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}body.light-theme .variation-select option,body[data-theme=light] .variation-select option{background:var(--modal-bg, #ffffff)}.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;-webkit-appearance:none;-moz-appearance:none;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 8px!important;height:100%!important;max-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:-moz-fit-content;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:16px;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:60px;color:linear-gradient(90deg,rgba(255,255,255,.7) 0%,rgba(255,255,255,.3) 100%);border:none;background-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,#ffffffe6,#ffffff80);transform:translateY(-50%) scale(1.05)}.row-nav-btn.prev{left:-20px;border-radius:50%}.row-nav-btn.next{right:-20px;background:linear-gradient(-90deg,#ffffffb3,#ffffff4d);border-radius:50%}.row-nav-btn.next:hover{background:linear-gradient(-90deg,#ffffffe6,#ffffff80)}.popular-category-header,.home-category-header{display:flex;justify-content:flex-start;gap:8px;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:16px;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 0;-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.4em;width:-moz-fit-content;width:fit-content;font-weight:600;color:var(--text-primary);padding-left:8px;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)}.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-category-header[data-category]{cursor:pointer}.home-category-header[data-category]:hover .home-category-title{color:var(--accent-color)}.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"}.wheel-card-skeleton{flex:0 0 auto;width:100%;max-width:min(280px,90vw);margin:4px;border-radius:var(--card-border-radius, 12px);background:var(--container-bg, #1a1a2e);overflow:hidden;scroll-snap-align:start;box-sizing:border-box}.skeleton-thumbnail{width:100%;height:160px;border-radius:var(--card-border-radius, 12px);background:linear-gradient(90deg,var(--container-bg, #1a1a2e) 25%,var(--list-item-bg, #252540) 50%,var(--container-bg, #1a1a2e) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}.skeleton-title{height:18px;margin:12px 4px;border-radius:4px;background:linear-gradient(90deg,var(--container-bg, #1a1a2e) 25%,var(--list-item-bg, #252540) 50%,var(--container-bg, #1a1a2e) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}body.light-theme .wheel-card-skeleton,body[data-theme=light] .wheel-card-skeleton{background:var(--container-bg, #f5f5f5)}body.light-theme .skeleton-thumbnail,body.light-theme .skeleton-title,body[data-theme=light] .skeleton-thumbnail,body[data-theme=light] .skeleton-title{background:linear-gradient(90deg,var(--container-bg, #f5f5f5) 25%,var(--list-item-bg, #e8e8e8) 50%,var(--container-bg, #f5f5f5) 75%);background-size:200% 100%}.lazy-section-placeholder{min-height:280px;border-radius:var(--card-border-radius, 12px);background:linear-gradient(90deg,var(--container-bg, #1a1a2e) 25%,var(--list-item-bg, #252540) 50%,var(--container-bg, #1a1a2e) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;margin:12px 0}body.light-theme .lazy-section-placeholder,body[data-theme=light] .lazy-section-placeholder{background:linear-gradient(90deg,var(--container-bg, #f5f5f5) 25%,var(--list-item-bg, #e8e8e8) 50%,var(--container-bg, #f5f5f5) 75%);background-size:200% 100%}.persona-wheels-grid>.lazy-section-placeholder{min-height:200px}.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;white-space:nowrap;flex-shrink:0}.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){.wheel-card-skeleton{max-width:min(240px,90vw)}.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.25em}.popular-subcategory-title{font-size:1.4em}.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 16px 12px}.help-modal-header h2{font-size:1.25rem}.help-modal-body{padding:20px}.help-modal-actions{flex-direction:column}.help-btn{width:100%}}.persona-grid-view{padding:0 20px}.persona-wheels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;padding:20px 0;width:100%}.persona-wheels-grid .spinagle-card{width:100%;max-width:none}.persona-wheels-grid .wheel-card-visual{aspect-ratio:16 / 10;min-height:160px}@media(max-width:1024px){.persona-wheels-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}}@media(max-width:768px){.persona-grid-view{padding:0 16px}.persona-wheels-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;padding:16px 0}.persona-wheels-grid .wheel-card-visual{min-height:120px}}@media(max-width:480px){.persona-wheels-grid{grid-template-columns:repeat(2,1fr);gap:12px}.persona-wheels-grid .wheel-card-visual{min-height:100px}}.wheels-flex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,280px));gap:20px;padding:12px 0;width:100%}.wheels-flex-grid .spinagle-card{width:100%;max-width:280px;scroll-snap-align:none;margin:0}.wheels-flex-grid .wheel-card-visual{aspect-ratio:16 / 10;min-height:140px}@media(max-width:768px){.wheels-flex-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;padding:8px 0}.wheels-flex-grid .spinagle-card{max-width:none}.wheels-flex-grid .wheel-card-visual{min-height:110px}}@media(max-width:480px){.wheels-flex-grid{grid-template-columns:repeat(2,1fr);gap:10px}.wheels-flex-grid .wheel-card-visual{min-height:90px}}@media(max-width:430px){.subcategory-single-view .home-wheels-row{flex-direction:column;overflow-x:none;scroll-snap-type:none;gap:12px;padding:8px 0 8px 8px!important}.subcategory-single-view .home-wheels-row .spinagle-card{max-width:calc(100% - 24px)!important;width:100%!important;min-width:0!important;scroll-snap-align:none}}.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:24px;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",Twemoji Mozilla,sans-serif;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::-moz-placeholder{color:var(--text-muted, #888)}.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}.background-image-controls{display:flex;flex-direction:column;gap:12px}.bg-image-upload-area{position:relative;width:100%;min-height:120px;border:2px dashed rgba(255,255,255,.2);border-radius:10px;overflow:hidden;transition:border-color .2s ease,background-color .2s ease}.bg-image-upload-area.drag-over{border-color:var(--accent-color, #00c4d9);background-color:#00c4d914}.bg-image-upload-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px 16px;cursor:pointer;transition:opacity .2s ease}.bg-image-upload-prompt:hover{opacity:.8}.bg-image-upload-prompt i{font-size:28px;color:#fff6}.bg-image-upload-text{font-size:13px;color:#fff9;font-weight:500}.bg-image-upload-hint{font-size:11px;color:#ffffff4d}.bg-image-preview-container{position:relative;display:flex;align-items:center;justify-content:center;min-height:120px;max-height:180px}.bg-image-preview{width:100%;height:100%;max-height:180px;-o-object-fit:cover;object-fit:cover;border-radius:8px}.bg-image-preview-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;background:#00000080;opacity:0;transition:opacity .2s ease;border-radius:8px}.bg-image-preview-container:hover .bg-image-preview-overlay{opacity:1}.bg-image-change-btn,.bg-image-remove-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:none;cursor:pointer;font-size:14px;transition:transform .15s ease,background-color .15s ease}.bg-image-change-btn{background:#fff3;color:#fff}.bg-image-change-btn:hover{background:#ffffff59;transform:scale(1.1)}.bg-image-remove-btn{background:#dc3545b3;color:#fff}.bg-image-remove-btn:hover{background:#dc3545e6;transform:scale(1.1)}.bg-image-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px 16px;color:#ffffff80;font-size:13px}.bg-image-loading i{font-size:24px;color:var(--accent-color, #00c4d9)}.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;-o-object-fit:contain;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;-o-object-fit:contain;object-fit:contain;border-radius:8px;display:block}.shared-embed-logo{overflow:hidden;box-sizing:border-box}.shared-embed-logo .embed-logo-image{width:100%;height:100%;max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}@media(max-width:768px){.update-logo-btn{min-width:auto;width:100%}.logo-help-text{font-size:11px;padding:6px 10px}}.unified-mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;box-sizing:border-box;margin-top:12px;margin-bottom:16px}.mode-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:var(--visual-option-size-md, 80px);background:var(--visual-option-bg, var(--color-surface-primary, rgba(255, 255, 255, .05)));border:1.5px solid var(--visual-option-border, var(--color-border-primary, rgba(255, 255, 255, .1)));border-radius:var(--visual-option-border-radius, 8px);cursor:pointer;transition:all var(--control-transition-normal, .2s) var(--control-ease-standard, ease);-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;overflow:visible}.mode-card:hover{border-color:var(--visual-option-border-hover, var(--accent-color, #00bcd4));background:var(--color-surface-hover, rgba(255, 255, 255, .08));transform:translateY(-1px);box-shadow:0 4px 12px var(--color-shadow-light, rgba(0, 0, 0, .2))}.mode-card.active{border-color:var(--visual-option-border-active, var(--accent-color, #00bcd4));background:var(--visual-option-bg-active, rgba(0, 188, 212, .1));box-shadow:0 0 0 2px var(--color-accent-subtle, rgba(0, 188, 212, .15))}.mode-card.active .mode-card-icon,.mode-card.active .mode-card-name{color:var(--color-accent, var(--accent-color, #00bcd4))}.mode-card-checkbox,.mode-card-radio{position:absolute;opacity:0;pointer-events:none}.mode-card-check-label{position:absolute;top:10px;left:10px;width:12px;height:12px;border-radius:50%;border:1.5px solid rgba(255,255,255,.2);background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;transition:all .2s ease;pointer-events:auto}.mode-card-check-label i{font-size:10px;color:transparent;transition:color .2s ease}.mode-card-checkbox:checked~.mode-card-check-label{border-color:var(--color-accent, #00bcd4);background:var(--color-accent, #00bcd4)}.mode-card-checkbox:checked~.mode-card-check-label i{color:#fff}.mode-card-check-label:hover{border-color:var(--color-accent, #00bcd4);transform:scale(1.1)}.mode-card.mode-disabled{opacity:.45}.mode-card.mode-disabled .mode-card-content{opacity:.6}.mode-card.mode-disabled .mode-card-star{display:none}.mode-card-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;width:100%;height:100%}.mode-card-icon{font-size:1.2rem;margin-bottom:4px;line-height:1;color:var(--color-text-secondary, #aaa);transition:color var(--control-transition-normal, .2s) var(--control-ease-standard, ease);flex-shrink:0}.mode-card:hover .mode-card-icon{color:var(--color-accent, var(--accent-color, #00bcd4))}.mode-card-name{font-size:var(--text-size-xs, .75rem);font-weight:var(--text-weight-medium, 500);color:var(--color-text-secondary, #aaa);line-height:var(--text-leading-tight, 1.25);text-align:center;transition:color var(--control-transition-normal, .2s) var(--control-ease-standard, ease)}.mode-card:hover .mode-card-name{color:var(--color-accent, var(--accent-color, #00bcd4))}.mode-card-star{position:absolute;top:4px;right:4px;width:24px;height:24px;border:none;background:transparent;color:#fff3;font-size:12px;cursor:pointer;border-radius:4px;transition:all .2s ease;z-index:20;display:flex;align-items:center;justify-content:center;pointer-events:auto}.mode-card-star:hover{background:#ffffff1a;color:gold;transform:scale(1.1)}.mode-card-radio:checked~.mode-card-star{color:gold;text-shadow:0 0 6px rgba(255,215,0,.5);animation:starPulse 2s ease-in-out infinite}@keyframes starPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.mode-card.tier-locked .mode-card-checkbox,.mode-card.tier-locked .mode-card-check-label{display:none!important;visibility:hidden;pointer-events:none}.mode-card.tier-locked{opacity:.4;pointer-events:none;cursor:not-allowed;background:var(--visual-option-bg, var(--color-surface-primary, rgba(255, 255, 255, .02)));border-color:transparent}.mode-card.tier-locked .mode-card-content{opacity:.5;cursor:not-allowed}.mode-card.tier-locked .mode-card-icon{color:var(--text-disabled, #555);filter:grayscale(100%)}.mode-card.tier-locked .mode-card-name{color:var(--text-disabled, #555)}.mode-card.tier-locked .mode-card-star{display:none}.mode-card.tier-locked:hover{transform:none;box-shadow:none;border-color:transparent}@media(max-width:768px){.unified-mode-grid{grid-template-columns:repeat(2,1fr);gap:8px}.mode-card-star{width:22px;height:22px;font-size:11px}.mode-card-check-label{width:18px;height:18px}.mode-card-check-label i{font-size:9px}}@media(max-width:480px){.unified-mode-grid{gap:6px}}.setting-item-group{box-sizing:border-box;display:flex;flex-direction:column;gap:0}.setting-item-group>.setting-item{margin-bottom:0}.setting-item.child-setting{padding-left:8px}.setting-item.child-setting .setting-item-title{font-size:13px;opacity:.9}.setting-item.child-toggle{padding-left:24px;margin-top:8px}.setting-item.child-toggle .setting-item-title{font-size:13px;opacity:.85}.parent-toggle-container{display:flex;flex-direction:column}[data-theme=dark] .setting-item.child-setting{border-left-color:#ffffff26}[data-theme=dark] .setting-item.child-toggle{border-left-color:#fff3}@media(max-width:768px){.setting-item.child-setting,.setting-item.child-toggle{margin-left:16px;padding-left: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{display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:background-color .2s,transform .3s;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}.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:10100;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:10100;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:10100;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:10100;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%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;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);--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);-moz-user-select:none;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-subtitle{margin:0;color:var(--text-secondary);font-size:.95em}.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)}@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;gap:12px;align-items:stretch}.upgrade-banner-content-left{align-items:center;text-align:center}.upgrade-banner-content .upgrade-btn{width:100%;justify-content:center}.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] .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;grid-column:1 / -1}.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:flex-start;justify-content:center;gap:4px;flex:1;text-align:left}.upgrade-banner-content-left .upgrade-title{font-weight:600;font-size:13px;width:100%;color:#fffffff2;text-align:center!important}.upgrade-banner-content-left .upgrade-description{font-size:12px;color:#ffffffb3;font-weight:400;line-height:1.4;text-align:center!important;width:100%}.upgrade-banner-content{display:flex;flex-direction:column;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:4px 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}.feature-disabled{opacity:.5!important;pointer-events:none!important;cursor:not-allowed!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.feature-disabled *,.feature-disabled input,.feature-disabled select,.feature-disabled button,.feature-disabled .switch,.feature-disabled .slider,.feature-disabled .control-slider,.feature-disabled .visual-option{pointer-events:none!important;cursor:not-allowed!important}.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:16px;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%}}.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:grid;gap:24px!important;grid-template-columns:repeat(5,minmax(0,1fr));justify-content:center;overflow:visible;padding:8px 4px}#personasSection .categories-grid{gap:8px}@media(max-width:1200px){.categories-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px!important}}@media(max-width:768px){.categories-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important;padding:0}.home-categories-section{margin:32px auto 40px;padding:0 4px}.home-categories-section .row-nav-btn{display:none}}.category-item{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;text-align:center;border-radius:8px}#personasSection .category-item{flex:1 1 auto;max-width:100%}.category-card{display:flex;flex-direction:column!important;align-items:center;justify-content:center;gap:8px;padding:0;width:100%;max-width:100%;aspect-ratio:16 / 9;background:transparent!important;border-radius:8px!important;border:2px solid var(--border-color, rgba(255, 255, 255, .05));text-decoration:none;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-sizing:border-box}.category-card.persona-card{border-radius:24px;padding:4px!important;gap:12px}.category-card.persona-card .category-icon{border-radius:8px}.category-card:hover{transform:translateY(-4px)}.category-card:active{transform:translateY(-2px)}.category-icon{display:flex;align-items:center;justify-content:center;background:none!important;box-shadow:0 4px 12px #00000026}.category-icon i{font-size:64px;color:#fff9;transition:all .3s ease}.category-card:hover .category-icon{background:none;transform:scale(1.05)}.category-card:hover .category-icon i{transform:rotate(5deg)}.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-icon i{font-size:48px}.category-label{font-size:12px}}@media(max-width:480px){.category-icon i{font-size:28px}.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:is(.user-pro,.user-premium,.user-admin) .upgrade-banner,body:is(.user-pro,.user-premium,.user-admin) .upgrade-prompt-overlay,body:is(.user-pro,.user-premium,.user-admin) .stats-premium-prompt,body:is(.user-pro,.user-premium,.user-admin) .premium-prompt-content{display:none!important}body.free-user .premium-only-feature{display:none!important}body:is(.user-pro,.user-premium,.user-admin) .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)}.create-list-btn{padding-right:32px!important}.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{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-trial-banner{background:linear-gradient(135deg,#00c4d9,#9f28b2);border-radius:12px;margin:24px 24px 0!important;width:100%!important;max-width:1100px!important;box-sizing:border-box;margin:0 auto;padding:24px 32px}.trial-banner-content{box-sizing:border-box;padding:0;align-items:center;margin:0 auto;text-align:center}.trial-badge{display:inline-block;background:#fff3;padding:6px 16px;border-radius:16px;font-size:13px;font-weight:600;color:#fff;margin-bottom:12px;backdrop-filter:blur(10px)}.trial-text h3{width:100%;text-align:center;margin:0 0 8px;font-size:1.2rem;font-weight:700;color:#fff}.trial-text p{margin:0 0 8px;font-size:15px;color:#fffffff2;line-height:1.5}.trial-text .trial-expiry{font-size:14px;color:#fffc;margin-top:12px}.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 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}.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;max-width:400px;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:16px;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{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:20px}.user-plan-card{width:100%;max-width:400px;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;--account-section-padding: 40px}.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%;-o-object-fit:cover;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%;padding:var(--account-section-padding);margin:0;box-sizing:border-box;background:transparent;max-width:1200px}.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::-moz-placeholder{color:var(--text-secondary);opacity:.7}.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}.account-section{padding:var(--account-section-padding)}.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:16px}.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:left!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::-moz-placeholder,body[data-theme=light] .account-input::-moz-placeholder{color:var(--text-muted)}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::-moz-placeholder,body[data-theme=light] .admin-search-input::-moz-placeholder{color:var(--text-muted)}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}.account-group .account-item.username-item{flex-direction:column;align-items:stretch;gap:8px}.account-group .username-row{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%}.account-group .username-help{display:block;font-size:12px;color:var(--text-secondary);opacity:.7;margin-top:4px;padding-left:0}#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%;-o-object-fit:cover;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;min-height:32px;flex:1;min-width:0;max-width:100%;width:100%;box-sizing:border-box}.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;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}.trial-state{background:linear-gradient(135deg,#00c4d91a,#9f28b21a);border:1px solid rgba(0,196,217,.3)}.trial-state .trial-badge{display:inline-block;background:linear-gradient(135deg,#00c4d9,#9f28b2);padding:8px 16px;border-radius:16px;font-size:13px;font-weight:600;color:#fff;margin-bottom:16px}.trial-state p{color:var(--text-primary)!important}.trial-state .empty-state-subtitle{color:var(--text-secondary)!important;font-size:.9rem!important}.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;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(.user-pro):not(.user-premium):not(.user-admin) .visual-option.premium{opacity:.3;filter:grayscale(70%);cursor:not-allowed}body:is(.user-pro,.user-premium,.user-admin) .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%)}.mode-indicator-badge{display:inline-block;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;margin-left:8px;border-radius:4px;background:#ff980026;color:#ff9800;border:1px solid rgba(255,152,0,.3);vertical-align:middle}.line-style-options .visual-option{flex-direction:column;gap:6px;padding:10px 8px}.line-style-preview{display:block;color:var(--text-secondary);transition:color .2s ease}.visual-option:hover .line-style-preview,.visual-option.active .line-style-preview{color:var(--accent-primary, #00c4d9)}.line-style-options .option-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;opacity:.8}#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;padding:20px 24px 16px;border-bottom:1px solid var(--border-light);box-sizing:border-box}.stats-modal-header h3{margin:0;font-size:1.5rem;font-weight:600;line-height:1.2;color:var(--text-primary, #ffffff)}.stats-modal-header p{margin:4px 0 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:-moz-fit-content;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}}.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:16px;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:16px;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;-webkit-appearance:none;-moz-appearance:none;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;-webkit-user-select:none;-moz-user-select:none;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))}.featured-in-multi-select{position:relative;width:100%;min-width:120px}.featured-in-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}.featured-in-display:hover{border-color:var(--accent-color)}.featured-in-display i{margin-left:4px;font-size:10px;transition:transform .2s ease}.featured-in-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}.featured-in-option{display:flex;align-items:center;padding:6px 8px;cursor:pointer;font-size:12px;transition:background-color .2s ease}.featured-in-option:hover{background:var(--hover-bg, rgba(0, 0, 0, .05))}.featured-in-option input[type=checkbox]{margin-right:6px;cursor:pointer}.featured-in-option span{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-theme=dark] .featured-in-display{background:var(--container-bg);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .featured-in-dropdown{background:var(--container-bg);border-color:var(--border-color);box-shadow:0 2px 8px #ffffff1a}[data-theme=dark] .featured-in-option:hover{background:var(--hover-bg, rgba(255, 255, 255, .05))}.wheel-byline-template-container{margin-top:16px;padding:12px;background:var(--input-bg, #1a1a2e);border:1px solid var(--border-light, #333);border-radius:8px}.wheel-byline-template-label{display:flex;align-items:center;gap:8px;font-weight:500;font-size:.9rem;color:var(--text-primary);cursor:pointer}.wheel-byline-template-label i:first-child{color:var(--fate-accent, #00c4d9)}.wheel-byline-toggle-btn{margin-left:auto;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.wheel-byline-toggle-btn:hover{background:var(--hover-bg, rgba(255, 255, 255, .1));color:var(--fate-accent, #00c4d9)}.wheel-byline-template-content{margin-top:12px}.wheel-byline-template-content.hidden{display:none}.wheel-byline-template-input{width:100%;padding:10px;border:1px solid var(--border-light, #333);border-radius:6px;background:var(--container-bg, #141414);color:var(--text-primary);font-size:.9rem;line-height:1.5;font-family:Courier New,monospace;resize:vertical;min-height:60px}.wheel-byline-template-input:focus{border-color:var(--fate-accent, #00c4d9);outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--fate-accent, #00c4d9),transparent 80%)}.wheel-byline-template-input::-moz-placeholder{color:var(--text-muted, #666);font-style:italic}.wheel-byline-template-input::placeholder{color:var(--text-muted, #666);font-style:italic}.wheel-byline-template-hint{display:block;margin-top:8px;font-size:.8rem;color:var(--text-secondary, #888);line-height:1.4}.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;-webkit-transition:background .2s ease;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-md);max-height:var(--modal-height-xl);transform:scale(.9) translateY(20px);transition:transform var(--modal-transition-slow);display:flex;flex-direction:column;justify-content:flex-start;align-items:center;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;border-top:4px solid var(--accent-color);margin:0;max-width:var(--modal-width-lg);padding:40px 32px 80px;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 trophy-bounce{0%{transform:scale(0) rotate(-15deg);opacity:0}50%{transform:scale(1.2) rotate(5deg);opacity:1}70%{transform:scale(.9) rotate(-3deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes prize-pulse{0%{transform:scale(0);opacity:0}50%{transform:scale(1.15);opacity:1}70%{transform:scale(.95)}85%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes prize-glow{0%,to{text-shadow:0 2px 8px rgba(16,185,129,.4)}50%{text-shadow:0 2px 20px rgba(16,185,129,.8),0 0 30px rgba(16,185,129,.5)}}.prize-value-animated{animation:prize-pulse .6s ease-out,prize-glow 2s ease-in-out .6s infinite}@media(prefers-reduced-motion:reduce){.prize-value-animated{animation:none!important;transform:none!important;opacity:1!important;text-shadow:0 2px 8px rgba(16,185,129,.4)!important}@keyframes prize-pulse{0%,to{transform:none;opacity:1}}@keyframes prize-glow{0%,to{text-shadow:0 2px 8px rgba(16,185,129,.4)}}}@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:center;padding:20px 24px 16px;flex-shrink:0;background:var(--container-bg, #1c1c1e);box-sizing:border-box;position:sticky;top:-42px;z-index:10;width:100%}.modal-header h1,.modal-header h2,.modal-header h3{margin:0;color:var(--text-primary, #ffffff);font-weight:600;line-height:1.2;text-align:center}.modal-header h1{font-size:1.75rem}.modal-header h2{font-size:1.5rem}.modal-header h3{font-size:2rem}.modal-body{flex:1;padding:8px;width:100%;max-width:720px;margin:0 auto;box-sizing:border-box}.modal-body.no-padding{padding:0}.modal-body.centered{text-align:center}.modal-body.full-width{max-width:100%}.modal-body input[type=text],.modal-body select{width:100%;padding:12px;box-sizing:border-box}.modal-body p{margin:0 0 16px;line-height:1.5}.modal-body p:last-child{margin-bottom:0}.modal-footer{display:flex;gap:12px;justify-content:center;padding:16px 24px 24px;flex-shrink:0;flex-wrap:wrap;box-sizing:border-box}.modal-footer.left-aligned{justify-content:flex-start}.modal-footer.right-aligned{justify-content:flex-end}.modal-footer.spaced{justify-content:space-between}.modal-footer.stacked{flex-direction:column;align-items:stretch}.modal-footer.stacked>*{width:100%}.share-modal-body{padding:16px;box-sizing:border-box;width:100%;margin:0 auto}.drag-modal-header{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--container-bg, #1c1c1e);flex-shrink:0;touch-action:none;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.drag-modal-header:active{cursor:grabbing}.drag-modal-icon{font-size:15px;color:var(--text-secondary);opacity:.6;flex-shrink:0;cursor:pointer;transition:transform .25s ease}.drag-modal-title{flex:1;font-size:.75em;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.02em;text-align:center;pointer-events:none}.drag-modal-close{background:none;border:none;font-size:24px;font-weight:400;line-height:1;cursor:pointer;color:var(--text-secondary);width:28px;height:28px;opacity:.6;display:flex;align-items:center;justify-content:center;border-radius:6px;flex-shrink:0;transition:background .15s,color .15s}.drag-modal-close:hover{background:#ffffff1a;color:var(--text-primary)}:is(body.light-theme,body[data-theme=light]) .drag-modal-close:hover{background:#0000000d}@media(max-width:768px){.drag-modal-header{cursor:default;touch-action:auto}.drag-modal-header:active{cursor:default}.drag-modal-icon{display:none}}.modal-close-btn{position:absolute;top:4px;right:8px;z-index:10001;background-color:transparent!important;border:none!important;border-radius:8px;width:44px;height:44px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary, #999);transition:all .2s ease;font-size:16px;font-weight:600}.modal-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}.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)}.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)}.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}.modal-btn-danger:hover,.alert-btn-danger:hover,.modal-button.danger:hover,.button.danger:hover{box-shadow:0 6px 16px #ff475766}.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}.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,.modal-buttons .btn-danger{flex:1;min-width:0;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{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 .btn-danger{background:var(--color-error, #dc3545);color:#fff}.modal-buttons .btn-danger:hover{background:var(--color-error-hover, #c82333);transform:translateY(-1px)}.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;width:100%}.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.1rem;color:var(--text-secondary, #b8b8b8);margin:0;white-space:pre-line;text-align:center}.outcome-empty-text{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:16px;box-sizing:border-box}.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:var(--z-modal-overlay)!important;pointer-events:auto!important}#resetOptionsModal.alert-box{pointer-events:auto!important}#resetOptionsModal .modal-buttons,#resetOptionsModal .modal-buttons button{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)}#creationFlowModal{padding:0;margin:0;inset:0;display:flex;align-items:stretch;justify-content:stretch}#creationFlowModal .csv-option{display:none}@media(min-width:769px){#creationFlowModal{padding:20px;align-items:center;justify-content:center}#creationFlowModal .csv-option{display:flex}}@media(max-width:768px){#saveOnExitModal .modal-buttons{flex-direction:column-reverse!important}}.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:20px 24px 16px;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-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)}.emoji-input{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",Twemoji Mozilla,sans-serif;font-size:24px;text-align:center;width:60px;padding:8px;border-radius:8px;border:1px solid var(--border-color);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%;max-width:var(--modal-width-sm);margin:0 auto;gap:var(--modal-padding-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::-moz-placeholder{color:var(--text-secondary)}.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:16px;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;padding:32px 16px!important;flex-direction:column;justify-content:flex-start;align-items:stretch;width:calc(100% - 16px)!important;max-width:100%;max-height:100%;margin:0!important;border-radius:16px;overflow-y:auto}.alert-box h3{font-size:2rem!important}.modal-header{padding:20px 16px 12px;position:relative;top:auto;z-index:5;background:var(--container-bg, #1c1c1e)}.modal-header h1{font-size:1.5rem}.modal-header h2,.modal-header h3{font-size:1.25rem}.modal-close-btn{position:absolute;top:4px;right:4px;font-size:21px;z-index:10001}.modal-body{padding:0 8px;max-width:100%;flex:none}.modal-footer{padding:12px 16px 20px;flex-direction:column;gap:10px;flex-shrink:0}.modal-footer>button,.modal-footer>.button,.modal-footer>.modal-btn{width:100%}.x-auth-container{width:100%;max-width:400px;margin:0 auto}.auth-modal-content{align-items:center;padding:24px}.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}.creation-options{display:flex!important;flex-direction:column!important;grid-template-columns:unset!important;gap:12px;width:100%;max-width:100%}.creation-option{width:100%!important;min-height:auto;padding:16px;flex-direction:row;align-items:center;text-align:left;gap:16px}.creation-option .option-icon{width:48px;height:48px;margin-bottom:0;flex-shrink:0}.creation-option .option-icon i{font-size:20px}.creation-option .option-content{flex:1;align-items:flex-start}.creation-option .option-content h4{font-size:14px;margin-bottom:4px}.creation-option .option-content p{font-size:12px;text-align:left}#creationFlowModal .contacts-option{display:flex}#creationFlowModal .manual-outcomes-section{margin:16px 0}#importContactsBtn.btn-primary,#createContactsWheelBtn.btn-primary{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;overflow-y:auto;-webkit-overflow-scrolling:touch}.emoji-modal .modal-close-btn{position:sticky;top:26px;z-index:12;float:right;margin-right:12px;margin-top:-74px;margin-bottom:-48px}.emoji-modal-header{padding:16px}.emoji-grid-item{font-size:2.5rem!important}.emoji-categories{position:sticky;top:100px;z-index:9;background:var(--container-bg, #1c1c1e)}.emoji-search-container,.emoji-categories,.emoji-grid-container{padding:var(--modal-padding-xs)!important}.emoji-grid{grid-template-columns:repeat(5,1fr)!important;gap:var(--modal-padding-xs)!important}.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}.emoji-modal{position:fixed;inset:0;width:100%;height:100%;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:var(--z-modal-overlay)!important;display:grid;place-items:center;padding:var(--modal-padding-md);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--modal-transition-normal),visibility var(--modal-transition-normal);overflow:hidden;box-sizing:border-box}.emoji-modal.visible{opacity:1;visibility:visible;pointer-events:auto}.emoji-modal-content{background:var(--container-bg, #1c1c1e);border:1px solid #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);height:calc(100% - 16px);max-height:calc(100% - 16px);transform:scale(.9) translateY(20px);transition:transform var(--modal-transition-slow);overflow-y:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box}.emoji-modal.visible .emoji-modal-content{transform:scale(1) translateY(0)}.emoji-modal .modal-close-btn{position:sticky;top:16px;z-index:12;float:right;margin-right:16px;margin-top:-74px;margin-bottom:-48px}.emoji-modal-header{display:flex;align-items:center;justify-content:center;padding:20px 24px;background:var(--container-bg, #1c1c1e);position:sticky;top:0;z-index:10;height:100px;min-height:100px;box-sizing:border-box}.emoji-search-container{padding:var(--modal-padding-md) var(--modal-padding-lg)}.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::-moz-placeholder{color:var(--text-secondary, #999)}.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-sm) var(--modal-padding-xs);gap:var(--modal-padding-sm);background:var(--container-bg, #1c1c1e);-webkit-overflow-scrolling:touch;position:sticky;top:100px;z-index:9}.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{padding:var(--modal-padding-md) var(--modal-padding-lg);padding-bottom:var(--modal-padding-lg);-webkit-overflow-scrolling:touch}.emoji-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--modal-padding-sm)}.emoji-grid-item{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:4rem;border-radius:6px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;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-search-input{background:#f9fafb;border-color:#d1d5db;color:#1f2937}body[data-theme=light] .emoji-search-input::-moz-placeholder{color:#6b7280}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-modal-overlay);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease;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;text-align:center}.alert-buttons{display:flex;gap:12px;justify-content:center;align-items:center;margin-top:24px;width:100%}.alert-buttons .alert-btn,.alert-buttons .button,.alert-buttons button{flex:1;min-width:0;padding:12px 24px;white-space:nowrap}#popularCategoryModal{overflow-y:auto}#popularCategoryModal .alert-box{max-height:90vh;display:flex;flex-direction:column}#popularCategoryModal .category-form{overflow-y:auto;flex:1;min-height:0}.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.modal-header{position:relative;top:auto;z-index:auto}.share-modal-header{justify-content:space-between;border-radius:12px 12px 0 0;font-weight:800;margin-bottom:16px;padding:40px 24px 0}.share-modal-header h3{width:70%;margin:0 auto}.share-modal-og-preview{padding:0 20px 16px;text-align:center;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .08))}.share-modal-og-preview-label{margin:0 0 10px;font-size:.8rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--text-secondary, #9ca3af)}.share-modal-og-preview-frame{display:block;width:100%;max-width:100%;aspect-ratio:1200 / 630;max-height:200px;margin:0 auto;border-radius:12px;overflow:hidden;background:var(--surface-variant, rgba(0, 0, 0, .25));border:1px solid var(--border-color, rgba(255, 255, 255, .1));box-shadow:0 4px 20px #0003;padding:0;cursor:pointer;font:inherit;color:inherit;text-align:left;transition:box-shadow .2s ease,transform .15s ease}.share-modal-og-preview-frame:hover{box-shadow:0 6px 28px #00000059}.share-modal-og-preview-frame:focus-visible{outline:2px solid var(--accent-color, #00c4d9);outline-offset:3px}.share-modal-og-preview-frame:disabled{cursor:wait;opacity:.85}.share-modal-og-preview-frame--busy{pointer-events:none;opacity:.75}.share-modal-og-preview-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.share-modal-og-preview-hint{margin:10px 0 0;font-size:.5rem;line-height:1.4;color:var(--text-secondary, #888)}.share-modal-content{padding:0!important;overflow-x:hidden!important;overflow-y:auto!important;max-width:520px;max-height:calc(100vh - 64px);max-height:calc(100dvh - 64px);width:100%;margin:0 auto;box-sizing:border-box}.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:0px var(--spacing-md) var(--spacing-md) var(--spacing-md);border-radius:8px;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.share-section-title{margin-bottom:8px}.share-text-section{overflow:visible}.share-text-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.share-text-label{font-size:13px;font-weight:500;color:var(--text-secondary, #aaa)}.share-regenerate-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background:transparent;color:#fff;cursor:pointer;transition:background .2s ease,transform .15s ease}.share-regenerate-btn:hover{background:#ffffff24;transform:scale(1.05)}.share-regenerate-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.share-text-area{width:100%;min-height:72px;padding:12px;border:1px solid var(--border-color, rgba(255, 255, 255, .12));border-radius:10px;background:var(--input-bg, rgba(255, 255, 255, .06));color:var(--text-primary, #fff);font-family:inherit;font-size:14px;line-height:1.5;resize:vertical;box-sizing:border-box;transition:border-color .2s ease}.share-text-area:focus{outline:none;border-color:var(--nav-active, #00c4d9)}.share-text-area.share-text-loading{opacity:.5;animation:sharePulse 1.2s ease-in-out infinite}@keyframes sharePulse{0%,to{opacity:.5}50%{opacity:.3}}.share-text-footer{display:flex;justify-content:flex-end;margin-top:4px}.share-char-count{font-size:11px;color:var(--text-secondary, #888)}.share-cta-section{text-align:center;padding:var(--spacing-lg)!important}.share-cta-message{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.share-cta-message i{font-size:2.5rem;color:var(--accent-color)}.share-cta-message p{margin:0;font-size:1rem;color:var(--text-primary);line-height:1.5}.share-cta-message strong{color:var(--accent-color)}.share-signup-btn,.share-save-btn{width:100%;max-width:280px;padding:var(--spacing-md) var(--spacing-lg);font-size:1rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.share-link-title{color:var(--primary-color)}.share-social-title{color:var(--success-color)}.share-input-group{display:flex;position:relative;align-items:stretch;width:100%;box-sizing:border-box}.share-input-group.column{flex-direction:column;gap:var(--spacing-sm)}.share-input-group .share-url-input{all:unset;display:block;width:100%;padding:14px 120px 14px 16px!important;border:1px solid var(--border-light);border-radius:32px;background:var(--input-bg);color:var(--text-primary);font-family:monospace;font-size:.9em;box-sizing:border-box;overflow:hidden;transition:border-color .2s;min-height:48px}.share-input-group .share-url-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color-alpha)}.share-input-group .share-copy-btn{max-width:110px;padding:8px 16px;display:inline-flex;align-items:center;justify-content:center;position:absolute;right:2px;top:2px;bottom:2px;border-radius:28px;font-size:.85em}.share-copy-btn,.share-embed-copy-btn{width:100%;cursor:pointer;transition:background .2s,color .2s;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);white-space:nowrap;padding:4px 16px!important;box-sizing:border-box}.share-copy-btn:hover,.share-embed-copy-btn:hover{background:#000000e6}.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;padding:4px;margin-bottom:8px}.share-social-btn{padding:var(--spacing-xs);border-radius:8px;width:100%;font-size:18px;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;border:none}.share-social-btn:hover{box-shadow:0 2px 8px #00000026}.share-social-btn:focus-visible{outline:2px solid rgba(255,255,255,.65);outline-offset:3px}.share-twitter-btn{background:#1da1f2}.share-facebook-btn{background:#4267b2}.share-whatsapp-btn{background:#25d366}.share-pinterest-btn{background:#e60023}.share-social-disabled{background:var(--surface-disabled);border:1px solid var(--border-light);color:var(--text-disabled);font-style:italic}.share-social-hint{display:flex;justify-content:center;align-items:center;gap:.4rem;margin:.75rem 0 0;padding:.5rem .65rem;font-size:.8125rem;line-height:1.4;color:#ffffffb8;background:#00000038;border-radius:8px;box-sizing:border-box}.share-social-hint .share-social-hint-text{flex:1;min-width:0;height:100%;min-height:48px;display:flex;justify-content:center;align-items:center;opacity:.5}.share-social-hint .fa-circle-info{margin-top:.1rem;flex-shrink:0;opacity:.5}@media(max-width:768px){.share-modal-overlay{padding-top:1vh}.share-modal-content{width:calc(100vw - 20px);margin:0 auto}.share-modal-header{padding:16px 16px 8px}.share-modal-header h3{width:calc(100% - 72px)}.share-input-group{flex-direction:column;gap:var(--spacing-sm);width:100%}.share-copy-btn{font-size:.85em}input.share-url-input[type=text]{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}}.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(3,1fr);gap:var(--modal-padding-md, 16px);width:100%;max-width:650px;margin:0 auto;box-sizing:border-box}.creation-option{background:var(--container-bg, #1c1c1e);border:2px solid var(--border-secondary, #3c3c3c);border-radius:12px;padding:1.25rem 1rem;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:140px;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:56px;height:56px;margin-bottom:.75rem;display:flex;align-items:center;justify-content:center;border-radius:14px;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:24px;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:.9375rem;font-weight:600;margin:0 0 4px;line-height:1.2}.creation-option .option-content p{color:var(--text-secondary, #b0b0b0);font-size:.75rem;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,.sheets-import-step .input-group{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;margin-bottom:24px;text-align:left}.ai-creation-step label,.manual-creation-step label,.csv-creation-step label,.sheets-import-step label{display:block;font-weight:600;color:var(--text-primary);margin-bottom:8px;font-size:14px;text-align:left;letter-spacing:.02em}.ai-creation-step .ai-options .slider-with-value{display:flex;align-items:center;gap:12px;width:100%;margin-top:8px}.ai-creation-step .ai-options .slider-value-display{min-width:36px;text-align:center;font-weight:700;font-size:16px;color:var(--text-primary);background:var(--input-bg, #333);padding:6px 10px;border-radius:6px;border:1px solid var(--border-color)}.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}.csv-option-checkbox .csv-option-text{display:block;color:var(--text-primary);font-size:14px;font-weight:500}.csv-option-checkbox .csv-option-byline{display:block;color:var(--text-secondary, rgba(255, 255, 255, .6));font-size:12px;font-style:italic;margin-top:2px}.download-example-csv-btn{display:inline-flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.5rem 1rem;background:transparent;border:1px solid var(--accent-primary, #00c4d9);border-radius:6px;color:var(--accent-primary, #00c4d9);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease}.download-example-csv-btn:hover{background:var(--accent-primary, #00c4d9);color:#000}.download-example-csv-btn i{font-size:.75rem}.sheets-option{background:linear-gradient(135deg,#34a8531a,#4285f41a);border-color:#34a8534d}.sheets-option:hover{border-color:#34a85399;background:linear-gradient(135deg,#34a85326,#4285f426)}.sheets-url-section{margin:1rem 0}.sheets-url-input{width:100%;margin-bottom:.5rem}.sheets-help-accordion{margin-top:.75rem}.sheets-help-toggle{display:flex;align-items:center;gap:.5rem;width:100%;padding:.625rem .875rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-secondary, rgba(255, 255, 255, .7));font-size:.8125rem;cursor:pointer;transition:all .2s ease}.sheets-help-toggle:hover{background:#ffffff0f;color:var(--text-primary, #fff)}.sheets-help-toggle i:first-child{color:var(--accent-primary, #00c4d9)}.sheets-help-toggle span{flex:1;text-align:left}.sheets-help-chevron{font-size:.6875rem;transition:transform .2s ease}.sheets-help-toggle.expanded .sheets-help-chevron{transform:rotate(180deg)}.sheets-help-content{margin-top:.5rem;padding:.875rem;background:#0003;border-radius:8px;border:1px solid rgba(255,255,255,.08);animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.sheets-help-steps{margin:0;padding-left:1.25rem;font-size:.8125rem;color:var(--text-secondary, rgba(255, 255, 255, .75));line-height:1.7}.sheets-help-steps li{margin-bottom:.25rem}.sheets-help-steps strong{color:var(--text-primary, #fff)}.sheets-help-note{margin:.75rem 0 0;padding:.5rem .75rem;background:#34a8531a;border-radius:6px;font-size:.75rem;color:#ffffffb3;display:flex;align-items:center;gap:.5rem}.sheets-help-note i{color:#34a853;flex-shrink:0}.sheets-format-info{margin:1.25rem 0;padding:1rem;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.sheets-format-info h4{margin:0 0 .5rem;font-size:.875rem;color:var(--text-primary, #fff)}.sheets-format-info h4 i{color:#34a853;margin-right:.5rem}.sheets-format-info p{margin:0 0 .75rem;font-size:.8125rem;color:var(--text-secondary, rgba(255, 255, 255, .7))}.sheets-example-table{width:100%;border-collapse:collapse;font-size:.75rem;background:#0003;border-radius:6px;overflow:hidden}.sheets-example-table th,.sheets-example-table td{padding:.5rem .75rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.sheets-example-table th{background:#34a85333;color:#34a853;font-weight:600}.sheets-example-table td{color:var(--text-secondary, rgba(255, 255, 255, .7))}.sheets-format-example--wide{overflow-x:auto;-webkit-overflow-scrolling:touch}.sheets-format-example--wide .sheets-example-table{min-width:640px}.sheets-example-table td.cell-mono{font-family:JetBrains Mono,monospace;font-size:.6875rem;white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis}.sheets-delimiter-hints{display:flex;gap:1rem;flex-wrap:wrap;margin:.625rem 0 .5rem}.delimiter-hint{font-size:.6875rem;color:var(--text-secondary, rgba(255, 255, 255, .55))}.delimiter-hint strong{color:#34a853;font-family:JetBrains Mono,monospace;padding:1px 4px;background:#34a8531f;border-radius:3px}.sheets-optional-note{font-size:.6875rem!important;color:var(--text-secondary, rgba(255, 255, 255, .45))!important;margin:.75rem 0!important}.sheets-download-template-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:600;color:#34a853;background:#34a8531a;border:1px solid rgba(52,168,83,.25);border-radius:6px;cursor:pointer;transition:background .2s,border-color .2s}.sheets-download-template-btn:hover{background:#34a85333;border-color:#34a85366}.sheets-download-template-btn i{font-size:.875rem}.sheets-preview{margin-top:1rem}.sheets-preview h4{margin:0 0 .5rem;font-size:.875rem;color:var(--text-primary, #fff)}.sheets-options-table-wrapper{max-height:200px;overflow-y:auto;border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:6px;background:var(--input-bg, rgba(0, 0, 0, .2))}.sheets-options-table{width:100%;border-collapse:collapse;table-layout:fixed}.sheets-options-table thead{position:sticky;top:0;z-index:1;background:var(--modal-header-bg, rgba(0, 0, 0, .4))}.sheets-options-table th{padding:10px 12px;text-align:left;font-size:12px;font-weight:600;color:var(--text-secondary, rgba(255, 255, 255, .7));text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .15))}.sheets-options-table--wide{min-width:680px}.sheets-options-table th.col-select{width:36px;text-align:center}.sheets-options-table th.col-outcome{width:22%}.sheets-options-table th.col-byline{width:24%}.sheets-options-table th.col-prompts,.sheets-options-table th.col-links,.sheets-options-table th.col-stats{width:10%;text-align:center}.sheets-options-table th.col-weight{width:calc(14% - 36px);text-align:right}.sheets-options-table td{padding:10px 12px;font-size:13px;color:var(--text-primary, #fff);border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .08));vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheets-options-table td.col-select{text-align:center}.sheets-options-table td.col-byline{color:var(--text-secondary, rgba(255, 255, 255, .6));font-style:italic;font-size:12px}.sheets-options-table td.col-prompts,.sheets-options-table td.col-links,.sheets-options-table td.col-stats{text-align:center;font-size:11px;color:var(--text-secondary, rgba(255, 255, 255, .5))}.sheets-options-table td.col-weight{text-align:right;color:var(--accent-color, #34a853);font-weight:600;font-size:12px}.weight-hint{font-size:11px;color:var(--text-secondary, rgba(255, 255, 255, .6));margin-top:8px;padding:6px 10px;background:#34a8531a;border-radius:4px;border-left:3px solid #34a853}.weight-hint i{color:#34a853;margin-right:4px}.weight-hint strong{color:var(--text-primary, #fff);font-family:JetBrains Mono,monospace;font-size:10px}.sheets-option-row:hover{background:#34a8531a}.sheets-option-row:last-child td{border-bottom:none}.sheets-options-table input[type=checkbox]{margin:0;width:16px;height:16px;accent-color:#34a853;cursor:pointer}.sheets-counter{text-align:center;margin-top:10px;font-size:14px;color:var(--text-secondary, rgba(255, 255, 255, .7));font-weight:500}.sheets-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem;color:var(--text-secondary, rgba(255, 255, 255, .7));font-size:.875rem}.sheets-loading i{color:#34a853;font-size:1.25rem}.sheets-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ea43351a;border:1px solid rgba(234,67,53,.3);border-radius:6px;color:#ea4335;font-size:.8125rem;margin-top:1rem}.sheets-error i{flex-shrink:0}.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{width:200px}#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-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;-o-object-fit:cover;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%;-o-object-fit:cover;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%;-o-object-fit:cover;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}}.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}.share-modal-body{padding:0 16px 8px;box-sizing:border-box;width:100%;margin:0 auto}}.modal-overlay,.alert-overlay,.share-modal-overlay,.wheel-save-choice-modal,.wheel-intro-modal-overlay,.confirm-modal,.auth-modal{touch-action:auto!important;-webkit-touch-callout:default!important;-webkit-tap-highlight-color:rgba(0,0,0,.1)}.modal-content,.alert-box,.share-modal-content,.auth-modal-content,.wheel-intro-modal{touch-action:auto!important;pointer-events:auto!important}.modal-overlay button,.alert-overlay button,.share-modal-overlay button,.wheel-save-choice-modal button,.confirm-modal button,.auth-modal button{touch-action:manipulation!important;pointer-events:auto!important;cursor:pointer;min-height:44px;min-width:44px}.share-modal-overlay button.share-modal-og-preview-frame{min-height:0;min-width:0}.share-modal-overlay .copy-btn,.share-modal-overlay .share-copy-btn{touch-action:manipulation!important;pointer-events:auto!important;-webkit-user-select:none;-moz-user-select:none;user-select:none}.share-social-btn{touch-action:manipulation!important;pointer-events:auto!important;min-height:44px;min-width:44px}#leaveWheelProgressAlert .alert-box{gap:8px!important}#leaveWheelProgressAlert .modal-title{font-size:1.85rem!important;line-height:1rem!important}#leaveWheelProgressAlert .modal-text{font-size:.85rem!important}@media(display-mode:standalone),(display-mode:fullscreen){.modal-overlay,.alert-overlay,.share-modal-overlay,.wheel-save-choice-modal{position:fixed!important;z-index:var(--z-modal-overlay)!important;touch-action:auto!important}}#generateBylinesBackdrop{position:fixed;inset:0;width:100vw;height:100vh;background:#000000b3;backdrop-filter:blur(4px);z-index:9998;display:flex;align-items:center;justify-content:center}#generateBylinesBackdrop.hidden{display:none}#generateBylinesModal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:420px;width:90%;z-index:9999;background:var(--container-bg, #1c1c1e);border-radius:16px;box-shadow:0 20px 60px #00000080;padding:1.5rem}#generateBylinesModal.hidden{display:none}#generateBylinesModal .modal-title{display:flex;align-items:center;gap:.5rem;justify-content:center;margin-bottom:.5rem}#generateBylinesModal .modal-title i{color:var(--accent-primary, #00c4d9)}#generateBylinesModal .modal-text{color:var(--text-secondary, rgba(255, 255, 255, .7));margin-bottom:1rem;text-align:center}#generateBylinesModal .modal-buttons{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}#generateBylinesModal .input-group{margin:1.25rem 0;text-align:left}#generateBylinesModal .input-group label{display:block;font-size:.875rem;font-weight:500;color:var(--text-secondary, rgba(255, 255, 255, .7));margin-bottom:.5rem}#generateBylinesModal .bylines-prompt-input{width:100%;max-width:480px;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#ffffff0d;color:var(--text-primary, #fff);font-size:.9375rem;box-sizing:border-box}@media(max-width:600px){#generateBylinesModal .bylines-prompt-input{max-width:300px}}#generateBylinesModal .bylines-prompt-input:focus{outline:none;border-color:var(--accent-primary, #00c4d9);background:#ffffff14}#generateBylinesModal .bylines-prompt-input::-moz-placeholder{color:#fff6}#generateBylinesModal .bylines-prompt-input::placeholder{color:#fff6}.bylines-microcopy{padding-top:8px;font-size:.75rem;color:#ffffff80;display:flex;align-items:center}.bylines-microcopy i{color:var(--accent-primary, #00c4d9);font-size:.7rem}.bylines-progress{margin:1rem 0}.bylines-progress .progress-bar{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.bylines-progress .progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary, #00c4d9),#8b5cf6);border-radius:2px;animation:progress-pulse 1.5s ease-in-out infinite;width:30%}@keyframes progress-pulse{0%,to{transform:translate(-100%)}50%{transform:translate(300%)}}.bylines-progress .progress-text{font-size:.8125rem;color:var(--text-secondary, rgba(255, 255, 255, .7));margin-top:.5rem}.bylines-option{margin-top:1rem;padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px}.bylines-option .toggle-row{display:flex;align-items:center;justify-content:space-between}.bylines-option .toggle-row label{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:500;color:var(--text-primary, #fff)}.bylines-option .toggle-row label i{color:var(--accent-primary, #00c4d9)}.bylines-prompt-container{margin-top:.75rem}.bylines-prompt-container .unified-input{width:100%;padding:.625rem .875rem;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:#ffffff0d;color:var(--text-primary, #fff);font-size:.875rem}.bylines-prompt-container .unified-input:focus{outline:none;border-color:var(--accent-primary, #00c4d9)}.bylines-prompt-container .unified-input::-moz-placeholder{color:#fff6}.bylines-prompt-container .unified-input::placeholder{color:#fff6}.premium-feature[data-feature=generate_bylines]{position:relative}#generateBylinesBtn.premium-feature:after{content:"✨";position:absolute;top:-4px;right:-4px;font-size:10px}#generateBylinesBtn{display:none}.admin-full-dataset-option.bylines-option .full-dataset-hint{margin-top:.5rem;margin-bottom:0;font-size:.8125rem;color:#ffffffa6;line-height:1.4}.admin-full-dataset-option .full-dataset-columns{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.08)}.admin-full-dataset-option .full-dataset-columns-label{display:block;font-size:.8125rem;font-weight:500;color:#fffc;margin-bottom:.5rem}.admin-full-dataset-option .full-dataset-column-toggles .toggle-row{display:flex;align-items:center;justify-content:space-between;padding:.375rem 0;min-height:2rem}.admin-full-dataset-option .full-dataset-column-toggles .toggle-row label:first-of-type{font-size:.875rem;font-weight:500;color:var(--text-primary, #fff)}.bug-report-modal{position:fixed;inset:0;z-index:var(--z-modal-overlay);display:flex;align-items:center;justify-content:center;padding:16px}.bug-report-modal.hidden{display:none}.bug-report-overlay{position:absolute;inset:0;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.bug-report-content{position:relative;background:var(--container-bg, #1a1a2e);border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:16px;padding:32px;width:100%;max-width:480px;box-shadow:0 16px 48px #0006}.bug-report-close{position:absolute;top:16px;right:16px}.bug-report-title{margin:0 0 24px;font-size:1.5rem;font-weight:600;color:var(--text-primary, #fff)}.bug-report-form{display:flex;flex-direction:column;gap:12px}.bug-report-textarea{width:100%;min-height:160px;padding:16px;border:1px solid var(--border-color, rgba(255, 255, 255, .15));border-radius:12px;background:#ffffff0d;color:var(--text-primary, #fff);font-size:1rem;font-family:inherit;line-height:1.5;resize:vertical;box-sizing:border-box}.bug-report-textarea:focus{outline:none;border-color:var(--accent-primary, #00c4d9);box-shadow:0 0 0 3px #00c4d926}.bug-report-textarea::-moz-placeholder{color:var(--text-muted, rgba(255, 255, 255, .4))}.bug-report-textarea::placeholder{color:var(--text-muted, rgba(255, 255, 255, .4))}.bug-report-char-count{text-align:right;font-size:.875rem;color:var(--text-muted, rgba(255, 255, 255, .5))}.bug-report-char-count.near-limit{color:var(--color-warning, #f59e0b)}.bug-report-char-count.at-limit{color:var(--color-error, #ef4444)}.bug-report-submit{width:100%;padding:14px 24px;border:none;border-radius:12px;background:linear-gradient(135deg,var(--accent-primary, #00c4d9) 0%,var(--accent-secondary, #9f28b2) 100%);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.bug-report-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #00c4d94d}.bug-report-submit:disabled{opacity:.5;cursor:not-allowed}.bug-report-submit .submit-loading.hidden,.bug-report-submit .submit-text.hidden{display:none}@media(max-width:480px){.share-modal-overlay{padding-top:.5vh}.share-modal-header{padding:20px 20px 4px}.share-modal-title{font-size:1rem;line-height:1.3;word-break:break-word}.share-section-title{font-size:.9rem}input.share-url-input[type=text]{font-size:.75em;padding:12px 110px 12px var(--spacing-md);line-height:1.4}.share-copy-btn{font-size:.9rem;padding:var(--spacing-xs) var(--spacing-sm)}.bug-report-content{padding:24px}.bug-report-title{font-size:1.25rem}}.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-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;transform:none;opacity:1;pointer-events:auto}.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 .parent-item{background:none;padding:0;border-radius:0!important}.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 .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:99999;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){.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.text-input-focused{position:fixed!important;width:100vw!important;max-width:100vw!important;left:0!important;right:0!important;overflow:hidden!important}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)}.seo-intro-content{display:none}#wheelLoadingOverlay{position:fixed!important;inset:0!important;z-index:100000!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2rem;background:var(--page-bg, #0a0a0a)!important;visibility:hidden;pointer-events:none;transition:opacity .35s ease-out}#wheelLoadingOverlay.visible{visibility:visible!important;pointer-events:auto!important}#wheelLoadingOverlay.fade-out{opacity:0;pointer-events:none}body.wheel-loading-active #top-nav,body.wheel-loading-active #fabContainer,body.wheel-loading-active #wheelHeaderContainer,body.wheel-loading-active #spinagleMenuWrapper{display:none!important}body.wheel-loading-active #wheelContainer,body.wheel-loading-active #spinBtn,body.wheel-loading-active #pointerContainer{visibility:hidden!important}#wheelLoadingOverlay .wl-logo{width:240px;max-width:85vw;height:auto;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}#wheelLoadingOverlay .wl-spinner{position:relative;width:80px;height:80px}#wheelLoadingOverlay .wl-ring{width:100%;height:100%;border-radius:50%;border:5px solid transparent;border-top-color:#00c4d9;border-left-color:#00c4d9;animation:preloader-spin 1.5s linear infinite}#wheelLoadingOverlay .wl-ring:before,#wheelLoadingOverlay .wl-ring:after{content:"";position:absolute;border-radius:50%;border:5px solid transparent}#wheelLoadingOverlay .wl-ring:before{inset:4px;border-top-color:#00c4d9b3;border-left-color:#00c4d9b3;animation:preloader-spin-reverse 1s linear infinite}#wheelLoadingOverlay .wl-ring:after{inset:12px;border-top-color:#00c4d966;border-left-color:#00c4d966;animation:preloader-spin 1.2s linear infinite}#wheelLoadingOverlay .wl-text{color:#fff;font-size:1.125rem;font-weight:500;text-align:center;opacity:.9}@keyframes preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes preloader-spin-reverse{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@media(max-width:768px){#wheelLoadingOverlay .wl-logo{width:150px}#wheelLoadingOverlay .wl-spinner{width:60px;height:60px}#wheelLoadingOverlay .wl-text{font-size:1rem}}.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:#fffffff7;color:#1c1c1e;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 #0000001f;border:1px solid rgba(0,0,0,.08)}.help-tip-tooltip.show{opacity:1;visibility:visible}.help-tip-tooltip .tooltip-title{font-weight:700;margin-bottom:4px;color:#1c1c1e}.help-tip-tooltip .tooltip-description{color:#444}.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:#fffffff7}.help-tip-tooltip.bottom{transform:translateY(8px)}.help-tip-tooltip.bottom:after{bottom:100%;left:50%;transform:translate(-50%);border-bottom-color:#fffffff7}.help-tip-tooltip.left{transform:translate(-8px)}.help-tip-tooltip.left:after{top:50%;left:100%;transform:translateY(-50%);border-left-color:#fffffff7}.help-tip-tooltip.right{transform:translate(8px)}.help-tip-tooltip.right:after{top:50%;right:100%;transform:translateY(-50%);border-right-color:#fffffff7}@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}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]{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.visual-option-group[data-type=backgroundPattern] .option-icon{width:32px;height:32px;border-radius:4px;position:relative;overflow:hidden;background:var(--color-surface, #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] .option-icon{background:var(--color-surface, #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:0;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%;-o-object-fit:contain;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{box-sizing:border-box;padding:16px 0;width:calc(100% - 8px)}.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);box-sizing:border-box}.performance-modal-header h3{margin:0;font-size:1.5rem;font-weight:600;line-height:1.2;color:var(--text-primary, #ffffff)}.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::-moz-placeholder{color:var(--text-tertiary, rgba(255,255,255,.4))}.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;-moz-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;-webkit-transition:transform .2s ease;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;-moz-transition:transform .2s ease;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;-moz-user-select:none;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:16px;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)}}}.mobile-editor-tabs{display:flex;gap:0;border-radius:8px;overflow:hidden;background:var(--input-bg, rgba(255,255,255,.05));border:1px solid var(--border-light, rgba(255,255,255,.1));flex-shrink:0}.mobile-editor-tab{flex:1;padding:10px 12px;font-size:.8125rem;font-weight:600;background:transparent;color:var(--text-secondary, rgba(255,255,255,.6));border:none;cursor:pointer;transition:all .2s ease;text-align:center;position:relative}.mobile-editor-tab.active{background:var(--accent-primary, #00c4d9);color:#000}.mobile-editor-tab:not(.active):active{background:#ffffff14}.mobile-editor-tab-pane{display:none}.mobile-editor-tab-pane.active{display:block}.mobile-repeater-list{display:flex;flex-direction:column;gap:10px}.mobile-repeater-row{display:flex;gap:8px;align-items:flex-start}.mobile-repeater-row .mobile-outcome-input{flex:1}.mobile-link-fields{flex:1;display:flex;flex-direction:column;gap:6px}.mobile-repeater-remove-btn{flex-shrink:0;width:36px;height:36px;border-radius:8px;border:none;background:#ff3b3026;color:#ff3b30;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8125rem;transition:all .2s ease;margin-top:6px}.mobile-repeater-remove-btn:active{background:#ff3b304d;transform:scale(.95)}.mobile-repeater-add-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;margin-top:4px;border-radius:8px;border:1px dashed var(--border-light, rgba(255,255,255,.15));background:transparent;color:var(--text-secondary, rgba(255,255,255,.6));font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.mobile-repeater-add-btn:active{background:#ffffff0d;border-color:var(--accent-primary, #00c4d9);color:var(--accent-primary, #00c4d9)}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)}.outcome-type-tabs{display:flex;gap:4px;margin-bottom:12px;background:#0003;padding:4px;border-radius:8px}.outcome-type-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border:none;background:transparent;color:#fff9;font-size:14px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s ease}.outcome-type-tab:hover{color:#ffffffe6;background:#ffffff0d}.outcome-type-tab.active{background:#00c4d933;color:#00c4d9}.outcome-type-tab.locked{opacity:.5;cursor:not-allowed}.outcome-type-tab.locked:hover{background:transparent;color:#ffffff80}.outcome-type-tab i{font-size:16px}.outcome-tab-content{transition:opacity .2s ease;width:100%}.outcome-tab-content.hidden{display:none}.image-bulk-upload-zone{position:relative;border:2px dashed rgba(255,255,255,.2);border-radius:12px;padding:32px 24px;text-align:center;cursor:pointer;transition:all .2s ease;background:#0003;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.image-bulk-upload-zone:hover{border-color:#00c4d980;background:#00c4d90d}.image-bulk-upload-zone.drag-over{border-color:#00c4d9;background:#00c4d91a;transform:scale(1.01)}.image-bulk-upload-zone .dropzone-icon{font-size:40px;color:#fff6;margin-bottom:8px}.image-bulk-upload-zone .dropzone-text{font-size:14px;color:#fffc}.image-bulk-upload-zone .dropzone-hint{font-size:12px;color:#ffffff80;margin-top:4px}.image-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;margin-top:16px;max-height:300px;overflow-y:auto;padding:4px}.image-preview-grid:empty{display:none}.image-preview-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background:#0000004d}.image-preview-item img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.image-preview-item .remove-btn{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;border:none;background:#000000b3;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;opacity:0;transition:opacity .2s ease}.image-preview-item:hover .remove-btn{opacity:1}.image-preview-item .remove-btn:hover{background:#ef4444}.image-preview-item .image-label{position:absolute;bottom:0;left:0;right:0;padding:4px 6px;background:linear-gradient(transparent,#000c);font-size:11px;color:#fff;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.image-preview-item .image-label input{width:100%;background:transparent;border:none;color:#fff;font-size:11px;padding:2px;outline:none}.image-preview-item .image-label input::-moz-placeholder{color:#ffffff80}.image-preview-item .image-label input::placeholder{color:#ffffff80}.image-preview-item.uploading{opacity:.6}.image-preview-item.uploading:after{content:"";position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center}.image-preview-item .upload-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#fff3}.image-preview-item .upload-progress-bar{height:100%;background:#00c4d9;transition:width .3s ease}.outcome-type-toggle{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.outcome-type-toggle label{display:flex;align-items:center;gap:6px;font-size:13px;color:#ffffffb3;cursor:pointer;padding:6px 12px;border-radius:6px;transition:all .2s ease}.outcome-type-toggle label:has(input:checked){background:#00c4d933;color:#00c4d9}.outcome-type-toggle input[type=radio]{display:none}.image-upload-dropzone{position:relative;border:2px dashed rgba(255,255,255,.2);border-radius:12px;padding:24px;text-align:center;cursor:pointer;transition:all .2s ease;background:#0003;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.image-upload-dropzone:hover{border-color:#00c4d980;background:#00c4d90d}.image-upload-dropzone.drag-over{border-color:#00c4d9;background:#00c4d91a;transform:scale(1.02)}.image-upload-dropzone.read-only{cursor:default;border-style:solid;border-color:#ffffff1a}.image-upload-dropzone.read-only:hover{border-color:#ffffff1a;background:transparent;transform:none}.image-upload-dropzone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.dropzone-icon{font-size:32px;color:#fff6;transition:color .2s ease}.image-upload-dropzone:hover .dropzone-icon{color:#00c4d9}.dropzone-text{font-size:14px;color:#ffffffb3}.dropzone-text strong{color:#00c4d9}.dropzone-hint{font-size:11px;color:#fff6}.image-preview-container{position:relative;width:100%;max-width:200px;aspect-ratio:1;margin:0 auto}.image-preview{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:8px;background:#0000004d}.image-actions{position:absolute;bottom:8px;right:8px;display:flex;gap:4px;opacity:0;transition:opacity .2s ease}.image-upload-dropzone:hover .image-actions,.image-preview-container:hover .image-actions{opacity:1}.image-action-btn{width:28px;height:28px;border-radius:6px;border:none;background:#000000b3;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .2s ease}.image-action-btn:hover{background:#000000e6}.image-action-btn.delete-btn:hover{background:#ef4444}.upload-progress{width:100%;max-width:200px;margin:12px auto 0}.upload-progress-bar{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.upload-progress-fill{height:100%;background:linear-gradient(90deg,#00c4d9,#00e5ff);border-radius:2px;transition:width .3s ease;width:0%}.upload-progress-text{font-size:11px;color:#ffffff80;text-align:center;margin-top:4px}.image-upload-error{color:#ef4444;font-size:12px;margin-top:8px;display:flex;align-items:center;gap:4px;justify-content:center}.image-upload-error i{font-size:14px}.image-upload-loading{display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff9}.image-upload-loading i{font-size:24px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.outcome-text-section{transition:opacity .2s ease,height .2s ease}.outcome-text-section.hidden{opacity:0;height:0;overflow:hidden;margin:0;padding:0}@media(max-width:480px){.image-upload-dropzone{padding:16px;min-height:100px}.dropzone-icon{font-size:24px}.dropzone-text{font-size:13px}.image-preview-container{max-width:150px}}.editor-image-viewer{display:flex;flex-direction:column;align-items:center;gap:8px}.editor-image-preview{position:relative;width:100%;border-radius:12px;padding:12px;background:#0003;border:2px solid rgba(255,255,255,.1);box-sizing:border-box}.editor-image-viewer .image-preview-container .editor-star-btn{position:absolute;top:8px;right:8px;z-index:3;opacity:0;transition:opacity .2s ease}.editor-image-viewer .image-preview-container:hover .editor-star-btn,.editor-image-viewer .image-preview-container .editor-star-btn.is-primary{opacity:1}.editor-image-viewer .image-actions{opacity:0}.editor-image-preview:hover .image-actions{opacity:1}.image-action-btn.editor-star-btn{color:#fff9}.image-action-btn.editor-star-btn.is-primary{color:#facc15;background:#000000d9}.editor-carousel-dots{display:flex;gap:6px;justify-content:center;position:absolute;bottom:10px;left:50%;transform:translate(-50%);z-index:2}.editor-carousel-dot{width:6px;height:6px;border-radius:50%;background:#ffffff40;border:none;padding:0;cursor:pointer;transition:background .2s ease,transform .2s ease}.editor-carousel-dot.active{background:#ffffffe6;transform:scale(1.3)}.editor-image-byline{width:100%;padding:6px 10px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#fff;font-size:12px;font-family:inherit;resize:vertical;min-height:28px;box-sizing:border-box;transition:border-color .2s ease}.editor-image-byline::-moz-placeholder{color:#ffffff59;font-style:italic}.editor-image-byline::placeholder{color:#ffffff59;font-style:italic}.editor-image-byline:focus{outline:none;border-color:#00c4d980}.editor-add-image-btn{position:absolute;bottom:8px;left:8px;width:28px;height:28px;border-radius:6px;border:none;background:#000000b3;color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;z-index:2;opacity:0;transition:all .2s ease}.image-preview-container:hover .editor-add-image-btn{opacity:1}.editor-add-image-btn:hover{background:#000000e6;color:#00c4d9}.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;-moz-appearance:none;appearance:none;width:100%;height:6px;background:#3c3c3c;outline:none;border-radius:3px;cursor:pointer;transition:box-shadow .2s ease;position:relative;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.control-slider:hover{box-shadow:0 0 0 4px #00c4d926}.control-slider:focus{outline:2px solid var(--accent-color, #00c4d9);outline-offset:2px}.control-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:var(--accent-color, #00c4d9);border:2px solid #ffffff;border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #00000026;-webkit-transition:transform .15s ease,box-shadow .15s ease;transition:transform .15s ease,box-shadow .15s ease;will-change:transform}.control-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000040}.control-slider::-webkit-slider-thumb:active{transform:scale(1.05)}.control-slider::-moz-range-thumb{width:20px;height:20px;background:var(--accent-color, #00c4d9);border:2px solid #ffffff;border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #00000026;-moz-transition:transform .15s ease,box-shadow .15s ease;transition:transform .15s ease,box-shadow .15s ease}.control-slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000040}.control-slider.size-sm{height:4px;border-radius:2px}.control-slider.size-sm::-webkit-slider-thumb{width:16px;height:16px}.control-slider.size-sm::-moz-range-thumb{width:16px;height:16px}.control-slider.size-lg{height:8px;border-radius:4px}.control-slider.size-lg::-webkit-slider-thumb{width:24px;height:24px}.control-slider.size-lg::-moz-range-thumb{width:24px;height:24px}.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}.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(auto-fit,minmax(80px,1fr));gap:8px;width:100%;box-sizing:border-box}.visual-option-group[data-type=backgroundType],.visual-option-group[data-type=imageFit],.visual-option-group[data-type=spinDirection]{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.visual-option{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:var(--visual-option-size-sm);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);-webkit-user-select:none;-moz-user-select:none;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:1rem;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{font-size:var(--text-size-xs, .7rem);font-weight:var(--text-weight-medium, 500);color:var(--color-text-secondary, #999);line-height:var(--text-leading-tight, 1.2);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;transition:color var(--control-transition-normal, .2s) var(--control-ease-standard, ease)}.visual-option.active .option-label{color:var(--color-accent, #00c4d9)}.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(.user-pro):not(.user-premium):not(.user-admin) .setting-item.premium:after,body:not(.user-pro):not(.user-premium):not(.user-admin) .visual-option.premium:after{content:"💎";position:absolute;top:8px;right:8px;font-size:.9rem;opacity:.8;z-index:2;pointer-events:none}body:is(.user-pro,.user-premium,.user-admin) .setting-item.premium:after,body:is(.user-pro,.user-premium,.user-admin) .visual-option.premium:after{display:none}body:not(.user-pro):not(.user-premium):not(.user-admin) .setting-item.premium,body:not(.user-pro):not(.user-premium):not(.user-admin) .visual-option.premium,body:not(.user-pro):not(.user-premium):not(.user-admin) .control-button.premium{opacity:var(--control-premium-opacity);filter:var(--control-premium-filter);pointer-events:none;background:var(--control-premium-bg)}body:not(.user-pro):not(.user-premium):not(.user-admin) .setting-item.premium .switch,body:not(.user-pro):not(.user-premium):not(.user-admin) .setting-item.premium .switch input,body:not(.user-pro):not(.user-premium):not(.user-admin) .setting-item.premium .slider{pointer-events:none;opacity:.5}.setting-item:not(.feature-disabled) input[type=checkbox],.toggle-item:not(.feature-disabled) input[type=checkbox]{pointer-events:auto!important;position:relative!important;z-index:5!important}.feature-disabled,.feature-disabled *,.feature-disabled input,.feature-disabled select,.feature-disabled button,.feature-disabled .switch,.feature-disabled .slider,.feature-disabled input[type=checkbox]{pointer-events:none!important;cursor:not-allowed!important}.setting-item-disabled .switch,.setting-item-disabled .switch input,.setting-item-disabled .slider{pointer-events:none!important;opacity:.5}body:not(.user-pro):not(.user-premium):not(.user-admin) .setting-item.premium .setting-label,body:not(.user-pro):not(.user-premium):not(.user-admin) .setting-item.premium .control-input,body:not(.user-pro):not(.user-premium):not(.user-admin) .setting-item.premium .control-select{color:var(--color-text-disabled)}body:is(.user-pro,.user-premium,.user-admin) .setting-item.premium,body:is(.user-pro,.user-premium,.user-admin) .visual-option.premium,body:is(.user-pro,.user-premium,.user-admin) .control-button.premium{opacity:1;filter:none;pointer-events:auto;background:initial;border:inherit;color:inherit;font-style:inherit;cursor:inherit}body:is(.user-pro,.user-premium,.user-admin) .setting-item.premium .setting-label,body:is(.user-pro,.user-premium,.user-admin) .setting-item.premium .control-input,body:is(.user-pro,.user-premium,.user-admin) .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:.5;cursor:not-allowed;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:#3c3c3c;transition:background-color .3s ease}.slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;top:2px;background-color:#fff;transition:transform .2s ease;border-radius:50%}input:checked+.slider{background-color:var(--accent-color, #00c4d9)}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:1rem;margin-bottom:4px;transition:var(--control-transition)}.color-picker-item{display:flex;flex-direction:row;gap:var(--control-spacing-xs);width:100%}.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);-webkit-appearance:none;-moz-appearance:none;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:768px){.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:8px}.control-slider::-webkit-slider-thumb{width:24px;height:24px}.control-slider::-moz-range-thumb{width:24px;height:24px}.color-picker-item{justify-content:space-between}}.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}.celebration-effect-description{font-size:12px;color:var(--text-tertiary, #888);margin:6px 0 0;padding:0;line-height:1.4;opacity:.85}.celebration-effect-setting{flex-direction:column;align-items:flex-start}.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}@media screen and (orientation:landscape)and (max-height:520px)and (max-width:1024px)and (pointer:coarse){html{position:fixed;inset:0;width:100%;height:100%;overflow:hidden}body{position:fixed;width:100vh;height:100vw;max-width:100vh;max-height:100vw;width:100dvh;height:100dvw;max-width:100dvh;max-height:100dvw;top:50%;left:50%;margin:0;transform:translate(-50%,-50%) rotate(-90deg);transform-origin:center center;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}}.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-title{flex:1;font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1.3}.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 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-title{font-size:1.25rem}.wheel-history-upgrade-modal .feature-benefits{max-width:100%}}.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:#fff;color:#333;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;text-align:center;min-height:200px;width:100%;box-sizing:border-box}.device-list-empty i{display:block;margin-bottom:1rem}.device-list-empty p{margin:.25rem 0;line-height:1.6;text-align:center}.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:var(--background-color, rgba(10, 10, 15, .95));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(0,196,217,.5),transparent);top:-200px;left:-200px;animation-delay:0s}.welcome-back-glow-2{width:400px;height:400px;background:radial-gradient(circle,rgba(0,150,170,.4),transparent);bottom:-150px;right:-150px;animation-delay:2s}.welcome-back-glow-3{width:350px;height:350px;background:radial-gradient(circle,rgba(0,180,200,.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:640px;width:auto;padding:48px 40px;background:var(--container-bg, rgba(255, 255, 255, .05));border:1px solid var(--border-subtle, 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(1);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%;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 0 20px rgba(0,196,217,.5))}@keyframes welcomeBackLogoSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.welcome-back-title{font-size:32px;font-weight:800;color:var(--accent-color, #00c4d9);margin:0;letter-spacing:-.5px}.welcome-back-message{margin-bottom:32px}.welcome-back-text{font-size:16px;line-height:1.6;color:var(--text-primary, rgba(255, 255, 255, .8));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:var(--accent-color, #00c4d9);color:var(--text-on-accent, #000);box-shadow:0 4px 16px #00c4d966,inset 0 1px #fff3}.welcome-back-btn.primary:hover{transform:translateY(-2px);background:var(--accent-hover, #00a8b8);box-shadow:0 6px 24px #00c4d980,inset 0 1px #fff3}.welcome-back-btn.primary:active{transform:translateY(0)}.welcome-back-btn.secondary{background:var(--container-bg, rgba(255, 255, 255, .08));border:1px solid var(--border-subtle, rgba(255, 255, 255, .2));color:var(--text-primary, rgba(255, 255, 255, .9));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.welcome-back-btn.secondary:hover{background:var(--container-hover, rgba(255, 255, 255, .12));border-color:var(--accent-color, #00c4d9);color:var(--accent-color, #00c4d9);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 var(--border-subtle, rgba(255, 255, 255, .1))}.welcome-back-hint{font-size:13px;color:var(--text-secondary, rgba(255, 255, 255, .5));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}}body.light-theme .welcome-back-overlay,body[data-theme=light] .welcome-back-overlay{background:var(--background-color, rgba(255, 255, 255, .95))}body.light-theme .welcome-back-btn.primary,body[data-theme=light] .welcome-back-btn.primary{color:var(--text-on-accent, #000)}body.app-sleeping>*:not(#welcome-back-overlay){display:none!important}body.app-sleeping #fabContainer,body.app-sleeping #spinagleMenuWrapper,body.app-sleeping #bottomRightFabContainer,body.app-sleeping #wheelLoadingOverlay{display:none!important;visibility:hidden!important;pointer-events:none!important}.welcome-back-overlay.sleeping{z-index:100002;background:var(--background-color, #0a0a0f);backdrop-filter:none;-webkit-backdrop-filter:none;cursor:pointer}.welcome-back-overlay.sleeping .welcome-back-background{display:none}.welcome-back-overlay.sleeping .welcome-back-content{background:none;border:none;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0;animation:none;opacity:1}.welcome-back-overlay.sleeping .spinagle-logo-large{width:56px;height:56px;margin:0 auto 20px;animation:none;opacity:.5}.welcome-back-overlay.sleeping .spinagle-logo-img{filter:none}.welcome-back-overlay.sleeping .welcome-back-brand{margin-bottom:0}.welcome-back-overlay.sleeping .welcome-back-title{font-size:22px;font-weight:600;color:var(--text-primary, rgba(255, 255, 255, .7));letter-spacing:0}.welcome-back-overlay.sleeping .welcome-back-message{margin-bottom:0;margin-top:12px}.welcome-back-overlay.sleeping .welcome-back-text{font-size:14px;color:var(--text-secondary, rgba(255, 255, 255, .35))}.welcome-back-overlay.sleeping .welcome-back-actions,.welcome-back-overlay.sleeping .welcome-back-footer{display:none}body.light-theme .welcome-back-overlay.sleeping,body[data-theme=light] .welcome-back-overlay.sleeping{background:var(--background-color, #f5f5f5)}@media(max-width:600px){.welcome-back-overlay.sleeping .spinagle-logo-large{width:48px;height:48px}.welcome-back-overlay.sleeping .welcome-back-title{font-size:20px}}@media(max-width:400px){.welcome-back-overlay.sleeping .spinagle-logo-large{width:40px;height:40px}.welcome-back-overlay.sleeping .welcome-back-title{font-size:18px}}.user-intent-popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--color-background-overlay, rgba(0, 0, 0, .85));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;animation:fadeIn .3s ease-out;padding:1rem;box-sizing:border-box}.user-intent-popup{position:relative;background:var(--color-background-elevated, #1c1c1e);border-radius:16px;padding:2rem;max-width:420px;width:100%;box-shadow:0 25px 80px #00000080;animation:slideInUp .4s cubic-bezier(.34,1.56,.64,1);text-align:center;border:1px solid var(--color-border-primary, #2a2a2a);max-height:90vh;overflow-y:auto}.user-intent-close-btn{position:absolute;top:.75rem;right:.75rem;width:32px;height:32px;background:var(--color-surface-hover, #333333);border:none;border-radius:8px;color:var(--color-text-secondary, #b0b0b0);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-brand-primary, #00c4d9);color:var(--color-text-inverse, #0e0e0e)}.user-intent-close-btn:active{transform:scale(.95)}.user-intent-header{margin-bottom:1.5rem}.user-intent-header .spinagle-icon{margin:0 auto 1rem;display:flex;justify-content:center}.user-intent-header .spinagle-icon img{width:56px;height:56px;-o-object-fit:contain;object-fit:contain}.user-intent-title{margin:0 0 .5rem;font-size:1.5rem;font-weight:600;color:var(--color-text-primary, #f5f5f7);line-height:1.3}.user-intent-subtitle{margin:0;font-size:.9rem;color:var(--color-text-secondary, #b0b0b0);line-height:1.4}.intent-options{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.intent-option-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem .75rem;background:var(--color-surface-primary, #141414);border:1px solid var(--color-border-primary, #2a2a2a);border-radius:12px;cursor:pointer;transition:all .2s ease;font-size:.9rem;font-weight:500;color:var(--color-text-primary, #f5f5f7);text-align:center;width:100%;box-sizing:border-box;position:relative;min-height:80px}.intent-option-btn:hover{border-color:var(--color-brand-primary, #00c4d9);background:var(--color-surface-hover, #333333);transform:translateY(-2px)}.intent-option-btn:active{transform:translateY(0)}.intent-option-btn.selected{background:var(--color-brand-primary, #00c4d9);border-color:var(--color-brand-primary, #00c4d9);color:var(--color-text-inverse, #0e0e0e);box-shadow:0 4px 20px #00c4d94d}.intent-option-btn.selected:hover{background:var(--color-brand-dark, #00a3b8);border-color:var(--color-brand-dark, #00a3b8)}.intent-option-btn.selected .option-icon,.intent-option-btn.selected .option-text{color:#fff}.intent-option-btn .option-icon{font-size:1.5rem;color:#fff;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.intent-option-btn .option-text{font-weight:500;font-size:.85rem;line-height:1.2;transition:color .2s ease}.intent-option-btn .option-checkmark{position:absolute;top:6px;right:6px;opacity:0;transform:scale(0);transition:all .3s cubic-bezier(.68,-.55,.27,1.55);display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:#fff;border-radius:50%;color:var(--color-brand-primary, #00c4d9);font-size:.65rem}.intent-option-btn.selected .option-checkmark{opacity:1;transform:scale(1)}.intent-continue-btn{width:100%;margin-top:1.25rem;padding:.875rem 1.5rem;background:var(--color-brand-primary, #00c4d9);color:var(--color-text-inverse, #0e0e0e);border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.intent-continue-btn:hover:not(:disabled){background:var(--color-brand-dark, #00a3b8);transform:translateY(-1px)}.intent-continue-btn:active:not(:disabled){transform:translateY(0)}.intent-continue-btn:disabled{opacity:.4;cursor:not-allowed;background:var(--color-surface-hover, #333333);color:var(--color-text-tertiary, #6a6a6a)}@media(max-width:480px){.user-intent-popup-overlay{padding:.75rem;align-items:flex-end}.user-intent-popup{padding:1.5rem 1.25rem 2rem;border-radius:16px 16px 0 0;max-width:100%;max-height:85vh;animation:slideInFromBottom .4s cubic-bezier(.34,1.56,.64,1)}.user-intent-header{margin-bottom:1.25rem}.user-intent-header .spinagle-icon img{width:48px;height:48px}.user-intent-title{font-size:1.25rem}.user-intent-subtitle{font-size:.85rem}.intent-options{grid-template-columns:1fr;gap:.625rem}.intent-option-btn{flex-direction:row;justify-content:flex-start;gap:.75rem;padding:.875rem 1rem;min-height:auto;text-align:left}.intent-option-btn .option-icon{font-size:1.25rem;min-width:28px}.intent-option-btn .option-text{flex:1;font-size:.9rem}.intent-option-btn .option-checkmark{position:relative;top:auto;right:auto;width:20px;height:20px}.intent-continue-btn{padding:1rem 1.5rem;font-size:1rem;margin-top:1rem;margin-bottom:env(safe-area-inset-bottom,0)}.user-intent-close-btn{top:.5rem;right:.5rem}}@media(max-width:360px){.user-intent-popup{padding:1.25rem 1rem 1.75rem}.user-intent-title{font-size:1.125rem}.intent-option-btn{padding:.75rem .875rem}.intent-option-btn .option-icon{font-size:1.1rem}.intent-option-btn .option-text{font-size:.85rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.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}}#hpcZone{display:none!important}#fpcZone{position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:8500;display:none;justify-content:center;align-items:center;width:100%;height:auto;padding:4px 0;padding-bottom:max(4px,env(safe-area-inset-bottom,0px));margin:0;background:#000;pointer-events:none}body.wheel-view-active.free-user:not(.creator-premium-user) #fpcZone.pcz-active{display:flex!important;pointer-events:auto}body:is(.mode-sorter,.mode-sorter-eliminator) #fpcZone,body:is(.mode-sorter,.mode-sorter-eliminator) #fpcZone.pcz-active,body.wheel-view-active.free-user:is(.mode-sorter,.mode-sorter-eliminator) #fpcZone.pcz-active{display:none!important}body:not(.wheel-view-active) #fpcZone{display:none!important}@media(max-width:768px){body:is(.settings-panel-active,.combined-panel-active,.panel-open) #fpcZone,body:is(.settings-panel-active,.combined-panel-active,.panel-open) #fpcZone.pcz-active,body.wheel-view-active:is(.combined-panel-active,.settings-panel-active) #fpcZone.pcz-active,body.wheel-view-active.free-user:is(.combined-panel-active,.settings-panel-active,.panel-open) #fpcZone.pcz-active{display:none!important}}@media(max-width:768px){body.spinagle-drawer-open #fpcZone,body.spinagle-drawer-open #fpcZone.pcz-active,body.wheel-view-active.spinagle-drawer-open #fpcZone.pcz-active,body.wheel-view-active.free-user.spinagle-drawer-open #fpcZone.pcz-active{display:none!important}}body:is(.user-pro,.user-premium,.user-admin,.creator-premium-user) #fpcZone,body.wheel-view-active:is(.user-pro,.user-premium,.user-admin,.creator-premium-user) #fpcZone{display:none!important}body.wheel-view-active.creator-premium-user #fpcZone.pcz-active,body.wheel-view-active.free-user.creator-premium-user #fpcZone.pcz-active,#fpcZone .flip-wrapper,#fpcZone .promo-unit{display:none!important}#fpcZone .adsbygoogle{display:block;width:728px;height:90px;padding:0;margin:0;pointer-events:auto}.promo-unit{display:flex;justify-content:center;align-items:center;position:relative;width:100%!important;min-width:728px;max-width:728px;height:auto;min-height:50px;margin:8px 0;cursor:pointer}.promo-unit img{width:100%;max-width:728px;height:auto;min-height:90px;max-height:90px;-o-object-fit:cover;object-fit:cover;border-radius:8px}.info-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-promo-area{display:flex;justify-content:center;align-items:center;position:relative;width:100%;max-width:728px;min-height:90px;overflow:hidden;background:var(--container-bg, #f8f9fa)}.shared-promo-area .promo-unit{width:100%;height:auto;min-height:90px;position:relative;cursor:pointer}.shared-promo-area .promo-unit img{width:100%;height:auto;min-height:90px;max-height:90px;-o-object-fit:cover;object-fit:cover;border-radius:0}body:is(.combined-panel-active,.settings-panel-active) .pcz:not(#fpcZone){display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.popup-promo.table-injected{position:relative;width:100%;margin:0;padding:0;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.15);box-sizing:border-box;display:flex;justify-content:center}.popup-campaign-banner{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;width:100%;background-color:var(--container-bg, #1c1c1e);padding:0 4px 32px;max-height:50px;max-width:100%;cursor:pointer;pointer-events:auto;box-sizing:border-box;z-index:1}.popup-campaign-banner img{display:block;width:300px;height:50px;max-height:50px;max-width:300px;-o-object-fit:cover;object-fit:cover;border-radius:8px}.popup-campaign-banner.popup-campaign-banner--study-inline{position:relative;bottom:auto;left:auto;right:auto;z-index:auto;margin:12px auto 8px;padding:8px 4px;border-top:none;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.popup-campaign-banner.popup-campaign-banner--study-inline img{width:100%;max-width:300px;height:auto;max-height:50px;-o-object-fit:contain;object-fit:contain}.results-table>.popup-campaign-banner{max-width:100%;margin:8px 0;padding:4px 0}.results-table>.popup-campaign-banner img{width:100%;height:auto;max-height:90px;-o-object-fit:contain;object-fit:contain;border-radius:6px}.outcome-popup.outcome-persist .results-table>.popup-campaign-banner{max-width:100%;margin:6px 0}.outcome-popup.outcome-persist .results-table>.popup-campaign-banner img{max-height:50px}.popup-promo.table-injected{bottom:auto;left:auto;right:auto}.popup-promo.table-injected.grid-external{max-width:728px;margin:20px auto;padding:8px}.popup-promo.table-injected .promo-unit img{width:100%;max-width:100%;min-height:90px;max-height:90px;height:auto;border-radius:8px;-o-object-fit:contain;object-fit:contain}.popup-promo .promo-unit{cursor:pointer;position:relative;pointer-events:auto;z-index:10}.popup-promo .promo-unit img{width:100%;height:auto;border-radius:6px;pointer-events:auto}.popup-promo .info-overlay{display:none}body.dark-theme .popup-promo{background:var(--modal-bg);border-top-color:#ffffff1a}.disclosure{display:block;text-align:left;font-size:11px;color:#00000073;font-weight:400;letter-spacing:.3px;text-transform:uppercase;padding:0 8px}.disclosure: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 .disclosure{color:#ffffff80}body.dark-theme .disclosure:before{background:#ffffff26}.popup-promo:hover .disclosure{color:#0009}body.dark-theme .popup-promo:hover .disclosure{color:#ffffffa6}@media(max-width:768px){#fpcZone .adsbygoogle{width:320px;height:50px}.promo-unit{min-width:300px;max-width:300px}.popup-promo .promo-unit{min-width:300px!important;max-width:300px!important;margin:0 auto}.popup-promo .promo-unit img{max-width:300px;min-height:50px;max-height:250px;-o-object-fit:contain;object-fit:contain}.popup-promo.table-injected{padding:6px}.popup-promo.table-injected .promo-unit img{max-height:120px}.popup-promo.table-injected.grid-external{max-width:300px}.disclosure{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%;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:1600px;margin:0 auto}#main-view-wheel{display:none}body.wheel-view-active #step-wheel:not(.hidden){display:flex!important}.main-view-header{z-index:10;width:100%;margin-top:48px}.main-view-header-content{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;text-align:center;margin:0 auto;gap:16px;box-sizing:border-box;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;text-align:left;color:var(--text-primary);margin:0;line-height:1.2;width:100%;max-width:100%;white-space:nowrap;box-sizing:border-box}.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;-moz-user-select:text!important;user-select:text!important;-webkit-user-select:text!important}.main-view-search-input::-moz-placeholder{color:var(--text-tertiary)}.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{flex:1;min-width:0;box-sizing:border-box;max-width:100%!important}.main-view-search-filter-wrapper{display:flex;flex-direction:row;width:100%;gap:8px;padding:0 8px;box-sizing:border-box}.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: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: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.user-pro .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}#listPanelContent,#main-view-lists .main-view-header-content{max-width:1600px;padding:0}.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){#listPanelContent,#main-view-lists .main-view-header-content{max-width:100%;padding:0 16px}#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;padding:0 16px}.main-view-title{width:100%;box-sizing:border-box;white-space:normal;line-height:1;text-align:left;position:relative;top:4px;font-size:1.5em!important;padding:0 0 8px}.main-view-content{padding:0;width:100%;box-sizing:border-box}.main-view-content .popular-content-area{width:100%;padding:0 0 0 8px!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:32px 16px;min-height:250px}.empty-state-icon{font-size:40px;width:64px;height:64px;margin-bottom:20px}.empty-state-title{font-size:32px!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:flex;align-items:center;justify-content:center;width:100%;border-radius:8px;overflow:hidden;text-align:center}.banner-img{width:100%;max-height:200px;max-width:1600px;-o-object-fit:cover;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;-o-object-fit:cover;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:40px 0!important;padding:0!important}body:is(.user-pro,.user-premium,.user-admin) .banner-link,body:is(.user-pro,.user-premium,.user-admin) #subscriptionBannerLink,body:is(.user-pro,.user-premium,.user-admin) .banner-link.show-for-free,body:is(.user-pro,.user-premium,.user-admin) #subscriptionBannerLink.show-for-free{display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;margin:0!important;padding:0!important}.main-view-title-row{display:flex;justify-content:space-between;align-items:center;width:100%;gap:16px;padding:0 0 16px;border-bottom:.5px solid var(--border-color, rgba(255, 255, 255, 1))}.main-view-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.main-view-title-left{display:flex;align-items:center;flex-direction:row-reverse;gap:12px;min-width:0}.main-view-title-left .main-view-title{flex:0 1 auto;min-width:0}.explore-category-picker-btn{width:40px;height:40px;border-radius:8px;border:.5px solid var(--border-color, rgba(255, 255, 255, .1));background:var(--surface-secondary, rgba(255, 255, 255, .05))!important;color:var(--text-primary, #fff);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.explore-category-picker-btn:hover{background:#fffc}.explore-category-picker-btn i{font-size:1.1rem;opacity:1;color:#1c1c1e}.explore-home-btn{flex-shrink:0;font-size:2.25rem;border:none;background:transparent;color:var(--text-primary, #fff);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,opacity .15s ease}.explore-home-btn:hover{color:#fffc;transform:scale(1.1);transition:all .2s ease}.explore-home-btn i{font-size:1.75rem}#main-view-explore #exploreBreadcrumb,.explore-subcategory-pills-row.hidden{display:none!important}.explore-subcategory-pills-row{width:100%;box-sizing:border-box;margin:0 0 16px;padding:0}.explore-subcategory-pills-menu{display:flex;gap:12px;overflow-x:auto;padding:8px 0 2px;margin:6px 0 0;-webkit-overflow-scrolling:touch;scrollbar-width:none}.explore-subcategory-pills-menu::-webkit-scrollbar{display:none}.explore-subcategory-pill{flex:0 0 auto;background:var(--input-bg);color:var(--text-primary);border:2px solid transparent;border-radius:16px;padding:8px 14px;font-size:.85rem;font-weight:650;cursor:pointer;transition:all .2s ease;white-space:nowrap}.explore-subcategory-pill:hover{background:var(--hover-bg)}.explore-subcategory-pill.active{background:#fff;color:#000;border-color:#fff}body.light-theme .explore-subcategory-pill.active,body[data-theme=light] .explore-subcategory-pill.active{background:var(--accent-color);color:var(--text-on-accent);border-color:var(--accent-color)}#exploreContentArea .category-pills-container{display:none!important}.explore-category-picker-modal .modal-content{max-width:820px;padding:48px;text-align:left;align-items:stretch}.explore-category-picker-modal-title{margin:0 0 24px;font-size:2rem;font-weight:700;color:var(--text-primary, #fff);text-align:center}.explore-category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;width:100%}.explore-category-grid-btn{width:100%;min-height:72px;text-align:center;display:flex;align-items:center;justify-content:center;background:transparent!important;border:.5px solid var(--border-color, rgba(255, 255, 255, .05))!important;color:var(--text-primary);border:2px solid transparent;border-radius:8px;padding:12px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s ease}.explore-category-grid-btn.reset{background:transparent!important;border:1px dashed var(--border-color, rgba(255, 255, 255, .15))!important;color:var(--text-secondary, #999);font-weight:500;opacity:.7;transition:opacity .2s ease,border-color .2s ease}.explore-category-grid-btn.reset:hover{opacity:1;border-color:var(--text-primary, #fff)!important;color:var(--text-primary, #fff)}.explore-category-grid-btn.grid-btn-placeholder{visibility:hidden;pointer-events:none;border:none!important;background:transparent!important;min-height:0;padding:0;margin:0}.explore-category-grid-btn:hover{background:var(--hover-bg)}.explore-category-grid-btn.active{background:#fff!important;color:#000;border-color:#fff}body.light-theme .explore-category-grid-btn.active,body[data-theme=light] .explore-category-grid-btn.active{background:var(--accent-color);color:var(--text-on-accent);border-color:var(--accent-color)}@media(max-width:520px){.explore-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.header-action-btn{width:40px;height:40px;border-radius:8px;background:var(--surface-secondary, rgba(255, 255, 255, .05));border:.5px solid var(--border-color, rgba(255, 255, 255, .05));color:var(--text-primary, #fff);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.header-action-btn:hover{background:var(--surface-tertiary, rgba(255, 255, 255, .08));border-color:var(--accent-color, #00bcd4)}.header-action-btn.active{background:var(--accent-color, #00bcd4);border-color:var(--accent-color, #00bcd4);color:#fff}.header-action-btn i{font-size:.95rem}.explore-search-row{width:100%;padding-top:12px;transition:all .2s ease}.explore-search-row.hidden{display:none}.explore-search-row .main-view-search-container{width:100%;max-width:100%}body.light-theme .header-action-btn,body[data-theme=light] .header-action-btn{background:var(--surface-secondary, #f5f5f5);border-color:var(--border-color, #e0e0e0);color:var(--text-primary, #333)}body.light-theme .header-action-btn:hover,body[data-theme=light] .header-action-btn:hover{background:var(--surface-tertiary, #e8e8e8)}.main-view-search-filter-wrapper{display:flex;align-items:center;gap:16px;width:100%}.filter-dropdown-container{position:relative;flex-shrink:0;box-sizing:border-box}.search-filter-btn{background:var(--surface-secondary, rgba(255, 255, 255, .05));border:1px solid var(--border-color, rgba(255, 255, 255, .1));color:var(--text-primary, #fff);padding:10px 16px;border-radius:8px;cursor:pointer;font-size:.95em;transition:all .2s ease;display:flex;align-items:center;gap:8px;white-space:nowrap;font-weight:500}.search-filter-btn:hover{background:var(--surface-tertiary, rgba(255, 255, 255, .08));border-color:var(--accent-color, #00bcd4);transform:translateY(-1px)}.search-filter-btn:active{transform:translateY(0)}.search-filter-btn i{font-size:1em}.filter-btn-text{font-size:.95em}.filter-dropdown{position:fixed;top:0;right:0;min-width:280px;max-width:320px;max-height:70vh;overflow-y:auto;background:var(--surface-primary, #1a1a1a);border:1px solid var(--border-color, rgba(255, 255, 255, .2));border-radius:12px;box-shadow:0 8px 24px #0006;z-index:10000;padding:12px;opacity:1;transform:translateY(0);transition:all .2s ease;box-sizing:border-box}.filter-dropdown.hidden{display:none!important;opacity:0;transform:translateY(-10px);pointer-events:none}body.filter-dropdown-open{overflow:hidden;position:fixed;width:100%;height:100%}.filter-dropdown::-webkit-scrollbar{width:6px}.filter-dropdown::-webkit-scrollbar-track{background:var(--surface-secondary, rgba(255, 255, 255, .05));border-radius:3px}.filter-dropdown::-webkit-scrollbar-thumb{background:var(--border-color, rgba(255, 255, 255, .2));border-radius:3px}.filter-dropdown::-webkit-scrollbar-thumb:hover{background:var(--border-color, rgba(255, 255, 255, .3))}.filter-section{display:flex;flex-direction:column;gap:10px;padding:8px 0;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .06))}.filter-section:last-of-type{border-bottom:none}.filter-section-title{font-size:.85em;font-weight:600;color:var(--text-secondary);margin:0;display:flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:.05em}.filter-section-title i{color:var(--accent-color, #00bcd4);font-size:1em}.sort-options-compact{display:flex;gap:8px}.sort-option-label-compact{display:flex;align-items:center;gap:6px;padding:12px;background:var(--surface-secondary, rgba(255, 255, 255, .05));border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.85em;font-weight:500;color:var(--text-primary);flex:1}.sort-option-label-compact:hover{background:var(--surface-tertiary, rgba(255, 255, 255, .08));border-color:var(--accent-color, #00bcd4)}.sort-option-label-compact:has(input[type=radio]:checked){background:var(--accent-color-alpha, rgba(0, 188, 212, .15));border-color:var(--accent-color, #00bcd4)}.sort-option-label-compact input[type=radio]{width:14px;height:14px;cursor:pointer;accent-color:var(--accent-color, #00bcd4)}.sort-option-label-compact span{font-size:.9em}.filter-checkboxes-compact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:0px;-moz-column-gap:8px;column-gap:8px}.filter-checkbox-label-compact{display:flex;align-items:center;gap:8px;padding:12px 10px;background:var(--surface-secondary, rgba(255, 255, 255, .03));border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.9em;font-weight:500;color:var(--text-primary)}.filter-checkbox-label-compact:hover{background:var(--surface-tertiary, rgba(255, 255, 255, .08));border-color:var(--border-color, rgba(255, 255, 255, .1))}.filter-checkbox-label-compact:has(input[type=checkbox]:checked){background:var(--accent-color-alpha, rgba(0, 188, 212, .1));border-color:var(--accent-color, #00bcd4)}.filter-checkbox-label-compact input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--accent-color, #00bcd4)}.filter-checkbox-label-compact i{font-size:.95em;color:var(--text-secondary);transition:color .2s ease}.filter-checkbox-label-compact:has(input[type=checkbox]:checked) i{color:var(--accent-color, #00bcd4)}.filter-checkbox-label-compact span{flex:1;font-size:.9em}@media(max-width:768px){.main-view-search-filter-wrapper{flex-direction:row;gap:12px}.explore-subcategory-pills-menu{padding:8px 8px 2px 16px!important}.search-filter-btn{flex-shrink:0}.filter-btn-text{display:none}.filter-dropdown{position:fixed;inset:0!important;width:100%;height:100vh;max-width:100%;max-height:100vh;border-radius:0;z-index:10000;padding:16px;overflow-y:auto}.filter-dropdown-mobile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .1))}.filter-dropdown-title{font-size:1.25rem;font-weight:600;color:var(--text-primary, #fff);margin:0}.filter-dropdown-close{width:40px;height:40px;min-width:40px;min-height:40px}.filter-dropdown-footer{position:relative;bottom:auto;left:auto;right:auto;padding:16px 0;margin-top:24px;background:var(--container-bg, #1a1a2e);border-top:1px solid var(--border-color, rgba(255, 255, 255, .1))}.filter-apply-btn{width:100%;padding:14px 24px;background:var(--accent-color, #00bcd4);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.filter-apply-btn:hover{background:var(--accent-color-hover, #00a5bb);transform:translateY(-1px)}.filter-apply-btn:active{transform:translateY(0)}}@media(min-width:769px){.filter-btn-text{display:inline}.filter-dropdown-mobile-header,.filter-dropdown-footer,.filter-dropdown-mobile-footer{display:none}}.filter-section:has(#personaFilterCheckboxes){display:none}.search-filter-btn.has-active-filters:after{content:"";position:absolute;top:6px;right:6px;width:8px;height:8px;background:var(--accent-color, #00bcd4);border-radius:50%;box-shadow:0 0 0 2px var(--surface-primary, #1a1a1a)}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-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}.mode-restricted-banner{display:flex;align-items:center;gap:10px;padding:10px 14px;margin-bottom:12px;background:#3b82f61a;border:1px solid rgba(59,130,246,.25);border-radius:8px;font-size:13px;color:var(--text-primary, #333);line-height:1.4}.mode-restricted-banner i{color:#3b82f6;font-size:16px;flex-shrink:0}.mode-restricted-banner.hidden{display:none}[data-theme=dark] .mode-restricted-banner{background:#3b82f626;border-color:#3b82f64d;color:var(--text-primary, #e0e0e0)}@media(max-width:768px){.mode-restricted-banner{padding:8px 12px;font-size:12px;gap:8px}.mode-restricted-banner i{font-size:14px}}.mode-card.wheel-original-mode{position:relative;border-color:#3b82f680;background:#3b82f614}.mode-card.wheel-original-mode:after{content:"Wheel Default";position:absolute;top:4px;right:4px;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;background:#3b82f633;color:#3b82f6;border-radius:4px}[data-theme=dark] .mode-card.wheel-original-mode{border-color:#3b82f666;background:#3b82f61f}[data-theme=dark] .mode-card.wheel-original-mode:after{background:#3b82f64d;color:#60a5fa}.mode-grid-overlay{position:fixed;inset:0;z-index:20000;display:none;align-items:center;justify-content:center;padding:20px;background:#000000bf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.mode-grid-overlay.hidden{display:none!important}.mode-grid-overlay:not(.hidden){display:flex}.mode-grid-backdrop{display:none}.mode-grid-close-btn{position:fixed;top:20px;right:20px;z-index:2;width:48px;height:48px;border-radius:50%;border:none;background:#ffffff26;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.4rem;transition:all .2s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.mode-grid-close-btn:hover{background:#ffffff40;transform:scale(1.05)}.mode-grid-container{position:relative;z-index:1;background:transparent;padding:24px;max-width:880px;width:100%;display:flex;gap:24px;flex-direction:column;align-items:center;justify-content:flex-start;max-height:calc(100vh - 120px);box-sizing:border-box;overflow-x:hidden;height:100%;margin-top:240px}.mode-grid-content-heading{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:0;gap:0px}.mode-grid-header{display:none}.mode-grid-title{color:#fff;font-size:2rem;line-height:1rem;font-weight:600;text-align:center;letter-spacing:.02em}.mode-grid-helper{z-index:2;padding:16px 24px;position:fixed;bottom:120px;background:#00000040;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:8px;color:#ffffff80;font-size:.8rem;font-weight:500;text-align:center;box-sizing:border-box}.mode-grid{display:grid;width:100%;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;box-sizing:border-box}.mode-grid-subtitle{color:#ffffffe6;font-size:.9rem;font-weight:500;text-align:center;margin:16px 0 32px}.mode-grid-card{position:relative;border-radius:8px;cursor:pointer;transition:all .2s ease;max-height:160px;width:100%;overflow:hidden;display:flex;flex-direction:column;aspect-ratio:1 / 1;box-shadow:0 4px 20px #00000040;border:2px solid transparent}.mode-grid-card:hover{transform:scale(1.03);box-shadow:0 8px 30px #00000059}.mode-grid-card[data-mode=spin]{background:var(--fate-accent, #00c4d9)}.mode-grid-card[data-mode=spin] .mode-grid-icon,.mode-grid-card[data-mode=spin] .mode-grid-name{color:#fff}.mode-grid-card[data-mode=spin] .mode-grid-desc{color:#fffc}.mode-grid-card[data-mode=eliminator]{background:var(--fate-eliminator, #ef4444)}.mode-grid-card[data-mode=eliminator] .mode-grid-icon,.mode-grid-card[data-mode=eliminator] .mode-grid-name{color:#fff}.mode-grid-card[data-mode=eliminator] .mode-grid-desc{color:#fffc}.mode-grid-card[data-mode=study]{background:var(--fate-flash, #0f172a)}.mode-grid-card[data-mode=study] .mode-grid-icon,.mode-grid-card[data-mode=study] .mode-grid-name{color:#fff}.mode-grid-card[data-mode=study] .mode-grid-desc{color:#ffffffb3}.mode-grid-card[data-mode=flash]{background:var(--fate-flash-mode, #b45309)}.mode-grid-card[data-mode=flash] .mode-grid-icon,.mode-grid-card[data-mode=flash] .mode-grid-name{color:#fff}.mode-grid-card[data-mode=flash] .mode-grid-desc{color:#ffffffd9}.mode-grid-card[data-mode=trivia],.mode-grid-card[data-mode=quiz]{background:var(--fate-trivia, #7c3aed)}.mode-grid-card[data-mode=trivia] .mode-grid-icon,.mode-grid-card[data-mode=trivia] .mode-grid-name,.mode-grid-card[data-mode=quiz] .mode-grid-icon,.mode-grid-card[data-mode=quiz] .mode-grid-name{color:#fff}.mode-grid-card[data-mode=trivia] .mode-grid-desc,.mode-grid-card[data-mode=quiz] .mode-grid-desc{color:#ffffffd9}.mode-grid-card[data-mode=multi-pick]{background:var(--fate-multi-pick-light, #3b82f6)}.mode-grid-card[data-mode=multi-pick] .mode-grid-icon,.mode-grid-card[data-mode=multi-pick] .mode-grid-name{color:#fff}.mode-grid-card[data-mode=multi-pick] .mode-grid-desc{color:#fffc}.mode-grid-card[data-mode=chase]{background:var(--fate-chase, #f59e0b)}.mode-grid-card[data-mode=chase] .mode-grid-icon,.mode-grid-card[data-mode=chase] .mode-grid-name{color:#1a1a1a}.mode-grid-card[data-mode=chase] .mode-grid-desc{color:#0009}.mode-grid-card[data-mode=sorter]{background:var(--fate-sorter, #10b981)}.mode-grid-card[data-mode=sorter] .mode-grid-icon,.mode-grid-card[data-mode=sorter] .mode-grid-name{color:#fff}.mode-grid-card[data-mode=sorter] .mode-grid-desc{color:#fffc}.mode-grid-card[data-mode=sorter-eliminator]{background:var(--fate-sorter-eliminator, #ec4899)}.mode-grid-card[data-mode=sorter-eliminator] .mode-grid-icon,.mode-grid-card[data-mode=sorter-eliminator] .mode-grid-name{color:#fff}.mode-grid-card[data-mode=sorter-eliminator] .mode-grid-desc{color:#fffc}.mode-grid-card[data-mode=group-sorter]{background:var(--fate-group-sorter, #6366f1)}.mode-grid-card[data-mode=group-sorter] .mode-grid-icon,.mode-grid-card[data-mode=group-sorter] .mode-grid-name{color:#fff}.mode-grid-card[data-mode=group-sorter] .mode-grid-desc{color:#fffc}.mode-grid-card.selected{border-color:#fff;box-shadow:0 0 0 3px #ffffff80,0 8px 30px #00000059}.mode-grid-card.active{border-color:#fff9;box-shadow:0 0 0 2px #ffffff4d,0 4px 20px #00000040}.mode-grid-card-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 8px;text-align:center;gap:4px;flex:1}.mode-grid-icon{font-size:1.5rem;margin-bottom:4px}.mode-grid-name{font-size:1rem;font-weight:800;line-height:1.2}.mode-grid-desc{font-size:.7rem;line-height:1.2}.mode-grid-card-slider{padding:0;border-top:1px solid transparent;display:flex;flex-direction:column;gap:4px;margin-top:auto;max-height:0;opacity:0;overflow:hidden;transition:all .2s ease}.mode-grid-card:hover .mode-grid-card-slider,.mode-grid-card.selected .mode-grid-card-slider,.mode-grid-card.active .mode-grid-card-slider{padding:10px 12px 14px;border-top-color:#fff3;max-height:80px;opacity:1}.mode-grid-card.has-slider:not(.tier-locked):hover,.mode-grid-card.has-slider.selected,.mode-grid-card.has-slider.active{flex-direction:column-reverse}.mode-grid-card.has-slider:not(.tier-locked) .mode-grid-card-slider{transition:none}.mode-grid-card.has-slider:not(.tier-locked):hover .mode-grid-icon,.mode-grid-card.has-slider:not(.tier-locked):hover .mode-grid-desc,.mode-grid-card.has-slider.selected .mode-grid-icon,.mode-grid-card.has-slider.selected .mode-grid-desc,.mode-grid-card.has-slider.active .mode-grid-icon,.mode-grid-card.has-slider.active .mode-grid-desc{display:none}.mode-grid-card.has-slider:not(.tier-locked):hover .mode-grid-card-content,.mode-grid-card.has-slider.selected .mode-grid-card-content,.mode-grid-card.has-slider.active .mode-grid-card-content{flex:0;padding:8px}.mode-grid-card.has-slider:not(.tier-locked):hover .mode-grid-card-slider,.mode-grid-card.has-slider.selected .mode-grid-card-slider,.mode-grid-card.has-slider.active .mode-grid-card-slider{flex:1;max-height:none;padding:24px 12px 12px;border-top:none;align-items:center;justify-content:center}.mode-grid-card.has-slider:not(.tier-locked):hover .mode-grid-slider-value,.mode-grid-card.has-slider.selected .mode-grid-slider-value,.mode-grid-card.has-slider.active .mode-grid-slider-value{font-size:2.5rem;font-weight:800;line-height:1;display:block}.mode-grid-card.has-slider:not(.tier-locked):hover .mode-grid-slider-label,.mode-grid-card.has-slider.selected .mode-grid-slider-label,.mode-grid-card.has-slider.active .mode-grid-slider-label{font-size:.8rem;margin-bottom:6px}.mode-grid-card.has-slider:not(.tier-locked):hover .mode-grid-slider,.mode-grid-card.has-slider.selected .mode-grid-slider,.mode-grid-card.has-slider.active .mode-grid-slider{margin-top:8px}.mode-grid-card.has-slider:not(.tier-locked):hover:not(.selected):not(.active) .mode-grid-slider{pointer-events:none;opacity:.6}.mode-grid-card.has-slider.selected .mode-grid-slider,.mode-grid-card.has-slider.active .mode-grid-slider{pointer-events:auto;opacity:1}.mode-grid-slider-label{font-size:.75rem;color:#ffffffd9;text-align:center;font-weight:500}.mode-grid-slider-value{color:#fff;font-weight:700}.mode-grid-card[data-mode=chase] .mode-grid-slider-label{color:#000000b3}.mode-grid-card[data-mode=chase] .mode-grid-slider-value{color:#1a1a1a}.mode-grid-card-slider .mode-grid-slider{background:#ffffff40}.mode-grid-card[data-mode=chase] .mode-grid-card-slider .mode-grid-slider{background:#00000026}.mode-grid-card-slider .mode-grid-slider::-webkit-slider-thumb{width:16px;height:16px;background:#fff}.mode-grid-card-slider .mode-grid-slider::-moz-range-thumb{width:16px;height:16px;background:#fff}.mode-grid-card.tier-locked{background:#3c3c4140!important;cursor:not-allowed}.mode-grid-card.tier-locked .mode-grid-icon,.mode-grid-card.tier-locked .mode-grid-name{color:#ffffff80!important}.mode-grid-card.tier-locked .mode-grid-desc{color:#ffffff59!important}.mode-grid-card.tier-locked:after{position:absolute;top:8px;right:8px;font-family:"Font Awesome 6 Free";font-weight:900;content:"";font-size:.85rem;color:#fff9}.mode-grid-card.tier-locked:hover{transform:none;box-shadow:0 4px 20px #00000040}.mode-grid-card.tier-locked:hover .mode-grid-card-slider{max-height:0;opacity:0;padding:0}.mode-grid-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;background:#ffffff40;border-radius:4px;outline:none;cursor:pointer;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.mode-grid-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#fff;border-radius:50%;cursor:pointer;-webkit-transition:transform .15s ease;transition:transform .15s ease;box-shadow:0 2px 6px #0000004d}.mode-grid-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.mode-grid-slider::-moz-range-thumb{width:20px;height:20px;background:#fff;box-shadow:0 2px 6px #0000004d;border-radius:50%;cursor:pointer;border:none}body.light-theme .mode-grid-backdrop,body[data-theme=light] .mode-grid-backdrop{background:#00000080}@media(max-width:600px){.mode-grid-overlay{background:#000000e6}.mode-grid-card{aspect-ratio:unset;min-height:120px}.mode-grid-card-content{padding:8px}.mode-grid-icon{font-size:1.3rem}.mode-grid-name{font-size:.8rem}.mode-grid-desc{font-size:.65rem}.mode-grid-helper{bottom:0;width:100%;font-size:1rem;padding:16px 14px}}@media(max-width:480px){.mode-grid-overlay{padding:0}.mode-grid-card-content{padding:12px 6px}.mode-grid-card{border-radius:8px}.mode-grid-icon{font-size:1.4rem;margin-bottom:2px}.mode-grid-name{font-size:1.2rem}.mode-grid-desc{font-size:.85rem}.mode-grid-close-btn{width:32px;height:32px;top:10px;right:10px;font-size:1rem}.mode-grid-helper{margin-top:12px;padding:16px 12px;font-size:1rem}}@media(max-width:380px){.mode-grid-icon{font-size:1.75rem;margin-bottom:2px}.mode-grid-name{font-size:1rem}.mode-grid-desc{display:none}.mode-grid-settings-indicator{top:4px;right:4px;font-size:.55rem}.mode-grid-card.tier-locked:after{top:4px;left:4px;font-size:.55rem}}@supports (padding-bottom: env(safe-area-inset-bottom)){.mode-grid-container{padding-bottom:calc(20px + env(safe-area-inset-bottom))}@media(max-width:600px){.mode-grid-container{padding-bottom:calc(16px + env(safe-area-inset-bottom))}}}@media(prefers-reduced-motion:reduce){.mode-grid-overlay,.mode-grid-container,.mode-grid-card,.mode-grid-settings,.mode-grid-slider::-webkit-slider-thumb{-webkit-transition:none;transition:none}}@media(max-width:1024px){.mode-grid-container{margin-top:0}}:root{--menu-top: 16px;--menu-left: 16px;--menu-bottom: auto;--menu-z: 1000;--menu-padding: 4px;--menu-radius: 16px;--menu-bg: rgb(255, 255, 255, .2);--menu-border: 1px solid var(--border-dark);--menu-btn-padding: 8px;--menu-btn-radius: 12px;--menu-logo-size: 32px;--menu-logo-size-mobile: 24px;--menu-logo-radius: 4px;--menu-carat-size: .85rem;--menu-carat-weight: 800;--menu-carat-rotation: 0deg;--menu-carat-rotation-open: 180deg;--menu-dropdown-min-w: 200px;--menu-dropdown-radius: 12px;--menu-dropdown-z: 20000;--menu-dropdown-top: calc(100% + 6px) ;--menu-dropdown-bottom: auto;--menu-dropdown-transform-closed: translateY(-8px);--menu-dropdown-transform-open: translateY(0);--menu-dropdown-transform-open-with-ad: translateY(-148px);--menu-item-padding: 10px 14px;--menu-item-font: .875rem;--menu-item-gap: 10px;--menu-item-icon-size: .875rem;--menu-item-icon-width: 18px;--fab-size: 48px;--fab-radius: 12px;--fab-font: 1.25rem;--fab-spinning-opacity: .15;--fab-mobile-size: 36px;--fab-mobile-radius: 8px;--fab-mobile-font: 1.25rem;--fab-mobile-bottom-default: 24px;--fab-mobile-bottom-with-promo: 59px;--fab-mobile-bottom-with-ad: 80px;--fab-mobile-bottom-with-ad-and-promo: calc(var(--fab-mobile-bottom-with-ad) + var(--promo-height));--menu-mobile-top: auto;--menu-mobile-left: 8px;--menu-mobile-bottom: var(--menu-mobile-bottom-default, 8px);--menu-mobile-radius: 12px;--menu-mobile-btn-padding: 7px 12px 7px 8px;--menu-mobile-btn-radius: 8px;--menu-mobile-logo-size: 24px;--menu-mobile-carat-rotation: 180deg;--menu-mobile-carat-rotation-open: 0deg;--menu-mobile-dropdown-min-w: 220px;--menu-mobile-dropdown-radius: 12px;--menu-mobile-dropdown-top: auto;--menu-mobile-dropdown-bottom: calc(100% + 6px) ;--menu-mobile-dropdown-transform-closed: translateY(8px);--menu-mobile-dropdown-transform-open: translateY(0);--menu-mobile-item-padding: 14px 16px;--menu-mobile-item-font: 1.25rem;--menu-mobile-item-gap: 12px;--menu-mobile-item-icon-size: 1.25rem;--menu-mobile-item-icon-width: 32px}.fab{display:flex;width:var(--fab-size);height:var(--fab-size);background:var(--container-bg);color:var(--text-primary);border:none;border-radius:var(--fab-radius);align-items:center;justify-content:center;font-size:var(--fab-font);cursor:pointer;transition:all .2s ease;position:relative;box-shadow:var(--shadow-small)}.fab:hover{background:var(--container-bg);color:var(--accent-color, #00c4d9);border-color:var(--accent-color, #00c4d9);box-shadow:var(--shadow-medium)}.fab:active{transform:scale(.95)}.top-right-controls{position:fixed;top:16px;right:16px;display:none;flex-direction:row;align-items:center;gap:4px;z-index:15000;background-color:var(--menu-bg);border:var(--menu-border);padding:var(--menu-padding);border-radius:var(--menu-radius)}.fab-group.fab-group-wheel-peek{display:none}#volumeToggleDesktopBtn.muted i:before{content:""}.quick-controls-btn{position:relative;background:var(--text-primary);color:var(--container-bg);border:.5px solid var(--border-light);padding:10px 12px;border-radius:8px;font-size:.95rem;font-weight:600;box-shadow:0 2px 4px #0000001a;transition:all .2s ease;cursor:pointer;outline:none;display:flex;align-items:center;justify-content:center}.quick-controls-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.quick-controls-btn:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}@media(min-width:769px){.wheel-type-indicator,.spin-speed-btn{display:none!important}}.wheel-offscreen-banner{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:19000;display:flex;align-items:center;gap:10px;padding:14px 24px;border-radius:12px;background:#000000bf;color:#fff;font-size:14px;font-weight:500;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 20px #0000004d;transition:opacity .25s ease,transform .25s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.wheel-offscreen-banner:hover{background:#000000d9;transform:translate(-50%,-50%) scale(1.03)}.wheel-offscreen-banner.hidden{display:none}.wheel-offscreen-banner i{font-size:16px;opacity:.8}.quick-controls-popover{position:fixed;z-index:10000;background:var(--container-bg);border:1px solid var(--border-color, rgba(255, 255, 255, .08));border-top:4px solid var(--accent-color, #00c4d9);border-radius:16px;box-shadow:0 4px 16px #00000026;width:320px;min-width:280px;max-width:calc(100vw - 32px);bottom:auto;left:16px;right:auto;white-space:normal;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;padding-bottom:env(safe-area-inset-bottom,0)}.quick-controls-popover.qc-dragging{box-shadow:0 8px 32px #00000040}.qc-dragging .qc-header{cursor:grabbing}.qc-body{padding:10px 10px 34px;transition:max-height .25s ease,padding .25s ease,opacity .2s ease;max-height:min(600px,70vh);max-height:min(600px,70dvh);overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;opacity:1}.qc-collapsed .qc-body{max-height:0;padding:0 10px;opacity:0}.qc-collapsed .qc-header-drag-icon{transform:rotate(90deg)}.quick-controls-popover .qc-row,.quick-controls-popover .qc-slider,.quick-controls-popover .qc-toggle,.quick-controls-popover .qc-type-btn,.quick-controls-popover .qc-reset,.quick-controls-popover .qc-nav-row{cursor:pointer}.quick-controls-popover .qc-view{display:none}.quick-controls-popover .qc-view.is-active{display:block}.qc-nav-row{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;padding:10px 8px;margin:0;border:none;border-radius:10px;background:transparent;font:inherit;text-align:left;color:var(--text-primary);gap:8px}.qc-nav-row:hover{background:#ffffff0f}:is(body.light-theme,body[data-theme=light]) .qc-nav-row:hover{background:#0000000d}.qc-nav-label{flex:1;font-size:13px;font-weight:600;min-width:0}.qc-nav-stack{display:flex;flex-direction:column;align-items:flex-start;gap:2px;flex:1;min-width:0}.qc-nav-stack .qc-nav-label{flex:none}.qc-nav-sublabel{font-size:11px;font-weight:500;color:var(--text-secondary);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.qc-nav-chevron{font-size:11px;color:var(--text-secondary);opacity:.7;flex-shrink:0}.qc-back{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;margin:0;flex-shrink:0;border:none;border-radius:8px;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:14px;transition:background .15s,color .15s}.qc-back:hover{background:#ffffff14;color:var(--text-primary)}.quick-controls-popover .qc-header-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.quick-controls-popover[data-qc-view=root] .qc-back[hidden]{display:none!important}.quick-controls-popover.hidden{display:none}:is(#qcViewModeControls,#qcViewInnerCircle,#qcViewAnimateMode) #modeGroupConfig{display:block}:is(#qcViewModeControls,#qcViewInnerCircle,#qcViewAnimateMode) .background-color-group{padding:0;margin:0;background:none;border:none}:is(#qcViewModeControls,#qcViewInnerCircle,#qcViewAnimateMode) .qc-mc-section{display:flex;flex-direction:column;gap:8px;padding:10px 0}:is(#qcViewModeControls,#qcViewInnerCircle,#qcViewAnimateMode) .qc-mc-section-label{font-size:12px;font-weight:600;color:var(--text-secondary);margin:0}:is(#qcViewModeControls,#qcViewInnerCircle,#qcViewAnimateMode) .qc-mc-switch{position:relative;display:inline-flex;width:34px;height:18px;flex-shrink:0;cursor:pointer}:is(#qcViewModeControls,#qcViewInnerCircle,#qcViewAnimateMode) .qc-mc-switch input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}:is(#qcViewModeControls,#qcViewInnerCircle,#qcViewAnimateMode) .qc-mc-track{position:absolute;inset:0;border-radius:9px;background:#ffffff26;transition:background .2s}:is(#qcViewModeControls,#qcViewInnerCircle,#qcViewAnimateMode) .qc-mc-thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px #00000040}:is(#qcViewModeControls,#qcViewInnerCircle,#qcViewAnimateMode) .qc-mc-switch input:checked~.qc-mc-track{background:var(--accent-color, #00c4d9)}:is(#qcViewModeControls,#qcViewInnerCircle,#qcViewAnimateMode) .qc-mc-switch input:checked~.qc-mc-track .qc-mc-thumb{transform:translate(16px)}:is(#qcViewModeControls,#qcViewInnerCircle,#qcViewAnimateMode) .inner-circle-controls,:is(#qcViewModeControls,#qcViewInnerCircle,#qcViewAnimateMode) .race-animate-controls{display:flex;flex-direction:column;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.07);background:none;border-left:none;border-right:none;border-bottom:none}:is(body.light-theme,body[data-theme=light]) :is(#qcViewModeControls,#qcViewInnerCircle,#qcViewAnimateMode) .inner-circle-controls,:is(body.light-theme,body[data-theme=light]) :is(#qcViewModeControls,#qcViewInnerCircle,#qcViewAnimateMode) .race-animate-controls{border-top-color:#00000012}:is(#qcViewModeControls,#qcViewInnerCircle,#qcViewAnimateMode) .visual-option-group.qc-mc-chips{display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0;background:none;border:none}:is(#qcViewModeControls,#qcViewInnerCircle,#qcViewAnimateMode) .visual-option-group.qc-mc-chips .visual-option{display:inline-flex;flex-direction:row;align-items:center;gap:5px;padding:5px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:transparent;cursor:pointer;font-size:12px;font-weight:600;color:var(--text-secondary);transition:background .15s,border-color .15s,color .15s;min-width:0;min-height:0;box-shadow:none}:is(#qcViewModeControls,#qcViewInnerCircle,#qcViewAnimateMode) .visual-option-group.qc-mc-chips .visual-option.active{background:#00c4d91f;border-color:var(--accent-color, #00c4d9);box-shadow:0 0 0 2px #00c4d933;color:var(--accent-color, #00c4d9)}:is(body.light-theme,body[data-theme=light]) :is(#qcViewModeControls,#qcViewInnerCircle,#qcViewAnimateMode) .visual-option-group.qc-mc-chips .visual-option.active{background:#00c4d91a;box-shadow:0 0 0 2px #00c4d926}:is(body.light-theme,body[data-theme=light]) :is(#qcViewModeControls,#qcViewInnerCircle,#qcViewAnimateMode) .visual-option-group.qc-mc-chips .visual-option{border-color:#0000001f}:is(#qcViewModeControls,#qcViewInnerCircle,#qcViewAnimateMode) .visual-option-group.qc-mc-chips .visual-option-icon{font-size:12px;margin:0;color:inherit}:is(#qcViewModeControls,#qcViewInnerCircle,#qcViewAnimateMode) .visual-option-group.qc-mc-chips .visual-option-label,:is(#qcViewModeControls,#qcViewInnerCircle,#qcViewAnimateMode) .visual-option-group.qc-mc-chips .option-label{font-size:11px;font-weight:600;margin:0;color:inherit}:is(#qcViewModeControls,#qcViewInnerCircle,#qcViewAnimateMode) .line-style-options.qc-mc-chips .visual-option{flex-direction:column;gap:3px;min-width:56px;justify-content:center;padding:6px 8px}:is(#qcViewModeControls,#qcViewInnerCircle,#qcViewAnimateMode) .line-style-preview{width:32px;height:10px}:is(#qcViewModeControls,#qcViewInnerCircle,#qcViewAnimateMode) .qc-mc-select{width:100%;padding:8px 10px;font-size:12px;font-weight:500;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#00000038;color:var(--text-primary);cursor:pointer;box-sizing:border-box;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}:is(body.light-theme,body[data-theme=light]) :is(#qcViewModeControls,#qcViewInnerCircle,#qcViewAnimateMode) .qc-mc-select{background:#ffffffeb;border-color:#0000001f}:is(#qcViewModeControls,#qcViewInnerCircle,#qcViewAnimateMode) .qc-color-swatch{width:40px;height:28px;padding:0;border:1px solid rgba(255,255,255,.15);border-radius:6px;cursor:pointer;background:transparent;flex-shrink:0}:is(body.light-theme,body[data-theme=light]) :is(#qcViewModeControls,#qcViewInnerCircle,#qcViewAnimateMode) .qc-color-swatch{border-color:#00000026}.qc-mode-config-hint{font-size:11px;line-height:1.35;color:var(--text-secondary);margin:0 0 10px;padding:0 4px}.qc-nav-row:disabled,.qc-nav-row.qc-nav-row-disabled{cursor:not-allowed;opacity:.45;pointer-events:none}.qc-nav-row:disabled:hover,.qc-nav-row.qc-nav-row-disabled:hover{background:transparent}@media(hover:hover){.spinagle-menu-wrapper:hover .spinagle-menu-dropdown{opacity:1;visibility:visible;transform:var(--menu-dropdown-transform-open)}.spinagle-menu-wrapper:hover .spinagle-menu-carat{transform:rotate(var(--menu-carat-rotation-open))}}.qc-row{display:flex;align-items:center;gap:8px;padding:8px 4px}.qc-icon{width:16px;text-align:center;font-size:13px;color:var(--text-secondary);flex-shrink:0}.qc-label{font-size:12px;font-weight:600;color:var(--text-primary);flex:1;min-width:0}.qc-toggle{background:none;border:none;padding:0;cursor:pointer;flex-shrink:0}.qc-toggle-track{display:block;width:34px;height:18px;border-radius:9px;background:#3c3c3c;position:relative;transition:background .2s ease;pointer-events:none}.qc-toggle.active .qc-toggle-track{background:var(--accent-color, #00c4d9)}.qc-toggle-thumb{display:block;width:14px;height:14px;border-radius:50%;background:#fff;position:absolute;top:2px;left:2px;transition:transform .2s ease;box-shadow:0 1px 3px #0003}.qc-toggle.active .qc-toggle-thumb{transform:translate(16px)}.qc-divider{height:1px;background:var(--border-color, #3c3c3c);margin:4px 0}.qc-reset{cursor:pointer}.qc-reset:hover{color:var(--accent-color)}.qc-slider-row{flex-wrap:nowrap}.quick-controls-popover input[type=range].qc-slider{flex:1 1 auto;width:auto;min-width:50px}.quick-controls-popover .qc-label .help-tip-icon{display:none!important}.qc-wheel-type-row{flex-wrap:wrap;row-gap:8px}.qc-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;min-width:0;height:4px;background:#3c3c3c;border-radius:2px;cursor:pointer;accent-color:var(--accent-color, #00c4d9);touch-action:pan-y;-webkit-tap-highlight-color:transparent}.qc-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--accent-color, #00c4d9);border:2px solid #ffffff;border-radius:50%;cursor:pointer;box-shadow:0 1px 4px #00000026}.qc-slider::-moz-range-thumb{width:16px;height:16px;background:var(--accent-color, #00c4d9);border:2px solid #ffffff;border-radius:50%;cursor:pointer;box-shadow:0 1px 4px #00000026}.qc-value{font-size:11px;font-weight:600;color:var(--text-secondary);min-width:32px;text-align:right;flex-shrink:0}.qc-type-buttons{display:flex;gap:4px;margin-left:auto}.qc-type-btn{width:30px;height:30px;border-radius:6px;border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.qc-type-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.qc-type-btn.active{background:var(--accent-color);border-color:var(--accent-color);color:#fff}#fabContainer{background-color:var(--menu-bg)!important;border:var(--menu-border)!important;padding:var(--menu-padding);border-radius:var(--menu-radius);display:none;flex-direction:column-reverse;gap:8px;align-items:center}@media(min-width:769px){#fabContainer{display:none!important}}.fab-group{display:flex;align-items:center;justify-content:center;background:transparent;border:none;box-shadow:none;padding:0}.fab-group-primary{flex-direction:column;gap:4px}.fab-secondary-group{display:none}body.wheel-mode-editable:has(#step-wheel:not(.hidden)) .spinagle-menu-wrapper{display:block!important;visibility:visible!important}body.question-view-active #navToggleFab,body.question-view-active .spinagle-menu-wrapper,body.settings-panel-open #navToggleFab{display:none!important}#showResultsBtn,body.combined-panel-active #showResultsBtn{display:none}#listSelectorFab,#listSelectorFabFree{display:none!important}#autoSpinToggleDesktop{display:flex}body.mode-spin #autoSpinToggleDesktop,body.mode-study #autoSpinToggleDesktop,body.mode-flash #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}}.fab.update-mode{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border-color:#2980b9}.fab.update-mode:hover{background:linear-gradient(135deg,#5dade2,#3498db);color:#fff}.fab.update-mode.has-changes,.fab.update-mode.fab-has-changes{animation:save-button-pulse-update-mode 2s ease-in-out infinite}@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(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 .top-right-controls{display:flex!important}body.wheel-mode-editable .spinagle-menu-wrapper{display:block!important}body.wheel-mode-shared #fabContainer,body.shared-wheel-mode #fabContainer{display:flex!important}body.wheel-mode-shared.mode-spin .fab-group-primary,body.shared-wheel-mode.mode-spin .fab-group-primary,body.remix-mode #navToggleFab,body.remix-mode.mode-spin .fab-group-primary{display:none!important}#remixWheelFab,.fab-group-remix{display:none}body.remix-mode #remixWheelFab,body.remix-mode .fab-group-remix{display:flex}body.wheel-mode-embed #remixWheelFab,body.wheel-mode-branded #remixWheelFab,body.wheel-mode-embed .fab-group-remix,body.wheel-mode-branded .fab-group-remix,body.combined-panel-active #remixWheelFab,body.combined-panel-active .fab-group-remix,body.wheel-mode-embed #navToggleFab,body.wheel-mode-embed #navToggleFabFree,body.wheel-mode-embed #autoSpinToggleDesktop,body.wheel-mode-embed .spinagle-menu-wrapper,body.wheel-mode-embed #fabContainer,body.wheel-mode-embed .top-right-controls,body.wheel-mode-branded #navToggleFab,body.wheel-mode-branded #autoSpinToggleDesktop,body.wheel-mode-branded .spinagle-menu-wrapper,body.wheel-mode-branded .top-right-controls{display:none!important}body.wheel-view-active .top-right-controls{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;overflow:hidden}.slow-spin-fab.spin-btn-no-sheen{backdrop-filter:none!important;box-shadow:0 6px 20px var(--shadow-dark),0 2px 10px var(--shadow-light)!important}.slow-spin-fab .spin-btn-inner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:inherit}.slow-spin-fab.spin-btn-faceted{border-radius:0;clip-path:var(--spin-btn-clip);transform:translate(-50%,-50%) rotate(var(--spin-btn-rotation, 0deg))}.slow-spin-fab.spin-btn-faceted .spin-btn-inner{border-radius:0;transform:rotate(calc(-1 * var(--spin-btn-rotation, 0deg)))}.slow-spin-fab i{font-size:60px;transition:transform .3s ease}body.combined-panel-active .slow-spin-fab{display:flex;pointer-events:auto}@media(min-width:769px){body.combined-panel-active .slow-spin-fab{display:flex;pointer-events:auto}}body.combined-panel-active .create-wheel-fab{display:none}@media(hover:hover){.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.spin-btn-no-sheen:hover{box-shadow:0 8px 25px var(--shadow-dark)!important}.slow-spin-fab.spin-btn-faceted:hover{transform:translate(-50%,-50%) rotate(var(--spin-btn-rotation, 0deg)) scale(1.05)}.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.spin-btn-faceted:active{transform:translate(-50%,-50%) rotate(var(--spin-btn-rotation, 0deg)) scale(.95)}.slow-spin-fab:active i{transform:scale(.9)}.slow-spin-fab.playing:hover{color:var(--pointer-color);border-color:var(--wheel-border-color)}}.slow-spin-fab.playing{cursor:not-allowed;opacity:1;animation:scalePulse 1.5s infinite ease-in-out}.spinagle-menu-wrapper{position:fixed;top:var(--menu-top);left:var(--menu-left);bottom:var(--menu-bottom);z-index:var(--menu-z);display:none;background-color:var(--menu-bg);border:var(--menu-border);padding:var(--menu-padding);border-radius:var(--menu-radius)}#wheelViewBackBtn{display:flex;align-items:center;gap:8px;padding:var(--menu-btn-padding);background:var(--container-bg);color:var(--text-primary);border:none;cursor:pointer;transition:all .2s ease;font-size:0;line-height:1;border-radius:var(--menu-btn-radius);z-index:15000}#wheelViewBackBtn:hover{opacity:.8}#wheelViewBackBtn:active{transform:scale(.95)}.spinagle-menu-logo{width:var(--menu-logo-size);height:var(--menu-logo-size);border-radius:var(--menu-logo-radius);flex-shrink:0}.spinagle-menu-carat{font-size:var(--menu-carat-size);font-weight:var(--menu-carat-weight);color:var(--text-primary);transition:transform .2s ease;opacity:.7;transform:rotate(var(--menu-carat-rotation))}.spinagle-menu-wrapper.open .spinagle-menu-carat{transform:rotate(var(--menu-carat-rotation-open))}.spinagle-menu-dropdown{position:absolute;top:var(--menu-dropdown-top);bottom:var(--menu-dropdown-bottom);left:0;min-width:var(--menu-dropdown-min-w);background:var(--container-bg);border:1px solid rgba(255,255,255,.1);border-radius:var(--menu-dropdown-radius);box-shadow:var(--shadow-medium, 0 8px 24px rgba(0, 0, 0, .3));padding:0;opacity:0;visibility:hidden;transform:var(--menu-dropdown-transform-closed);transition:opacity .15s ease,transform .15s ease,visibility .15s ease;z-index:var(--menu-dropdown-z)}.spinagle-menu-wrapper.open .spinagle-menu-dropdown{opacity:1;visibility:visible;transform:var(--menu-dropdown-transform-open)}.spinagle-menu-backdrop{display:none}.spinagle-menu-item{display:flex;align-items:center;gap:var(--menu-item-gap);width:100%;padding:var(--menu-item-padding);background:none;border:none;color:var(--text-primary);font-size:var(--menu-item-font);font-family:inherit;cursor:pointer;transition:background .15s ease;text-align:left;white-space:nowrap}.spinagle-menu-item:first-child{border-radius:var(--menu-dropdown-radius) var(--menu-dropdown-radius) 0 0}.spinagle-menu-item:last-child{border-radius:0 0 var(--menu-dropdown-radius) var(--menu-dropdown-radius)}.spinagle-menu-item:hover{background:var(--hover-bg, rgba(255, 255, 255, .1))}.spinagle-menu-item:active{background:var(--hover-bg, rgba(255, 255, 255, .15))}.spinagle-menu-item i{width:var(--menu-item-icon-width);text-align:center;font-size:var(--menu-item-icon-size);opacity:.8;flex-shrink:0}.spinagle-menu-item span{flex:1}.spinagle-menu-divider{height:1px;background:var(--border-dark);margin:4px 10px}.spinagle-menu-item.fab-has-changes,.spinagle-menu-item.has-changes,.spinagle-menu-item.update-mode{animation:none!important;background:none!important;box-shadow:none!important;transform:none!important;border-color:transparent!important}.spinagle-menu-item.fab-has-changes:hover,.spinagle-menu-item.has-changes:hover,.spinagle-menu-item.update-mode:hover{background:var(--hover-bg, rgba(255, 255, 255, .1))!important}.spinagle-menu-item:before{display:none!important}.spinagle-menu-item[title]{pointer-events:auto}body.wheelIsSpinning .spinagle-menu-wrapper,body.wheelIsSpinning #fabContainer,body.wheelIsSpinning .top-right-controls,body.autospinActive .spinagle-menu-wrapper,body.autospinActive #fabContainer,body.autospinActive .top-right-controls{opacity:var(--fab-spinning-opacity)!important;pointer-events:auto!important;transition:opacity .3s ease-out!important}body.wheelIsSpinning .spinagle-menu-wrapper:hover,body.wheelIsSpinning #fabContainer:hover,body.wheelIsSpinning .top-right-controls:hover,body.autospinActive .spinagle-menu-wrapper:hover,body.autospinActive #fabContainer:hover,body.autospinActive .top-right-controls:hover,body.wheelIsSpinning .spinagle-menu-wrapper:focus-within,body.wheelIsSpinning #fabContainer:focus-within,body.wheelIsSpinning .top-right-controls:focus-within,body.autospinActive .spinagle-menu-wrapper:focus-within,body.autospinActive #fabContainer:focus-within,body.autospinActive .top-right-controls:focus-within{opacity:1!important}body:not(.wheelIsSpinning):not(.autospinActive) .spinagle-menu-wrapper,body:not(.wheelIsSpinning):not(.autospinActive) #fabContainer,body:not(.wheelIsSpinning):not(.autospinActive) .top-right-controls{opacity:1!important;pointer-events:auto!important;transition:opacity .3s ease-out!important}@media(max-width:768px){#quickControlsBtn,body.combined-panel-active .spinagle-menu-wrapper,body.combined-panel-active #fabContainer,body.combined-panel-active .fab-group-fullscreen,body.combined-panel-active .fab-group-volume{display:none!important}}body.combined-panel-active .top-right-controls{right:calc(var(--panel-width-effective) + 16px)}.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}#bottomRightFabContainer{position:absolute;bottom:24px;right:24px;display:none;flex-direction:column;justify-content:flex-end;align-items:center;height:128px;gap:16px;pointer-events:auto}body.wheel-view-active #bottomRightFabContainer,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);-webkit-user-select:none;-moz-user-select:none;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);-webkit-user-select:none;-moz-user-select:none;user-select:none}body:not(.wheel-view-active) .create-wheel-fab{display:flex!important}body.combined-panel-active .create-wheel-fab{display:none!important}body.text-input-focused .create-wheel-fab,body.text-input-focused #mainCreateWheelFab,body:not(.wheel-view-active).text-input-focused .create-wheel-fab,body.question-editing .create-wheel-fab,body.question-editing #mainCreateWheelFab{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events: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}#showResultsBtn{display:flex!important}@media(max-width:768px){.fab{width:var(--fab-mobile-size);height:var(--fab-mobile-size);min-width:var(--fab-mobile-size);min-height:var(--fab-mobile-size);max-width:var(--fab-mobile-size);max-height:var(--fab-mobile-size);font-size:var(--fab-mobile-font);text-transform:none!important;border-radius:var(--fab-mobile-radius)}.quick-controls-popover{left:max(12px,env(safe-area-inset-left,0px))!important;right:max(12px,env(safe-area-inset-right,0px))!important;width:auto!important;max-width:none!important;min-width:0!important}.fab-group-fullscreen{display:none!important}#fullscreenToggleDesktopBtn{display:none!important;visibility:hidden!important;pointer-events:none!important}.fab-group-wheel-peek{display:none!important}body.combined-panel-active .fab-group-wheel-peek{display:flex!important}.top-right-controls{display:flex;visibility:visible;opacity:1;pointer-events:auto;top:12px!important;border-radius:var(--menu-mobile-radius)}body.combined-panel-active .top-right-controls{right:8px}.spinagle-menu-logo{width:var(--menu-logo-size-mobile);height:var(--menu-logo-size-mobile)}body:has(#textQuestionInput:focus) #voiceToggleBtn{display:none!important}#fabContainer{border-radius:var(--menu-mobile-radius)!important}.slow-spin-fab{width:200px;height:200px}.slow-spin-fab i{font-size:36px}#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:absolute;bottom:16px!important;right:16px!important;display:flex!important}body.mode-spin #showResultsBtn{display:none!important}.create-wheel-fab,body:not(.wheel-view-active) .create-wheel-fab,#mainCreateWheelFab{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.input-buttons-container .voice-input-fab{width:40px!important;height:40px!important;border-radius:8px!important;font-size:16px!important;display:flex!important;position:relative!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;box-shadow:0 2px 4px #00000026!important;pointer-events:auto!important;touch-action:manipulation!important;cursor:pointer!important;-webkit-tap-highlight-color:transparent}body.wheel-view-active #bottomRightFabContainer .voice-input-fab{width:48px!important;height:48px!important;display:flex!important}}@media(max-width:480px){.input-buttons-container .voice-input-fab{width:32px!important;height:32px!important;font-size:21px!important;border:none!important;box-shadow:none!important}.spinagle-menu-wrapper{top:var(--menu-mobile-top);left:var(--menu-mobile-left);bottom:var(--menu-mobile-bottom);border-radius:var(--menu-mobile-radius)!important}#wheelViewBackBtn{padding:var(--menu-mobile-btn-padding);border-radius:var(--menu-mobile-btn-radius)!important}.spinagle-menu-logo{width:var(--menu-mobile-logo-size);height:var(--menu-mobile-logo-size)}.spinagle-menu-carat{transform:rotate(var(--menu-mobile-carat-rotation))}.spinagle-menu-wrapper.open .spinagle-menu-carat{transform:rotate(var(--menu-mobile-carat-rotation-open))}.spinagle-menu-dropdown{position:fixed;inset:auto 0 0;min-width:unset;width:100%;max-height:70vh;border-radius:20px 20px 0 0;padding:8px 0 calc(env(safe-area-inset-bottom,0px) + 12px);transform:translateY(100%);opacity:1;visibility:hidden;transition:transform .32s cubic-bezier(.32,.72,0,1),visibility .32s;box-shadow:0 -4px 32px #0006;overflow-y:auto;-webkit-overflow-scrolling:touch}body.free-user .spinagle-menu-dropdown{padding-bottom:120px}.spinagle-menu-wrapper.open .spinagle-menu-dropdown{transform:translateY(0);visibility:visible;opacity:1}.spinagle-menu-dropdown:before{content:"";display:block;width:36px;height:4px;border-radius:2px;background:#ffffff40;margin:4px auto 12px}.spinagle-menu-backdrop{display:block;position:fixed;inset:0;background:#00000080;z-index:15009;opacity:0;visibility:hidden;transition:opacity .32s cubic-bezier(.32,.72,0,1),visibility .32s;-webkit-tap-highlight-color:transparent}.spinagle-menu-wrapper.open .spinagle-menu-backdrop{opacity:1;visibility:visible}body.spinagle-drawer-open #fabContainer,body.spinagle-drawer-open #bottomRightFabWrapper{display:none!important}.spinagle-menu-item{padding:16px 24px;font-size:var(--menu-mobile-item-font);gap:16px}.spinagle-menu-item:first-child{border-radius:0}.spinagle-menu-item i{width:var(--menu-mobile-item-icon-width);font-size:var(--menu-mobile-item-icon-size)}.spinagle-menu-divider{margin:4px 20px}}body.wheel-mode-shared #navToggleFab,body.shared-wheel-mode #navToggleFab,body.wheel-mode-shared #navToggleFabFree,body.shared-wheel-mode #navToggleFabFree,body.wheel-mode-embed .spinagle-menu-wrapper,body.wheel-mode-embed #navToggleFab,body.wheel-mode-embed #navToggleFabFree,body.wheel-mode-embed .quick-controls-btn,body.wheel-mode-embed .top-right-controls,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 .spinagle-menu-wrapper,body.wheel-mode-branded #navToggleFab,body.wheel-mode-branded #autoSpinToggleDesktop,body.wheel-mode-branded .top-right-controls,body.wheel-mode-branded #fabContainer{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}:root{--promo-height: 28px;--fab-bottom-default: 16px;--fab-list-item-indicator: 32px;--fab-bottom-with-promo: 36px;--fab-bottom-with-ad: 114px;--fab-bottom-with-ad-and-promo: calc(var(--fab-bottom-with-ad) + var(--promo-height));--promo-bottom-default: 0px;--promo-bottom-with-ad: 98px;--fab-mobile-bottom-default: 24px;--fab-mobile-bottom-with-promo: 59px;--fab-mobile-bottom-with-ad: 80px;--fab-mobile-bottom-with-ad-and-promo: calc(var(--fab-mobile-bottom-with-ad) + var(--promo-height));--promo-mobile-bottom-default: 0px;--promo-mobile-bottom-with-ad: 54px;--fab-mobile-bottom-with-multi-assign: 164px;--menu-mobile-bottom-default: 24px;--menu-mobile-bottom-with-promo: 44px;--menu-mobile-bottom-with-ad: 80px;--menu-mobile-bottom-with-ad-and-promo: calc(var(--menu-mobile-bottom-with-ad) + var(--promo-height))}#fabContainer{position:fixed;bottom:var(--fab-bottom-default);right:16px;z-index:1}body.has-promo-banner #fabContainer{bottom:var(--fab-bottom-with-promo)}body.has-banner-ad #fabContainer{bottom:var(--fab-bottom-with-ad)}body.has-banner-ad.has-promo-banner #fabContainer{bottom:var(--fab-bottom-with-ad-and-promo)}body.has-banner-ad.wheel-mode-shared .shared-wheel-promo-footer{bottom:calc(var(--promo-bottom-with-ad) + env(safe-area-inset-bottom,0px))}@media(max-width:768px){#fabContainer{bottom:var(--fab-mobile-bottom-default);right:8px}body.multi-assign-mode #fabContainer{bottom:var(--fab-mobile-bottom-with-multi-assign)!important}body.has-promo-banner #fabContainer{bottom:var(--fab-mobile-bottom-with-promo)}body.has-banner-ad #fabContainer{bottom:var(--fab-mobile-bottom-with-ad)}body.has-banner-ad.has-promo-banner #fabContainer{bottom:var(--fab-mobile-bottom-with-ad-and-promo)}body.has-banner-ad.wheel-mode-shared .shared-wheel-promo-footer{bottom:calc(var(--promo-mobile-bottom-with-ad) + env(safe-area-inset-bottom,0px))}}@media(display-mode:standalone),(display-mode:fullscreen){#fabContainer{bottom:calc(var(--fab-bottom-default) + env(safe-area-inset-bottom,0px))}body.has-promo-banner #fabContainer{bottom:calc(var(--fab-bottom-with-promo) + env(safe-area-inset-bottom,0px))}body.has-banner-ad #fabContainer{bottom:calc(var(--fab-bottom-with-ad) + env(safe-area-inset-bottom,0px))}body.has-banner-ad.has-promo-banner #fabContainer{bottom:calc(var(--fab-bottom-with-ad-and-promo) + env(safe-area-inset-bottom,0px))}body.has-banner-ad.wheel-mode-shared .shared-wheel-promo-footer{bottom:calc(var(--promo-bottom-with-ad) + env(safe-area-inset-bottom,0px))}#fpcZone{padding-bottom:max(4px,env(safe-area-inset-bottom,0px))}@media(max-width:768px){#fabContainer{bottom:calc(var(--fab-mobile-bottom-default) + env(safe-area-inset-bottom,0px))}body.has-promo-banner #fabContainer{bottom:calc(var(--fab-mobile-bottom-with-promo) + env(safe-area-inset-bottom,0px))}body.has-banner-ad #fabContainer{bottom:calc(var(--fab-mobile-bottom-with-ad) + env(safe-area-inset-bottom,0px))}body.has-banner-ad.has-promo-banner #fabContainer{bottom:calc(var(--fab-mobile-bottom-with-ad-and-promo) + env(safe-area-inset-bottom,0px))}body.has-banner-ad.wheel-mode-shared .shared-wheel-promo-footer{bottom:calc(var(--promo-mobile-bottom-with-ad) + env(safe-area-inset-bottom,0px))}}@media(max-width:480px){.spinagle-menu-wrapper{bottom:calc(var(--menu-mobile-bottom-default) + env(safe-area-inset-bottom,0px))}body.has-promo-banner .spinagle-menu-wrapper{bottom:calc(var(--menu-mobile-bottom-with-promo) + env(safe-area-inset-bottom,0px))}body.has-banner-ad .spinagle-menu-wrapper{bottom:calc(var(--menu-mobile-bottom-with-ad) + env(safe-area-inset-bottom,0px))}body.has-banner-ad.has-promo-banner .spinagle-menu-wrapper{bottom:calc(var(--menu-mobile-bottom-with-ad-and-promo) + env(safe-area-inset-bottom,0px))}}}@media(max-width:480px){.spinagle-menu-wrapper{bottom:var(--menu-mobile-bottom-default)}body.has-promo-banner .spinagle-menu-wrapper{bottom:var(--menu-mobile-bottom-with-promo)}body.has-banner-ad .spinagle-menu-wrapper{bottom:var(--menu-mobile-bottom-with-ad)}body.has-banner-ad.has-promo-banner .spinagle-menu-wrapper{bottom:var(--menu-mobile-bottom-with-ad-and-promo)}}.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}#wheelVisualWrapper{opacity:0;transition:opacity .15s ease-in}#step-wheel.wheel-ready #wheelVisualWrapper,body.wheel-ready #wheelVisualWrapper{opacity:1}#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}#wheelContainer .wheel-drag-handle{position:absolute!important;top:calc(100% - 270px);right:calc(100% - 270px);z-index:2000;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:#00000080;color:#fffffff2;display:flex;align-items:center;justify-content:center;cursor:grab;touch-action:none;padding:0;margin:0;font-size:14px;opacity:0;pointer-events:none;transition:opacity .18s ease,background .15s ease}#wheelContainer .wheel-drag-handle:not(.hidden){pointer-events:auto}body.wheel-view-active.wheel-unpin-drag-on #wheelContainer .wheel-drag-handle:not(.hidden){opacity:1}#wheelContainer .wheel-drag-handle:active{cursor:grabbing;background:#000000a6}#wheelCanvas{width:auto;position:absolute;z-index:1250}#wheelVisualWrapper{overflow:visible;scrollbar-width:none;-ms-overflow-style:none}#wheelVisualWrapper::-webkit-scrollbar{width:0;height:0;display:none}@media(max-width:768px){body.combined-panel-active .app-step-wheel{width:100%!important;bottom:0!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}@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{transform:translateZ(0)}}@media(max-width:400px){.app-step-wheel,#step-wheel{overflow:hidden!important}}.app-step-wheel,#step-wheel,#wheelContainer{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.app-step-wheel,#step-wheel{contain:layout style paint}.shared-wheel-promo-footer{position:fixed;bottom:0;left:0;width:100%;background-color:var(--container-bg);color:var(--text-primary);z-index:10;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:400;line-height:1;padding:8px 0;padding-bottom:max(8px,env(safe-area-inset-bottom,0px));border-top:1px solid var(--border-color, rgba(255, 255, 255, .1));box-shadow:0 -1px 3px #0000001a;box-sizing:border-box}.shared-wheel-promo-footer.hidden,.shared-wheel-promo-footer.dismissed{transform:translateY(100%);transition:transform .3s ease-out;z-index:1}.promo-content{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:100%;padding:4px 12px;gap:8px}.promo-text{flex:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:inherit;font-size:11px;font-weight:400}.promo-dismiss{background:none;border:none;color:inherit;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:4px 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}body:is(.user-pro,.user-premium,.user-admin) .premium-upgrade-banner{display:none!important}.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;-webkit-user-select:none!important;-moz-user-select:none!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}