:root{--accent-color: #00c4d9;--accent-color-rgb: 0, 196, 217;--text-primary: #f5f5f7;--text-secondary: #b0b0b0;--text-on-accent: #ffffff;--container-bg: #1c1c1e;--border-color: #6a6a6a;--border-light: #e5e7eb;--input-bg: #333333;--hover-bg: #4a4a4a;--shadow-light: rgba(0, 0, 0, .1);--shadow-medium: rgba(0, 0, 0, .25);--radius-default: 8px;--radius-lg: 12px;--transition-smooth: all .3s ease;--transition-bounce: all .3s cubic-bezier(.16, 1, .3, 1);--spacing-component-sm: 8px;--spacing-component-md: 12px;--spacing-component-lg: 16px;--font-size-sm: .875rem;--font-size-md: 1rem;--z-floating-elements: 1100;--z-backdrop: 999}#appNavDrawer{position:fixed!important;top:0;right:0;height:100vh;z-index:1200}.app-nav-drawer{position:fixed!important;padding-top:2rem;top:0;right:0;height:100vh;width:120px;background:var(--container-bg);box-shadow:-2px 0 10px var(--shadow-light);z-index:1200;overflow:hidden;display:flex;flex-direction:column;transition:opacity .3s ease-out,box-shadow .3s ease-out;pointer-events:auto}.app-nav-content{padding:var(--spacing-component-md) 0 0;overflow-y:auto;overflow-x:hidden;flex:1;height:100%;flex-grow:1;transition:var(--transition-bounce);opacity:1;transform:translateY(0)}.app-nav-list-item.active{pointer-events:none;cursor:default;opacity:1}.app-nav-content.hidden{opacity:0;transform:translateY(20px);display:none}.app-nav-list{list-style:none;padding:0;margin:0;height:100%;display:flex;flex-direction:column;align-items:center}.app-nav-item-group{margin-bottom:var(--spacing-component-lg);padding-bottom:var(--spacing-component-md);box-sizing:border-box;gap:var(--spacing-component-sm);width:100%;padding:0 8px;display:flex;flex-direction:column;align-items:center}.app-nav-item-group:last-child{margin-bottom:0}.toggle-item-group{margin:var(--spacing-component-md) 0;border:1px solid var(--border-light);background:var(--border-color);padding:var(--spacing-component-lg);width:100%;border-radius:var(--radius-default);display:flex;flex-direction:column;align-items:center}.menu-icon{margin-bottom:var(--spacing-component-sm);font-size:1.5em;color:var(--text-secondary);text-align:center}.menu-text{display:flex;flex-direction:column;align-items:center;width:100%}.menu-label{font-weight:500;font-size:var(--font-size-sm);text-align:center}.menu-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:2px;text-align:center}.close-btn{position:absolute;top:var(--spacing-component-md);right:var(--spacing-component-md);background:none;border:none;color:var(--text-secondary);font-size:var(--font-size-md);cursor:pointer;padding:5px;display:none}.close-btn:hover{color:var(--text-primary)}.settings-pill-menu.hidden{max-height:0;opacity:0;display:none;bottom:0}.pill-menu-subsection{display:flex;gap:var(--spacing-component-sm);flex-wrap:nowrap;width:100%;padding:var(--spacing-component-sm) 10px;background:var(--container-bg);border-bottom:1px solid var(--border-light);overflow-x:auto;scrollbar-width:none}.pill-menu-subsection::-webkit-scrollbar{display:none}.pill-menu-subsection.hidden{max-height:0;padding:0 10px;opacity:0;display:none}.settings-pill-item{background:transparent;border:none;color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;border-radius:8px;cursor:pointer;transition:all .2s ease;text-decoration:none;min-width:48px;height:48px;flex:1;max-width:64px}.settings-pill-item:hover,.settings-pill-item.active{background:none;color:var(--accent-color);transform:translateY(-2px)}.pill-icon{margin-right:6px;font-size:var(--font-size-sm);transition:var(--transition-fast)}.settings-pill-item:hover .pill-icon{transform:scale(1.1)}.pill-label{font-size:var(--font-size-sm);font-weight:500}.app-nav-footer{padding:var(--spacing-component-md);margin-top:auto;border-top:1px solid var(--border-light)}.app-nav-footer .app-nav-list-item{width:100%;padding:var(--spacing-component-md) 15px;margin-bottom:0}.app-nav-drawer-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:var(--z-backdrop);opacity:0;visibility:hidden;transition:var(--transition-smooth)}.app-nav-drawer-backdrop.visible{opacity:1;visibility:visible}.app-nav-drawer:before{content:"";position:absolute;top:var(--spacing-component-sm);left:50%;transform:translate(-50%);width:40px;height:5px;background:var(--border-color);border-radius:3px;z-index:1}@media(max-width:1024px){.app-nav-drawer{width:100px}.combined-panel{width:70vw!important;max-width:none!important}}@media(max-width:768px){.app-nav-drawer{display:none!important}.combined-panel{width:100%!important;max-width:none!important}.app-nav-content{position:relative;height:auto}.close-btn{display:flex}.mobile-only-drawer-item{display:flex;width:100%;justify-content:flex-start;align-items:center;padding:0 16px;box-sizing:border-box;margin:0;font-size:1rem;font-weight:500}.pill-menu-subsection{gap:4px}.pill-icon{margin-right:3px}}@media(min-width:769px){.mobile-only-drawer-item{display:none}}/*!
* Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
* Copyright 2024 Fonticons, Inc.
*/.fa{font-family:var(--fa-style-family,"Font Awesome 6 Free");font-weight:var(--fa-style,900)}.fa,.fa-brands,.fa-regular,.fa-solid,.fab,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fa-brands:before,.fa-regular:before,.fa-solid:before,.fa:before,.fab:before,.far:before,.fas:before{content:var(--fa)}.fa-classic,.fa-regular,.fa-solid,.far,.fas{font-family:"Font Awesome 6 Free"}.fa-brands,.fab{font-family:"Font Awesome 6 Brands"}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.08333em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:var(--fa-li-margin,2.5em);padding-left:0}.fa-ul>li{position:relative}.fa-li{left:calc(var(--fa-li-width, 2em)*-1);position:absolute;text-align:center;width:var(--fa-li-width,2em);line-height:inherit}.fa-border{border-radius:var(--fa-border-radius,.1em);border:var(--fa-border-width,.08em) var(--fa-border-style,solid) var(--fa-border-color,#eee);padding:var(--fa-border-padding,.2em .25em .15em)}.fa-pull-left{float:left;margin-right:var(--fa-pull-margin,.3em)}.fa-pull-right{float:right;margin-left:var(--fa-pull-margin,.3em)}.fa-beat{animation-name:fa-beat;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{animation-name:fa-bounce;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}.fa-fade{animation-name:fa-fade;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-beat-fade,.fa-fade{animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s)}.fa-beat-fade{animation-name:fa-beat-fade;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-flip{animation-name:fa-flip;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-shake{animation-name:fa-shake;animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}.fa-shake,.fa-spin{animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal)}.fa-spin{animation-name:fa-spin;animation-duration:var(--fa-animation-duration,2s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin-reverse{--fa-animation-direction:reverse}.fa-pulse,.fa-spin-pulse{animation-name:fa-spin;animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,steps(8))}@media(prefers-reduced-motion:reduce){.fa-beat,.fa-beat-fade,.fa-bounce,.fa-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{animation-delay:-1ms;animation-duration:1ms;animation-iteration-count:1;transition-delay:0s;transition-duration:0s}}@keyframes fa-beat{0%,90%{transform:scale(1)}45%{transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-bounce{0%{transform:scale(1) translateY(0)}10%{transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{transform:scale(1) translateY(0)}to{transform:scale(1) translateY(0)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);transform:scale(1)}50%{opacity:1;transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-flip{50%{transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-shake{0%{transform:rotate(-15deg)}4%{transform:rotate(15deg)}8%,24%{transform:rotate(-18deg)}12%,28%{transform:rotate(18deg)}16%{transform:rotate(-22deg)}20%{transform:rotate(22deg)}32%{transform:rotate(-12deg)}36%{transform:rotate(12deg)}40%,to{transform:rotate(0)}}@keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.fa-rotate-90{transform:rotate(90deg)}.fa-rotate-180{transform:rotate(180deg)}.fa-rotate-270{transform:rotate(270deg)}.fa-flip-horizontal{transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}.fa-rotate-by{transform:rotate(var(--fa-rotate-angle,0))}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%;z-index:var(--fa-stack-z-index,auto)}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:var(--fa-inverse,#fff)}.fa-0{--fa:"0"}.fa-1{--fa:"1"}.fa-2{--fa:"2"}.fa-3{--fa:"3"}.fa-4{--fa:"4"}.fa-5{--fa:"5"}.fa-6{--fa:"6"}.fa-7{--fa:"7"}.fa-8{--fa:"8"}.fa-9{--fa:"9"}.fa-fill-drip{--fa:""}.fa-arrows-to-circle{--fa:""}.fa-chevron-circle-right,.fa-circle-chevron-right{--fa:""}.fa-at{--fa:"@"}.fa-trash-alt,.fa-trash-can{--fa:""}.fa-text-height{--fa:""}.fa-user-times,.fa-user-xmark{--fa:""}.fa-stethoscope{--fa:""}.fa-comment-alt,.fa-message{--fa:""}.fa-info{--fa:""}.fa-compress-alt,.fa-down-left-and-up-right-to-center{--fa:""}.fa-explosion{--fa:""}.fa-file-alt,.fa-file-lines,.fa-file-text{--fa:""}.fa-wave-square{--fa:""}.fa-ring{--fa:""}.fa-building-un{--fa:""}.fa-dice-three{--fa:""}.fa-calendar-alt,.fa-calendar-days{--fa:""}.fa-anchor-circle-check{--fa:""}.fa-building-circle-arrow-right{--fa:""}.fa-volleyball,.fa-volleyball-ball{--fa:""}.fa-arrows-up-to-line{--fa:""}.fa-sort-desc,.fa-sort-down{--fa:""}.fa-circle-minus,.fa-minus-circle{--fa:""}.fa-door-open{--fa:""}.fa-right-from-bracket,.fa-sign-out-alt{--fa:""}.fa-atom{--fa:""}.fa-soap{--fa:""}.fa-heart-music-camera-bolt,.fa-icons{--fa:""}.fa-microphone-alt-slash,.fa-microphone-lines-slash{--fa:""}.fa-bridge-circle-check{--fa:""}.fa-pump-medical{--fa:""}.fa-fingerprint{--fa:""}.fa-hand-point-right{--fa:""}.fa-magnifying-glass-location,.fa-search-location{--fa:""}.fa-forward-step,.fa-step-forward{--fa:""}.fa-face-smile-beam,.fa-smile-beam{--fa:""}.fa-flag-checkered{--fa:""}.fa-football,.fa-football-ball{--fa:""}.fa-school-circle-exclamation{--fa:""}.fa-crop{--fa:""}.fa-angle-double-down,.fa-angles-down{--fa:""}.fa-users-rectangle{--fa:""}.fa-people-roof{--fa:""}.fa-people-line{--fa:""}.fa-beer,.fa-beer-mug-empty{--fa:""}.fa-diagram-predecessor{--fa:""}.fa-arrow-up-long,.fa-long-arrow-up{--fa:""}.fa-burn,.fa-fire-flame-simple{--fa:""}.fa-male,.fa-person{--fa:""}.fa-laptop{--fa:""}.fa-file-csv{--fa:""}.fa-menorah{--fa:""}.fa-truck-plane{--fa:""}.fa-record-vinyl{--fa:""}.fa-face-grin-stars,.fa-grin-stars{--fa:""}.fa-bong{--fa:""}.fa-pastafarianism,.fa-spaghetti-monster-flying{--fa:""}.fa-arrow-down-up-across-line{--fa:""}.fa-spoon,.fa-utensil-spoon{--fa:""}.fa-jar-wheat{--fa:""}.fa-envelopes-bulk,.fa-mail-bulk{--fa:""}.fa-file-circle-exclamation{--fa:""}.fa-circle-h,.fa-hospital-symbol{--fa:""}.fa-pager{--fa:""}.fa-address-book,.fa-contact-book{--fa:""}.fa-strikethrough{--fa:""}.fa-k{--fa:"K"}.fa-landmark-flag{--fa:""}.fa-pencil,.fa-pencil-alt{--fa:""}.fa-backward{--fa:""}.fa-caret-right{--fa:""}.fa-comments{--fa:""}.fa-file-clipboard,.fa-paste{--fa:""}.fa-code-pull-request{--fa:""}.fa-clipboard-list{--fa:""}.fa-truck-loading,.fa-truck-ramp-box{--fa:""}.fa-user-check{--fa:""}.fa-vial-virus{--fa:""}.fa-sheet-plastic{--fa:""}.fa-blog{--fa:""}.fa-user-ninja{--fa:""}.fa-person-arrow-up-from-line{--fa:""}.fa-scroll-torah,.fa-torah{--fa:""}.fa-broom-ball,.fa-quidditch,.fa-quidditch-broom-ball{--fa:""}.fa-toggle-off{--fa:""}.fa-archive,.fa-box-archive{--fa:""}.fa-person-drowning{--fa:""}.fa-arrow-down-9-1,.fa-sort-numeric-desc,.fa-sort-numeric-down-alt{--fa:""}.fa-face-grin-tongue-squint,.fa-grin-tongue-squint{--fa:""}.fa-spray-can{--fa:""}.fa-truck-monster{--fa:""}.fa-w{--fa:"W"}.fa-earth-africa,.fa-globe-africa{--fa:""}.fa-rainbow{--fa:""}.fa-circle-notch{--fa:""}.fa-tablet-alt,.fa-tablet-screen-button{--fa:""}.fa-paw{--fa:""}.fa-cloud{--fa:""}.fa-trowel-bricks{--fa:""}.fa-face-flushed,.fa-flushed{--fa:""}.fa-hospital-user{--fa:""}.fa-tent-arrow-left-right{--fa:""}.fa-gavel,.fa-legal{--fa:""}.fa-binoculars{--fa:""}.fa-microphone-slash{--fa:""}.fa-box-tissue{--fa:""}.fa-motorcycle{--fa:""}.fa-bell-concierge,.fa-concierge-bell{--fa:""}.fa-pen-ruler,.fa-pencil-ruler{--fa:""}.fa-people-arrows,.fa-people-arrows-left-right{--fa:""}.fa-mars-and-venus-burst{--fa:""}.fa-caret-square-right,.fa-square-caret-right{--fa:""}.fa-cut,.fa-scissors{--fa:""}.fa-sun-plant-wilt{--fa:""}.fa-toilets-portable{--fa:""}.fa-hockey-puck{--fa:""}.fa-table{--fa:""}.fa-magnifying-glass-arrow-right{--fa:""}.fa-digital-tachograph,.fa-tachograph-digital{--fa:""}.fa-users-slash{--fa:""}.fa-clover{--fa:""}.fa-mail-reply,.fa-reply{--fa:""}.fa-star-and-crescent{--fa:""}.fa-house-fire{--fa:""}.fa-minus-square,.fa-square-minus{--fa:""}.fa-helicopter{--fa:""}.fa-compass{--fa:""}.fa-caret-square-down,.fa-square-caret-down{--fa:""}.fa-file-circle-question{--fa:""}.fa-laptop-code{--fa:""}.fa-swatchbook{--fa:""}.fa-prescription-bottle{--fa:""}.fa-bars,.fa-navicon{--fa:""}.fa-people-group{--fa:""}.fa-hourglass-3,.fa-hourglass-end{--fa:""}.fa-heart-broken,.fa-heart-crack{--fa:""}.fa-external-link-square-alt,.fa-square-up-right{--fa:""}.fa-face-kiss-beam,.fa-kiss-beam{--fa:""}.fa-film{--fa:""}.fa-ruler-horizontal{--fa:""}.fa-people-robbery{--fa:""}.fa-lightbulb{--fa:""}.fa-caret-left{--fa:""}.fa-circle-exclamation,.fa-exclamation-circle{--fa:""}.fa-school-circle-xmark{--fa:""}.fa-arrow-right-from-bracket,.fa-sign-out{--fa:""}.fa-chevron-circle-down,.fa-circle-chevron-down{--fa:""}.fa-unlock-alt,.fa-unlock-keyhole{--fa:""}.fa-cloud-showers-heavy{--fa:""}.fa-headphones-alt,.fa-headphones-simple{--fa:""}.fa-sitemap{--fa:""}.fa-circle-dollar-to-slot,.fa-donate{--fa:""}.fa-memory{--fa:""}.fa-road-spikes{--fa:""}.fa-fire-burner{--fa:""}.fa-flag{--fa:""}.fa-hanukiah{--fa:""}.fa-feather{--fa:""}.fa-volume-down,.fa-volume-low{--fa:""}.fa-comment-slash{--fa:""}.fa-cloud-sun-rain{--fa:""}.fa-compress{--fa:""}.fa-wheat-alt,.fa-wheat-awn{--fa:""}.fa-ankh{--fa:""}.fa-hands-holding-child{--fa:""}.fa-asterisk{--fa:"*"}.fa-check-square,.fa-square-check{--fa:""}.fa-peseta-sign{--fa:""}.fa-header,.fa-heading{--fa:""}.fa-ghost{--fa:""}.fa-list,.fa-list-squares{--fa:""}.fa-phone-square-alt,.fa-square-phone-flip{--fa:""}.fa-cart-plus{--fa:""}.fa-gamepad{--fa:""}.fa-circle-dot,.fa-dot-circle{--fa:""}.fa-dizzy,.fa-face-dizzy{--fa:""}.fa-egg{--fa:""}.fa-house-medical-circle-xmark{--fa:""}.fa-campground{--fa:""}.fa-folder-plus{--fa:""}.fa-futbol,.fa-futbol-ball,.fa-soccer-ball{--fa:""}.fa-paint-brush,.fa-paintbrush{--fa:""}.fa-lock{--fa:""}.fa-gas-pump{--fa:""}.fa-hot-tub,.fa-hot-tub-person{--fa:""}.fa-map-location,.fa-map-marked{--fa:""}.fa-house-flood-water{--fa:""}.fa-tree{--fa:""}.fa-bridge-lock{--fa:""}.fa-sack-dollar{--fa:""}.fa-edit,.fa-pen-to-square{--fa:""}.fa-car-side{--fa:""}.fa-share-alt,.fa-share-nodes{--fa:""}.fa-heart-circle-minus{--fa:""}.fa-hourglass-2,.fa-hourglass-half{--fa:""}.fa-microscope{--fa:""}.fa-sink{--fa:""}.fa-bag-shopping,.fa-shopping-bag{--fa:""}.fa-arrow-down-z-a,.fa-sort-alpha-desc,.fa-sort-alpha-down-alt{--fa:""}.fa-mitten{--fa:""}.fa-person-rays{--fa:""}.fa-users{--fa:""}.fa-eye-slash{--fa:""}.fa-flask-vial{--fa:""}.fa-hand,.fa-hand-paper{--fa:""}.fa-om{--fa:""}.fa-worm{--fa:""}.fa-house-circle-xmark{--fa:""}.fa-plug{--fa:""}.fa-chevron-up{--fa:""}.fa-hand-spock{--fa:""}.fa-stopwatch{--fa:""}.fa-face-kiss,.fa-kiss{--fa:""}.fa-bridge-circle-xmark{--fa:""}.fa-face-grin-tongue,.fa-grin-tongue{--fa:""}.fa-chess-bishop{--fa:""}.fa-face-grin-wink,.fa-grin-wink{--fa:""}.fa-deaf,.fa-deafness,.fa-ear-deaf,.fa-hard-of-hearing{--fa:""}.fa-road-circle-check{--fa:""}.fa-dice-five{--fa:""}.fa-rss-square,.fa-square-rss{--fa:""}.fa-land-mine-on{--fa:""}.fa-i-cursor{--fa:""}.fa-stamp{--fa:""}.fa-stairs{--fa:""}.fa-i{--fa:"I"}.fa-hryvnia,.fa-hryvnia-sign{--fa:""}.fa-pills{--fa:""}.fa-face-grin-wide,.fa-grin-alt{--fa:""}.fa-tooth{--fa:""}.fa-v{--fa:"V"}.fa-bangladeshi-taka-sign{--fa:""}.fa-bicycle{--fa:""}.fa-rod-asclepius,.fa-rod-snake,.fa-staff-aesculapius,.fa-staff-snake{--fa:""}.fa-head-side-cough-slash{--fa:""}.fa-ambulance,.fa-truck-medical{--fa:""}.fa-wheat-awn-circle-exclamation{--fa:""}.fa-snowman{--fa:""}.fa-mortar-pestle{--fa:""}.fa-road-barrier{--fa:""}.fa-school{--fa:""}.fa-igloo{--fa:""}.fa-joint{--fa:""}.fa-angle-right{--fa:""}.fa-horse{--fa:""}.fa-q{--fa:"Q"}.fa-g{--fa:"G"}.fa-notes-medical{--fa:""}.fa-temperature-2,.fa-temperature-half,.fa-thermometer-2,.fa-thermometer-half{--fa:""}.fa-dong-sign{--fa:""}.fa-capsules{--fa:""}.fa-poo-bolt,.fa-poo-storm{--fa:""}.fa-face-frown-open,.fa-frown-open{--fa:""}.fa-hand-point-up{--fa:""}.fa-money-bill{--fa:""}.fa-bookmark{--fa:""}.fa-align-justify{--fa:""}.fa-umbrella-beach{--fa:""}.fa-helmet-un{--fa:""}.fa-bullseye{--fa:""}.fa-bacon{--fa:""}.fa-hand-point-down{--fa:""}.fa-arrow-up-from-bracket{--fa:""}.fa-folder,.fa-folder-blank{--fa:""}.fa-file-medical-alt,.fa-file-waveform{--fa:""}.fa-radiation{--fa:""}.fa-chart-simple{--fa:""}.fa-mars-stroke{--fa:""}.fa-vial{--fa:""}.fa-dashboard,.fa-gauge,.fa-gauge-med,.fa-tachometer-alt-average{--fa:""}.fa-magic-wand-sparkles,.fa-wand-magic-sparkles{--fa:""}.fa-e{--fa:"E"}.fa-pen-alt,.fa-pen-clip{--fa:""}.fa-bridge-circle-exclamation{--fa:""}.fa-user{--fa:""}.fa-school-circle-check{--fa:""}.fa-dumpster{--fa:""}.fa-shuttle-van,.fa-van-shuttle{--fa:""}.fa-building-user{--fa:""}.fa-caret-square-left,.fa-square-caret-left{--fa:""}.fa-highlighter{--fa:""}.fa-key{--fa:""}.fa-bullhorn{--fa:""}.fa-globe{--fa:""}.fa-synagogue{--fa:""}.fa-person-half-dress{--fa:""}.fa-road-bridge{--fa:""}.fa-location-arrow{--fa:""}.fa-c{--fa:"C"}.fa-tablet-button{--fa:""}.fa-building-lock{--fa:""}.fa-pizza-slice{--fa:""}.fa-money-bill-wave{--fa:""}.fa-area-chart,.fa-chart-area{--fa:""}.fa-house-flag{--fa:""}.fa-person-circle-minus{--fa:""}.fa-ban,.fa-cancel{--fa:""}.fa-camera-rotate{--fa:""}.fa-air-freshener,.fa-spray-can-sparkles{--fa:""}.fa-star{--fa:""}.fa-repeat{--fa:""}.fa-cross{--fa:""}.fa-box{--fa:""}.fa-venus-mars{--fa:""}.fa-arrow-pointer,.fa-mouse-pointer{--fa:""}.fa-expand-arrows-alt,.fa-maximize{--fa:""}.fa-charging-station{--fa:""}.fa-shapes,.fa-triangle-circle-square{--fa:""}.fa-random,.fa-shuffle{--fa:""}.fa-person-running,.fa-running{--fa:""}.fa-mobile-retro{--fa:""}.fa-grip-lines-vertical{--fa:""}.fa-spider{--fa:""}.fa-hands-bound{--fa:""}.fa-file-invoice-dollar{--fa:""}.fa-plane-circle-exclamation{--fa:""}.fa-x-ray{--fa:""}.fa-spell-check{--fa:""}.fa-slash{--fa:""}.fa-computer-mouse,.fa-mouse{--fa:""}.fa-arrow-right-to-bracket,.fa-sign-in{--fa:""}.fa-shop-slash,.fa-store-alt-slash{--fa:""}.fa-server{--fa:""}.fa-virus-covid-slash{--fa:""}.fa-shop-lock{--fa:""}.fa-hourglass-1,.fa-hourglass-start{--fa:""}.fa-blender-phone{--fa:""}.fa-building-wheat{--fa:""}.fa-person-breastfeeding{--fa:""}.fa-right-to-bracket,.fa-sign-in-alt{--fa:""}.fa-venus{--fa:""}.fa-passport{--fa:""}.fa-thumb-tack-slash,.fa-thumbtack-slash{--fa:""}.fa-heart-pulse,.fa-heartbeat{--fa:""}.fa-people-carry,.fa-people-carry-box{--fa:""}.fa-temperature-high{--fa:""}.fa-microchip{--fa:""}.fa-crown{--fa:""}.fa-weight-hanging{--fa:""}.fa-xmarks-lines{--fa:""}.fa-file-prescription{--fa:""}.fa-weight,.fa-weight-scale{--fa:""}.fa-user-friends,.fa-user-group{--fa:""}.fa-arrow-up-a-z,.fa-sort-alpha-up{--fa:""}.fa-chess-knight{--fa:""}.fa-face-laugh-squint,.fa-laugh-squint{--fa:""}.fa-wheelchair{--fa:""}.fa-arrow-circle-up,.fa-circle-arrow-up{--fa:""}.fa-toggle-on{--fa:""}.fa-person-walking,.fa-walking{--fa:""}.fa-l{--fa:"L"}.fa-fire{--fa:""}.fa-bed-pulse,.fa-procedures{--fa:""}.fa-shuttle-space,.fa-space-shuttle{--fa:""}.fa-face-laugh,.fa-laugh{--fa:""}.fa-folder-open{--fa:""}.fa-heart-circle-plus{--fa:""}.fa-code-fork{--fa:""}.fa-city{--fa:""}.fa-microphone-alt,.fa-microphone-lines{--fa:""}.fa-pepper-hot{--fa:""}.fa-unlock{--fa:""}.fa-colon-sign{--fa:""}.fa-headset{--fa:""}.fa-store-slash{--fa:""}.fa-road-circle-xmark{--fa:""}.fa-user-minus{--fa:""}.fa-mars-stroke-up,.fa-mars-stroke-v{--fa:""}.fa-champagne-glasses,.fa-glass-cheers{--fa:""}.fa-clipboard{--fa:""}.fa-house-circle-exclamation{--fa:""}.fa-file-arrow-up,.fa-file-upload{--fa:""}.fa-wifi,.fa-wifi-3,.fa-wifi-strong{--fa:""}.fa-bath,.fa-bathtub{--fa:""}.fa-underline{--fa:""}.fa-user-edit,.fa-user-pen{--fa:""}.fa-signature{--fa:""}.fa-stroopwafel{--fa:""}.fa-bold{--fa:""}.fa-anchor-lock{--fa:""}.fa-building-ngo{--fa:""}.fa-manat-sign{--fa:""}.fa-not-equal{--fa:""}.fa-border-style,.fa-border-top-left{--fa:""}.fa-map-location-dot,.fa-map-marked-alt{--fa:""}.fa-jedi{--fa:""}.fa-poll,.fa-square-poll-vertical{--fa:""}.fa-mug-hot{--fa:""}.fa-battery-car,.fa-car-battery{--fa:""}.fa-gift{--fa:""}.fa-dice-two{--fa:""}.fa-chess-queen{--fa:""}.fa-glasses{--fa:""}.fa-chess-board{--fa:""}.fa-building-circle-check{--fa:""}.fa-person-chalkboard{--fa:""}.fa-mars-stroke-h,.fa-mars-stroke-right{--fa:""}.fa-hand-back-fist,.fa-hand-rock{--fa:""}.fa-caret-square-up,.fa-square-caret-up{--fa:""}.fa-cloud-showers-water{--fa:""}.fa-bar-chart,.fa-chart-bar{--fa:""}.fa-hands-bubbles,.fa-hands-wash{--fa:""}.fa-less-than-equal{--fa:""}.fa-train{--fa:""}.fa-eye-low-vision,.fa-low-vision{--fa:""}.fa-crow{--fa:""}.fa-sailboat{--fa:""}.fa-window-restore{--fa:""}.fa-plus-square,.fa-square-plus{--fa:""}.fa-torii-gate{--fa:""}.fa-frog{--fa:""}.fa-bucket{--fa:""}.fa-image{--fa:""}.fa-microphone{--fa:""}.fa-cow{--fa:""}.fa-caret-up{--fa:""}.fa-screwdriver{--fa:""}.fa-folder-closed{--fa:""}.fa-house-tsunami{--fa:""}.fa-square-nfi{--fa:""}.fa-arrow-up-from-ground-water{--fa:""}.fa-glass-martini-alt,.fa-martini-glass{--fa:""}.fa-square-binary{--fa:""}.fa-rotate-back,.fa-rotate-backward,.fa-rotate-left,.fa-undo-alt{--fa:""}.fa-columns,.fa-table-columns{--fa:""}.fa-lemon{--fa:""}.fa-head-side-mask{--fa:""}.fa-handshake{--fa:""}.fa-gem{--fa:""}.fa-dolly,.fa-dolly-box{--fa:""}.fa-smoking{--fa:""}.fa-compress-arrows-alt,.fa-minimize{--fa:""}.fa-monument{--fa:""}.fa-snowplow{--fa:""}.fa-angle-double-right,.fa-angles-right{--fa:""}.fa-cannabis{--fa:""}.fa-circle-play,.fa-play-circle{--fa:""}.fa-tablets{--fa:""}.fa-ethernet{--fa:""}.fa-eur,.fa-euro,.fa-euro-sign{--fa:""}.fa-chair{--fa:""}.fa-check-circle,.fa-circle-check{--fa:""}.fa-circle-stop,.fa-stop-circle{--fa:""}.fa-compass-drafting,.fa-drafting-compass{--fa:""}.fa-plate-wheat{--fa:""}.fa-icicles{--fa:""}.fa-person-shelter{--fa:""}.fa-neuter{--fa:""}.fa-id-badge{--fa:""}.fa-marker{--fa:""}.fa-face-laugh-beam,.fa-laugh-beam{--fa:""}.fa-helicopter-symbol{--fa:""}.fa-universal-access{--fa:""}.fa-chevron-circle-up,.fa-circle-chevron-up{--fa:""}.fa-lari-sign{--fa:""}.fa-volcano{--fa:""}.fa-person-walking-dashed-line-arrow-right{--fa:""}.fa-gbp,.fa-pound-sign,.fa-sterling-sign{--fa:""}.fa-viruses{--fa:""}.fa-square-person-confined{--fa:""}.fa-user-tie{--fa:""}.fa-arrow-down-long,.fa-long-arrow-down{--fa:""}.fa-tent-arrow-down-to-line{--fa:""}.fa-certificate{--fa:""}.fa-mail-reply-all,.fa-reply-all{--fa:""}.fa-suitcase{--fa:""}.fa-person-skating,.fa-skating{--fa:""}.fa-filter-circle-dollar,.fa-funnel-dollar{--fa:""}.fa-camera-retro{--fa:""}.fa-arrow-circle-down,.fa-circle-arrow-down{--fa:""}.fa-arrow-right-to-file,.fa-file-import{--fa:""}.fa-external-link-square,.fa-square-arrow-up-right{--fa:""}.fa-box-open{--fa:""}.fa-scroll{--fa:""}.fa-spa{--fa:""}.fa-location-pin-lock{--fa:""}.fa-pause{--fa:""}.fa-hill-avalanche{--fa:""}.fa-temperature-0,.fa-temperature-empty,.fa-thermometer-0,.fa-thermometer-empty{--fa:""}.fa-bomb{--fa:""}.fa-registered{--fa:""}.fa-address-card,.fa-contact-card,.fa-vcard{--fa:""}.fa-balance-scale-right,.fa-scale-unbalanced-flip{--fa:""}.fa-subscript{--fa:""}.fa-diamond-turn-right,.fa-directions{--fa:""}.fa-burst{--fa:""}.fa-house-laptop,.fa-laptop-house{--fa:""}.fa-face-tired,.fa-tired{--fa:""}.fa-money-bills{--fa:""}.fa-smog{--fa:""}.fa-crutch{--fa:""}.fa-cloud-arrow-up,.fa-cloud-upload,.fa-cloud-upload-alt{--fa:""}.fa-palette{--fa:""}.fa-arrows-turn-right{--fa:""}.fa-vest{--fa:""}.fa-ferry{--fa:""}.fa-arrows-down-to-people{--fa:""}.fa-seedling,.fa-sprout{--fa:""}.fa-arrows-alt-h,.fa-left-right{--fa:""}.fa-boxes-packing{--fa:""}.fa-arrow-circle-left,.fa-circle-arrow-left{--fa:""}.fa-group-arrows-rotate{--fa:""}.fa-bowl-food{--fa:""}.fa-candy-cane{--fa:""}.fa-arrow-down-wide-short,.fa-sort-amount-asc,.fa-sort-amount-down{--fa:""}.fa-cloud-bolt,.fa-thunderstorm{--fa:""}.fa-remove-format,.fa-text-slash{--fa:""}.fa-face-smile-wink,.fa-smile-wink{--fa:""}.fa-file-word{--fa:""}.fa-file-powerpoint{--fa:""}.fa-arrows-h,.fa-arrows-left-right{--fa:""}.fa-house-lock{--fa:""}.fa-cloud-arrow-down,.fa-cloud-download,.fa-cloud-download-alt{--fa:""}.fa-children{--fa:""}.fa-blackboard,.fa-chalkboard{--fa:""}.fa-user-alt-slash,.fa-user-large-slash{--fa:""}.fa-envelope-open{--fa:""}.fa-handshake-alt-slash,.fa-handshake-simple-slash{--fa:""}.fa-mattress-pillow{--fa:""}.fa-guarani-sign{--fa:""}.fa-arrows-rotate,.fa-refresh,.fa-sync{--fa:""}.fa-fire-extinguisher{--fa:""}.fa-cruzeiro-sign{--fa:""}.fa-greater-than-equal{--fa:""}.fa-shield-alt,.fa-shield-halved{--fa:""}.fa-atlas,.fa-book-atlas{--fa:""}.fa-virus{--fa:""}.fa-envelope-circle-check{--fa:""}.fa-layer-group{--fa:""}.fa-arrows-to-dot{--fa:""}.fa-archway{--fa:""}.fa-heart-circle-check{--fa:""}.fa-house-chimney-crack,.fa-house-damage{--fa:""}.fa-file-archive,.fa-file-zipper{--fa:""}.fa-square{--fa:""}.fa-glass-martini,.fa-martini-glass-empty{--fa:""}.fa-couch{--fa:""}.fa-cedi-sign{--fa:""}.fa-italic{--fa:""}.fa-table-cells-column-lock{--fa:""}.fa-church{--fa:""}.fa-comments-dollar{--fa:""}.fa-democrat{--fa:""}.fa-z{--fa:"Z"}.fa-person-skiing,.fa-skiing{--fa:""}.fa-road-lock{--fa:""}.fa-a{--fa:"A"}.fa-temperature-arrow-down,.fa-temperature-down{--fa:""}.fa-feather-alt,.fa-feather-pointed{--fa:""}.fa-p{--fa:"P"}.fa-snowflake{--fa:""}.fa-newspaper{--fa:""}.fa-ad,.fa-rectangle-ad{--fa:""}.fa-arrow-circle-right,.fa-circle-arrow-right{--fa:""}.fa-filter-circle-xmark{--fa:""}.fa-locust{--fa:""}.fa-sort,.fa-unsorted{--fa:""}.fa-list-1-2,.fa-list-numeric,.fa-list-ol{--fa:""}.fa-person-dress-burst{--fa:""}.fa-money-check-alt,.fa-money-check-dollar{--fa:""}.fa-vector-square{--fa:""}.fa-bread-slice{--fa:""}.fa-language{--fa:""}.fa-face-kiss-wink-heart,.fa-kiss-wink-heart{--fa:""}.fa-filter{--fa:""}.fa-question{--fa:"?"}.fa-file-signature{--fa:""}.fa-arrows-alt,.fa-up-down-left-right{--fa:""}.fa-house-chimney-user{--fa:""}.fa-hand-holding-heart{--fa:""}.fa-puzzle-piece{--fa:""}.fa-money-check{--fa:""}.fa-star-half-alt,.fa-star-half-stroke{--fa:""}.fa-code{--fa:""}.fa-glass-whiskey,.fa-whiskey-glass{--fa:""}.fa-building-circle-exclamation{--fa:""}.fa-magnifying-glass-chart{--fa:""}.fa-arrow-up-right-from-square,.fa-external-link{--fa:""}.fa-cubes-stacked{--fa:""}.fa-krw,.fa-won,.fa-won-sign{--fa:""}.fa-virus-covid{--fa:""}.fa-austral-sign{--fa:""}.fa-f{--fa:"F"}.fa-leaf{--fa:""}.fa-road{--fa:""}.fa-cab,.fa-taxi{--fa:""}.fa-person-circle-plus{--fa:""}.fa-chart-pie,.fa-pie-chart{--fa:""}.fa-bolt-lightning{--fa:""}.fa-sack-xmark{--fa:""}.fa-file-excel{--fa:""}.fa-file-contract{--fa:""}.fa-fish-fins{--fa:""}.fa-building-flag{--fa:""}.fa-face-grin-beam,.fa-grin-beam{--fa:""}.fa-object-ungroup{--fa:""}.fa-poop{--fa:""}.fa-location-pin,.fa-map-marker{--fa:""}.fa-kaaba{--fa:""}.fa-toilet-paper{--fa:""}.fa-hard-hat,.fa-hat-hard,.fa-helmet-safety{--fa:""}.fa-eject{--fa:""}.fa-arrow-alt-circle-right,.fa-circle-right{--fa:""}.fa-plane-circle-check{--fa:""}.fa-face-rolling-eyes,.fa-meh-rolling-eyes{--fa:""}.fa-object-group{--fa:""}.fa-chart-line,.fa-line-chart{--fa:""}.fa-mask-ventilator{--fa:""}.fa-arrow-right{--fa:""}.fa-map-signs,.fa-signs-post{--fa:""}.fa-cash-register{--fa:""}.fa-person-circle-question{--fa:""}.fa-h{--fa:"H"}.fa-tarp{--fa:""}.fa-screwdriver-wrench,.fa-tools{--fa:""}.fa-arrows-to-eye{--fa:""}.fa-plug-circle-bolt{--fa:""}.fa-heart{--fa:""}.fa-mars-and-venus{--fa:""}.fa-home-user,.fa-house-user{--fa:""}.fa-dumpster-fire{--fa:""}.fa-house-crack{--fa:""}.fa-cocktail,.fa-martini-glass-citrus{--fa:""}.fa-face-surprise,.fa-surprise{--fa:""}.fa-bottle-water{--fa:""}.fa-circle-pause,.fa-pause-circle{--fa:""}.fa-toilet-paper-slash{--fa:""}.fa-apple-alt,.fa-apple-whole{--fa:""}.fa-kitchen-set{--fa:""}.fa-r{--fa:"R"}.fa-temperature-1,.fa-temperature-quarter,.fa-thermometer-1,.fa-thermometer-quarter{--fa:""}.fa-cube{--fa:""}.fa-bitcoin-sign{--fa:""}.fa-shield-dog{--fa:""}.fa-solar-panel{--fa:""}.fa-lock-open{--fa:""}.fa-elevator{--fa:""}.fa-money-bill-transfer{--fa:""}.fa-money-bill-trend-up{--fa:""}.fa-house-flood-water-circle-arrow-right{--fa:""}.fa-poll-h,.fa-square-poll-horizontal{--fa:""}.fa-circle{--fa:""}.fa-backward-fast,.fa-fast-backward{--fa:""}.fa-recycle{--fa:""}.fa-user-astronaut{--fa:""}.fa-plane-slash{--fa:""}.fa-trademark{--fa:""}.fa-basketball,.fa-basketball-ball{--fa:""}.fa-satellite-dish{--fa:""}.fa-arrow-alt-circle-up,.fa-circle-up{--fa:""}.fa-mobile-alt,.fa-mobile-screen-button{--fa:""}.fa-volume-high,.fa-volume-up{--fa:""}.fa-users-rays{--fa:""}.fa-wallet{--fa:""}.fa-clipboard-check{--fa:""}.fa-file-audio{--fa:""}.fa-burger,.fa-hamburger{--fa:""}.fa-wrench{--fa:""}.fa-bugs{--fa:""}.fa-rupee,.fa-rupee-sign{--fa:""}.fa-file-image{--fa:""}.fa-circle-question,.fa-question-circle{--fa:""}.fa-plane-departure{--fa:""}.fa-handshake-slash{--fa:""}.fa-book-bookmark{--fa:""}.fa-code-branch{--fa:""}.fa-hat-cowboy{--fa:""}.fa-bridge{--fa:""}.fa-phone-alt,.fa-phone-flip{--fa:""}.fa-truck-front{--fa:""}.fa-cat{--fa:""}.fa-anchor-circle-exclamation{--fa:""}.fa-truck-field{--fa:""}.fa-route{--fa:""}.fa-clipboard-question{--fa:""}.fa-panorama{--fa:""}.fa-comment-medical{--fa:""}.fa-teeth-open{--fa:""}.fa-file-circle-minus{--fa:""}.fa-tags{--fa:""}.fa-wine-glass{--fa:""}.fa-fast-forward,.fa-forward-fast{--fa:""}.fa-face-meh-blank,.fa-meh-blank{--fa:""}.fa-parking,.fa-square-parking{--fa:""}.fa-house-signal{--fa:""}.fa-bars-progress,.fa-tasks-alt{--fa:""}.fa-faucet-drip{--fa:""}.fa-cart-flatbed,.fa-dolly-flatbed{--fa:""}.fa-ban-smoking,.fa-smoking-ban{--fa:""}.fa-terminal{--fa:""}.fa-mobile-button{--fa:""}.fa-house-medical-flag{--fa:""}.fa-basket-shopping,.fa-shopping-basket{--fa:""}.fa-tape{--fa:""}.fa-bus-alt,.fa-bus-simple{--fa:""}.fa-eye{--fa:""}.fa-face-sad-cry,.fa-sad-cry{--fa:""}.fa-audio-description{--fa:""}.fa-person-military-to-person{--fa:""}.fa-file-shield{--fa:""}.fa-user-slash{--fa:""}.fa-pen{--fa:""}.fa-tower-observation{--fa:""}.fa-file-code{--fa:""}.fa-signal,.fa-signal-5,.fa-signal-perfect{--fa:""}.fa-bus{--fa:""}.fa-heart-circle-xmark{--fa:""}.fa-home-lg,.fa-house-chimney{--fa:""}.fa-window-maximize{--fa:""}.fa-face-frown,.fa-frown{--fa:""}.fa-prescription{--fa:""}.fa-shop,.fa-store-alt{--fa:""}.fa-floppy-disk,.fa-save{--fa:""}.fa-vihara{--fa:""}.fa-balance-scale-left,.fa-scale-unbalanced{--fa:""}.fa-sort-asc,.fa-sort-up{--fa:""}.fa-comment-dots,.fa-commenting{--fa:""}.fa-plant-wilt{--fa:""}.fa-diamond{--fa:""}.fa-face-grin-squint,.fa-grin-squint{--fa:""}.fa-hand-holding-dollar,.fa-hand-holding-usd{--fa:""}.fa-chart-diagram{--fa:""}.fa-bacterium{--fa:""}.fa-hand-pointer{--fa:""}.fa-drum-steelpan{--fa:""}.fa-hand-scissors{--fa:""}.fa-hands-praying,.fa-praying-hands{--fa:""}.fa-arrow-right-rotate,.fa-arrow-rotate-forward,.fa-arrow-rotate-right,.fa-redo{--fa:""}.fa-biohazard{--fa:""}.fa-location,.fa-location-crosshairs{--fa:""}.fa-mars-double{--fa:""}.fa-child-dress{--fa:""}.fa-users-between-lines{--fa:""}.fa-lungs-virus{--fa:""}.fa-face-grin-tears,.fa-grin-tears{--fa:""}.fa-phone{--fa:""}.fa-calendar-times,.fa-calendar-xmark{--fa:""}.fa-child-reaching{--fa:""}.fa-head-side-virus{--fa:""}.fa-user-cog,.fa-user-gear{--fa:""}.fa-arrow-up-1-9,.fa-sort-numeric-up{--fa:""}.fa-door-closed{--fa:""}.fa-shield-virus{--fa:""}.fa-dice-six{--fa:""}.fa-mosquito-net{--fa:""}.fa-file-fragment{--fa:""}.fa-bridge-water{--fa:""}.fa-person-booth{--fa:""}.fa-text-width{--fa:""}.fa-hat-wizard{--fa:""}.fa-pen-fancy{--fa:""}.fa-digging,.fa-person-digging{--fa:""}.fa-trash{--fa:""}.fa-gauge-simple,.fa-gauge-simple-med,.fa-tachometer-average{--fa:""}.fa-book-medical{--fa:""}.fa-poo{--fa:""}.fa-quote-right,.fa-quote-right-alt{--fa:""}.fa-shirt,.fa-t-shirt,.fa-tshirt{--fa:""}.fa-cubes{--fa:""}.fa-divide{--fa:""}.fa-tenge,.fa-tenge-sign{--fa:""}.fa-headphones{--fa:""}.fa-hands-holding{--fa:""}.fa-hands-clapping{--fa:""}.fa-republican{--fa:""}.fa-arrow-left{--fa:""}.fa-person-circle-xmark{--fa:""}.fa-ruler{--fa:""}.fa-align-left{--fa:""}.fa-dice-d6{--fa:""}.fa-restroom{--fa:""}.fa-j{--fa:"J"}.fa-users-viewfinder{--fa:""}.fa-file-video{--fa:""}.fa-external-link-alt,.fa-up-right-from-square{--fa:""}.fa-table-cells,.fa-th{--fa:""}.fa-file-pdf{--fa:""}.fa-bible,.fa-book-bible{--fa:""}.fa-o{--fa:"O"}.fa-medkit,.fa-suitcase-medical{--fa:""}.fa-user-secret{--fa:""}.fa-otter{--fa:""}.fa-female,.fa-person-dress{--fa:""}.fa-comment-dollar{--fa:""}.fa-briefcase-clock,.fa-business-time{--fa:""}.fa-table-cells-large,.fa-th-large{--fa:""}.fa-book-tanakh,.fa-tanakh{--fa:""}.fa-phone-volume,.fa-volume-control-phone{--fa:""}.fa-hat-cowboy-side{--fa:""}.fa-clipboard-user{--fa:""}.fa-child{--fa:""}.fa-lira-sign{--fa:""}.fa-satellite{--fa:""}.fa-plane-lock{--fa:""}.fa-tag{--fa:""}.fa-comment{--fa:""}.fa-birthday-cake,.fa-cake,.fa-cake-candles{--fa:""}.fa-envelope{--fa:""}.fa-angle-double-up,.fa-angles-up{--fa:""}.fa-paperclip{--fa:""}.fa-arrow-right-to-city{--fa:""}.fa-ribbon{--fa:""}.fa-lungs{--fa:""}.fa-arrow-up-9-1,.fa-sort-numeric-up-alt{--fa:""}.fa-litecoin-sign{--fa:""}.fa-border-none{--fa:""}.fa-circle-nodes{--fa:""}.fa-parachute-box{--fa:""}.fa-indent{--fa:""}.fa-truck-field-un{--fa:""}.fa-hourglass,.fa-hourglass-empty{--fa:""}.fa-mountain{--fa:""}.fa-user-doctor,.fa-user-md{--fa:""}.fa-circle-info,.fa-info-circle{--fa:""}.fa-cloud-meatball{--fa:""}.fa-camera,.fa-camera-alt{--fa:""}.fa-square-virus{--fa:""}.fa-meteor{--fa:""}.fa-car-on{--fa:""}.fa-sleigh{--fa:""}.fa-arrow-down-1-9,.fa-sort-numeric-asc,.fa-sort-numeric-down{--fa:""}.fa-hand-holding-droplet,.fa-hand-holding-water{--fa:""}.fa-water{--fa:""}.fa-calendar-check{--fa:""}.fa-braille{--fa:""}.fa-prescription-bottle-alt,.fa-prescription-bottle-medical{--fa:""}.fa-landmark{--fa:""}.fa-truck{--fa:""}.fa-crosshairs{--fa:""}.fa-person-cane{--fa:""}.fa-tent{--fa:""}.fa-vest-patches{--fa:""}.fa-check-double{--fa:""}.fa-arrow-down-a-z,.fa-sort-alpha-asc,.fa-sort-alpha-down{--fa:""}.fa-money-bill-wheat{--fa:""}.fa-cookie{--fa:""}.fa-arrow-left-rotate,.fa-arrow-rotate-back,.fa-arrow-rotate-backward,.fa-arrow-rotate-left,.fa-undo{--fa:""}.fa-hard-drive,.fa-hdd{--fa:""}.fa-face-grin-squint-tears,.fa-grin-squint-tears{--fa:""}.fa-dumbbell{--fa:""}.fa-list-alt,.fa-rectangle-list{--fa:""}.fa-tarp-droplet{--fa:""}.fa-house-medical-circle-check{--fa:""}.fa-person-skiing-nordic,.fa-skiing-nordic{--fa:""}.fa-calendar-plus{--fa:""}.fa-plane-arrival{--fa:""}.fa-arrow-alt-circle-left,.fa-circle-left{--fa:""}.fa-subway,.fa-train-subway{--fa:""}.fa-chart-gantt{--fa:""}.fa-indian-rupee,.fa-indian-rupee-sign,.fa-inr{--fa:""}.fa-crop-alt,.fa-crop-simple{--fa:""}.fa-money-bill-1,.fa-money-bill-alt{--fa:""}.fa-left-long,.fa-long-arrow-alt-left{--fa:""}.fa-dna{--fa:""}.fa-virus-slash{--fa:""}.fa-minus,.fa-subtract{--fa:""}.fa-chess{--fa:""}.fa-arrow-left-long,.fa-long-arrow-left{--fa:""}.fa-plug-circle-check{--fa:""}.fa-street-view{--fa:""}.fa-franc-sign{--fa:""}.fa-volume-off{--fa:""}.fa-american-sign-language-interpreting,.fa-asl-interpreting,.fa-hands-american-sign-language-interpreting,.fa-hands-asl-interpreting{--fa:""}.fa-cog,.fa-gear{--fa:""}.fa-droplet-slash,.fa-tint-slash{--fa:""}.fa-mosque{--fa:""}.fa-mosquito{--fa:""}.fa-star-of-david{--fa:""}.fa-person-military-rifle{--fa:""}.fa-cart-shopping,.fa-shopping-cart{--fa:""}.fa-vials{--fa:""}.fa-plug-circle-plus{--fa:""}.fa-place-of-worship{--fa:""}.fa-grip-vertical{--fa:""}.fa-hexagon-nodes{--fa:""}.fa-arrow-turn-up,.fa-level-up{--fa:""}.fa-u{--fa:"U"}.fa-square-root-alt,.fa-square-root-variable{--fa:""}.fa-clock,.fa-clock-four{--fa:""}.fa-backward-step,.fa-step-backward{--fa:""}.fa-pallet{--fa:""}.fa-faucet{--fa:""}.fa-baseball-bat-ball{--fa:""}.fa-s{--fa:"S"}.fa-timeline{--fa:""}.fa-keyboard{--fa:""}.fa-caret-down{--fa:""}.fa-clinic-medical,.fa-house-chimney-medical{--fa:""}.fa-temperature-3,.fa-temperature-three-quarters,.fa-thermometer-3,.fa-thermometer-three-quarters{--fa:""}.fa-mobile-android-alt,.fa-mobile-screen{--fa:""}.fa-plane-up{--fa:""}.fa-piggy-bank{--fa:""}.fa-battery-3,.fa-battery-half{--fa:""}.fa-mountain-city{--fa:""}.fa-coins{--fa:""}.fa-khanda{--fa:""}.fa-sliders,.fa-sliders-h{--fa:""}.fa-folder-tree{--fa:""}.fa-network-wired{--fa:""}.fa-map-pin{--fa:""}.fa-hamsa{--fa:""}.fa-cent-sign{--fa:""}.fa-flask{--fa:""}.fa-person-pregnant{--fa:""}.fa-wand-sparkles{--fa:""}.fa-ellipsis-v,.fa-ellipsis-vertical{--fa:""}.fa-ticket{--fa:""}.fa-power-off{--fa:""}.fa-long-arrow-alt-right,.fa-right-long{--fa:""}.fa-flag-usa{--fa:""}.fa-laptop-file{--fa:""}.fa-teletype,.fa-tty{--fa:""}.fa-diagram-next{--fa:""}.fa-person-rifle{--fa:""}.fa-house-medical-circle-exclamation{--fa:""}.fa-closed-captioning{--fa:""}.fa-hiking,.fa-person-hiking{--fa:""}.fa-venus-double{--fa:""}.fa-images{--fa:""}.fa-calculator{--fa:""}.fa-people-pulling{--fa:""}.fa-n{--fa:"N"}.fa-cable-car,.fa-tram{--fa:""}.fa-cloud-rain{--fa:""}.fa-building-circle-xmark{--fa:""}.fa-ship{--fa:""}.fa-arrows-down-to-line{--fa:""}.fa-download{--fa:""}.fa-face-grin,.fa-grin{--fa:""}.fa-backspace,.fa-delete-left{--fa:""}.fa-eye-dropper,.fa-eye-dropper-empty,.fa-eyedropper{--fa:""}.fa-file-circle-check{--fa:""}.fa-forward{--fa:""}.fa-mobile,.fa-mobile-android,.fa-mobile-phone{--fa:""}.fa-face-meh,.fa-meh{--fa:""}.fa-align-center{--fa:""}.fa-book-dead,.fa-book-skull{--fa:""}.fa-drivers-license,.fa-id-card{--fa:""}.fa-dedent,.fa-outdent{--fa:""}.fa-heart-circle-exclamation{--fa:""}.fa-home,.fa-home-alt,.fa-home-lg-alt,.fa-house{--fa:""}.fa-calendar-week{--fa:""}.fa-laptop-medical{--fa:""}.fa-b{--fa:"B"}.fa-file-medical{--fa:""}.fa-dice-one{--fa:""}.fa-kiwi-bird{--fa:""}.fa-arrow-right-arrow-left,.fa-exchange{--fa:""}.fa-redo-alt,.fa-rotate-forward,.fa-rotate-right{--fa:""}.fa-cutlery,.fa-utensils{--fa:""}.fa-arrow-up-wide-short,.fa-sort-amount-up{--fa:""}.fa-mill-sign{--fa:""}.fa-bowl-rice{--fa:""}.fa-skull{--fa:""}.fa-broadcast-tower,.fa-tower-broadcast{--fa:""}.fa-truck-pickup{--fa:""}.fa-long-arrow-alt-up,.fa-up-long{--fa:""}.fa-stop{--fa:""}.fa-code-merge{--fa:""}.fa-upload{--fa:""}.fa-hurricane{--fa:""}.fa-mound{--fa:""}.fa-toilet-portable{--fa:""}.fa-compact-disc{--fa:""}.fa-file-arrow-down,.fa-file-download{--fa:""}.fa-caravan{--fa:""}.fa-shield-cat{--fa:""}.fa-bolt,.fa-zap{--fa:""}.fa-glass-water{--fa:""}.fa-oil-well{--fa:""}.fa-vault{--fa:""}.fa-mars{--fa:""}.fa-toilet{--fa:""}.fa-plane-circle-xmark{--fa:""}.fa-cny,.fa-jpy,.fa-rmb,.fa-yen,.fa-yen-sign{--fa:""}.fa-rouble,.fa-rub,.fa-ruble,.fa-ruble-sign{--fa:""}.fa-sun{--fa:""}.fa-guitar{--fa:""}.fa-face-laugh-wink,.fa-laugh-wink{--fa:""}.fa-horse-head{--fa:""}.fa-bore-hole{--fa:""}.fa-industry{--fa:""}.fa-arrow-alt-circle-down,.fa-circle-down{--fa:""}.fa-arrows-turn-to-dots{--fa:""}.fa-florin-sign{--fa:""}.fa-arrow-down-short-wide,.fa-sort-amount-desc,.fa-sort-amount-down-alt{--fa:""}.fa-less-than{--fa:"<"}.fa-angle-down{--fa:""}.fa-car-tunnel{--fa:""}.fa-head-side-cough{--fa:""}.fa-grip-lines{--fa:""}.fa-thumbs-down{--fa:""}.fa-user-lock{--fa:""}.fa-arrow-right-long,.fa-long-arrow-right{--fa:""}.fa-anchor-circle-xmark{--fa:""}.fa-ellipsis,.fa-ellipsis-h{--fa:""}.fa-chess-pawn{--fa:""}.fa-first-aid,.fa-kit-medical{--fa:""}.fa-person-through-window{--fa:""}.fa-toolbox{--fa:""}.fa-hands-holding-circle{--fa:""}.fa-bug{--fa:""}.fa-credit-card,.fa-credit-card-alt{--fa:""}.fa-automobile,.fa-car{--fa:""}.fa-hand-holding-hand{--fa:""}.fa-book-open-reader,.fa-book-reader{--fa:""}.fa-mountain-sun{--fa:""}.fa-arrows-left-right-to-line{--fa:""}.fa-dice-d20{--fa:""}.fa-truck-droplet{--fa:""}.fa-file-circle-xmark{--fa:""}.fa-temperature-arrow-up,.fa-temperature-up{--fa:""}.fa-medal{--fa:""}.fa-bed{--fa:""}.fa-h-square,.fa-square-h{--fa:""}.fa-podcast{--fa:""}.fa-temperature-4,.fa-temperature-full,.fa-thermometer-4,.fa-thermometer-full{--fa:""}.fa-bell{--fa:""}.fa-superscript{--fa:""}.fa-plug-circle-xmark{--fa:""}.fa-star-of-life{--fa:""}.fa-phone-slash{--fa:""}.fa-paint-roller{--fa:""}.fa-hands-helping,.fa-handshake-angle{--fa:""}.fa-location-dot,.fa-map-marker-alt{--fa:""}.fa-file{--fa:""}.fa-greater-than{--fa:">"}.fa-person-swimming,.fa-swimmer{--fa:""}.fa-arrow-down{--fa:""}.fa-droplet,.fa-tint{--fa:""}.fa-eraser{--fa:""}.fa-earth,.fa-earth-america,.fa-earth-americas,.fa-globe-americas{--fa:""}.fa-person-burst{--fa:""}.fa-dove{--fa:""}.fa-battery-0,.fa-battery-empty{--fa:""}.fa-socks{--fa:""}.fa-inbox{--fa:""}.fa-section{--fa:""}.fa-gauge-high,.fa-tachometer-alt,.fa-tachometer-alt-fast{--fa:""}.fa-envelope-open-text{--fa:""}.fa-hospital,.fa-hospital-alt,.fa-hospital-wide{--fa:""}.fa-wine-bottle{--fa:""}.fa-chess-rook{--fa:""}.fa-bars-staggered,.fa-reorder,.fa-stream{--fa:""}.fa-dharmachakra{--fa:""}.fa-hotdog{--fa:""}.fa-blind,.fa-person-walking-with-cane{--fa:""}.fa-drum{--fa:""}.fa-ice-cream{--fa:""}.fa-heart-circle-bolt{--fa:""}.fa-fax{--fa:""}.fa-paragraph{--fa:""}.fa-check-to-slot,.fa-vote-yea{--fa:""}.fa-star-half{--fa:""}.fa-boxes,.fa-boxes-alt,.fa-boxes-stacked{--fa:""}.fa-chain,.fa-link{--fa:""}.fa-assistive-listening-systems,.fa-ear-listen{--fa:""}.fa-tree-city{--fa:""}.fa-play{--fa:""}.fa-font{--fa:""}.fa-table-cells-row-lock{--fa:""}.fa-rupiah-sign{--fa:""}.fa-magnifying-glass,.fa-search{--fa:""}.fa-ping-pong-paddle-ball,.fa-table-tennis,.fa-table-tennis-paddle-ball{--fa:""}.fa-diagnoses,.fa-person-dots-from-line{--fa:""}.fa-trash-can-arrow-up,.fa-trash-restore-alt{--fa:""}.fa-naira-sign{--fa:""}.fa-cart-arrow-down{--fa:""}.fa-walkie-talkie{--fa:""}.fa-file-edit,.fa-file-pen{--fa:""}.fa-receipt{--fa:""}.fa-pen-square,.fa-pencil-square,.fa-square-pen{--fa:""}.fa-suitcase-rolling{--fa:""}.fa-person-circle-exclamation{--fa:""}.fa-chevron-down{--fa:""}.fa-battery,.fa-battery-5,.fa-battery-full{--fa:""}.fa-skull-crossbones{--fa:""}.fa-code-compare{--fa:""}.fa-list-dots,.fa-list-ul{--fa:""}.fa-school-lock{--fa:""}.fa-tower-cell{--fa:""}.fa-down-long,.fa-long-arrow-alt-down{--fa:""}.fa-ranking-star{--fa:""}.fa-chess-king{--fa:""}.fa-person-harassing{--fa:""}.fa-brazilian-real-sign{--fa:""}.fa-landmark-alt,.fa-landmark-dome{--fa:""}.fa-arrow-up{--fa:""}.fa-television,.fa-tv,.fa-tv-alt{--fa:""}.fa-shrimp{--fa:""}.fa-list-check,.fa-tasks{--fa:""}.fa-jug-detergent{--fa:""}.fa-circle-user,.fa-user-circle{--fa:""}.fa-user-shield{--fa:""}.fa-wind{--fa:""}.fa-car-burst,.fa-car-crash{--fa:""}.fa-y{--fa:"Y"}.fa-person-snowboarding,.fa-snowboarding{--fa:""}.fa-shipping-fast,.fa-truck-fast{--fa:""}.fa-fish{--fa:""}.fa-user-graduate{--fa:""}.fa-adjust,.fa-circle-half-stroke{--fa:""}.fa-clapperboard{--fa:""}.fa-circle-radiation,.fa-radiation-alt{--fa:""}.fa-baseball,.fa-baseball-ball{--fa:""}.fa-jet-fighter-up{--fa:""}.fa-diagram-project,.fa-project-diagram{--fa:""}.fa-copy{--fa:""}.fa-volume-mute,.fa-volume-times,.fa-volume-xmark{--fa:""}.fa-hand-sparkles{--fa:""}.fa-grip,.fa-grip-horizontal{--fa:""}.fa-share-from-square,.fa-share-square{--fa:""}.fa-child-combatant,.fa-child-rifle{--fa:""}.fa-gun{--fa:""}.fa-phone-square,.fa-square-phone{--fa:""}.fa-add,.fa-plus{--fa:"+"}.fa-expand{--fa:""}.fa-computer{--fa:""}.fa-close,.fa-multiply,.fa-remove,.fa-times,.fa-xmark{--fa:""}.fa-arrows,.fa-arrows-up-down-left-right{--fa:""}.fa-chalkboard-teacher,.fa-chalkboard-user{--fa:""}.fa-peso-sign{--fa:""}.fa-building-shield{--fa:""}.fa-baby{--fa:""}.fa-users-line{--fa:""}.fa-quote-left,.fa-quote-left-alt{--fa:""}.fa-tractor{--fa:""}.fa-trash-arrow-up,.fa-trash-restore{--fa:""}.fa-arrow-down-up-lock{--fa:""}.fa-lines-leaning{--fa:""}.fa-ruler-combined{--fa:""}.fa-copyright{--fa:""}.fa-equals{--fa:"="}.fa-blender{--fa:""}.fa-teeth{--fa:""}.fa-ils,.fa-shekel,.fa-shekel-sign,.fa-sheqel,.fa-sheqel-sign{--fa:""}.fa-map{--fa:""}.fa-rocket{--fa:""}.fa-photo-film,.fa-photo-video{--fa:""}.fa-folder-minus{--fa:""}.fa-hexagon-nodes-bolt{--fa:""}.fa-store{--fa:""}.fa-arrow-trend-up{--fa:""}.fa-plug-circle-minus{--fa:""}.fa-sign,.fa-sign-hanging{--fa:""}.fa-bezier-curve{--fa:""}.fa-bell-slash{--fa:""}.fa-tablet,.fa-tablet-android{--fa:""}.fa-school-flag{--fa:""}.fa-fill{--fa:""}.fa-angle-up{--fa:""}.fa-drumstick-bite{--fa:""}.fa-holly-berry{--fa:""}.fa-chevron-left{--fa:""}.fa-bacteria{--fa:""}.fa-hand-lizard{--fa:""}.fa-notdef{--fa:""}.fa-disease{--fa:""}.fa-briefcase-medical{--fa:""}.fa-genderless{--fa:""}.fa-chevron-right{--fa:""}.fa-retweet{--fa:""}.fa-car-alt,.fa-car-rear{--fa:""}.fa-pump-soap{--fa:""}.fa-video-slash{--fa:""}.fa-battery-2,.fa-battery-quarter{--fa:""}.fa-radio{--fa:""}.fa-baby-carriage,.fa-carriage-baby{--fa:""}.fa-traffic-light{--fa:""}.fa-thermometer{--fa:""}.fa-vr-cardboard{--fa:""}.fa-hand-middle-finger{--fa:""}.fa-percent,.fa-percentage{--fa:"%"}.fa-truck-moving{--fa:""}.fa-glass-water-droplet{--fa:""}.fa-display{--fa:""}.fa-face-smile,.fa-smile{--fa:""}.fa-thumb-tack,.fa-thumbtack{--fa:""}.fa-trophy{--fa:""}.fa-person-praying,.fa-pray{--fa:""}.fa-hammer{--fa:""}.fa-hand-peace{--fa:""}.fa-rotate,.fa-sync-alt{--fa:""}.fa-spinner{--fa:""}.fa-robot{--fa:""}.fa-peace{--fa:""}.fa-cogs,.fa-gears{--fa:""}.fa-warehouse{--fa:""}.fa-arrow-up-right-dots{--fa:""}.fa-splotch{--fa:""}.fa-face-grin-hearts,.fa-grin-hearts{--fa:""}.fa-dice-four{--fa:""}.fa-sim-card{--fa:""}.fa-transgender,.fa-transgender-alt{--fa:""}.fa-mercury{--fa:""}.fa-arrow-turn-down,.fa-level-down{--fa:""}.fa-person-falling-burst{--fa:""}.fa-award{--fa:""}.fa-ticket-alt,.fa-ticket-simple{--fa:""}.fa-building{--fa:""}.fa-angle-double-left,.fa-angles-left{--fa:""}.fa-qrcode{--fa:""}.fa-clock-rotate-left,.fa-history{--fa:""}.fa-face-grin-beam-sweat,.fa-grin-beam-sweat{--fa:""}.fa-arrow-right-from-file,.fa-file-export{--fa:""}.fa-shield,.fa-shield-blank{--fa:""}.fa-arrow-up-short-wide,.fa-sort-amount-up-alt{--fa:""}.fa-comment-nodes{--fa:""}.fa-house-medical{--fa:""}.fa-golf-ball,.fa-golf-ball-tee{--fa:""}.fa-chevron-circle-left,.fa-circle-chevron-left{--fa:""}.fa-house-chimney-window{--fa:""}.fa-pen-nib{--fa:""}.fa-tent-arrow-turn-left{--fa:""}.fa-tents{--fa:""}.fa-magic,.fa-wand-magic{--fa:""}.fa-dog{--fa:""}.fa-carrot{--fa:""}.fa-moon{--fa:""}.fa-wine-glass-alt,.fa-wine-glass-empty{--fa:""}.fa-cheese{--fa:""}.fa-yin-yang{--fa:""}.fa-music{--fa:""}.fa-code-commit{--fa:""}.fa-temperature-low{--fa:""}.fa-biking,.fa-person-biking{--fa:""}.fa-broom{--fa:""}.fa-shield-heart{--fa:""}.fa-gopuram{--fa:""}.fa-earth-oceania,.fa-globe-oceania{--fa:""}.fa-square-xmark,.fa-times-square,.fa-xmark-square{--fa:""}.fa-hashtag{--fa:"#"}.fa-expand-alt,.fa-up-right-and-down-left-from-center{--fa:""}.fa-oil-can{--fa:""}.fa-t{--fa:"T"}.fa-hippo{--fa:""}.fa-chart-column{--fa:""}.fa-infinity{--fa:""}.fa-vial-circle-check{--fa:""}.fa-person-arrow-down-to-line{--fa:""}.fa-voicemail{--fa:""}.fa-fan{--fa:""}.fa-person-walking-luggage{--fa:""}.fa-arrows-alt-v,.fa-up-down{--fa:""}.fa-cloud-moon-rain{--fa:""}.fa-calendar{--fa:""}.fa-trailer{--fa:""}.fa-bahai,.fa-haykal{--fa:""}.fa-sd-card{--fa:""}.fa-dragon{--fa:""}.fa-shoe-prints{--fa:""}.fa-circle-plus,.fa-plus-circle{--fa:""}.fa-face-grin-tongue-wink,.fa-grin-tongue-wink{--fa:""}.fa-hand-holding{--fa:""}.fa-plug-circle-exclamation{--fa:""}.fa-chain-broken,.fa-chain-slash,.fa-link-slash,.fa-unlink{--fa:""}.fa-clone{--fa:""}.fa-person-walking-arrow-loop-left{--fa:""}.fa-arrow-up-z-a,.fa-sort-alpha-up-alt{--fa:""}.fa-fire-alt,.fa-fire-flame-curved{--fa:""}.fa-tornado{--fa:""}.fa-file-circle-plus{--fa:""}.fa-book-quran,.fa-quran{--fa:""}.fa-anchor{--fa:""}.fa-border-all{--fa:""}.fa-angry,.fa-face-angry{--fa:""}.fa-cookie-bite{--fa:""}.fa-arrow-trend-down{--fa:""}.fa-feed,.fa-rss{--fa:""}.fa-draw-polygon{--fa:""}.fa-balance-scale,.fa-scale-balanced{--fa:""}.fa-gauge-simple-high,.fa-tachometer,.fa-tachometer-fast{--fa:""}.fa-shower{--fa:""}.fa-desktop,.fa-desktop-alt{--fa:""}.fa-m{--fa:"M"}.fa-table-list,.fa-th-list{--fa:""}.fa-comment-sms,.fa-sms{--fa:""}.fa-book{--fa:""}.fa-user-plus{--fa:""}.fa-check{--fa:""}.fa-battery-4,.fa-battery-three-quarters{--fa:""}.fa-house-circle-check{--fa:""}.fa-angle-left{--fa:""}.fa-diagram-successor{--fa:""}.fa-truck-arrow-right{--fa:""}.fa-arrows-split-up-and-left{--fa:""}.fa-fist-raised,.fa-hand-fist{--fa:""}.fa-cloud-moon{--fa:""}.fa-briefcase{--fa:""}.fa-person-falling{--fa:""}.fa-image-portrait,.fa-portrait{--fa:""}.fa-user-tag{--fa:""}.fa-rug{--fa:""}.fa-earth-europe,.fa-globe-europe{--fa:""}.fa-cart-flatbed-suitcase,.fa-luggage-cart{--fa:""}.fa-rectangle-times,.fa-rectangle-xmark,.fa-times-rectangle,.fa-window-close{--fa:""}.fa-baht-sign{--fa:""}.fa-book-open{--fa:""}.fa-book-journal-whills,.fa-journal-whills{--fa:""}.fa-handcuffs{--fa:""}.fa-exclamation-triangle,.fa-triangle-exclamation,.fa-warning{--fa:""}.fa-database{--fa:""}.fa-mail-forward,.fa-share{--fa:""}.fa-bottle-droplet{--fa:""}.fa-mask-face{--fa:""}.fa-hill-rockslide{--fa:""}.fa-exchange-alt,.fa-right-left{--fa:""}.fa-paper-plane{--fa:""}.fa-road-circle-exclamation{--fa:""}.fa-dungeon{--fa:""}.fa-align-right{--fa:""}.fa-money-bill-1-wave,.fa-money-bill-wave-alt{--fa:""}.fa-life-ring{--fa:""}.fa-hands,.fa-sign-language,.fa-signing{--fa:""}.fa-calendar-day{--fa:""}.fa-ladder-water,.fa-swimming-pool,.fa-water-ladder{--fa:""}.fa-arrows-up-down,.fa-arrows-v{--fa:""}.fa-face-grimace,.fa-grimace{--fa:""}.fa-wheelchair-alt,.fa-wheelchair-move{--fa:""}.fa-level-down-alt,.fa-turn-down{--fa:""}.fa-person-walking-arrow-right{--fa:""}.fa-envelope-square,.fa-square-envelope{--fa:""}.fa-dice{--fa:""}.fa-bowling-ball{--fa:""}.fa-brain{--fa:""}.fa-band-aid,.fa-bandage{--fa:""}.fa-calendar-minus{--fa:""}.fa-circle-xmark,.fa-times-circle,.fa-xmark-circle{--fa:""}.fa-gifts{--fa:""}.fa-hotel{--fa:""}.fa-earth-asia,.fa-globe-asia{--fa:""}.fa-id-card-alt,.fa-id-card-clip{--fa:""}.fa-magnifying-glass-plus,.fa-search-plus{--fa:""}.fa-thumbs-up{--fa:""}.fa-user-clock{--fa:""}.fa-allergies,.fa-hand-dots{--fa:""}.fa-file-invoice{--fa:""}.fa-window-minimize{--fa:""}.fa-coffee,.fa-mug-saucer{--fa:""}.fa-brush{--fa:""}.fa-file-half-dashed{--fa:""}.fa-mask{--fa:""}.fa-magnifying-glass-minus,.fa-search-minus{--fa:""}.fa-ruler-vertical{--fa:""}.fa-user-alt,.fa-user-large{--fa:""}.fa-train-tram{--fa:""}.fa-user-nurse{--fa:""}.fa-syringe{--fa:""}.fa-cloud-sun{--fa:""}.fa-stopwatch-20{--fa:""}.fa-square-full{--fa:""}.fa-magnet{--fa:""}.fa-jar{--fa:""}.fa-note-sticky,.fa-sticky-note{--fa:""}.fa-bug-slash{--fa:""}.fa-arrow-up-from-water-pump{--fa:""}.fa-bone{--fa:""}.fa-table-cells-row-unlock{--fa:""}.fa-user-injured{--fa:""}.fa-face-sad-tear,.fa-sad-tear{--fa:""}.fa-plane{--fa:""}.fa-tent-arrows-down{--fa:""}.fa-exclamation{--fa:"!"}.fa-arrows-spin{--fa:""}.fa-print{--fa:""}.fa-try,.fa-turkish-lira,.fa-turkish-lira-sign{--fa:""}.fa-dollar,.fa-dollar-sign,.fa-usd{--fa:"$"}.fa-x{--fa:"X"}.fa-magnifying-glass-dollar,.fa-search-dollar{--fa:""}.fa-users-cog,.fa-users-gear{--fa:""}.fa-person-military-pointing{--fa:""}.fa-bank,.fa-building-columns,.fa-institution,.fa-museum,.fa-university{--fa:""}.fa-umbrella{--fa:""}.fa-trowel{--fa:""}.fa-d{--fa:"D"}.fa-stapler{--fa:""}.fa-masks-theater,.fa-theater-masks{--fa:""}.fa-kip-sign{--fa:""}.fa-hand-point-left{--fa:""}.fa-handshake-alt,.fa-handshake-simple{--fa:""}.fa-fighter-jet,.fa-jet-fighter{--fa:""}.fa-share-alt-square,.fa-square-share-nodes{--fa:""}.fa-barcode{--fa:""}.fa-plus-minus{--fa:""}.fa-video,.fa-video-camera{--fa:""}.fa-graduation-cap,.fa-mortar-board{--fa:""}.fa-hand-holding-medical{--fa:""}.fa-person-circle-check{--fa:""}.fa-level-up-alt,.fa-turn-up{--fa:""}.fa-sr-only,.fa-sr-only-focusable:not(:focus),.sr-only,.sr-only-focusable:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:host,:root{--fa-style-family-brands:"Font Awesome 6 Brands";--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:block;src:url(./fa-brands-400.woff2) format("woff2"),url(./fa-brands-400.ttf) format("truetype")}.fa-brands,.fab{font-weight:400}.fa-monero{--fa:""}.fa-hooli{--fa:""}.fa-yelp{--fa:""}.fa-cc-visa{--fa:""}.fa-lastfm{--fa:""}.fa-shopware{--fa:""}.fa-creative-commons-nc{--fa:""}.fa-aws{--fa:""}.fa-redhat{--fa:""}.fa-yoast{--fa:""}.fa-cloudflare{--fa:""}.fa-ups{--fa:""}.fa-pixiv{--fa:""}.fa-wpexplorer{--fa:""}.fa-dyalog{--fa:""}.fa-bity{--fa:""}.fa-stackpath{--fa:""}.fa-buysellads{--fa:""}.fa-first-order{--fa:""}.fa-modx{--fa:""}.fa-guilded{--fa:""}.fa-vnv{--fa:""}.fa-js-square,.fa-square-js{--fa:""}.fa-microsoft{--fa:""}.fa-qq{--fa:""}.fa-orcid{--fa:""}.fa-java{--fa:""}.fa-invision{--fa:""}.fa-creative-commons-pd-alt{--fa:""}.fa-centercode{--fa:""}.fa-glide-g{--fa:""}.fa-drupal{--fa:""}.fa-jxl{--fa:""}.fa-dart-lang{--fa:""}.fa-hire-a-helper{--fa:""}.fa-creative-commons-by{--fa:""}.fa-unity{--fa:""}.fa-whmcs{--fa:""}.fa-rocketchat{--fa:""}.fa-vk{--fa:""}.fa-untappd{--fa:""}.fa-mailchimp{--fa:""}.fa-css3-alt{--fa:""}.fa-reddit-square,.fa-square-reddit{--fa:""}.fa-vimeo-v{--fa:""}.fa-contao{--fa:""}.fa-square-font-awesome{--fa:""}.fa-deskpro{--fa:""}.fa-brave{--fa:""}.fa-sistrix{--fa:""}.fa-instagram-square,.fa-square-instagram{--fa:""}.fa-battle-net{--fa:""}.fa-the-red-yeti{--fa:""}.fa-hacker-news-square,.fa-square-hacker-news{--fa:""}.fa-edge{--fa:""}.fa-threads{--fa:""}.fa-napster{--fa:""}.fa-snapchat-square,.fa-square-snapchat{--fa:""}.fa-google-plus-g{--fa:""}.fa-artstation{--fa:""}.fa-markdown{--fa:""}.fa-sourcetree{--fa:""}.fa-google-plus{--fa:""}.fa-diaspora{--fa:""}.fa-foursquare{--fa:""}.fa-stack-overflow{--fa:""}.fa-github-alt{--fa:""}.fa-phoenix-squadron{--fa:""}.fa-pagelines{--fa:""}.fa-algolia{--fa:""}.fa-red-river{--fa:""}.fa-creative-commons-sa{--fa:""}.fa-safari{--fa:""}.fa-google{--fa:""}.fa-font-awesome-alt,.fa-square-font-awesome-stroke{--fa:""}.fa-atlassian{--fa:""}.fa-linkedin-in{--fa:""}.fa-digital-ocean{--fa:""}.fa-nimblr{--fa:""}.fa-chromecast{--fa:""}.fa-evernote{--fa:""}.fa-hacker-news{--fa:""}.fa-creative-commons-sampling{--fa:""}.fa-adversal{--fa:""}.fa-creative-commons{--fa:""}.fa-watchman-monitoring{--fa:""}.fa-fonticons{--fa:""}.fa-weixin{--fa:""}.fa-shirtsinbulk{--fa:""}.fa-codepen{--fa:""}.fa-git-alt{--fa:""}.fa-lyft{--fa:""}.fa-rev{--fa:""}.fa-windows{--fa:""}.fa-wizards-of-the-coast{--fa:""}.fa-square-viadeo,.fa-viadeo-square{--fa:""}.fa-meetup{--fa:""}.fa-centos{--fa:""}.fa-adn{--fa:""}.fa-cloudsmith{--fa:""}.fa-opensuse{--fa:""}.fa-pied-piper-alt{--fa:""}.fa-dribbble-square,.fa-square-dribbble{--fa:""}.fa-codiepie{--fa:""}.fa-node{--fa:""}.fa-mix{--fa:""}.fa-steam{--fa:""}.fa-cc-apple-pay{--fa:""}.fa-scribd{--fa:""}.fa-debian{--fa:""}.fa-openid{--fa:""}.fa-instalod{--fa:""}.fa-files-pinwheel{--fa:""}.fa-expeditedssl{--fa:""}.fa-sellcast{--fa:""}.fa-square-twitter,.fa-twitter-square{--fa:""}.fa-r-project{--fa:""}.fa-delicious{--fa:""}.fa-freebsd{--fa:""}.fa-vuejs{--fa:""}.fa-accusoft{--fa:""}.fa-ioxhost{--fa:""}.fa-fonticons-fi{--fa:""}.fa-app-store{--fa:""}.fa-cc-mastercard{--fa:""}.fa-itunes-note{--fa:""}.fa-golang{--fa:""}.fa-kickstarter,.fa-square-kickstarter{--fa:""}.fa-grav{--fa:""}.fa-weibo{--fa:""}.fa-uncharted{--fa:""}.fa-firstdraft{--fa:""}.fa-square-youtube,.fa-youtube-square{--fa:""}.fa-wikipedia-w{--fa:""}.fa-rendact,.fa-wpressr{--fa:""}.fa-angellist{--fa:""}.fa-galactic-republic{--fa:""}.fa-nfc-directional{--fa:""}.fa-skype{--fa:""}.fa-joget{--fa:""}.fa-fedora{--fa:""}.fa-stripe-s{--fa:""}.fa-meta{--fa:""}.fa-laravel{--fa:""}.fa-hotjar{--fa:""}.fa-bluetooth-b{--fa:""}.fa-square-letterboxd{--fa:""}.fa-sticker-mule{--fa:""}.fa-creative-commons-zero{--fa:""}.fa-hips{--fa:""}.fa-css{--fa:""}.fa-behance{--fa:""}.fa-reddit{--fa:""}.fa-discord{--fa:""}.fa-chrome{--fa:""}.fa-app-store-ios{--fa:""}.fa-cc-discover{--fa:""}.fa-wpbeginner{--fa:""}.fa-confluence{--fa:""}.fa-shoelace{--fa:""}.fa-mdb{--fa:""}.fa-dochub{--fa:""}.fa-accessible-icon{--fa:""}.fa-ebay{--fa:""}.fa-amazon{--fa:""}.fa-unsplash{--fa:""}.fa-yarn{--fa:""}.fa-square-steam,.fa-steam-square{--fa:""}.fa-500px{--fa:""}.fa-square-vimeo,.fa-vimeo-square{--fa:""}.fa-asymmetrik{--fa:""}.fa-font-awesome,.fa-font-awesome-flag,.fa-font-awesome-logo-full{--fa:""}.fa-gratipay{--fa:""}.fa-apple{--fa:""}.fa-hive{--fa:""}.fa-gitkraken{--fa:""}.fa-keybase{--fa:""}.fa-apple-pay{--fa:""}.fa-padlet{--fa:""}.fa-amazon-pay{--fa:""}.fa-github-square,.fa-square-github{--fa:""}.fa-stumbleupon{--fa:""}.fa-fedex{--fa:""}.fa-phoenix-framework{--fa:""}.fa-shopify{--fa:""}.fa-neos{--fa:""}.fa-square-threads{--fa:""}.fa-hackerrank{--fa:""}.fa-researchgate{--fa:""}.fa-swift{--fa:""}.fa-angular{--fa:""}.fa-speakap{--fa:""}.fa-angrycreative{--fa:""}.fa-y-combinator{--fa:""}.fa-empire{--fa:""}.fa-envira{--fa:""}.fa-google-scholar{--fa:""}.fa-gitlab-square,.fa-square-gitlab{--fa:""}.fa-studiovinari{--fa:""}.fa-pied-piper{--fa:""}.fa-wordpress{--fa:""}.fa-product-hunt{--fa:""}.fa-firefox{--fa:""}.fa-linode{--fa:""}.fa-goodreads{--fa:""}.fa-odnoklassniki-square,.fa-square-odnoklassniki{--fa:""}.fa-jsfiddle{--fa:""}.fa-sith{--fa:""}.fa-themeisle{--fa:""}.fa-page4{--fa:""}.fa-hashnode{--fa:""}.fa-react{--fa:""}.fa-cc-paypal{--fa:""}.fa-squarespace{--fa:""}.fa-cc-stripe{--fa:""}.fa-creative-commons-share{--fa:""}.fa-bitcoin{--fa:""}.fa-keycdn{--fa:""}.fa-opera{--fa:""}.fa-itch-io{--fa:""}.fa-umbraco{--fa:""}.fa-galactic-senate{--fa:""}.fa-ubuntu{--fa:""}.fa-draft2digital{--fa:""}.fa-stripe{--fa:""}.fa-houzz{--fa:""}.fa-gg{--fa:""}.fa-dhl{--fa:""}.fa-pinterest-square,.fa-square-pinterest{--fa:""}.fa-xing{--fa:""}.fa-blackberry{--fa:""}.fa-creative-commons-pd{--fa:""}.fa-playstation{--fa:""}.fa-quinscape{--fa:""}.fa-less{--fa:""}.fa-blogger-b{--fa:""}.fa-opencart{--fa:""}.fa-vine{--fa:""}.fa-signal-messenger{--fa:""}.fa-paypal{--fa:""}.fa-gitlab{--fa:""}.fa-typo3{--fa:""}.fa-reddit-alien{--fa:""}.fa-yahoo{--fa:""}.fa-dailymotion{--fa:""}.fa-affiliatetheme{--fa:""}.fa-pied-piper-pp{--fa:""}.fa-bootstrap{--fa:""}.fa-odnoklassniki{--fa:""}.fa-nfc-symbol{--fa:""}.fa-mintbit{--fa:""}.fa-ethereum{--fa:""}.fa-speaker-deck{--fa:""}.fa-creative-commons-nc-eu{--fa:""}.fa-patreon{--fa:""}.fa-avianex{--fa:""}.fa-ello{--fa:""}.fa-gofore{--fa:""}.fa-bimobject{--fa:""}.fa-brave-reverse{--fa:""}.fa-facebook-f{--fa:""}.fa-google-plus-square,.fa-square-google-plus{--fa:""}.fa-web-awesome{--fa:""}.fa-mandalorian{--fa:""}.fa-first-order-alt{--fa:""}.fa-osi{--fa:""}.fa-google-wallet{--fa:""}.fa-d-and-d-beyond{--fa:""}.fa-periscope{--fa:""}.fa-fulcrum{--fa:""}.fa-cloudscale{--fa:""}.fa-forumbee{--fa:""}.fa-mizuni{--fa:""}.fa-schlix{--fa:""}.fa-square-xing,.fa-xing-square{--fa:""}.fa-bandcamp{--fa:""}.fa-wpforms{--fa:""}.fa-cloudversify{--fa:""}.fa-usps{--fa:""}.fa-megaport{--fa:""}.fa-magento{--fa:""}.fa-spotify{--fa:""}.fa-optin-monster{--fa:""}.fa-fly{--fa:""}.fa-square-bluesky{--fa:""}.fa-aviato{--fa:""}.fa-itunes{--fa:""}.fa-cuttlefish{--fa:""}.fa-blogger{--fa:""}.fa-flickr{--fa:""}.fa-viber{--fa:""}.fa-soundcloud{--fa:""}.fa-digg{--fa:""}.fa-tencent-weibo{--fa:""}.fa-letterboxd{--fa:""}.fa-symfony{--fa:""}.fa-maxcdn{--fa:""}.fa-etsy{--fa:""}.fa-facebook-messenger{--fa:""}.fa-audible{--fa:""}.fa-think-peaks{--fa:""}.fa-bilibili{--fa:""}.fa-erlang{--fa:""}.fa-x-twitter{--fa:""}.fa-cotton-bureau{--fa:""}.fa-dashcube{--fa:""}.fa-42-group,.fa-innosoft{--fa:""}.fa-stack-exchange{--fa:""}.fa-elementor{--fa:""}.fa-pied-piper-square,.fa-square-pied-piper{--fa:""}.fa-creative-commons-nd{--fa:""}.fa-palfed{--fa:""}.fa-superpowers{--fa:""}.fa-resolving{--fa:""}.fa-xbox{--fa:""}.fa-square-web-awesome-stroke{--fa:""}.fa-searchengin{--fa:""}.fa-tiktok{--fa:""}.fa-facebook-square,.fa-square-facebook{--fa:""}.fa-renren{--fa:""}.fa-linux{--fa:""}.fa-glide{--fa:""}.fa-linkedin{--fa:""}.fa-hubspot{--fa:""}.fa-deploydog{--fa:""}.fa-twitch{--fa:""}.fa-flutter{--fa:""}.fa-ravelry{--fa:""}.fa-mixer{--fa:""}.fa-lastfm-square,.fa-square-lastfm{--fa:""}.fa-vimeo{--fa:""}.fa-mendeley{--fa:""}.fa-uniregistry{--fa:""}.fa-figma{--fa:""}.fa-creative-commons-remix{--fa:""}.fa-cc-amazon-pay{--fa:""}.fa-dropbox{--fa:""}.fa-instagram{--fa:""}.fa-cmplid{--fa:""}.fa-upwork{--fa:""}.fa-facebook{--fa:""}.fa-gripfire{--fa:""}.fa-jedi-order{--fa:""}.fa-uikit{--fa:""}.fa-fort-awesome-alt{--fa:""}.fa-phabricator{--fa:""}.fa-ussunnah{--fa:""}.fa-earlybirds{--fa:""}.fa-trade-federation{--fa:""}.fa-autoprefixer{--fa:""}.fa-whatsapp{--fa:""}.fa-square-upwork{--fa:""}.fa-slideshare{--fa:""}.fa-google-play{--fa:""}.fa-viadeo{--fa:""}.fa-line{--fa:""}.fa-google-drive{--fa:""}.fa-servicestack{--fa:""}.fa-simplybuilt{--fa:""}.fa-bitbucket{--fa:""}.fa-imdb{--fa:""}.fa-deezer{--fa:""}.fa-raspberry-pi{--fa:""}.fa-jira{--fa:""}.fa-docker{--fa:""}.fa-screenpal{--fa:""}.fa-bluetooth{--fa:""}.fa-gitter{--fa:""}.fa-d-and-d{--fa:""}.fa-microblog{--fa:""}.fa-cc-diners-club{--fa:""}.fa-gg-circle{--fa:""}.fa-pied-piper-hat{--fa:""}.fa-kickstarter-k{--fa:""}.fa-yandex{--fa:""}.fa-readme{--fa:""}.fa-html5{--fa:""}.fa-sellsy{--fa:""}.fa-square-web-awesome{--fa:""}.fa-sass{--fa:""}.fa-wirsindhandwerk,.fa-wsh{--fa:""}.fa-buromobelexperte{--fa:""}.fa-salesforce{--fa:""}.fa-octopus-deploy{--fa:""}.fa-medapps{--fa:""}.fa-ns8{--fa:""}.fa-pinterest-p{--fa:""}.fa-apper{--fa:""}.fa-fort-awesome{--fa:""}.fa-waze{--fa:""}.fa-bluesky{--fa:""}.fa-cc-jcb{--fa:""}.fa-snapchat,.fa-snapchat-ghost{--fa:""}.fa-fantasy-flight-games{--fa:""}.fa-rust{--fa:""}.fa-wix{--fa:""}.fa-behance-square,.fa-square-behance{--fa:""}.fa-supple{--fa:""}.fa-webflow{--fa:""}.fa-rebel{--fa:""}.fa-css3{--fa:""}.fa-staylinked{--fa:""}.fa-kaggle{--fa:""}.fa-space-awesome{--fa:""}.fa-deviantart{--fa:""}.fa-cpanel{--fa:""}.fa-goodreads-g{--fa:""}.fa-git-square,.fa-square-git{--fa:""}.fa-square-tumblr,.fa-tumblr-square{--fa:""}.fa-trello{--fa:""}.fa-creative-commons-nc-jp{--fa:""}.fa-get-pocket{--fa:""}.fa-perbyte{--fa:""}.fa-grunt{--fa:""}.fa-weebly{--fa:""}.fa-connectdevelop{--fa:""}.fa-leanpub{--fa:""}.fa-black-tie{--fa:""}.fa-themeco{--fa:""}.fa-python{--fa:""}.fa-android{--fa:""}.fa-bots{--fa:""}.fa-free-code-camp{--fa:""}.fa-hornbill{--fa:""}.fa-js{--fa:""}.fa-ideal{--fa:""}.fa-git{--fa:""}.fa-dev{--fa:""}.fa-sketch{--fa:""}.fa-yandex-international{--fa:""}.fa-cc-amex{--fa:""}.fa-uber{--fa:""}.fa-github{--fa:""}.fa-php{--fa:""}.fa-alipay{--fa:""}.fa-youtube{--fa:""}.fa-skyatlas{--fa:""}.fa-firefox-browser{--fa:""}.fa-replyd{--fa:""}.fa-suse{--fa:""}.fa-jenkins{--fa:""}.fa-twitter{--fa:""}.fa-rockrms{--fa:""}.fa-pinterest{--fa:""}.fa-buffer{--fa:""}.fa-npm{--fa:""}.fa-yammer{--fa:""}.fa-btc{--fa:""}.fa-dribbble{--fa:""}.fa-stumbleupon-circle{--fa:""}.fa-internet-explorer{--fa:""}.fa-stubber{--fa:""}.fa-telegram,.fa-telegram-plane{--fa:""}.fa-old-republic{--fa:""}.fa-odysee{--fa:""}.fa-square-whatsapp,.fa-whatsapp-square{--fa:""}.fa-node-js{--fa:""}.fa-edge-legacy{--fa:""}.fa-slack,.fa-slack-hash{--fa:""}.fa-medrt{--fa:""}.fa-usb{--fa:""}.fa-tumblr{--fa:""}.fa-vaadin{--fa:""}.fa-quora{--fa:""}.fa-square-x-twitter{--fa:""}.fa-reacteurope{--fa:""}.fa-medium,.fa-medium-m{--fa:""}.fa-amilia{--fa:""}.fa-mixcloud{--fa:""}.fa-flipboard{--fa:""}.fa-viacoin{--fa:""}.fa-critical-role{--fa:""}.fa-sitrox{--fa:""}.fa-discourse{--fa:""}.fa-joomla{--fa:""}.fa-mastodon{--fa:""}.fa-airbnb{--fa:""}.fa-wolf-pack-battalion{--fa:""}.fa-buy-n-large{--fa:""}.fa-gulp{--fa:""}.fa-creative-commons-sampling-plus{--fa:""}.fa-strava{--fa:""}.fa-ember{--fa:""}.fa-canadian-maple-leaf{--fa:""}.fa-teamspeak{--fa:""}.fa-pushed{--fa:""}.fa-wordpress-simple{--fa:""}.fa-nutritionix{--fa:""}.fa-wodu{--fa:""}.fa-google-pay{--fa:""}.fa-intercom{--fa:""}.fa-zhihu{--fa:""}.fa-korvue{--fa:""}.fa-pix{--fa:""}.fa-steam-symbol{--fa:""}:host,:root{--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;font-display:block;src:url(./fa-regular-400.woff2) format("woff2"),url(./fa-regular-400.ttf) format("truetype")}.fa-regular,.far{font-weight:400}:host,:root{--fa-style-family-classic:"Font Awesome 6 Free";--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:block;src:url(./fa-solid-900.woff2) format("woff2"),url(./fa-solid-900.ttf) format("truetype")}.fa-solid,.fas{font-weight:900}@font-face{font-family:"Font Awesome 5 Brands";font-display:block;font-weight:400;src:url(./fa-brands-400.woff2) format("woff2"),url(./fa-brands-400.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:900;src:url(./fa-solid-900.woff2) format("woff2"),url(./fa-solid-900.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:400;src:url(./fa-regular-400.woff2) format("woff2"),url(./fa-regular-400.ttf) format("truetype")}@font-face{font-family:FontAwesome;font-display:block;src:url(./fa-solid-900.woff2) format("woff2"),url(./fa-solid-900.ttf) format("truetype")}@font-face{font-family:FontAwesome;font-display:block;src:url(./fa-brands-400.woff2) format("woff2"),url(./fa-brands-400.ttf) format("truetype")}@font-face{font-family:FontAwesome;font-display:block;src:url(./fa-regular-400.woff2) format("woff2"),url(./fa-regular-400.ttf) format("truetype");unicode-range:u+f003,u+f006,u+f014,u+f016-f017,u+f01a-f01b,u+f01d,u+f022,u+f03e,u+f044,u+f046,u+f05c-f05d,u+f06e,u+f070,u+f087-f088,u+f08a,u+f094,u+f096-f097,u+f09d,u+f0a0,u+f0a2,u+f0a4-f0a7,u+f0c5,u+f0c7,u+f0e5-f0e6,u+f0eb,u+f0f6-f0f8,u+f10c,u+f114-f115,u+f118-f11a,u+f11c-f11d,u+f133,u+f147,u+f14e,u+f150-f152,u+f185-f186,u+f18e,u+f190-f192,u+f196,u+f1c1-f1c9,u+f1d9,u+f1db,u+f1e3,u+f1ea,u+f1f7,u+f1f9,u+f20a,u+f247-f248,u+f24a,u+f24d,u+f255-f25b,u+f25d,u+f271-f274,u+f278,u+f27b,u+f28c,u+f28e,u+f29c,u+f2b5,u+f2b7,u+f2ba,u+f2bc,u+f2be,u+f2c0-f2c1,u+f2c3,u+f2d0,u+f2d2,u+f2d4,u+f2dc}@font-face{font-family:FontAwesome;font-display:block;src:url(./fa-v4compatibility.woff2) format("woff2"),url(./fa-v4compatibility.ttf) format("truetype");unicode-range:u+f041,u+f047,u+f065-f066,u+f07d-f07e,u+f080,u+f08b,u+f08e,u+f090,u+f09a,u+f0ac,u+f0ae,u+f0b2,u+f0d0,u+f0d6,u+f0e4,u+f0ec,u+f10a-f10b,u+f123,u+f13e,u+f148-f149,u+f14c,u+f156,u+f15e,u+f160-f161,u+f163,u+f175-f178,u+f195,u+f1f8,u+f219,u+f27a}:root{--animation-duration-instant: 0ms;--animation-duration-fast: .15s;--animation-duration-normal: .2s;--animation-duration-medium: .3s;--animation-duration-slow: .5s;--animation-duration-slower: .75s;--animation-duration-slowest: 1s;--animation-easing-linear: linear;--animation-easing-ease: ease;--animation-easing-ease-in: ease-in;--animation-easing-ease-out: ease-out;--animation-easing-ease-in-out: ease-in-out;--animation-easing-spring: cubic-bezier(.68, -.55, .265, 1.55);--animation-easing-smooth: cubic-bezier(.4, 0, .2, 1);--animation-easing-sharp: cubic-bezier(.4, 0, .6, 1);--animation-transition-fast: all .15s var(--animation-easing-ease);--animation-transition-normal: all .2s var(--animation-easing-ease);--animation-transition-medium: all .3s var(--animation-easing-ease);--animation-transition-slow: all .5s var(--animation-easing-ease);--animation-transition-smooth: all .2s var(--animation-easing-smooth);--animation-transition-spring: all .3s var(--animation-easing-spring);--color-brand-primary: #00c4d9;--color-brand-primary-rgb: 0, 196, 217;--color-brand-secondary: #3aa584;--color-brand-tertiary: #6ed3b4;--color-brand-dark: #00a3b8;--color-neutral-white: #ffffff;--color-neutral-gray-50: #fefefe;--color-neutral-gray-100: #f9fafb;--color-neutral-gray-150: #f8f9fa;--color-neutral-gray-200: #f1f3f5;--color-neutral-gray-250: #e5e7eb;--color-neutral-gray-300: #d1d5db;--color-neutral-gray-350: #b0b0b0;--color-neutral-gray-400: #9ca3af;--color-neutral-gray-450: #8a8a8a;--color-neutral-gray-500: #6a6a6a;--color-neutral-gray-550: #4a4a4a;--color-neutral-gray-600: #3c3c3c;--color-neutral-gray-650: #333333;--color-neutral-gray-700: #2a2a2a;--color-neutral-gray-750: #242424;--color-neutral-gray-800: #1c1c1e;--color-neutral-gray-850: #141414;--color-neutral-gray-900: #0e0e0e;--color-neutral-gray-950: #0a0a0a;--color-semantic-success: #10b981;--color-semantic-success-light: #34d399;--color-semantic-success-dark: #059669;--color-semantic-success-background: #ecfdf5;--color-semantic-success-border: #a7f3d0;--color-semantic-error: #ef4444;--color-semantic-error-light: #f87171;--color-semantic-error-dark: #dc2626;--color-semantic-error-background: #fef2f2;--color-semantic-error-border: #fecaca;--color-semantic-warning: #f59e0b;--color-semantic-warning-light: #fbbf24;--color-semantic-warning-dark: #d97706;--color-semantic-warning-background: #fffbeb;--color-semantic-warning-border: #fed7aa;--color-semantic-info: #3b82f6;--color-semantic-info-light: #60a5fa;--color-semantic-info-dark: #2563eb;--color-semantic-info-background: #eff6ff;--color-semantic-info-border: #bfdbfe;--color-background-primary: #0e0e0e;--color-background-secondary: #141414;--color-background-tertiary: #1c1c1e;--color-background-elevated: #242424;--color-background-overlay: rgba(0, 0, 0, .8);--color-background-glass: rgba(20, 20, 20, .9);--color-surface-primary: #141414;--color-surface-secondary: #1c1c1e;--color-surface-tertiary: #242424;--color-surface-elevated: #2a2a2a;--color-surface-interactive: #2a2a2a;--color-surface-hover: #333333;--color-surface-pressed: #3c3c3c;--color-border-primary: #2a2a2a;--color-border-secondary: #333333;--color-border-tertiary: #3c3c3c;--color-border-focus: #00c4d9;--color-text-primary: #f5f5f7;--color-text-secondary: #b0b0b0;--color-text-tertiary: #6a6a6a;--color-text-quaternary: #8a8a8a;--color-text-disabled: #3c3c3c;--color-text-inverse: #0e0e0e;--color-text-accent: #00c4d9;--color-text-on-accent: #ffffff;--color-text-winner: #00c4d9;--color-interactive-primary: #00c4d9;--color-interactive-primary-hover: #3aa584;--color-interactive-primary-pressed: #00a3b8;--color-interactive-secondary: #2a2a2a;--color-interactive-secondary-hover: #333333;--color-interactive-secondary-pressed: #3c3c3c;--color-input-background: #1c1c1e;--color-input-border: #2a2a2a;--color-input-text: #f5f5f7;--color-input-placeholder: #6a6a6a;--color-input-disabled-background: #242424;--color-shadow-light: rgba(0, 0, 0, .2);--color-shadow-medium: rgba(0, 0, 0, .4);--color-shadow-dark: rgba(0, 0, 0, .6);--color-shadow-intense: rgba(0, 0, 0, .8);--color-special-pointer: #ff0000;--color-special-wheel-border: #00c4d9;--color-special-wheel-text-shadow: rgba(0, 0, 0, .6);--spacing-0: 0;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-8: 32px;--spacing-10: 40px;--spacing-12: 48px;--spacing-16: 64px;--spacing-20: 80px;--spacing-24: 96px;--radius-none: 0;--radius-sm: 6px;--radius-default: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-3xl: 24px;--radius-full: 50%;--z-index-background: -1;--z-index-base: 1;--z-index-main-content: 1;--z-index-revealed-content: 50;--z-index-glow-effect: 0;--z-index-ad: 90;--z-index-navigation: 10;--z-index-floating-elements: 110;--z-index-global-messages: 130;--z-index-outcomes-overlay: 140;--z-index-prescreen: 150;--z-index-backdrop: 999;--z-index-settings-panel: 1000;--z-index-outcome-popup: 2000;--z-index-fullscreen-modal: 10500;--typography-font-family-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", "Helvetica Neue", sans-serif;--typography-font-family-mono: "SF Mono", "Monaco", "Inconsolata", "Roboto Mono", "Source Code Pro", monospace;--typography-font-family-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--typography-font-size-xs: 11px;--typography-font-size-sm: 12px;--typography-font-size-base: 14px;--typography-font-size-md: 16px;--typography-font-size-lg: 18px;--typography-font-size-xl: 20px;--typography-font-size-2xl: 24px;--typography-font-size-3xl: 28px;--typography-font-size-4xl: 32px;--typography-font-size-5xl: 40px;--typography-font-size-6xl: 48px;--typography-font-size-7xl: 56px;--typography-font-weight-light: 300;--typography-font-weight-normal: 400;--typography-font-weight-medium: 500;--typography-font-weight-semibold: 600;--typography-font-weight-bold: 700;--typography-font-weight-extrabold: 800;--typography-font-weight-black: 900;--typography-line-height-none: 1;--typography-line-height-tight: 1.1;--typography-line-height-snug: 1.2;--typography-line-height-normal: 1.3;--typography-line-height-relaxed: 1.4;--typography-line-height-loose: 1.5;--typography-line-height-extra-loose: 1.6;--typography-letter-spacing-tighter: -.05em;--typography-letter-spacing-tight: -.025em;--typography-letter-spacing-normal: 0;--typography-letter-spacing-wide: .025em;--typography-letter-spacing-wider: .05em;--typography-letter-spacing-widest: .1em}:root{--color-brand-primary: #00c4d9;--color-brand-primary-rgb: 0, 196, 217;--color-brand-secondary: #3aa584;--color-brand-tertiary: #6ed3b4;--accent-color: var(--color-brand-primary);--accent-color-rgb: var(--color-brand-primary-rgb);--accent-color-hover: #00a7b5;--color-accent: var(--color-brand-primary);--color-accent-rgb: var(--color-brand-primary-rgb);--color-accent-hover: var(--color-brand-secondary);--color-accent-light: var(--color-brand-tertiary);--color-accent-dark: #00a3b8;--color-success: #10b981;--color-error: #ef4444;--color-error-dark: #dc2626;--color-error-rgb: 239, 68, 68;--color-warning: #f59e0b;--color-info: #3b82f6;--color-gray-950: #0a0a0a;--color-gray-900: #0e0e0e;--color-gray-850: #141414;--color-gray-800: #1c1c1e;--color-gray-750: #242424;--color-gray-700: #2a2a2a;--color-gray-650: #333333;--color-gray-600: #3c3c3c;--color-gray-550: #4a4a4a;--color-gray-500: #6a6a6a;--color-gray-450: #8a8a8a;--color-gray-400: #9ca3af;--color-gray-350: #b0b0b0;--color-gray-300: #d1d5db;--color-gray-250: #e5e7eb;--color-gray-200: #f1f3f5;--color-gray-100: #f8f9fa;--color-gray-50: #ffffff;--bg-primary: var(--color-gray-900);--bg-secondary: var(--color-gray-850);--bg-gradient-start: #1a1a1a;--bg-gradient-end: var(--color-gray-700);--color-bg-primary: var(--bg-primary);--color-bg-secondary: var(--bg-secondary);--color-bg-tertiary: var(--color-gray-800);--color-bg-elevated: var(--color-gray-800);--color-surface-primary: var(--color-gray-800);--color-surface-secondary: var(--color-gray-750);--color-surface-tertiary: var(--color-gray-700);--color-surface-hover: rgba(255, 255, 255, .05);--color-surface-interactive: rgba(255, 255, 255, .1);--container-bg: var(--color-gray-800);--container-bg-80: rgba(28, 28, 30, .8);--container-bg-tertiary: rgba(255, 255, 255, .1);--text-primary: #f5f5f7;--text-secondary: var(--color-gray-350);--text-muted: #6e6e73;--text-on-accent: #ffffff;--color-text-primary: var(--text-primary);--color-text-secondary: var(--text-secondary);--color-text-tertiary: var(--color-gray-400);--color-text-quaternary: var(--color-gray-450);--color-text-disabled: var(--color-gray-500);--color-text-inverse: var(--color-gray-900);--color-text-accent: var(--accent-color);--color-text-on-accent: var(--text-on-accent);--text-color-primary: var(--text-primary);--text-color-secondary: var(--text-secondary);--text-color-muted: var(--text-muted);--text-color-accent: var(--accent-color);--text-color-inverse: var(--color-gray-900);--text-color-error: var(--color-error);--text-color-success: var(--color-success);--text-color-warning: var(--color-warning);--border-color: var(--color-gray-500);--border-light: var(--color-gray-250);--border-secondary: var(--color-gray-600);--color-border-primary: var(--border-color);--color-border-secondary: var(--border-secondary);--color-border-tertiary: var(--color-gray-600);--color-border-interactive: var(--color-gray-400);--color-border-focus: var(--accent-color);--color-border-hover: var(--color-gray-400);--input-bg: var(--color-gray-650);--button-secondary-bg: #6c757d;--button-disabled-bg: #cccccc;--shadow-light: rgba(0, 0, 0, .1);--shadow-medium: rgba(0, 0, 0, .25);--shadow-dark: rgba(0, 0, 0, .5);--color-shadow-light: var(--shadow-light);--color-shadow-medium: var(--shadow-medium);--color-shadow-dark: var(--shadow-dark);--color-shadow-intense: rgba(0, 0, 0, .8);--pointer-color: #ffffff;--wheel-border-color: var(--border-light);--fate-accent: var(--accent-color);--fate-accent-rgb: var(--accent-color-rgb);--fate-accent-hover: var(--accent-color-hover);--fate-accent-light: var(--color-brand-tertiary);--fate-accent-dark: var(--color-accent-dark);--fate-eliminator: #ef4444;--fate-eliminator-rgb: 239, 68, 68;--fate-eliminator-hover: #dc2626;--fate-eliminator-light: #f87171;--fate-multi-pick: #1e3a8a;--fate-multi-pick-rgb: 30, 58, 138;--fate-multi-pick-hover: #1e40af;--fate-multi-pick-light: #3b82f6;--fate-chase: #f59e0b;--fate-chase-rgb: 245, 158, 11;--fate-chase-hover: #d97706;--fate-chase-light: #fbbf24;--fate-sorter: #10b981;--fate-sorter-rgb: 16, 185, 129;--fate-sorter-hover: #059669;--fate-sorter-light: #34d399;--fate-sorter-eliminator: #ec4899;--fate-sorter-eliminator-rgb: 236, 72, 153;--fate-sorter-eliminator-hover: #db2777;--fate-sorter-eliminator-light: #f472b6;--fate-group-sorter: #6366f1;--fate-group-sorter-rgb: 99, 102, 241;--fate-group-sorter-hover: #5b21b6;--fate-group-sorter-light: #818cf8;--fate-bg: var(--color-bg-primary);--fate-container-bg: var(--color-surface-primary);--fate-text-primary: var(--color-text-primary);--fate-text-secondary: var(--color-text-secondary);--fate-text-muted: var(--color-text-tertiary);--fate-border: var(--color-border-primary);--fate-border-light: var(--color-border-secondary);--fate-input-bg: var(--color-input-bg);--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 28px;--font-size-4xl: 32px;--font-size-5xl: 40px;--font-size-6xl: 48px;--font-size-7xl: 56px;--font-size-8xl: 64px;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--line-height-none: 1;--line-height-tight: 1.1;--line-height-snug: 1.2;--line-height-normal: 1.3;--line-height-relaxed: 1.4;--line-height-loose: 1.5;--line-height-extra-loose: 1.6;--letter-spacing-tighter: -.05em;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--letter-spacing-widest: .1em;--font-family-system: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", "Helvetica Neue", sans-serif;--font-family-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-32: 128px;--spacing-xs: var(--space-1);--spacing-sm: var(--space-2);--spacing-md: var(--space-3);--spacing-lg: var(--space-4);--spacing-xl: var(--space-6);--spacing-component-sm: var(--space-2);--spacing-component-md: var(--space-3);--spacing-component-lg: var(--space-4);--control-size-xs: 24px;--control-size-sm: 32px;--control-size-md: 40px;--control-size-lg: 48px;--control-size-xl: 56px;--control-spacing-xs: 4px;--control-spacing-xl: 24px;--toggle-width-sm: 40px;--toggle-width-md: 50px;--toggle-width-lg: 60px;--toggle-height-sm: 20px;--toggle-height-md: 24px;--toggle-height-lg: 32px;--toggle-thumb-size-sm: 16px;--toggle-thumb-size-md: 20px;--toggle-thumb-size-lg: 28px;--toggle-bg-off: var(--color-gray-600);--toggle-bg-on: var(--accent-color);--toggle-thumb-color: #ffffff;--visual-option-size-sm: 60px;--visual-option-size-md: 80px;--visual-option-size-lg: 100px;--visual-option-padding: 8px;--visual-option-border-radius: 8px;--visual-option-gap: 8px;--visual-option-bg: var(--color-surface-primary);--visual-option-border: var(--color-border-primary);--visual-option-border-hover: var(--accent-color);--visual-option-border-active: var(--accent-color);--visual-option-bg-active: rgba(var(--accent-color-rgb), .1);--slider-track-height-sm: 4px;--slider-track-height-md: 6px;--slider-track-height-lg: 8px;--slider-thumb-size-sm: 16px;--slider-thumb-size-md: 20px;--slider-thumb-size-lg: 24px;--slider-track-bg: var(--color-gray-600);--slider-track-fill: var(--accent-color);--slider-thumb-color: var(--accent-color);--slider-thumb-border: 2px solid white;--slider-thumb-shadow: 0 2px 6px rgba(0, 0, 0, .1);--input-height-sm: 32px;--input-height-md: 40px;--input-height-lg: 48px;--input-padding-horizontal: 12px;--input-padding-vertical: 8px;--input-border: var(--color-border-primary);--input-border-focus: var(--accent-color);--input-text: var(--color-text-primary);--input-placeholder: var(--color-text-tertiary);--button-height-sm: 32px;--button-height-md: 40px;--button-height-lg: 48px;--button-padding-sm: 8px 12px;--button-padding-md: 10px 16px;--button-padding-lg: 12px 20px;--form-input-height-sm: 36px;--form-input-height-md: 48px;--form-input-height-lg: 56px;--form-input-padding-sm: 8px 12px;--form-input-padding-md: 12px 16px;--form-input-padding-lg: 16px 20px;--form-input-bg: var(--input-bg);--form-input-border: 2px solid var(--color-border-primary);--form-input-border-hover: var(--accent-color);--form-input-border-focus: var(--accent-color);--form-input-text: var(--color-text-primary);--form-input-placeholder: var(--color-text-tertiary);--form-input-radius: 12px;--form-input-shadow: 0 2px 8px rgba(0, 0, 0, .08);--form-input-shadow-hover: 0 4px 16px rgba(0, 0, 0, .12);--form-input-shadow-focus: 0 0 0 4px rgba(var(--accent-color-rgb), .15);--form-input-transition: all .3s ease;--control-transition-fast: all .2s ease;--control-transition-normal: .25s;--control-transition-slow: .35s;--control-transition: all .2s ease;--control-ease-standard: cubic-bezier(.4, 0, .2, 1);--control-ease-entrance: cubic-bezier(0, 0, .2, 1);--control-ease-exit: cubic-bezier(.4, 0, 1, 1);--control-disabled-opacity: .5;--control-disabled-cursor: not-allowed;--control-premium-opacity: .4;--control-premium-filter: grayscale(70%);--control-premium-bg: rgba(128, 128, 128, .1);--control-premium-color: #ffd700;--control-border-radius: var(--radius-default);--control-border-color: var(--color-border-primary);--control-bg-color: var(--color-surface-primary);--control-bg: var(--color-surface-primary);--control-text-color: var(--color-text-primary);--control-text-secondary: var(--color-text-secondary);--control-color-size: 24px;--control-spacing: var(--space-3);--control-spacing-sm: 8px;--control-spacing-md: 12px;--control-spacing-lg: 16px;--control-touch-target: 44px;--modal-width-xs: 320px;--modal-width-sm: 440px;--modal-width-md: 580px;--modal-width-lg: 720px;--modal-width-xl: 900px;--modal-width-xxl: 1000px;--modal-width-admin: 1200px;--modal-width-full: 95vw;--modal-height-sm: 300px;--modal-height-md: 400px;--modal-height-lg: 600px;--modal-height-xl: 80vh;--modal-height-full: 90vh;--modal-padding-xs: 8px;--modal-padding-sm: 16px;--modal-padding-md: 24px;--modal-padding-lg: 32px;--modal-padding-xl: 40px;--card-width-xs: 200px;--card-width-sm: 250px;--card-width-md: 300px;--card-width-lg: 350px;--card-width-xl: 400px;--card-width-full: 100%;--card-height-xs: 150px;--card-height-sm: 200px;--card-height-md: 250px;--card-height-lg: 300px;--card-height-xl: 350px;--card-height-auto: auto;--card-padding-xs: 8px;--card-padding-sm: 12px;--card-padding-md: 16px;--card-padding-lg: 20px;--card-padding-xl: 24px;--card-border-width: 1px;--card-border-radius: 8px;--card-border-radius-lg: 12px;--card-shadow: 0 2px 4px rgba(0, 0, 0, .1);--card-shadow-hover: 0 4px 12px rgba(0, 0, 0, .15);--card-shadow-lg: 0 8px 25px rgba(0, 0, 0, .2);--z-background: -1;--z-base: 1;--z-main-content: 1;--z-glow-effect: 0;--z-revealed-content: 50;--z-navigation: 100;--z-ad: 200;--z-floating-elements: 300;--z-global-messages: 400;--z-outcomes-overlay: 500;--z-prescreen: 600;--z-backdrop: 900;--z-settings-panel: 1000;--z-combined-panel: 1100;--z-nav-drawer: 1200;--z-outcome-popup: 1300;--z-modal-backdrop: 8000;--z-modal-content: 8100;--z-modal-overlay: 8200;--z-fullscreen-modal: 9000;--z-mobile-title-edit: 9500;--z-system-messages: 9900;--z-debug-overlay: 9999;--radius-sm: 6px;--radius-default: 8px;--radius-lg: 12px;--radius-pill: 24px;--transition-fast: all .2s ease;--transition-smooth: all .3s ease;--transition-bounce: all .3s cubic-bezier(.4, 0, .2, 1);--padding-sm: 8px 12px;--padding-default: 10px 12px;--padding-lg: 12px 16px;--nav-z-base: var(--z-navigation);--nav-z-drawer: calc(var(--z-navigation) + 10);--nav-z-menu: calc(var(--z-navigation) + 20);--nav-z-dropdown: calc(var(--z-navigation) + 30);--nav-z-overlay: calc(var(--z-navigation) + 40);--nav-bg: #ffffff;--nav-border: #e0e0e0;--nav-text: #1c1c1e;--nav-text-secondary: #666666;--nav-accent: var(--accent-color);--nav-hover: #f8f9fa;--nav-active: var(--accent-color);--nav-padding: 16px;--nav-gap: 8px;--nav-item-padding: 12px 16px;--nav-border-radius: var(--radius-default);--nav-transition: var(--transition-fast)}body.light-theme,body[data-theme=light]{--bg-primary: #f0f2f5;--bg-secondary: #ffffff;--bg-gradient-start: #f8f9fa;--bg-gradient-end: #ffffff;--container-bg: #ffffff;--container-bg-80: rgba(255, 255, 255, .8);--text-primary: #1c1c1e;--text-secondary: #555555;--text-muted: #6e6e73;--text-on-accent: #ffffff;--border-color: #dee2e6;--border-light: #f1f3f5;--input-bg: #ffffff;--button-secondary-bg: #6c757d;--button-disabled-bg: #e0e0e0;--pointer-color: #ffffff;--wheel-border-color: #adb5bd;--shadow-light: rgba(0, 0, 0, .05);--shadow-medium: rgba(0, 0, 0, .1);--shadow-dark: rgba(0, 0, 0, .15);--nav-bg: #1c1c1e;--nav-border: #6a6a6a;--nav-text: #f5f5f7;--nav-text-secondary: #b0b0b0;--nav-hover: #333333}.hidden{display:none;visibility:hidden;opacity:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.show{display:block}.show-flex{display:flex}.show-inline{display:inline}.show-inline-block{display:inline-block}@media(max-width:768px){.mobile-only{display:block}.mobile-only-flex{display:flex}.mobile-hide{display:none}}@media(min-width:769px){.desktop-only{display:block}.desktop-only-flex{display:flex}.desktop-hide,.mobile-only,.mobile-only-flex{display:none}}.app-step{width:100%;height:99%;max-width:640px;margin:0 auto;flex:1;background:var(--bg-primary);transition:background-color .3s ease;position:relative;z-index:var(--z-base)}header{width:100%;height:4px;padding:2px 2px 0;box-sizing:border-box;text-align:left;flex-shrink:0}footer{width:100%;flex-shrink:0;padding:0;box-sizing:border-box}.format-select-container{margin:15px 0;width:100%}#downloadFormatSelect{width:100%;padding:8px 30px 8px 10px;border-radius:4px;background-color:var(--input-bg);color:var(--text-primary);border:1px solid var(--border-color);font-size:.9em;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:16px}:root #downloadFormatSelect{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")}body.dark-mode #downloadFormatSelect,body[data-theme=dark] #downloadFormatSelect{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ccc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")}#downloadFormatSelect:focus{outline:none;border-color:var(--input-focus-border);box-shadow:0 0 5px var(--input-focus-shadow)}#downloadFormatSelect option{background-color:var(--container-bg);color:var(--text-primary)}@media(min-width:961px){#subNavigation{display:none}}@media(max-width:960px){.format-select-container{margin:10px 0}#downloadFormatSelect{padding:10px;font-size:1em}}:root{--font-family-system: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-family-mono: "SF Mono", "Monaco", "Cascadia Code", monospace}body{font-family:var(--font-family-system);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--text-color-primary);letter-spacing:var(--letter-spacing-normal);font-weight:var(--font-weight-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,.text-h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0 0 1rem;letter-spacing:var(--letter-spacing-tight)}h2,.text-h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);margin:0 0 .875rem}h3,.text-h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug)}h4,.text-h4{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);margin:0 0 .625rem}h5,.text-h5{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);margin:0 0 .5rem}h6,.text-h6{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);line-height:var(--line-height-relaxed);margin:0 0 .5rem}p,.text-body{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--text-color-secondary);margin:0 0 1rem}label,.text-label{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-color-secondary);display:block;margin:0 0 .5rem}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.text-5xl{font-size:var(--font-size-5xl)}.text-6xl{font-size:var(--font-size-6xl)}.text-7xl{font-size:var(--font-size-7xl)}.text-light{font-weight:var(--font-weight-light)}.text-normal{font-weight:var(--font-weight-normal)}.text-medium{font-weight:var(--font-weight-medium)}.text-semibold{font-weight:var(--font-weight-semibold)}.text-bold{font-weight:var(--font-weight-bold)}.text-extrabold{font-weight:var(--font-weight-extrabold)}.text-black{font-weight:var(--font-weight-black)}.leading-none{line-height:var(--line-height-none)}.leading-tight{line-height:var(--line-height-tight)}.leading-snug{line-height:var(--line-height-snug)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.leading-loose{line-height:var(--line-height-loose)}.leading-extra-loose{line-height:var(--line-height-extra-loose)}.tracking-tighter{letter-spacing:var(--letter-spacing-tighter)}.tracking-tight{letter-spacing:var(--letter-spacing-tight)}.tracking-normal{letter-spacing:var(--letter-spacing-normal)}.tracking-wide{letter-spacing:var(--letter-spacing-wide)}.tracking-wider{letter-spacing:var(--letter-spacing-wider)}.tracking-widest{letter-spacing:var(--letter-spacing-widest)}.text-primary{color:var(--text-color-primary)}.text-secondary{color:var(--text-color-secondary)}.text-muted{color:var(--text-color-muted)}.text-accent{color:var(--text-color-accent)}.text-inverse{color:var(--text-color-inverse)}.text-error{color:var(--text-color-error)}.text-success{color:var(--text-color-success)}.text-warning{color:var(--text-color-warning)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-normal-case{text-transform:none}.text-underline{text-decoration:underline}.text-line-through{text-decoration:line-through}.text-no-underline{text-decoration:none}.text-nowrap{white-space:nowrap}.text-pre{white-space:pre}.text-pre-line{white-space:pre-line}.text-pre-wrap{white-space:pre-wrap}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-clip{overflow:hidden;text-overflow:clip;white-space:nowrap}.text-display-large{font-size:var(--font-size-7xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-none);letter-spacing:var(--letter-spacing-tighter)}.text-hero{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);text-align:center;margin:0 0 2rem}.text-lead{font-size:var(--font-size-lg);font-weight:var(--font-weight-normal);line-height:var(--line-height-loose);color:var(--text-color-secondary);margin:0 0 1.5rem}.text-caption{font-size:var(--font-size-xs);color:var(--text-color-muted);margin:0 0 .5rem}.text-help{font-size:var(--font-size-sm);color:var(--text-color-muted);margin:.25rem 0 0}.text-code{font-family:var(--font-family-mono);font-size:var(--font-size-sm);background:#0000001a;padding:.125rem .25rem;border-radius:.25rem}.text-kbd{font-family:var(--font-family-mono);font-size:var(--font-size-xs);background:var(--border-color);color:var(--text-color-primary);padding:.125rem .375rem;border-radius:.25rem;border:1px solid var(--border-light)}.text-link{color:var(--text-color-accent);text-decoration:underline;cursor:pointer;transition:color .2s}.text-link:hover{color:var(--fate-accent-hover, #3aa584);text-decoration:none}@media(min-width:481px)and (max-width:768px){:root{--font-size-base: 14px;--font-size-lg: 18px;--font-size-xl: 21px;--font-size-2xl: 25px;--font-size-3xl: 29px;--font-size-4xl: 33px;--font-size-5xl: 38px;--font-size-6xl: 45px;--font-size-7xl: 52px}}@media(min-width:1200px){:root{--font-size-xl: 22px;--font-size-2xl: 26px;--font-size-3xl: 30px;--font-size-4xl: 36px;--font-size-5xl: 44px;--font-size-6xl: 52px;--font-size-7xl: 60px}}body.light-theme{--text-color-primary: #1c1c1e;--text-color-secondary: #555;--text-color-muted: #6e6e73;--text-color-accent: #9a00d2;--text-color-inverse: #f5f5f7}body:not(.light-theme){--text-color-primary: #f5f5f7;--text-color-secondary: #b0b0b0;--text-color-muted: #6a6a6a;--text-color-accent: #00c4d9;--text-color-inverse: #0e0e0e}@media(prefers-contrast:high){:root{--text-color-primary: #ffffff;--text-color-secondary: #e0e0e0;--text-color-muted: #cccccc}body.light-theme{--text-color-primary: #000000;--text-color-secondary: #333333;--text-color-muted: #666666}}@media(prefers-reduced-motion:reduce){.text-link{transition:none}}@media print{body{font-size:12pt;line-height:1.4}h1{font-size:24pt}h2{font-size:20pt}h3{font-size:18pt}h4{font-size:16pt}h5{font-size:14pt}h6{font-size:12pt}.text-link{text-decoration:underline;color:#000!important}}body.light-theme{--color-bg-primary: #f0f2f5;--color-bg-secondary: var(--color-white);--color-bg-tertiary: var(--color-gray-100);--color-bg-elevated: var(--color-white);--color-bg-overlay: rgba(255, 255, 255, .9);--color-bg-glass: rgba(255, 255, 255, .95);--color-surface-primary: var(--color-white);--color-surface-secondary: var(--color-gray-100);--color-surface-tertiary: var(--color-gray-150);--color-surface-elevated: var(--color-white);--color-surface-interactive: var(--color-gray-200);--color-surface-hover: var(--color-gray-150);--color-surface-pressed: var(--color-gray-250);--color-border-primary: var(--color-gray-300);--color-border-secondary: var(--color-gray-250);--color-border-tertiary: var(--color-gray-200);--color-text-primary: #1c1c1e;--color-text-secondary: #555555;--color-text-tertiary: #6e6e73;--color-text-quaternary: var(--color-gray-400);--color-text-disabled: var(--color-gray-400);--color-text-inverse: var(--color-white);--color-text-accent: #9a00d2;--color-text-on-accent: var(--color-white);--color-interactive-secondary: var(--color-gray-150);--color-interactive-secondary-hover: var(--color-gray-200);--color-interactive-secondary-pressed: var(--color-gray-250);--color-input-bg: var(--color-white);--color-input-border: var(--color-gray-300);--color-input-text: var(--color-text-primary);--color-input-disabled-bg: var(--color-gray-100);--color-shadow-light: rgba(0, 0, 0, .05);--color-shadow-medium: rgba(0, 0, 0, .1);--color-shadow-dark: rgba(0, 0, 0, .15);--color-shadow-intense: rgba(0, 0, 0, .25);--color-overlay-light: rgba(255, 255, 255, .3);--color-overlay-medium: rgba(255, 255, 255, .7);--color-overlay-dark: rgba(255, 255, 255, .9);--color-pointer: var(--color-white);--color-winner: #9a00d2}.bg-primary{background-color:var(--color-bg-primary)}.bg-secondary{background-color:var(--color-bg-secondary)}.bg-tertiary{background-color:var(--color-bg-tertiary)}.bg-elevated{background-color:var(--color-bg-elevated)}.bg-surface{background-color:var(--color-surface-primary)}.bg-surface-secondary{background-color:var(--color-surface-secondary)}.bg-surface-tertiary{background-color:var(--color-surface-tertiary)}.bg-accent{background-color:var(--color-accent)}.bg-success{background-color:var(--color-success)}.bg-error{background-color:var(--color-error)}.bg-warning{background-color:var(--color-warning)}.bg-info{background-color:var(--color-info)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-quaternary{color:var(--color-text-quaternary)}.text-disabled{color:var(--color-text-disabled)}.text-inverse{color:var(--color-text-inverse)}.text-accent{color:var(--color-text-accent)}.text-on-accent{color:var(--color-text-on-accent)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-warning{color:var(--color-warning)}.text-info{color:var(--color-info)}.border-primary{border-color:var(--color-border-primary)}.border-secondary{border-color:var(--color-border-secondary)}.border-tertiary{border-color:var(--color-border-tertiary)}.border-interactive{border-color:var(--color-border-interactive)}.border-focus{border-color:var(--color-border-focus)}.border-hover{border-color:var(--color-border-hover)}.border-accent{border-color:var(--color-accent)}.border-success{border-color:var(--color-success)}.border-error{border-color:var(--color-error)}.border-warning{border-color:var(--color-warning)}.border-info{border-color:var(--color-info)}.hover\:bg-hover:hover{background-color:var(--color-surface-hover)}.hover\:bg-accent:hover{background-color:var(--color-accent-hover)}.hover\:text-accent:hover{color:var(--color-accent-hover)}.hover\:border-accent:hover{border-color:var(--color-accent-hover)}.focus\:bg-focus:focus{background-color:var(--color-surface-interactive)}.focus\:border-focus:focus{border-color:var(--color-border-focus)}.focus\:text-accent:focus{color:var(--color-accent)}.shadow-light{box-shadow:0 2px 4px var(--color-shadow-light)}.shadow-medium{box-shadow:0 4px 8px var(--color-shadow-medium)}.shadow-dark{box-shadow:0 8px 16px var(--color-shadow-dark)}.shadow-intense{box-shadow:0 12px 24px var(--color-shadow-intense)}.color-swatch{width:24px;height:24px;border-radius:4px;border:1px solid var(--color-border-secondary);transition:all .2s ease;cursor:pointer}.color-swatch:hover{transform:scale(1.1);border-color:var(--color-border-hover);box-shadow:0 2px 8px var(--color-shadow-medium)}.color-swatch.selected{border-color:var(--color-accent);box-shadow:0 0 0 2px rgba(var(--color-accent-rgb),.3)}.premium-glow{background:var(--color-premium-background);border:1px solid var(--color-premium);box-shadow:0 0 12px rgba(var(--color-premium-rgb),.3);color:var(--color-premium)}.epic-glow{background:var(--color-epic-glow);animation:epic-rotation 6s linear infinite}@media(prefers-contrast:high){:root{--color-border-primary: var(--color-white);--color-border-secondary: var(--color-gray-300);--color-text-secondary: var(--color-white);--color-shadow-light: rgba(0, 0, 0, .8);--color-shadow-medium: rgba(0, 0, 0, .9);--color-shadow-dark: rgba(0, 0, 0, 1)}body.light-theme{--color-border-primary: var(--color-gray-900);--color-border-secondary: var(--color-gray-700);--color-text-secondary: var(--color-gray-900)}}@media(prefers-reduced-motion:reduce){.epic-glow{animation:none}.color-swatch{transition:none}.color-swatch:hover{transform:none}}#createWheelFab{display:none;position:fixed;bottom:20px;right:20px;width:56px;height:56px;background:var(--accent-color);background:var(--accent-color-hover);color:#fff;border:none;border-radius:16px;font-size:24px;cursor:pointer;box-shadow:0 4px 12px #0000004d;transition:all .3s ease;z-index:15002}#createWheelFab:hover{background:var(--accent-color-hover);transform:scale(1.05)}body.question-view-active #createWheelFab{display:flex;align-items:center;justify-content:center}.toggle-item{display:flex;justify-content:space-between;align-items:center;width:100%}.toggle-item-label{flex-grow:1;margin-right:15px}.premium-setting-item{position:relative}.setting-item-disabled{opacity:.5;pointer-events:none}.setting-item-disabled .setting-label{color:var(--text-muted)}.form-select-themed{width:100%;padding:10px 12px;font-size:.95em;background:var(--input-bg);color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px;appearance:none;background-repeat:no-repeat;background-position:right 10px center;transition:border-color .2s,box-shadow .2s}.form-select-themed:hover,.form-select-themed:focus{border-color:var(--fate-accent);box-shadow:0 0 0 2px rgba(var(--fate-accent-rgb),.2);outline:none}.form-option-premium{font-style:italic;background:var(--container-bg)}body:not(.pro-user) .form-option-premium,.form-option-premium-disabled,.form-option-disabled,.form-optgroup-premium-disabled{color:var(--text-muted);opacity:.5;background:#8080801a;cursor:not-allowed}.segment-colors-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:15px 20px;padding:10px;background:var(--input-bg);border:1px solid var(--border-light);border-radius:6px}.segment-color-item{position:relative;display:flex;flex-direction:column;align-items:center;min-height:65px}.segment-color-input{width:40px;height:40px;border:none;border-radius:4px;cursor:pointer}.segment-color-remove{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:18px;height:18px;background:red;color:#fff;border-radius:50%;font-size:12px;display:flex;align-items:center;justify-content:center;cursor:pointer}.segment-color-remove:hover{background:#8b0000}.add-segment-color-btn{display:block;margin:15px auto 0}.setting-value-span{color:var(--fate-accent);font-weight:400}.setting-micro-copy{font-size:.8em;color:var(--text-secondary);margin-top:4px;opacity:0;max-height:0;overflow:hidden;transition:opacity .3s,max-height .3s}.setting-micro-copy-visible{opacity:1;max-height:100px}.mode-group-content{display:flex;flex-direction:column;gap:8px;font-size:.8em;color:var(--text-secondary);border:1px dashed var(--border-light);text-align:center;padding:16px;border-radius:6px;margin:8px 0;line-height:1.4;transition:all .3s ease}.mode-group-content .setting-item-title{font-size:1.2em;font-weight:400;margin-bottom:8px;color:var(--text-primary);padding:0;line-height:1.4;display:block;text-align:left}.mode-name-header{font-size:1.4em;font-weight:600;color:var(--text-primary)}.mode-description{font-size:1.2em;color:var(--text-secondary);line-height:1.4;margin-bottom:8px}.mode-description:empty{display:none}.premium-particle-hint{font-size:.8em;color:var(--text-muted);font-style:italic;margin-top:4px}.panel-base{position:fixed;inset:0 auto 0 0;width:100%;max-width:640px;height:100%;background:var(--container-bg);padding:0 100px 96px 24px;border-radius:8px 0 0 8px;box-shadow:-6px 0 20px #0006;z-index:var(--z-settings-panel);transform:translate(100%);transition:transform .3s,visibility .3s;overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box}.panel-visible{transform:translate(0)}.panel-hidden{visibility:hidden;transform:translate(100%);transition:transform .3s,visibility 0s linear .3s;pointer-events:none;z-index:-1}.panel-content-base{position:absolute;inset:0 auto 0 0;right:var(--panel-content-right,140px);padding:20px;background:var(--bg-primary);overflow-y:auto;display:none}.panel-content-active{display:block}.panel-header-active{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--container-bg);border-bottom:1px solid var(--border-light);position:sticky;top:0;z-index:100}.panel-header-title{margin:0;font-size:1.2em;font-weight:600;color:var(--text-primary)}.close-panel-btn{margin:20px auto 0;padding:10px;background:var(--button-gradient-start);color:var(--text-on-accent);border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s}.close-panel-btn:hover{background:var(--button-gradient-end)}.pill-navigation{display:flex;gap:8px;padding:5px;margin:0 auto 20px;max-width:640px}.pill-button{flex:1;padding:4px 16px;background:transparent;border:none;color:var(--text-secondary);font-weight:600;border-radius:25px;cursor:pointer;transition:all .3s;white-space:nowrap}.pill-button.active{background:var(--button-gradient-start);color:var(--text-on-accent)}.divider-tab-navigation{display:flex;align-items:center;gap:8px;padding:16px;margin-bottom:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box}.divider-tab-navigation::-webkit-scrollbar{display:none}.divider-tab-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;background:var(--button-secondary-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.9em;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0;user-select:none}.divider-tab-btn:hover,.divider-tab-btn:focus{background:var(--hover-bg);border-color:var(--fate-accent);color:var(--text-primary)}.divider-tab-btn.active{background:var(--fate-accent);border-color:var(--fate-accent);color:#fff;box-shadow:0 2px 8px rgba(var(--fate-accent-rgb),.3)}.divider-tab-btn.selected{background:linear-gradient(135deg,#ff6b6b,#ff8e8e);border:2px solid #ff4444;color:#fff;box-shadow:0 0 0 3px #ff44444d,0 4px 12px #f446;transform:translateY(-2px);position:relative}.divider-tab-btn.selected:before{content:"✓";position:absolute;top:-8px;right:-8px;width:20px;height:20px;background:#0c4;border:2px solid #fff;border-radius:50%;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0003}.divider-tab-btn.active.selected{background:linear-gradient(135deg,#4a90e2,#6ba3f0);border:2px solid #2171b5;color:#fff;box-shadow:0 0 0 3px #2171b54d,0 4px 12px #2171b566;transform:translateY(-2px)}.divider-tab-btn.active.selected:before{background:#0c4;border-color:#fff}.divider-tab-btn.add-divider-btn{background:var(--button-primary-bg);border-color:var(--fate-accent);color:var(--fate-accent);min-width:40px;padding:8px 12px}.divider-tab-btn.add-divider-btn:hover{background:var(--fate-accent);color:#fff}.remove-divider-btn{margin-left:4px;font-size:12px;opacity:.7;cursor:pointer;transition:opacity .2s,color .2s}.remove-divider-btn:hover{opacity:1;color:#f44}.divider-tab-btn.active .remove-divider-btn:hover{color:#fcc}.divider-tab-content{display:none}.divider-tab-content.active{display:block}.button-group{display:flex;gap:8px;flex-wrap:wrap}.button-group .button{flex:1;min-width:80px}.divider-empty-state{text-align:center;padding:40px 20px;background:var(--container-bg);border:1px dashed var(--border-color);border-radius:8px;margin-bottom:20px}.empty-state-content{max-width:280px;margin:0 auto}.empty-state-icon{font-size:48px;color:var(--text-muted);margin-bottom:16px;opacity:.5}.empty-state-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.empty-state-description{font-size:14px;color:var(--text-muted);margin:0;line-height:1.4}.empty-state-description strong{color:var(--fate-accent);font-weight:600}.panel-tab-navigation{overflow-x:auto!important;overflow-y:visible!important;height:auto!important;min-height:auto!important;max-height:none!important}.panel-tab-navigation::-webkit-scrollbar{display:none}.panel-tab-btn{position:relative;width:40px;height:40px;background:var(--ui-bg);color:var(--text-primary);border:0px solid var(--border-color);border-radius:8px;align-items:center;justify-content:center;font-size:.9rem;cursor:pointer;transition:all .2s ease;flex-shrink:0}.panel-tab-btn:hover,.panel-tab-btn:focus{background:var(--hover-bg);color:var(--text-primary);transform:scale(1.05)}.panel-tab-btn.active{background:var(--border-light);color:var(--text-on-disabled)}.panel-tab-btn:active{transform:scale(.95)}body.light-theme .panel-tab-btn{background:#fff;color:#495057;border-color:#dee2e6}body.light-theme .panel-tab-btn:hover{background:#f8f9fa;border-color:#adb5bd;color:#495057;box-shadow:0 4px 12px #0000001a}body.light-theme .panel-tab-btn.active{background:#3b82f61a;border-color:var(--accent-color);color:var(--accent-color);box-shadow:0 2px 8px #3b82f633}body.light-theme .panel-tab-btn:active{transform:scale(.95)}.panel-content.has-tab-navigation .settings-group{display:none}.panel-content.has-tab-navigation .settings-group.active{display:block}.compact-toggle-item{display:flex;align-items:center;gap:8px}.compact-toggle-switch{position:relative;width:40px;height:20px}.compact-toggle-slider{position:absolute;inset:0;background:#374151;border-radius:10px;transition:background .2s}.compact-toggle-slider:before{content:"";position:absolute;width:16px;height:16px;top:2px;left:2px;background:#fff;border-radius:50%;transition:transform .2s}.compact-toggle-switch input:checked+.compact-toggle-slider{background:var(--accent-color,#3b82f6)}.compact-toggle-switch input:checked+.compact-toggle-slider:before{transform:translate(20px)}.outcomes-toggle-item{margin-bottom:0}.action-button{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--button-gradient-start);color:var(--text-on-accent);border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s}.action-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:1px solid var(--border-light);border-radius:6px;background-color:var(--button-secondary-bg);cursor:pointer;transition:background-color .2s,transform .2s}.action-button.circular{width:40px;height:40px;padding:0;border-radius:50%}.action-button:hover{transform:scale(1.05);background-color:var(--fate-accent-rgb);border-color:var(--fate-accent)}.action-button.active{background-color:var(--fate-accent);color:var(--text-on-accent);border-color:var(--fate-accent);transform:scale(1.05)}.icon-toggle-group{display:flex;gap:8px;flex-wrap:wrap}.icon-toggle-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:2px solid var(--border-color);border-radius:8px;background-color:var(--bg-color);color:var(--text-color);cursor:pointer;transition:background-color .2s,border-color .2s}.icon-toggle-btn:hover{background-color:var(--hover-bg);border-color:var(--accent-color)}.icon-toggle-btn.active{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff}@media(max-width:768px){.panel-base{padding:0 24px}.panel-tab-btn{width:44px;height:44px;font-size:1.2rem}.pill-navigation{display:none}#createWheelFab{width:40px;height:40px;font-size:1.2rem;border-radius:8px}.segment-colors-container{gap:10px}.compact-toggle-item{gap:4px}.action-button{padding:8px 12px;font-size:.9em}.action-button.circular,.icon-toggle-btn{width:36px;height:36px}}.input-tip{display:flex;align-items:center;gap:8px;padding:8px 12px;margin-bottom:16px;background:var(--color-info-bg, #e3f2fd);border:1px solid var(--color-info-border, #90caf9);border-radius:6px;font-size:13px;color:var(--color-info-text, #1565c0)}.input-tip i{color:var(--color-warning, #ff9800);font-size:14px}.search-tips{display:flex;align-items:center;gap:8px;padding:8px 12px;margin:8px 0 16px;border-radius:6px;font-size:12px;color:var(--text-secondary);text-align:left}.search-tips i{color:var(--color-warning, #ff9800);font-size:13px;flex-shrink:0}.search-tips span{line-height:1.4}:root{--accent-color: #00c4d9;--accent-color-rgb: 0, 196, 217;--accent-color-hover: #00a7b5;--color-success: #10b981;--color-error: #ef4444;--color-error-rgb: 239, 68, 68;--color-warning: #f59e0b;--color-info: #3b82f6;--text-primary: #f5f5f7;--text-secondary: #b0b0b0;--text-muted: #6e6e73;--text-on-accent: #fff;--container-bg: #1c1c1e;--border-color: #6a6a6a;--border-light: #e5e7eb;--border-secondary: #3c3c3c;--bg-primary: #0e0e0e;--bg-secondary: #141414;--shadow-light: rgba(0, 0, 0, .1);--shadow-medium: rgba(0, 0, 0, .25);--shadow-dark: rgba(0, 0, 0, .5);--button-secondary-bg: #6c757d;--button-danger-bg: #e91e63;--button-disabled-bg: #cccccc;--text-on-disabled: #666666;--z-floating-elements: 500;--pointer-color: #ffffff;--wheel-border-color: #e5e7eb;--input-bg: #333333}.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;text-align:center;white-space:nowrap;min-height:40px;background:var(--accent-color);color:var(--text-on-accent);box-shadow:var(--shadow-light)}.button:hover{background:var(--accent-color-hover);box-shadow:var(--shadow-medium);transform:translateY(-2px)}.button:active{transform:translateY(0);box-shadow:var(--shadow-light)}.button:disabled{background:var(--button-disabled-bg);color:var(--text-on-disabled);cursor:not-allowed;opacity:.6;box-shadow:none;transform:none}.button-small{padding:8px 16px;font-size:.9em;min-height:36px;max-width:200px}.button-large{padding:16px 32px;font-size:1.1em;min-height:52px}.button-primary{background:var(--accent-color);color:var(--text-on-accent)}.button-secondary{background:var(--button-secondary-bg);color:var(--text-primary);box-shadow:var(--shadow-light);border-radius:8px}.button-secondary:hover{background:var(--input-bg);border-color:var(--accent-color)}.add-bulk-sorter-items{width:44px;height:44px}.button-outline{background:transparent;color:var(--accent-color);border:2px solid var(--accent-color);box-shadow:none}.button-minimal{background:transparent!important;color:var(--text-secondary)!important;border:none!important;box-shadow:none}.button-minimal:hover{color:var(--text-primary)!important}.button-outline:hover{background:var(--accent-color);color:var(--text-on-accent)}.button-danger{background:var(--color-error);color:var(--text-on-accent)}.button-danger:hover{background:#c82333}.button-danger.button-outline{background:transparent;color:var(--color-error);border:2px solid var(--color-error)}.button-danger.button-outline:hover{background:var(--color-error);color:var(--text-on-accent)}.button-success{background:var(--color-success);color:var(--text-on-accent)}.button-success:hover{background:#218838}.button-warning{background:var(--color-warning);color:#212529}.button-warning:hover{background:#e0a800}.button-cancel{background:var(--container-bg);color:var(--accent-color);border:2px solid var(--accent-color);box-shadow:none}.button-cancel:hover{background:var(--accent-color);color:var(--text-on-accent)}.button-full-width{width:100%}.button-icon-only{width:40px;padding:0;border-radius:8px}.button-icon-only.button-small{width:36px;min-height:36px}.button.loading{position:relative;color:transparent;pointer-events:none}.button.loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border:2px solid transparent;border-top:2px solid var(--text-on-accent);border-radius:8px;animation:button-spinner .8s linear infinite}.close-btn{position:absolute;top:16px;right:16px;width:32px;height:32px;background:var(--input-bg);color:var(--text-primary);border:1px solid var(--border-light);border-radius:8px;font-size:1.2em;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:1000}.close-btn:hover{background:var(--accent-color);color:var(--text-on-accent);transform:scale(1.1)}.pill-button{background:var(--input-bg);color:var(--text-primary);border:1px solid var(--border-light);border-radius:20px;padding:8px 20px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap}.pill-button:hover{background:var(--hover-bg)}.pill-button.active{background:var(--accent-color);color:var(--text-on-accent);border-color:var(--accent-color)}.download-confirm-btn{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);box-shadow:none}.download-confirm-btn:hover{background:var(--hover-bg);color:var(--text-primary)}#spinBtn{--drag-strength: 0;--indicator-color: var(--pointer-color);--indicator-width: 4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;min-width:200px;min-height:200px;border-radius:50%;padding:0;font-size:2.5em;font-weight:800;border:1px solid rgba(255,255,255,.3);z-index:10000;display:flex;justify-content:center;align-items:center;text-align:center;line-height:1.2;color:var(--text-primary);background:radial-gradient(circle at 30% 30%,#fff6,#ffffff1a 50%,#0003);backdrop-filter:blur(10px);box-shadow:0 6px 20px var(--shadow-dark),0 2px 10px var(--shadow-light),inset 0 2px 5px #ffffff80,inset 0 -2px 5px #0003;transition:transform .2s ease,box-shadow .2s ease;touch-action:manipulation;pointer-events:auto}#spinBtn.reset-mode{background:radial-gradient(circle at 30% 30%,#f006,red 50%,#f003)!important;box-shadow:0 6px 20px #f006,0 2px 10px #f003,inset 0 2px 5px #ff64644d,inset 0 -2px 5px #0003!important;transform-origin:center center!important}@keyframes resetButtonPulsate{0%,to{transform:scale(1);box-shadow:0 6px 20px #f006,0 2px 10px #f003,inset 0 2px 5px #ff64644d,inset 0 -2px 5px #0003}50%{transform:scale(1.05);box-shadow:0 8px 30px #f009,0 4px 15px #f006,inset 0 2px 5px #ff969666,inset 0 -2px 5px #0003}}#spinBtn img{width:190px;height:190px;min-width:190px;min-height:190px}#spinBtn span{position:relative;top:-16px}#spinBtn:before{content:"";position:absolute;inset:calc(-1 * var(--indicator-width) - 2px);border-radius:50%;padding:var(--indicator-width);background:conic-gradient(var(--indicator-color) calc(var(--drag-strength) * 360deg),transparent 0deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - var(--indicator-width)),#000 calc(100% - var(--indicator-width)));mask:radial-gradient(farthest-side,transparent calc(100% - var(--indicator-width)),#000 calc(100% - var(--indicator-width)));mask-composite:destination-out;pointer-events:none;transition:background .1s linear;z-index:-1}#spinBtn:hover:not(:disabled){box-shadow:0 8px 25px var(--shadow-dark),inset 0 2px 8px #fff9,inset 0 -2px 8px #0000004d;color:var(--pointer-color);border-color:var(--border-light);transform:translate(-50%,-50%) scale(1.05)}#spinBtn:active:not(:disabled){box-shadow:var(--shadow-light);filter:brightness(.9);color:var(--pointer-color)}#spinBtn.spinning{cursor:not-allowed;opacity:1;animation:scalePulse 1.5s infinite ease-in-out}#spinBtn .spinagle-icon{width:60px;height:60px;transition:all .3s ease;filter:brightness(1.2) contrast(1.1) drop-shadow(0 4px 8px rgba(255,255,255,.3));box-shadow:0 0 20px #fff3;border-radius:50%;transform:scale(1)}#spinBtn,.slow-spin-fab,#wheelViewBackBtn,#createWheelFab,#panelCloseFab{touch-action:manipulation;-webkit-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}body.shared-wheel-mode #spinBtn{display:block;visibility:visible;opacity:1;pointer-events:auto}body.combined-panel-active #spinBtn{display:none!important}#spinBtn:hover:not(:disabled) .spinagle-icon{filter:brightness(1.4) contrast(1.2) drop-shadow(0 6px 12px rgba(255,255,255,.5));box-shadow:0 0 30px #fff6;transform:scale(1.05)}#spinBtn:active:not(:disabled) .spinagle-icon{transform:scale(.95);filter:brightness(1.1) contrast(1.1) drop-shadow(0 2px 4px rgba(255,255,255,.4))}#spinBtn:not(.spinning):not(:disabled){animation:glowPulse 2s infinite ease-in-out}#spinBtn:not(.spinning):not(:disabled) .spinagle-icon{animation:iconGlowPulse 2.5s infinite ease-in-out}#spinBtn.spinning .spinagle-icon{filter:brightness(1.5) contrast(1.3) drop-shadow(0 8px 16px rgba(255,255,255,.6));box-shadow:0 0 40px #fff9,0 0 80px #ffffff4d;transform:scale(1.1)}#spinBtn:not(.spinning) .spinagle-icon{animation:none}#spinBtn.wheel-stopped .spinagle-icon{opacity:0;transform:scale(.8)}.wheel-type-indicator{background:var(--text-primary);color:var(--container-bg);border:.5px solid var(--border-light);border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;box-shadow:var(--shadow-light);transition:all .2s ease;cursor:pointer;z-index:var(--z-floating-elements)}.wheel-type-indicator:hover{background:var(--container-bg);color:var(--text-primary);border-color:var(--text-primary);box-shadow:var(--shadow-medium);transform:scale(1.05)}.wheel-type-indicator:active{transform:scale(.95)}.wheel-type-indicator.premium-locked{opacity:.6;cursor:not-allowed}.wheel-type-indicator.premium-locked:hover{transform:none;background:var(--text-primary);color:var(--container-bg)}.spin-speed-btn{background:var(--text-primary);color:var(--container-bg);border:.5px solid var(--border-light);border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:1rem;box-shadow:var(--shadow-light);transition:all .2s ease;cursor:pointer;z-index:var(--z-floating-elements);position:relative}.spin-speed-btn .speed-number{position:absolute;top:2px;right:2px;font-size:9px;font-weight:700;line-height:1;color:var(--container-bg);background:var(--text-primary);width:12px;height:12px;display:flex;align-items:center;justify-content:center;border-radius:2px;pointer-events:none}.spin-speed-btn:hover{background:var(--container-bg);color:var(--text-primary);border-color:var(--text-primary);box-shadow:var(--shadow-medium);transform:scale(1.05)}.spin-speed-btn:hover .speed-number{color:var(--text-primary);background:var(--container-bg)}.spin-speed-btn:active{transform:scale(.95)}.spin-speed-btn.premium-locked{opacity:.6;cursor:not-allowed}.spin-speed-btn.premium-locked:hover{transform:none;background:var(--text-primary);color:var(--container-bg)}.alert-btn{padding:12px 24px;background:var(--accent-color);color:#000;border-radius:8px;font-size:1rem;font-weight:600;transition:all .2s ease;cursor:pointer}.alert-btn:hover{background:var(--accent-color-hover)}.alert-btn:active{transform:scale(.95)}.nav-icon-btn{padding:8px;border-radius:8px;transition:all .2s ease}.nav-icon-btn:hover{background:#ffffff1a}.mobile-nav-button{padding:12px;border-radius:8px;transition:all .2s ease}.mobile-nav-button:hover{background:#ffffff1a}@media(max-width:1024px){.app-nav-list-item{width:64px!important;min-height:64px!important}.app-nav-list-item .menu-icon{font-size:1rem!important}.app-nav-list-item .menu-label{font-size:.75rem!important}}@media(max-width:768px){.button{padding:10px 16px;font-size:.9em;min-height:40px}.button-small{padding:8px 12px;font-size:.85em;min-height:32px}.button-large{padding:14px 24px;font-size:1em;min-height:48px}#spinBtn{width:160px;height:160px;min-width:160px;min-height:160px;font-size:2rem}#spinBtn img{width:160px;height:160px;min-width:160px;min-height:160px}}.btn-radius,.input-radius,.card-radius{border-radius:8px}.modal-radius{border-radius:12px}.pill-radius{border-radius:24px}.app-nav-list-item{width:88px;min-height:88px;background:var(--ui-bg);border:none;color:var(--text-primary);text-decoration:none;cursor:pointer;transition:var(--transition-smooth);border-radius:8px;margin-bottom:var(--spacing-component-xs);text-align:center;font-size:.75 em}.app-nav-list-item:hover{background:var(--hover-bg)}.app-nav-list-item.active{background:var(--fate-accent);color:var(--text-on-fate-accent)}.app-nav-list-item:hover .menu-icon,.app-nav-list-item.active .menu-icon{color:var(--text-on-accent)}.settings-action-btn.action-btn{min-width:40px;min-height:40px;width:40px;height:40px;line-height:0;background:var(--button-secondary-bg);color:var(--text-primary);border:0px solid var(--border-color);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.9rem;cursor:pointer;transition:all .2s ease}.settings-action-btn.action-btn:active{background:var(--accent-color-hover);transform:scale(.95)}.settings-action-btn:not(.action-btn){position:relative;min-width:40px;min-height:40px;line-height:0!important;background:var(--ui-bg);color:var(--text-primary);border:.5px solid var(--border-color);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;transition:all .2s ease;flex-shrink:0}.settings-action-btn:not(.action-btn):hover{background:var(--hover-bg);color:var(--text-primary);transform:scale(1.05);border-color:var(--accent-color);box-shadow:0 2px 8px #0000001a}.settings-action-btn:not(.action-btn).active,#combinedPanelPillMenu .settings-action-btn.active{background:var(--accent-color)!important;color:var(--text-on-accent)!important;border-color:var(--accent-color)!important;box-shadow:0 2px 8px #0003!important}.settings-action-btn:not(.action-btn):active{transform:scale(.95)}body.light-theme .settings-action-btn:not(.action-btn){background:#fff;color:#495057;border-color:#dee2e6}body.light-theme .settings-action-btn:not(.action-btn):hover{background:#f8f9fa;border-color:var(--accent-color);color:#495057;box-shadow:0 4px 12px #0000001a;transform:scale(1.05)}body.light-theme .settings-action-btn:not(.action-btn).active,body.light-theme #combinedPanelPillMenu .settings-action-btn.active{background:var(--accent-color)!important;border-color:var(--accent-color)!important;color:#fff!important;box-shadow:0 2px 8px #3b82f64d!important}body.light-theme .settings-action-btn:not(.action-btn):active{transform:scale(.95)}body.light-theme .settings-action-btn.action-btn{background:#f8f9fa;color:#495057;border-color:#dee2e6}body.light-theme .settings-action-btn.action-btn:hover{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;text-align:center;white-space:nowrap;min-height:40px;background:var(--accent-color);color:var(--text-on-accent);box-shadow:var(--shadow-light);flex:1;max-width:240px}.btn:hover{background:var(--accent-color-hover);box-shadow:var(--shadow-medium);transform:translateY(-2px)}.btn:active{transform:translateY(0);box-shadow:var(--shadow-light)}.btn:disabled{background:var(--button-disabled-bg);color:var(--text-on-disabled);cursor:not-allowed;opacity:.6;box-shadow:none;transform:none}.btn-primary{background:var(--accent-color);color:var(--text-on-accent);flex:1}.color-swatches-kebab-btn{flex:.4;padding:8px!important}.ai-generate-btn{background:none;color:var(--text-on-accent);border-radius:4px;position:absolute;padding:2px 8px;border:.25px solid var(--text-primary);right:24px;top:16px;cursor:pointer}.ai-generate-btn:hover{background:var(--accent-color);color:var(--text-on-accent);border-color:var(--accent-color)}.ai-generate-all-btn{background:none;color:var(--text-on-accent);border-radius:4px;border:.25px solid var(--text-primary);padding:8px 16px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-secondary{background:var(--button-secondary-bg);color:var(--text-primary);box-shadow:var(--shadow-light);border-radius:8px;flex:1;max-width:240px}.btn-secondary:hover{background:var(--input-bg);border-color:var(--accent-color)}.btn-danger{background:var(--color-error);color:var(--text-on-accent);font-weight:500;border-radius:8px;padding:12px 16px;flex:1;max-width:240px}.btn-danger:hover{background:#c82333}.btn-success{background:var(--color-success);color:var(--text-on-accent)}.btn-success:hover{background:#218838}.btn-warning{background:var(--color-warning);color:#212529;border-radius:8px;padding:12px 16px}.btn-warning:hover{background:#e0a800}.btn-cancel{background:var(--container-bg);color:var(--accent-color);border:2px solid var(--accent-color);box-shadow:none}.btn-cancel:hover{background:var(--accent-color);color:var(--text-on-accent)}.btn-sm{padding:8px 16px;font-size:.9em;min-height:36px}.btn-lg{padding:16px 32px;font-size:1.1em;min-height:52px}.outcome-action-disabled{opacity:.4;cursor:not-allowed}.fab.fab-has-changes,#saveWheelFab.fab-has-changes{animation:fabPulsateRed 2s ease-in-out infinite!important}@keyframes fabPulsateRed{0%,to{background-color:var(--accent-color);transform:scale(1);box-shadow:0 4px 12px #00c4d94d}50%{background-color:#f44;transform:scale(1.05);box-shadow:0 6px 16px #f446}}.share-modal-content.loading{position:relative}.share-loading-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;border-radius:8px}.share-loading-content{text-align:center;color:#fff}.share-main-spinner{font-size:2rem;margin-bottom:1rem;animation:fa-spin 1s infinite linear;color:#007bff}.share-loading-content p{margin:0;font-size:1rem;opacity:.9}.share-modal-content.loading .share-url-input:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed}.share-modal-content.loading .copy-btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.share-social-disabled{opacity:.4;cursor:not-allowed;pointer-events:none}@keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-input-base,input[type=text],input[type=email],input[type=password],input[type=number],input[type=url],input[type=search],select,textarea{min-width:100%!important;height:var(--form-input-height-md);padding:var(--form-input-padding-md);font-size:1em;font-family:inherit;font-weight:500;line-height:1.4;background-color:#fff!important;color:#000!important;border:var(--form-input-border);border-radius:var(--form-input-radius);transition:var(--form-input-transition);outline:none;padding:0 16px;box-sizing:border-box}.form-input-base:hover,input[type=text]:hover,input[type=email]:hover,input[type=password]:hover,input[type=number]:hover,input[type=url]:hover,input[type=search]:hover,select:hover,textarea:hover{border-color:var(--form-input-border-hover)}.form-input-base:focus,input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,input[type=url]:focus,input[type=search]:focus,select:focus,textarea:focus{border-color:var(--form-input-border-focus);box-shadow:var(--form-input-shadow-focus)}.form-input-base::placeholder,input[type=text]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder,input[type=number]::placeholder,input[type=url]::placeholder,input[type=search]::placeholder,textarea::placeholder{color:var(--form-input-placeholder);opacity:1}.form-input-select,select{padding-right:48px;cursor:pointer;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='%23666' stroke-width='2.5' 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 16px center;background-size:16px;line-height:1.4;vertical-align:middle}.unified-select{height:52px!important;line-height:1.5!important;padding:14px 48px 14px 16px!important;display:flex!important;align-items:center!important}[data-theme=dark] .form-input-select,[data-theme=dark] select{background-repeat:no-repeat;background-position:right 16px center;background-size:16px;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.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")}.form-input-select option,select option{background:var(--form-input-bg);color:var(--form-input-text);padding:8px 12px}select[multiple]{height:auto;min-height:120px;padding:8px}select[multiple] option{padding:8px 12px;margin:2px 0;border-radius:6px}select[multiple] option:checked{background:var(--accent-color);color:var(--text-on-accent)}select[multiple] option:hover{background:var(--accent-color-hover);color:var(--text-on-accent)}.form-input-textarea,textarea{height:auto;min-height:80px;resize:vertical;line-height:1.5}.form-input-base.size-sm,.form-input-select.size-sm{height:var(--form-input-height-sm);padding:var(--form-input-padding-sm);font-size:.85em}.form-input-select.size-sm{padding-right:36px;background-size:14px;background-position:right 12px center}.form-input-base.size-lg,.form-input-select.size-lg{height:var(--form-input-height-lg);padding:var(--form-input-padding-lg);font-size:1.05em}.form-input-select.size-lg{padding-right:52px;background-size:20px;background-position:right 20px center}.form-input-number,input[type=number]{text-align:center;width:auto;min-width:80px}.form-input-number.size-sm{width:60px;min-width:60px}.form-input-search,input[type=search]{padding-left:40px;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='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3ccircle cx='11' cy='11' r='8'%3e%3c/circle%3e%3cpath d='m21 21-4.35-4.35'%3e%3c/path%3e%3c/svg%3e");background-repeat:no-repeat;background-position:12px center;background-size:16px}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{appearance:none}.form-input-color,input[type=color]{width:60px;height:40px;padding:4px;border-radius:8px;cursor:pointer}.form-input-color-value,.color-value-input{max-width:120px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Consolas,monospace;font-size:13px;text-transform:uppercase;letter-spacing:.5px;text-align:left}input[type=color]::-webkit-color-swatch,input[type=color]::-moz-color-swatch{border:none;border-radius:4px}input[type=color]::-webkit-color-swatch-wrapper{padding:0;border:none}.form-input-file,input[type=file]{padding:8px 12px;background:var(--form-input-bg);cursor:pointer}.form-input-toggle,.toggle-switch{position:relative;display:inline-block;width:50px;height:24px}.form-input-toggle input,.toggle-switch input{opacity:0;width:0;height:0}.form-input-toggle-slider,.toggle-slider{position:absolute;inset:0;background:#374151;border-radius:24px;transition:var(--form-input-transition);box-shadow:var(--form-input-shadow);cursor:pointer}.form-input-toggle-slider:before,.toggle-slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:var(--form-input-transition);box-shadow:0 2px 4px #0003}.form-input-toggle input:checked+.form-input-toggle-slider,.toggle-switch input:checked+.toggle-slider{background:var(--accent-color)}.form-input-toggle input:checked+.form-input-toggle-slider:before,.toggle-switch input:checked+.toggle-slider:before{transform:translate(26px)}.form-input-toggle:hover .form-input-toggle-slider,.toggle-switch:hover .toggle-slider{box-shadow:var(--form-input-shadow-hover)}.form-input-range,input[type=range]{appearance:none;width:100%;height:6px;border-radius:3px;background:#e5e7eb;outline:none;transition:var(--form-input-transition)}.form-input-range:hover,input[type=range]:hover{background:#d1d5db}.form-input-range::-webkit-slider-thumb,.form-input-range::-moz-range-thumb,input[type=range]::-webkit-slider-thumb,input[type=range]::-moz-range-thumb{appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent-color);cursor:pointer;border:2px solid #fff;box-shadow:0 2px 6px #00000026;transition:var(--form-input-transition)}.form-input-range::-webkit-slider-thumb:hover,.form-input-range::-moz-range-thumb:hover,input[type=range]::-webkit-slider-thumb:hover,input[type=range]::-moz-range-thumb:hover{background:var(--accent-color-hover);transform:scale(1.1);box-shadow:0 4px 12px #0003}.form-input-checkbox,input[type=checkbox]{width:18px;height:18px;border-radius:4px;cursor:pointer}.form-input-checkbox:checked,input[type=checkbox]:checked{background:var(--accent-color);border-color:var(--accent-color)}.form-input-base:disabled,input[type=text]:disabled,input[type=email]:disabled,input[type=password]:disabled,input[type=number]:disabled,input[type=url]:disabled,input[type=search]:disabled,select:disabled,textarea:disabled{background:var(--container-light);color:var(--form-input-placeholder);cursor:not-allowed;opacity:.6}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-label{display:block;font-weight:600;color:var(--form-input-text);margin-bottom:8px;font-size:.95em}.form-group.inline{display:flex;align-items:center;gap:12px}.form-group.compact{margin-bottom:12px}.form-input-base.error{border-color:#ef4444;background:#fef2f2}.form-input-base.error:focus{border-color:#ef4444;box-shadow:0 0 0 4px #ef444426}.form-input-base.success{border-color:#10b981;background:#f0fdf4}.form-input-base.success:focus{border-color:#10b981;box-shadow:0 0 0 4px #10b98126}.form-input-base.warning{border-color:#f59e0b;background:#fffbeb}.form-input-base.warning:focus{border-color:#f59e0b;box-shadow:0 0 0 4px #f59e0b26}.hidden{display:none}.embed-code,.link-input{font-family:monospace;font-size:.9em}[data-theme=dark] .form-input-base,[data-theme=dark] input[type=text],[data-theme=dark] input[type=email],[data-theme=dark] input[type=password],[data-theme=dark] input[type=number],[data-theme=dark] input[type=url],[data-theme=dark] input[type=search],[data-theme=dark] select,[data-theme=dark] textarea{background:var(--container-bg, #1a1a1a);border-color:var(--border-color, #555);color:var(--text-primary, #fff)}[data-theme=dark] .form-input-base::placeholder,[data-theme=dark] input[type=text]::placeholder,[data-theme=dark] input[type=email]::placeholder,[data-theme=dark] input[type=password]::placeholder,[data-theme=dark] input[type=number]::placeholder,[data-theme=dark] input[type=url]::placeholder,[data-theme=dark] input[type=search]::placeholder,[data-theme=dark] textarea::placeholder{color:var(--form-input-placeholder)}.text-question-input,#textQuestionInput{border:none!important}.text-question-input:hover,#textQuestionInput:hover{border:1px solid var(--border-color)!important}.text-question-input:focus,#textQuestionInput:focus{border:none!important;box-shadow:none!important}.text-question-input,#textQuestionInput{background:var(--container-bg);border-radius:0 8px 8px 0;height:48px;font-size:16px;border:none!important}#outcomeInput{flex:0 0 180px!important;width:100%!important;max-width:340px!important;min-width:340px!important;box-sizing:border-box}@media(max-width:768px){.form-input-base,input[type=text],input[type=email],input[type=password],input[type=number],input[type=url],input[type=search],select,textarea{padding:10px 14px;font-size:16px}#outcomeInput{flex:0 0 180px!important;width:100%!important;max-width:280px!important;min-width:280px!important;box-sizing:border-box}.form-input-select,select{padding-right:44px}.form-input-toggle,.toggle-switch{width:44px;height:22px}.form-input-toggle-slider:before,.toggle-slider:before{height:16px;width:16px;left:3px;bottom:3px}.form-input-toggle input:checked+.form-input-toggle-slider:before,.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}}.gradient-picker-container{margin-top:8px}.gradient-picker-wrapper{display:flex;flex-direction:column;gap:16px;padding:16px;background:var(--container-bg);border:1px solid var(--border-color);border-radius:var(--border-radius)}.gradient-preview{width:100%;height:80px;border-radius:var(--border-radius);background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:1.5em;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5);position:relative}.gradient-preview:after{content:"Card Preview";font-size:.9em;font-weight:500}.gradient-controls{display:grid;grid-template-columns:1fr 1fr;gap:16px}.gradient-color-group,.gradient-direction-group{display:flex;flex-direction:column;gap:8px}.gradient-color-group label,.gradient-direction-group label{font-size:.9em;font-weight:500;color:var(--text-color)}.gradient-color-group .color-picker-controls{display:flex;align-items:center;gap:8px}.gradient-color-group input[type=color]{width:40px;height:32px;border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;background:none}.gradient-color-group .color-hex{font-family:Courier New,monospace;font-size:.85em;color:var(--text-muted);min-width:60px}.gradient-direction-group select{padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--input-bg);color:var(--text-color);font-size:.9em}.gradient-preset-group{grid-column:1 / -1;margin-top:8px}.gradient-preset-group label{font-size:.9em;font-weight:500;color:var(--text-color);margin-bottom:8px;display:block}.gradient-presets{display:grid;grid-template-columns:repeat(auto-fit,minmax(50px,1fr));gap:8px}.gradient-preset{width:50px;height:50px;border:2px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;padding:4px;background:var(--container-bg);transition:all .2s ease;position:relative}.gradient-preset:hover{border-color:var(--accent-color);transform:scale(1.05)}.gradient-preset.active{border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-color-alpha)}.gradient-preset .preset-gradient{width:100%;height:100%;border-radius:calc(var(--border-radius) - 2px)}@media(max-width:768px){.gradient-controls{grid-template-columns:1fr;gap:12px}.gradient-presets{grid-template-columns:repeat(6,1fr);gap:6px}.gradient-preset{width:100%;aspect-ratio:1;min-width:40px}.gradient-picker-wrapper{padding:12px;gap:12px}.gradient-preview{height:60px;font-size:1.2em}}.input-with-copy{max-width:calc(100% - 48px)!important;display:flex;gap:8px;align-items:center}.input-with-copy .form-input{flex:1}.input-with-copy .btn-secondary{padding:8px 12px;height:auto;min-width:auto}.input-with-ai-button{display:flex;gap:8px;align-items:flex-start}.input-with-ai-button .form-input,.input-with-ai-button .form-textarea{flex:1}.no-scrollbar,#step-wheel,#wheelVisualWrapper,#wheelContainer{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar,#step-wheel::-webkit-scrollbar,#wheelVisualWrapper::-webkit-scrollbar,#wheelContainer::-webkit-scrollbar{width:0;height:0;display:none}#wheelHeaderContainer,#wheelQuestionContainer{overscroll-behavior:none;-webkit-overflow-scrolling:auto}html,body{overflow-x:hidden}body.wheel-view-active{overflow:hidden!important;position:fixed!important;inset:0!important;width:100%!important;height:100%!important;overscroll-behavior:none!important}body.wheel-view-active #step-wheel{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;overflow:hidden!important}.app-step-wheel{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;height:100%;bottom:0;left:0;overflow:hidden!important;position:absolute;box-sizing:border-box}#wheelContainer{position:absolute;margin:0 auto;z-index:var(--z-base);transition:top .8s cubic-bezier(.4,0,.2,1),bottom .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1),opacity .3s ease-in-out;will-change:top,bottom,transform,opacity;transform:translateZ(0);overflow:visible}#wheelContainer.full-wheel{top:50%;bottom:auto;transform:translateZ(0) scale(1)}body.subscriber-ad-free #wheelContainer.full-wheel{top:57%;bottom:auto;transform:translateZ(0) scale(1)}#wheelContainer.half-wheel{top:90%;bottom:auto;transform:translateZ(0) scale(1)}#wheelContainer.mega-wheel{top:50%;bottom:auto!important;transform:translateZ(0) scale(2)}#wheelContainer.mega3d-wheel{top:75%;bottom:auto!important;transform:translateZ(0) scale(2.5) perspective(500px) rotateX(45deg) rotateY(0);transform-style:preserve-3d}#wheelContainer.super3d-wheel{top:15%;transform:translateZ(0) scale(2.5);position:relative;width:100%;height:100%}#wheelCanvas{width:auto;position:absolute;z-index:1250;transform:translate(-50%,-50%);box-shadow:0 0 15px var(--input-focus-shadow);transform-origin:center;will-change:transform;touch-action:none;background:transparent;overflow:visible}#wheelCanvas.outer-ring-disabled{outline:none}#wheelContainer.mega3d-wheel #wheelCanvas{box-shadow:0 0 15px var(--input-focus-shadow),0 20px 40px #0000004d,0 40px 80px #00000026,inset 0 -5px 15px #0003;outline-width:calc(var(--wheel-border-width, 3px) * 1.33)}#wheelContainer.super3d-wheel #wheelCanvas{opacity:0;pointer-events:none}#wheelContainer.super3d-wheel #spinBtn{display:none}#wheelHeaderContainer{position:fixed;top:0;left:0;right:0;gap:8px;width:100%;height:40%;padding:0 0 16px;margin:0;background-color:transparent;z-index:999}#wheelHeaderContainer[data-wheel-type=mega],#wheelHeaderContainer[data-wheel-type=mega3d],.mega-wheel-active #wheelHeaderContainer,.mega3d-wheel-active #wheelHeaderContainer{background:linear-gradient(to bottom,rgba(var(--bg-color-rgb, 26, 26, 26),1),rgba(var(--bg-color-rgb, 26, 26, 26),.8),rgba(var(--bg-color-rgb, 26, 26, 26),0))}#wheelQuestionContainer .user-question{font-size:1.5rem;line-height:2rem;box-sizing:border-box;color:var(--text-primary);font-weight:600;word-wrap:break-word;max-width:100%;text-align:center;cursor:pointer;overflow-wrap:break-word;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;margin-bottom:8px}.question-header{display:flex;align-items:center;gap:12px;justify-content:center;margin-bottom:8px}#wheelQuestionContainer .mode-indicator{position:relative;color:var(--text-on-accent);padding:10px 12px;border-radius:8px;font-size:.95;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #0000001a;transition:all .2s ease;cursor:pointer;border:none;outline:none}#wheelQuestionContainer .mode-indicator:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}#wheelQuestionContainer .mode-indicator:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}body.embedded-mode #wheelQuestionContainer .mode-indicator{pointer-events:none!important;cursor:default!important}body.embedded-mode #wheelQuestionContainer .mode-indicator:hover{transform:none!important;box-shadow:0 2px 4px #0000001a!important}#wheelQuestionContainer .mode-indicator.mode-locked{cursor:not-allowed!important;opacity:.8;position:relative}#wheelQuestionContainer .mode-indicator.mode-locked:after{content:"🔒";position:absolute;top:-4px;right:-4px;font-size:12px;background:#000000b3;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;line-height:1}#wheelQuestionContainer .mode-indicator.mode-locked:hover{transform:none!important;box-shadow:0 2px 4px #0000001a!important}#wheelQuestionContainer .mode-indicator[data-mode=spin]{background-color:var(--fate-accent)}#wheelQuestionContainer .mode-indicator[data-mode=eliminator]{background-color:var(--fate-eliminator)}#wheelQuestionContainer .mode-indicator[data-mode=multi-pick]{background-color:var(--fate-multi-pick-light);color:var(--color-gray-900)}#wheelQuestionContainer .mode-indicator[data-mode=chase]{background-color:var(--fate-chase)}#wheelQuestionContainer .mode-indicator[data-mode=sorter]{background-color:var(--fate-sorter)}#wheelQuestionContainer .mode-indicator[data-mode=sorter-eliminator]{background-color:var(--fate-sorter-eliminator)}#wheelQuestionContainer .mode-indicator[data-mode=group-sorter]{background-color:var(--fate-group-sorter)}#wheelQuestionContainer .mode-indicator:not([data-mode]){background-color:var(--fate-accent)}#desktopModeGroup{position:relative;inset:0;display:flex;justify-content:space-between;align-items:center;padding:24px;margin-bottom:0;box-sizing:border-box;height:auto}.fa-circle-half-stroke{transform:rotate(90deg)}body.combined-panel-active #wheelQuestionContainer{position:absolute!important;top:24px!important;left:30%!important;transform:translate(-50%)!important;max-width:55%!important;text-align:center!important;padding:0!important}body.combined-panel-active #wheelHeaderContainer{position:absolute!important;left:40%!important;transform:translate(-40%)!important;max-width:100%!important;text-align:center!important;padding:0!important}#wheelVisualWrapper{position:relative;width:100%;transform-origin:center center;transform:scale(.85);overflow:visible}#currentOutcomeDisplay.current-outcome-display{display:none;justify-content:center;font-size:4.25rem;line-height:4rem;font-weight:700;border-radius:4px;text-align:center;transition:background-color .2s,color .2s;word-wrap:break-word}.mega-wheel #wheelUserQuestion,.mega3d-wheel #wheelUserQuestion,.mega-wheel #currentOutcomeDisplay,.mega3d-wheel #currentOutcomeDisplay{color:#fff!important}#currentOutcomeDisplay.show{display:block}#currentOutcomeDisplay.winner{font-weight:800;text-shadow:0 0 5px rgba(0,0,0,.3)}#currentOutcomeDisplay.eliminated{text-decoration:line-through;opacity:.8;color:var(--text-secondary, rgba(255, 255, 255, .7))}#pointer{position:absolute;top:50%;left:50%;font-size:calc(3em * var(--pointer-scale-y, 1));transform-origin:center top;color:var(--pointer-color);text-shadow:none;z-index:1275;transition:top .3s ease,left .3s ease,transform .3s ease,font-size .3s ease;will-change:transform;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));line-height:1;padding:0;margin:0}#pointer i{transform:scaleX(var(--pointer-scale-x, 1)) scaleY(var(--pointer-scale-y, 1));transform-origin:center center;display:inline-block;transition:transform .3s ease;color:inherit}#pointer i:before{color:inherit}#pointerContainer{position:absolute;top:50%;left:50%;width:0;height:0;transform-origin:center;pointer-events:none;z-index:1300!important}#pointerContainer.pointer-style-center{transform:translate(-50%,-50%) rotate(var(--container-rotation, 0deg)) translateY(var(--center-offset, 50px))}#pointerContainer.pointer-style-edge{transform:translate(-50%,-50%) rotate(var(--container-rotation, 0deg)) translateY(calc(-1 * var(--wheel-radius, 200px)))}#pointer{position:absolute;top:var(--pointer-offset, 0px);left:0;transform:translate(-50%,-50%) rotate(var(--pointer-rotation, 0deg)) scaleX(var(--pointer-width-scale, 1)) scaleY(var(--pointer-height-scale, 1));pointer-events:none;z-index:1310!important}#pointerContainer.pointer-style-center #pointer{--pointer-rotation: 180deg}#pointerContainer.pointer-style-edge #pointer{--pointer-rotation: 0deg}#pointerContainer.pointer-direction-top{--container-rotation: 0deg}#pointerContainer.pointer-direction-right{--container-rotation: 90deg}#pointerContainer.pointer-direction-bottom{--container-rotation: 180deg}#pointerContainer.pointer-direction-left{--container-rotation: 270deg}#pointerContainer.pointer-half-wheel,#pointerContainer.pointer-full-wheel{--wheel-radius: 520px}#pointerContainer.pointer-mega-wheel,#pointerContainer.pointer-mega3d-wheel{--wheel-radius: 560px}#pointerContainer.pointer-super3d-wheel{--wheel-radius: 350px}@keyframes pointerSpring{0%{transform:translate(-50%,-50%) rotate(var(--pointer-rotation, 0deg)) scaleX(var(--pointer-width-scale, 1)) scaleY(var(--pointer-height-scale, 1))}30%{transform:translate(-50%,-50%) rotate(calc(var(--pointer-rotation, 0deg) - 15deg)) scaleX(var(--pointer-width-scale, 1)) scaleY(var(--pointer-height-scale, 1))}60%{transform:translate(-50%,-50%) rotate(calc(var(--pointer-rotation, 0deg) + 10deg)) scaleX(var(--pointer-width-scale, 1)) scaleY(var(--pointer-height-scale, 1))}to{transform:translate(-50%,-50%) rotate(var(--pointer-rotation, 0deg)) scaleX(var(--pointer-width-scale, 1)) scaleY(var(--pointer-height-scale, 1))}}#pointer.pointer-springing{animation:pointerSpring .15s ease-out}.winning-segment{filter:brightness(1.3) saturate(1.2);transform:scale(1.05)}.winning-segment-final{filter:brightness(1.4) saturate(1.3) drop-shadow(0 0 10px currentColor);transform:scale(1.1)}#pointer.pointer-shape-diamond i:before{content:""!important;font-family:"Font Awesome 6 Free"!important;font-weight:900!important;font-size:4.5em!important;line-height:.8;color:inherit!important}#pointer.pointer-shape-triangle i{display:block;line-height:1;padding:0;margin:0}#pointer.pointer-shape-triangle i:before{content:""!important;font-family:"Font Awesome 6 Free"!important;font-weight:900!important;font-size:5.5em!important;line-height:.7;display:block;padding:0;margin:0;color:inherit!important}#pointer.pointer-shape-rectangle i:before{content:""!important;font-family:"Font Awesome 6 Free"!important;font-weight:900!important;font-size:3.5em!important;color:inherit!important}#pointer.pointer-shape-location-dot i:before{content:""!important;font-family:"Font Awesome 6 Free"!important;font-weight:900!important;font-size:4em!important;color:inherit!important}#pointer.pointer-shape-arrow-up i:before{content:""!important;font-family:"Font Awesome 6 Free"!important;font-weight:900!important;font-size:4em!important;color:inherit!important}#wheelQuestionContainer{position:relative;inset:24px 0 0;padding:0 32px}@media(max-width:960px){#wheelQuestionContainer,body.combined-panel-active #wheelQuestionContainer{top:16px}}@media(max-width:768px){#wheelHeaderContainer{padding:0}#wheelContainer.full-wheel,body.subscriber-ad-free #wheelContainer.full-wheel{top:55%;bottom:auto;transform:translateZ(0) scale(1)}#wheelContainer.half-wheel{top:90%;bottom:auto;transform:translateZ(0) scale(1)}body.combined-panel-active #wheelHeaderContainer,body.combined-panel-active #wheelQuestionContainer{position:absolute!important;width:100%!important;left:40%!important;transform:translate(-40%)!important;max-width:100%!important;text-align:center!important;padding:0!important}#wheelVisualWrapper{transform:scale(.75);transform-origin:center center;will-change:transform;-webkit-transform:scale(.75);-webkit-transform-origin:center center;-webkit-backface-visibility:hidden;backface-visibility:hidden}#wheelContainer{transform:scale(1);transform-origin:center center;will-change:transform;transition:top .8s cubic-bezier(.4,0,.2,1),bottom .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1),opacity .3s ease-in-out;-webkit-transform:scale(1);-webkit-transform-origin:center center;-webkit-backface-visibility:hidden;backface-visibility:hidden}#currentOutcomeDisplay.current-outcome-display{font-size:2.5rem;line-height:2.25rem}}.dev-controls{position:fixed;top:20px;right:20px;background:#000000e6;color:#fff;padding:20px;border-radius:8px;font-family:monospace;font-size:12px;z-index:10000;max-width:300px;box-shadow:0 4px 20px #0000004d;display:none}.dev-controls.visible{display:block}.dev-controls h3{margin:0 0 15px;font-size:14px;color:#4caf50;border-bottom:1px solid #333;padding-bottom:5px}.dev-tabs{display:flex;margin-bottom:15px;border-bottom:1px solid #333}.dev-tab{padding:8px 12px;cursor:pointer;background:transparent;border:none;color:#ccc;font-family:monospace;font-size:11px;transition:all .2s}.dev-tab:hover{background:#ffffff1a;color:#fff}.dev-tab.active{color:#4caf50;border-bottom:2px solid #4CAF50}.dev-tab-content{display:none}.dev-tab-content.active{display:block}.dev-controls-grid{display:grid;grid-template-columns:1fr;gap:12px;max-height:400px;overflow-y:auto}.dev-control-group{display:flex;flex-direction:column;gap:5px}.dev-control-group.toggle-group{flex-direction:row;align-items:center;gap:10px}.dev-control-group.toggle-group label{margin:0;font-size:11px}.dev-control-group label{font-size:10px;color:#aaa;text-transform:uppercase;letter-spacing:.5px}.dev-control-group input[type=range]{width:100%;height:4px;background:#333;outline:none;border-radius:2px;cursor:pointer}.dev-control-group input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;background:#4caf50;border-radius:50%;cursor:pointer;transition:all .2s}.dev-control-group input[type=range]::-moz-range-thumb{width:12px;height:12px;background:#4caf50;border-radius:50%;cursor:pointer;border:none;transition:all .2s}.dev-control-group input[type=checkbox]{width:16px;height:16px;accent-color:#4CAF50;cursor:pointer}.dev-control-value{font-size:11px;color:#4caf50;background:#4caf501a;padding:2px 6px;border-radius:3px;display:inline-block;min-width:40px;text-align:center}.reset-btn{background:#f44336;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:10px;transition:all .2s}.reset-btn:hover{background:#d32f2f;transform:translateY(-1px)}.reset-btn:active{transform:translateY(0)}.dev-controls-header-main{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.dev-controls-header-main h3{margin:0;font-size:14px;color:#4caf50}.dev-controls-header-actions{display:flex;gap:8px}.dev-controls-close-btn{background:transparent;border:1px solid #666;color:#ccc;width:24px;height:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s}.dev-controls-close-btn:hover{background:#ffffff1a;color:#fff;border-color:#999}.dev-controls-close-btn:active{transform:scale(.95)}.reset-all-btn{background:#ff9800;color:#fff;border:none;padding:4px 8px;border-radius:3px;cursor:pointer;font-size:10px}.reset-all-btn:hover{background:#f57c00}.dev-controls-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}@media(max-width:768px){.dev-controls-header-main{flex-direction:column;gap:10px;align-items:flex-start}.reset-all-btn{font-size:9px;padding:3px 6px}.dev-controls-header{flex-direction:column;align-items:flex-start;gap:8px}}body:not(.combined-panel-active) .embed-logo-edit-preview{display:none!important}.panel-close-btn{position:relative;width:32px;height:32px;display:flex;background:#f44;font-size:1.1rem;color:#fff;border:none;border-radius:6px;align-items:center;justify-content:center;transition:all .2s ease;cursor:pointer}.panel-toggle-btn{position:relative;width:32px;height:32px;display:none;background:var(--accent-color, #3b82f6);font-size:1.1rem;color:#fff;border:none;border-radius:6px;align-items:center;justify-content:center;transition:all .2s ease;cursor:pointer}.panel-toggle-btn:hover{background:var(--accent-color-hover, #2563eb);box-shadow:0 6px 20px #3b82f666;transform:scale(1.05)}.panel-toggle-btn:active{transform:scale(.95);background:var(--accent-color-active, #1d4ed8)}@media(max-width:768px){.panel-toggle-btn{display:flex}}.outcomes-title-btn{width:32px!important;height:32px!important;font-size:1.1rem!important;margin-left:6px!important;border-radius:6px!important}.outcomes-title-btn.panel-save-btn{background:var(--primary-color, #00c4d9)!important}.outcomes-title-btn.panel-save-btn:hover{background:var(--primary-color-hover, #00a8bb)!important}.panel-close-btn:hover{background:#f44;box-shadow:0 6px 20px #f446;transform:scale(1.05)}.panel-close-btn:active{transform:scale(.95);background:#d33}body.combined-panel-active #wheelContainer.half-wheel,body.combined-panel-active #wheelContainer.full-wheel{left:30%!important;transform:translate(-50%) translateY(-50%)!important}body.combined-panel-active #wheelContainer.mega-wheel{left:30%!important;transform:translate(-50%) translateY(-0%) scale(2)!important}body.combined-panel-active #wheelContainer.mega3d-wheel{left:30%!important;transform:translate(-50%) translateY(10%) scale(2.5) perspective(500px) rotateX(45deg) rotateY(-0deg)!important;transform-style:preserve-3d}@media(max-width:768px){body.combined-panel-active #currentOutcomeDisplay.current-outcome-display{display:none}body.combined-panel-active #wheelUserQuestion.user-question:empty{display:none}body.combined-panel-active #wheelContainer.full-wheel{top:35%!important;bottom:auto!important;left:50%!important;transform:translate(-50%) translateY(-50%) scale(1)!important}body.combined-panel-active #wheelContainer.half-wheel{top:45%!important;bottom:auto!important;left:50%!important;transform:translate(-50%) translateY(-50%) scale(1)!important}body.combined-panel-active #wheelContainer.mega-wheel{top:30%!important;bottom:auto!important;left:50%!important;transform:translate(-50%) translateY(-50%) scale(1.5)!important}body.combined-panel-active #wheelContainer.mega3d-wheel{top:35%!important;bottom:auto!important;left:50%!important;transform:translate(-50%) translateY(10%) scale(2.5) perspective(500px) rotateX(60deg) rotateY(-0deg)!important;transform-style:preserve-3d}}.up-next-component{position:fixed;bottom:16px;left:16px;z-index:var(--z-floating-elements);background:var(--container-bg-80);border-radius:8px;padding:12px;min-width:180px;max-width:250px;transition:transform .6s ease-in-out,opacity .6s ease-in-out;box-shadow:var(--shadow-medium);transition:all .3s ease;backdrop-filter:blur(10px)}.up-next-component.hidden{display:none}.up-next-component.slide-out-left{transform:translate(-120%);opacity:0}.up-next-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.up-next-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);flex:1;text-align:left}.up-next-list-selector{width:24px;height:24px;background:none;color:#fff;border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.7rem;transition:all .2s ease;flex-shrink:0}.up-next-list-selector:hover{background:var(--accent-color);opacity:.8;transform:scale(1.05)}.up-next-list-selector:active{transform:scale(.95)}.up-next-progress-container{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding:0 4px}.up-next-progress-bar{flex:1;height:4px;background:var(--border-light);border-radius:2px;overflow:hidden;position:relative}.up-next-progress-fill{height:100%;background:var(--accent-color);width:0%;border-radius:2px;transition:width .4s ease;position:relative}.up-next-progress-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;width:1px;background:#ffffff4d;border-radius:0 2px 2px 0}.up-next-progress-text{font-size:.75rem;font-weight:500;color:var(--text-secondary);white-space:nowrap;min-width:fit-content}.up-next-content{display:flex;align-items:center;justify-content:center;margin-bottom:16px}.up-next-item{font-size:1rem;font-weight:500;color:var(--text-primary);text-align:center;word-break:break-word;line-height:1.3;padding:4px 8px;background:var(--accent-color);border-radius:8px}.up-next-item.clickable{cursor:pointer;background:var(--surface-hover);color:var(--text-secondary);border:1px dashed var(--border-color);transition:all .2s ease}.up-next-item.clickable:hover{background:var(--accent-color-subtle);color:var(--accent-color);border-color:var(--accent-color);transform:translateY(-1px)}@media(max-width:768px){.up-next-component{left:8px;bottom:8px;min-width:100px;max-width:160px;padding:10px}.up-next-label{font-size:.6rem;margin-bottom:6px}.up-next-item{font-size:1rem;padding:3px 6px}}.up-next-component,body.combined-panel-active .up-next-component,body.panel-open .up-next-component{display:none!important}.up-next-component.show-on-wheel-step{display:flex!important;flex-direction:column}.up-next-list-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;backdrop-filter:blur(4px)}.up-next-list-modal.hidden{display:none}.up-next-list-modal-content{background:var(--container-bg);border-radius:12px;width:90%;max-width:400px;max-height:80vh;overflow:hidden;box-shadow:var(--shadow-large)}.up-next-list-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--accent-color-subtle)}.up-next-list-modal-body{padding:20px 20px 0}.up-next-list-options{max-height:300px;overflow-y:auto;margin-bottom:16px}.up-next-list-option{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:8px;cursor:pointer;transition:all .2s ease;border:1px solid var(--border-color);margin-bottom:8px}.up-next-list-option:hover{background:var(--bg-hover);border-color:var(--accent-color)}.up-next-list-option:last-child{margin-bottom:0}.up-next-list-option-info{flex:1}.up-next-list-option-name{font-weight:500;color:var(--text-primary);margin-bottom:2px}.up-next-list-option-count{font-size:.85rem;color:var(--text-secondary)}.up-next-list-option-capacity{font-size:.8rem;margin-top:4px;padding:4px 0;border-radius:4px;display:flex;align-items:center;gap:4px}.up-next-list-option-capacity.warning{color:#ff9800}.up-next-list-option-capacity.error{background:#f443361a;color:#f44336;border:1px solid rgba(244,67,54,.3)}.up-next-list-option-capacity.success{background:#4caf501a;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.up-next-list-option-capacity i{font-size:.75rem}.up-next-list-option-radio{width:20px;height:20px;border:2px solid var(--border-color);border-radius:50%;position:relative;cursor:pointer;transition:all .2s ease;flex-shrink:0;background:var(--container-bg)}.up-next-list-option-radio:hover{border-color:var(--accent-color)}.up-next-list-option-radio.selected{border-color:var(--accent-color);background:var(--accent-color)}.up-next-list-option-radio.selected:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:#fff}.up-next-list-option{cursor:pointer}.up-next-list-option:hover{background:var(--surface-hover)}.up-next-list-option.selected{background:var(--accent-color-subtle);border:1px solid var(--accent-color)}.up-next-list-modal-actions{display:flex;justify-content:center;padding-top:16px;border-top:1px solid var(--border-light)}.up-next-create-new-btn{background:var(--accent-color);color:#fff;border:none;padding:10px 16px;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.up-next-create-new-btn:hover{background:var(--accent-color);opacity:.8;transform:translateY(-1px)}.up-next-list-modal-create-section{margin-bottom:16px;padding-bottom:12px}.up-next-list-modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:16px 20px 20px}.up-next-list-modal-footer .btn-primary:disabled{opacity:.5;cursor:not-allowed}.up-next-create-list-modal{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10100;backdrop-filter:blur(8px)}.up-next-create-list-modal.hidden{display:none}.up-next-create-list-modal-content{background:var(--container-bg);border-radius:16px;width:100%;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-large);border:1px solid rgba(0,0,0,.08)}.up-next-create-list-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid rgba(0,0,0,.08)}.up-next-create-list-modal-close{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.up-next-create-list-modal-close:hover{background:var(--surface-hover);color:var(--text-primary)}.up-next-create-list-modal-body{padding:20px 24px}.up-next-create-list-modal-body .form-group{margin-bottom:20px}.up-next-create-list-modal-body .form-group:last-of-type{margin-bottom:12px}.up-next-create-list-modal-body label{display:block;font-weight:600;color:var(--text-primary);margin-bottom:8px;font-size:14px;letter-spacing:.02em}.up-next-create-list-counter{text-align:center;font-size:.875rem;color:var(--text-secondary);margin-top:8px}.up-next-create-list-modal-actions{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 20px}.up-next-create-new-btn:active{transform:translateY(0)}.up-next-list-options.loading{display:flex;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-secondary);font-style:italic}.up-next-list-options.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-secondary);text-align:center}.up-next-list-options.empty i{font-size:2rem;margin-bottom:12px;opacity:.5}.mode-number-btn{background:#fff;border:1px solid rgba(0,0,0,.3);color:#000;padding:2px 8px;border-radius:4px;font-size:inherit;font-weight:inherit;cursor:pointer;transition:all .2s ease;margin-left:4px}.mode-number-btn:hover{background:#0000004d;border-color:#ffffff80;color:var(--text-primary);transform:translateY(-1px)}.mode-number-btn:active{color:#000;background:#0000004d;transform:translateY(0)}.mode-number-slider{position:absolute;top:100%;left:0;right:0;z-index:1000;margin-top:8px}.mode-number-slider.hidden{display:none}.mode-slider-content{background:var(--background-primary, #ffffff);border:1px solid var(--border-color, #e0e0e0);border-radius:8px;box-shadow:0 4px 12px #00000026;padding:12px;max-width:240px;margin:0 auto;position:relative}body.dark-theme .mode-slider-content,body[data-theme=dark] .mode-slider-content{background:var(--background-secondary, #2a2a2a);border-color:var(--border-color, #404040);color:var(--text-primary, #ffffff)}.mode-slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.mode-slider-header span{font-size:12px;font-weight:600;color:var(--text-secondary, #666666);text-transform:uppercase;letter-spacing:.5px}.mode-slider-close{background:none;border:none;font-size:16px;color:var(--text-secondary, #666666);cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.mode-slider-close:hover{background:var(--background-tertiary, #f5f5f5);color:var(--text-primary, #333333)}body.dark-theme .mode-slider-close:hover,body[data-theme=dark] .mode-slider-close:hover{background:var(--background-tertiary, #404040);color:var(--text-primary, #ffffff)}.mode-number-slider .slider-with-value{display:flex;align-items:center;gap:8px}.mode-number-slider .control-slider{flex:1;min-width:120px}.mode-number-slider .slider-value-display{font-size:12px;font-weight:600;color:var(--text-primary, #333333);min-width:24px;text-align:center}.question-header{position:relative}@keyframes waterRipple{0%{opacity:0;outline-width:0px;outline-offset:var(--ring-base-offset)}10%{opacity:var(--ring-max-opacity);outline-width:calc(var(--ring-base-width) * 2);outline-offset:var(--ring-base-offset)}50%{opacity:calc(var(--ring-max-opacity) * .8);outline-width:var(--ring-base-width);outline-offset:var(--ring-base-offset)}to{opacity:0;outline-width:calc(var(--ring-base-width) * .5);outline-offset:var(--ring-base-offset)}}.mirror-ring.ripple{animation:waterRipple .8s ease-out infinite;will-change:opacity,outline-width,outline-offset;transform:translateZ(0);backface-visibility:hidden;perspective:1000px;transform-style:preserve-3d;contain:layout style paint;isolation:isolate}.outcome-drawer{position:fixed;inset-inline:0;bottom:0;width:100%;height:50vh;background:var(--fate-container-bg);border-top:1px solid var(--border-color);border-radius:12px 12px 0 0;overflow:hidden;z-index:1000;transition:transform .3s ease;transform:translateY(0);box-shadow:0 -8px 32px #00000040}.outcome-drawer.collapsed{transform:translateY(calc(100% - 40px))}.drawer-handle{position:absolute;top:8px;left:50%;transform:translate(-50%);width:40px;height:4px;border-radius:2px;background:var(--text-secondary);opacity:.6}#outcomeDrawer .drawer-content label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-primary)}#outcomeDrawer .drawer-content #outcomesList{max-height:200px;overflow:auto;padding:8px;border-radius:8px;background:var(--input-bg);border:1px solid var(--border-color)}.outcomes-overlay{position:fixed;inset:0;z-index:999;display:grid;place-items:center;background:#0000004d;opacity:1;transition:opacity .3s ease}.outcomes-overlay.hidden{opacity:0;pointer-events:none}.outcomes-panel{background:var(--fate-container-bg);border:1px solid var(--border-color);border-radius:16px;padding:32px;width:min(600px,90%);max-height:80vh;overflow:auto;box-shadow:0 16px 64px #0006}.outcomes-panel #outcomesList{max-height:400px;overflow:auto}@media(max-width:768px){.outcome-drawer{height:100vh;max-height:60vh;border-top:none;box-shadow:none;background:rgba(var(--fate-container-bg),.95);backdrop-filter:blur(5px)}.outcome-drawer:not(.collapsed){overflow-y:auto}.outcome-drawer.collapsed{height:calc(40px + env(safe-area-inset-bottom));max-height:calc(40px + env(safe-area-inset-bottom));transform:translateY(calc(100% - 40px));background:var(--container-bg);backdrop-filter:none}}.list-container{display:flex;flex-direction:column;gap:0;padding:8px;background:var(--input-bg);border-radius:8px;min-height:80px;height:100%!important;overflow:auto}.list-container:empty:before{content:attr(data-empty-message,"No items yet...");color:var(--text-secondary);font-style:italic;text-align:center;padding:20px 0;display:block}.list-item{position:relative;display:flex;flex-direction:column;padding:8px 12px;margin-bottom:5px;border-radius:8px;min-height:40px;transition:background-color .2s ease;border:1px solid transparent;z-index:1}.list-item-content-wrapper{display:flex;align-items:center;gap:8px;width:100%;padding:4px 0;min-height:32px;box-sizing:border-box;position:relative}.list-item-drag-handle{display:flex;justify-content:center;align-items:center;opacity:.4;font-size:1.1em;cursor:grab;user-select:none;touch-action:none;width:24px;height:24px;min-width:24px;min-height:24px;flex-shrink:0;border-radius:4px;line-height:1;position:relative}.list-item:hover .list-item-drag-handle,.list-item-drag-handle:hover{opacity:1}.list-item-text{flex:1;border:none;outline:none;padding:4px 8px;border-radius:4px;font-size:.9em;background:transparent;color:inherit;transition:background-color .2s ease}.list-item-text:focus{background:#ffffff1a}.list-item-remove-btn{background:none;border:none;opacity:.6;cursor:pointer;padding:4px;font-size:.9em;transition:opacity .2s,transform .2s;flex-shrink:0;display:grid;place-items:center;width:24px;height:24px;color:inherit;position:relative;z-index:10}.list-item-remove-btn:hover{opacity:1;transform:scale(1.1)}.list-item-remove-btn:active{transform:scale(.95)}.list-item-color-wrapper{position:relative;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff3;cursor:pointer;transition:transform .2s,background .2s;flex-shrink:0;z-index:1}.list-item-color-wrapper:hover{background:#ffffff4d;transform:scale(1.1)}.list-item-color-input{width:32px!important;height:32px!important;display:block!important;flex-shrink:0!important;margin-right:8px!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;border:.5px solid rgba(255,255,255,.5)!important;border-radius:4px!important;cursor:pointer!important}.list-item-color-icon{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.list-item-color-lock-icon{position:absolute;bottom:-2px;right:-2px;font-size:10px;color:#fff!important;background:#000c;border-radius:50%;width:14px;height:14px;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2}.list-item-weight-lock-btn{background:transparent;border:none;padding:4px;cursor:pointer;font-size:16px;opacity:.6;transition:opacity .2s ease,transform .2s ease;display:flex;align-items:center;justify-content:center;min-width:24px;height:24px;flex-shrink:0}.list-item-weight-lock-btn:hover{opacity:1;transform:scale(1.1)}.list-item-weight-lock-btn[data-locked=true]{opacity:1}.list-item-weight-lock-btn[data-locked=true] i{color:var(--accent-color, #00c4d9)}.no-drag,.list-item-color-wrapper,.list-item-color-input{touch-action:manipulation}.list-item--outcome{color:#fff;font-weight:500;padding:8px 16px 0;margin-bottom:8px}.list-item--outcome .list-item-content-wrapper{padding:0;gap:12px}.list-item--outcome .list-item-text{font-size:1em;margin-right:8px;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.list-item--outcome .list-item-text:focus{background:#fff3}.list-item--sorter{background:var(--neutral-list-item-bg, rgba(255,255,255,.05));color:var(--text-primary);border-color:var(--border-color);padding:4px 12px;margin-bottom:2px}.list-item--sorter:hover{border-color:var(--border-hover)}.list-item--sorter.current-item{background:var(--accent-color);color:var(--text-on-accent);border-color:var(--accent-color)}.list-item--sorter.assigned-item{background:rgba(var(--accent-color-rgb),.2);border-color:var(--accent-color)}.list-item--sorter .list-item-content-wrapper{padding:8px 4px;justify-content:space-between}.list-item--sorter .list-item-text{cursor:pointer;line-height:1.3;overflow-wrap:anywhere}.list-item--sorter .list-item-text:hover{background:var(--input-bg)}body.light-theme .list-item--sorter,body[data-theme=light] .list-item--sorter{background:#f8f9fa;color:#1f2937}body.light-theme .list-item--sorter:hover,body[data-theme=light] .list-item--sorter:hover{background:#e9ecef;border-color:#d1d5db}@media(max-width:768px){.list-container{background:none;padding:0 4px}}.results-table{--mode-rgb: 76,175,80;--row-bg: rgba(var(--mode-rgb), .05);--row-bg-hover: rgba(var(--mode-rgb), .08);--latest-bg: rgba(var(--mode-rgb), .1);--latest-border: rgb(var(--mode-rgb));--final-grad-a: rgba(var(--mode-rgb), .25);--final-grad-b: rgba(var(--mode-rgb), .08);--final-shadow: rgba(var(--mode-rgb), .2);border-radius:8px;padding:8px;margin-bottom:8px;background:rgba(var(--border-color),1)!important;display:flex;flex-direction:column}.grouper-results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:16px}.grouper-grid-item{background:#ffffff0d;border-radius:8px;padding:12px;border:1px solid rgba(255,255,255,.1)}@media(max-width:768px){.grouper-results-grid{grid-template-columns:1fr}}@media(min-width:769px)and (max-width:1024px){.grouper-results-grid{grid-template-columns:repeat(2,1fr)}}.results-title{color:#fff;padding:0 12px 16px 0;margin-bottom:8px;font-weight:700;text-transform:capitalize;font-size:2em;letter-spacing:.5px;border-radius:6px 6px 0 0;text-align:center}.results-table-row{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--row-bg);margin-bottom:4px;border-radius:6px;transition:transform .2s,box-shadow .2s,background .2s}.results-table-outcome{flex:1;text-align:left;margin:0 12px;font-size:.85em!important}.results-table-position{flex-shrink:0;width:30px;text-align:center;font-weight:700}.results-table .results-table-row:hover{background:var(--row-bg-hover)!important;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.results-table .latest-winner{background:var(--latest-bg);border-left:4px solid var(--latest-border);font-weight:600;transform:translate(2px)}.results-table .latest-winner:hover{transform:translate(4px) translateY(-1px)!important;box-shadow:0 3px 10px #00000026}.results-table .final-winner{background:linear-gradient(135deg,var(--final-grad-a),var(--final-grad-b));border:3px solid var(--latest-border);border-radius:10px;box-shadow:0 4px 12px var(--final-shadow);font-weight:700;transform:scale(1.02);transition:all .3s ease;position:relative;animation:winnerPulse 2s ease-in-out infinite}.results-table .latest-assignment{background:#2196f30f;border-left:2px solid rgba(33,150,243,.4);font-weight:500}.results-table .latest-assignment:hover{background:#2196f31a;transform:translate(2px)}.sorter-group-item-text.latest-assignment{background:rgba(var(--mode-rgb),.15);padding:4px 8px;border-radius:4px;border:1px solid rgba(var(--mode-rgb),.5);font-weight:600;box-shadow:0 0 8px rgba(var(--mode-rgb),.3);animation:latestItemPulse 2s ease-in-out infinite}@keyframes latestItemPulse{0%,to{box-shadow:0 0 8px rgba(var(--mode-rgb),.3)}50%{box-shadow:0 0 16px rgba(var(--mode-rgb),.5)}}.results-table .recently-eliminated{background:#ff572214;border-left:2px solid rgba(255,87,34,.5);font-weight:500}.results-table .recently-eliminated:hover{background:#ff57221f;transform:translate(2px)}.results-table.mode-chase{--mode-rgb: 33,150,243}.results-table.mode-eliminator{--mode-rgb: 255,193,7}.results-table.mode-group-sorter{--mode-rgb: 156,39,176}.results-table.mode-spin{--mode-rgb: 76,175,80}.results-table.mode-sorter{--mode-rgb: 255,152,0}.results-table.mode-sorter-eliminator{--mode-rgb: 233,30,99}.results-table.mode-chase .results-table-row{justify-content:space-between}.results-table.mode-multi-pick .results-table-position,.results-table.mode-eliminator .results-table-position{width:25px}#outcomesQueueContainer,#listPanelContent,#themesPanelContent,#wheelStylePanelContent,#wheelSettingsPanelContent{width:100%;flex:1;box-sizing:border-box;overflow:visible}.sorter-section-header{display:flex;flex-direction:column;gap:8px;width:100%;margin-bottom:16px;overflow:visible}.sorter-section-header-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 0}.sorter-section-header-left{display:flex;gap:8px;flex:1}.sorter-section-header-right{display:flex;gap:8px;box-sizing:border-box;align-items:flex-start;margin-bottom:16px;overflow:visible;height:auto}.outcomes-menu-content{display:flex;flex-direction:column;gap:8px;width:100%;overflow:visible;height:auto;flex:1;position:relative}.outcomes-menu-actions-row{display:flex;justify-content:space-between;gap:8px;align-items:center;overflow-x:auto;overflow-y:visible;flex-shrink:0;position:relative;width:100%;max-width:100%}.sorter-actions-wrapper{display:flex;gap:6px;align-items:center;padding:2px 8px;min-width:0;flex-shrink:1;width:calc(100% - 80px);overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:var(--color-gray-400) transparent}.sorter-actions-wrapper::-webkit-scrollbar{height:6px}.sorter-actions-wrapper::-webkit-scrollbar-track{background:transparent}.sorter-actions-wrapper::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:3px}.sorter-actions-wrapper:hover::-webkit-scrollbar-thumb{opacity:1}.sorter-actions-right{display:flex;justify-content:flex-end;gap:6px;min-width:0;width:88px}#outcomesPanelContent .sorter-section-header-right{width:100%;padding:8px;border-radius:8px;background:var(--input-bg)}.sorter-section-title{font-size:1.2em;font-weight:600;color:var(--text-primary)}@media(max-width:768px){.outcomes-menu-actions-row,.sorter-actions-wrapper,.sorter-actions-right{gap:4px}.outcomes-menu-actions-row .settings-action-btn{min-width:36px;max-width:36px;padding:8px}}.outcomes-menu-content .setting-item{position:relative;margin-top:8px;width:100%;height:auto;overflow:visible;z-index:10}.outcomes-menu-content .alternating-colors-count-container,.outcomes-menu-content .mirror-outcomes-count-container{display:none;width:100%;background:var(--container-bg);border:1px solid var(--border-color);border-radius:8px;padding:12px;margin-top:8px;box-shadow:0 2px 8px #0000001a}.outcomes-menu-content .alternating-colors-count-container:hover,.outcomes-menu-content .mirror-outcomes-count-container:hover,.outcomes-menu-content .alternating-colors-count-container:active,.outcomes-menu-content .mirror-outcomes-count-container:active,.outcomes-menu-content .alternating-colors-count-container:focus,.outcomes-menu-content .mirror-outcomes-count-container:focus{background:var(--container-bg)!important;border-color:var(--border-color)!important;box-shadow:0 2px 8px #0000001a!important;transform:none!important;outline:none!important}.outcomes-menu-content .alternating-colors-count-container.visible,.outcomes-menu-content .mirror-outcomes-count-container.visible{display:block;background:transparent}.outcomes-menu-content .toggle-item{margin-bottom:12px}.outcomes-menu-content .slider-with-value{display:flex;align-items:center;gap:12px;margin-top:8px}.outcomes-menu-content .setting-item-title{font-size:1em;font-weight:600;margin-bottom:0;color:var(--text-primary)}.outcomes-menu-content label{font-weight:500;color:var(--text-primary);margin-bottom:8px;display:block}.outcomes-menu-content .alternating-colors-swatch-grid{display:none;flex-wrap:wrap;gap:8px;margin-top:8px}.outcomes-menu-content .alternating-colors-swatch-grid.visible{display:flex}.outcomes-menu-content .switch{position:relative;display:inline-block;width:42px;height:24px;flex-shrink:0;margin-left:auto}.outcomes-menu-content .switch input{opacity:0;width:0;height:0}.outcomes-menu-content .slider{position:absolute;inset:0;cursor:pointer;background:#fff3;transition:.4s;border-radius:24px}.outcomes-menu-content .slider:before,.outcomes-menu-content .alternating-colors-count-container .slider:before,.outcomes-menu-content .mirror-outcomes-count-container .slider:before{content:""!important;position:absolute!important;left:3px!important;bottom:3px!important;width:18px!important;height:18px!important;background:#fff!important;border-radius:50%!important;transition:.4s!important}.outcomes-menu-content input:checked+.slider,.outcomes-menu-content .alternating-colors-count-container input:checked+.slider,.outcomes-menu-content .mirror-outcomes-count-container input:checked+.slider{background:var(--accent-color, #3b82f6)!important}.outcomes-menu-content input:focus+.slider,.outcomes-menu-content .alternating-colors-count-container input:focus+.slider,.outcomes-menu-content .mirror-outcomes-count-container input:focus+.slider{box-shadow:none!important;outline:none!important}.outcomes-menu-content input:checked+.slider:before,.outcomes-menu-content .alternating-colors-count-container input:checked+.slider:before,.outcomes-menu-content .mirror-outcomes-count-container input:checked+.slider:before{transform:translate(18px)!important}.settings-group{box-sizing:border-box;padding-right:24px}@keyframes winnerPulse{0%{box-shadow:0 4px 12px var(--winner-shadow-color, rgba(33, 150, 243, .2)),0 0 0 0 var(--winner-border-color, #2196F3)}50%{box-shadow:0 6px 20px var(--winner-shadow-color, rgba(33, 150, 243, .4)),0 0 0 3px var(--winner-border-color, #2196F3)}to{box-shadow:0 4px 12px var(--winner-shadow-color, rgba(33, 150, 243, .2)),0 0 0 0 var(--winner-border-color, #2196F3)}}.setting-caption{font-size:12px;color:var(--text-secondary, #888);display:flex;align-items:center;gap:6px;margin-top:16px;padding:6px 8px;background:var(--surface-secondary, rgba(255, 255, 255, .05));border-radius:4px;border-left:3px solid var(--accent-color, #00bcd4)}.setting-caption i{font-size:11px;opacity:.8}.sound-test-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.sound-test-buttons .btn{padding:8px 12px;font-size:12px;border-radius:6px;transition:all .2s ease;background:var(--surface-secondary, rgba(255, 255, 255, .1));border:1px solid var(--border-color, rgba(255, 255, 255, .2));color:var(--text-primary, #fff)}.sound-test-buttons .btn:hover{background:var(--accent-color, #00bcd4);border-color:var(--accent-color, #00bcd4);transform:translateY(-1px)}.sound-test-buttons .btn:active{transform:translateY(0)}@media(max-width:768px){.sound-test-buttons{grid-template-columns:1fr}}.icon-picker-container{display:flex;gap:8px;align-items:center}.icon-input{flex:1;text-align:center;font-size:18px;cursor:pointer}.icon-picker-btn{padding:8px 12px;min-width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--border-color, #333);background:var(--button-secondary-bg, #444);color:var(--button-secondary-text, #ffffff);cursor:pointer;transition:all .2s ease}.icon-picker-btn:hover{background:var(--button-secondary-hover-bg, #555);transform:translateY(-1px)}.form-textarea{width:100%;padding:12px;border:1px solid var(--border-color, #333);border-radius:8px;background:var(--input-bg, #2a2a2a);color:var(--input-text, #ffffff);font-family:inherit;font-size:14px;line-height:1.4;resize:vertical;min-height:80px;transition:border-color .2s ease}.form-textarea:focus{outline:none;border-color:var(--accent-color, #00c4d9);box-shadow:0 0 0 2px #00c4d933}.form-textarea::placeholder{color:var(--text-muted, #888)}.setting-helper-text{font-size:12px;color:var(--text-muted, #888);margin-top:4px;line-height:1.3}.background-gradient-preview{width:100%;height:40px;border-radius:8px;border:2px solid var(--border-color, #333);background:linear-gradient(135deg,#667eea,#764ba2);margin-top:8px}.embed-logo-settings{display:flex;flex-direction:column;gap:12px;padding:12px;background:var(--surface-variant, #f5f5f5);border-radius:8px;border:1px solid var(--border-light, #e0e0e0)}.embed-logo-preview{position:relative;display:flex;justify-content:center;align-items:center;padding:16px;background:var(--container-bg, #ffffff);border-radius:8px;border:2px dashed var(--border-light, #e0e0e0)}.logo-preview-image{width:64px;height:64px;object-fit:contain;border-radius:8px;box-shadow:0 2px 8px #0000001a}.logo-reset-icon{position:absolute;top:8px;right:8px;width:24px;height:24px;background:#000000b3;color:#fff;border:none;border-radius:50%;font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:.8}.logo-reset-icon:hover{opacity:1;background:#000000e6;transform:scale(1.1)}.embed-logo-controls{display:flex;flex-direction:column;gap:8px}.update-logo-btn{width:100%;min-width:140px;padding:10px 16px;background:var(--primary-color, #00c4d9);color:var(--text-on-primary, #ffffff);border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.update-logo-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026;background:var(--primary-color-hover, #00b3c7)}.update-logo-btn:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.logo-help-text{display:flex;align-items:center;gap:6px;margin-top:8px;padding:8px 12px;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;font-size:12px;color:#666;line-height:1.3}.logo-help-text i{color:var(--primary-color, #00c4d9);font-size:12px;flex-shrink:0}.logo-help-text span{font-weight:400}.hidden{display:none!important}.embed-logo,.embed-logo-edit-preview{position:fixed;display:inline-block;z-index:1000;opacity:.9;transition:opacity .2s ease;pointer-events:auto}.embed-logo:hover{opacity:1}.embed-logo a{display:block;width:100%;text-decoration:none;transition:transform .2s ease}.embed-logo a:hover{transform:scale(1.05)}.embed-logo img,.embed-logo-image,.embed-logo-preview-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:8px;display:block}@media(max-width:768px){.update-logo-btn{min-width:auto;width:100%}.logo-help-text{font-size:11px;padding:6px 10px}}@keyframes slideUp{0%{transform:translateY(var(--slide-distance, 100%))}to{transform:translateY(0)}}@keyframes slideDownTransform{0%{transform:translateY(var(--slide-distance, -100%))}to{transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;max-height:0;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:var(--slide-max-height, 200px);margin-top:var(--slide-margin-top, .5rem);margin-bottom:0;padding-top:var(--slide-padding-top, .5rem);padding-bottom:var(--slide-padding-bottom, .5rem)}}@keyframes slideInRight{0%{transform:translate(var(--slide-distance, 100%))}to{transform:translate(0)}}@keyframes slideOutDown{0%{transform:translateY(0)}to{transform:translateY(100vh);display:none}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(var(--slide-distance, 100%))}to{opacity:1;transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(var(--fade-distance, 20px))}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{transform:scale(var(--scale-start, 0))}to{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(var(--rotation-degrees, 360deg))}}@keyframes button-spinner{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(var(--rotation-degrees, 360deg))}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(var(--pulse-scale, 1.1))}to{transform:scale(1)}}@keyframes pulse-changes{0%,to{transform:scale(1);box-shadow:0 0 var(--glow-size-start, 20px) var(--glow-color, var(--primary-color))}50%{transform:scale(var(--pulse-scale, 1.05));box-shadow:0 0 var(--glow-size-end, 30px) var(--glow-color, var(--primary-color))}}@keyframes scalePulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(var(--pulse-scale, 1.05))}}@keyframes upgradePulse{0%,to{transform:scale(1);box-shadow:0 var(--shadow-y, 2px) var(--shadow-blur, 4px) var(--shadow-color, rgba(255,215,0,.3))}50%{transform:scale(var(--pulse-scale, 1.02));box-shadow:0 var(--shadow-y-hover, 4px) var(--shadow-blur-hover, 12px) var(--shadow-color-hover, rgba(255,215,0,.5))}}@keyframes iconGlowPulse{0%,to{filter:brightness(1.2) contrast(1.1) drop-shadow(0 4px 8px rgba(255,255,255,.3));box-shadow:0 0 20px #fff3;transform:scale(1)}50%{filter:brightness(1.3) contrast(1.15) drop-shadow(0 6px 12px rgba(255,255,255,.4));box-shadow:0 0 30px #ffffff4d;transform:scale(1.02)}}@keyframes glowPulse{0%,to{box-shadow:0 6px 20px #0006,0 2px 10px #0003,inset 0 2px 5px #ffffff80,inset 0 -2px 5px #0003,0 0 20px #ffffff4d}50%{box-shadow:0 8px 10px #00000080,0 4px 15px #0000004d,inset 0 3px 3px #fff9,inset 0 -3px 3px #0000004d,0 0 30px #fff6}}@keyframes pulse-mic{0%{transform:scale(1);opacity:1;box-shadow:0 4px 8px #0000004d,0 0 0 0 var(--mic-pulse-color, rgba(76,175,80,.7))}50%{transform:scale(var(--pulse-scale, 1.2));opacity:var(--pulse-opacity, .7);box-shadow:0 6px 12px #0006,0 0 0 var(--mic-pulse-spread, 10px) var(--mic-pulse-color-fade, rgba(76,175,80,.3))}to{transform:scale(1);opacity:1;box-shadow:0 4px 8px #0000004d,0 0 0 0 var(--mic-pulse-color, rgba(76,175,80,.7))}}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(var(--ripple-scale, 4));opacity:0}}@keyframes ripple-pulse{0%{transform:translate(-50%,-50%) scale(var(--ripple-start-scale, 0));opacity:var(--ripple-start-opacity, 1)}to{transform:translate(-50%,-50%) scale(var(--ripple-end-scale, 2));opacity:0}}@keyframes ripple-out{0%{transform:scale(0);opacity:1}50%{transform:scale(1.2);opacity:var(--ripple-mid-opacity, .6)}70%{transform:scale(1.8);opacity:var(--ripple-mid-opacity, .4)}to{transform:scale(var(--ripple-end-scale, 2.5));opacity:0}}@keyframes triple-ripple-out{0%{box-shadow:0 0 #4caf504d,0 0 #4caf504d,0 0 #4caf504d}25%{box-shadow:0 0 0 20px #4caf504d,0 0 #4caf504d,0 0 #4caf504d}50%{box-shadow:0 0 0 40px #4caf5026,0 0 0 20px #4caf504d,0 0 #4caf504d}75%{box-shadow:0 0 0 60px #4caf5000,0 0 0 40px #4caf5026,0 0 0 20px #4caf504d}to{box-shadow:0 0 0 80px #4caf5000,0 0 0 60px #4caf5000,0 0 0 40px #4caf5000}}@keyframes save-ripple-effect{0%{transform:translate(-50%,-50%) scale(var(--save-ripple-start, .8));opacity:var(--save-ripple-opacity-start, .8)}50%{transform:translate(-50%,-50%) scale(var(--save-ripple-mid, 1));opacity:var(--save-ripple-opacity-mid, .5)}to{transform:translate(-50%,-50%) scale(var(--save-ripple-end, 2));opacity:0}}@keyframes save-nav-ripple-effect{0%{transform:translate(-50%,-50%) scale(var(--nav-ripple-start, .9));opacity:var(--nav-ripple-opacity-start, .6)}50%{transform:translate(-50%,-50%) scale(var(--nav-ripple-mid, 1.1));opacity:var(--nav-ripple-opacity-mid, .3)}to{transform:translate(-50%,-50%) scale(var(--nav-ripple-end, 1.3));opacity:0}}@keyframes wave{0%{transform:translate(-100%)}20%{transform:translate(-50%);opacity:var(--wave-opacity, .8)}to{transform:translate(100%);opacity:0}}@keyframes save-button-pulse{0%,to{transform:scale(1);box-shadow:0 4px var(--save-shadow-blur, 20px) var(--save-shadow-color, rgba(78,194,157,.3))}50%{transform:scale(var(--pulse-scale, 1.05));box-shadow:0 6px var(--save-shadow-blur-hover, 25px) var(--save-shadow-color-hover, rgba(78,194,157,.5))}}@keyframes save-button-pulse-update-mode{0%,to{transform:scale(1.1)}50%{transform:scale(var(--update-pulse-scale, 1.15))}}@keyframes save-nav-pulse{0%,to{transform:scale(1);box-shadow:0 2px var(--nav-shadow-blur, 15px) var(--nav-shadow-color, rgba(78,194,157,.2))}50%{transform:scale(var(--nav-pulse-scale, 1.05));box-shadow:0 4px var(--nav-shadow-blur-hover, 20px) var(--nav-shadow-color-hover, rgba(78,194,157,.4))}}@keyframes modalSlideIn{0%{transform:translateY(var(--modal-slide-distance, 100%));opacity:0}to{transform:translateY(0);opacity:1}}@keyframes modalSlideUp{0%{transform:translateY(var(--modal-slide-distance, 50px)) scale(var(--modal-scale-start, .9));opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes modalFadeIn{0%{opacity:0;backdrop-filter:blur(var(--modal-blur-start, 0px))}to{opacity:1;backdrop-filter:blur(var(--modal-blur-end, 4px))}}@keyframes featureGateSlideIn{0%{transform:translateY(var(--feature-slide-distance, 20px));opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pointerSpringCenter{0%{transform:translateY(0)}30%{transform:translateY(-8px)}60%{transform:translateY(-4px)}to{transform:translateY(0)}}@keyframes pointerSpringEdge{0%{transform:translateY(0)}30%{transform:translateY(-12px)}60%{transform:translateY(-6px)}to{transform:translateY(0)}}@keyframes pointerSpring3DCenter{0%{transform:translateY(0)}30%{transform:translateY(-10px)}60%{transform:translateY(-5px)}to{transform:translateY(0)}}@keyframes pointerSpring3DEdge{0%{transform:translateY(0)}30%{transform:translateY(-15px)}60%{transform:translateY(-7px)}to{transform:translateY(0)}}@keyframes pointerSpringSuper3DCenter{0%{transform:translateY(0)}30%{transform:translateY(-12px)}60%{transform:translateY(-6px)}to{transform:translateY(0)}}@keyframes pointerSpringSuper3DEdge{0%{transform:translateY(0)}30%{transform:translateY(-18px)}60%{transform:translateY(-9px)}to{transform:translateY(0)}}@keyframes pointerSpringHalfWheel{0%{transform:translateY(0)}30%{transform:translateY(-6px)}60%{transform:translateY(-3px)}to{transform:translateY(0)}}@keyframes pointerSpringFullWheel{0%{transform:translateY(0)}30%{transform:translateY(-8px)}60%{transform:translateY(-4px)}to{transform:translateY(0)}}@keyframes pointerSpringMegaWheel{0%{transform:translateY(0)}30%{transform:translateY(-10px)}60%{transform:translateY(-5px)}to{transform:translateY(0)}}@keyframes pointerSpringMega3DWheel{0%{transform:translateY(0)}30%{transform:translateY(-12px)}60%{transform:translateY(-6px)}to{transform:translateY(0)}}@keyframes pointerSpringSuper3DWheel{0%{transform:translateY(0)}30%{transform:translateY(-15px)}60%{transform:translateY(-7px)}to{transform:translateY(0)}}@keyframes pointerSpringHalfWheelEdge{0%{transform:translateY(0)}30%{transform:translateY(-9px)}60%{transform:translateY(-4px)}to{transform:translateY(0)}}@keyframes pointerSpringFullWheelEdge{0%{transform:translateY(0)}30%{transform:translateY(-12px)}60%{transform:translateY(-6px)}to{transform:translateY(0)}}@keyframes pointerSpringMegaWheelEdge{0%{transform:translateY(0)}30%{transform:translateY(-15px)}60%{transform:translateY(-7px)}to{transform:translateY(0)}}@keyframes pointerSpringMega3DWheelEdge{0%{transform:translateY(0)}30%{transform:translateY(-18px)}60%{transform:translateY(-9px)}to{transform:translateY(0)}}@keyframes pointerSpringSuper3DWheelEdge{0%{transform:translateY(0)}30%{transform:translateY(-21px)}60%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pointerSpringHalfWheelMobile{0%{transform:translateY(0)}30%{transform:translateY(-4px)}60%{transform:translateY(-2px)}to{transform:translateY(0)}}@keyframes pointerSpringFullWheelMobile{0%{transform:translateY(0)}30%{transform:translateY(-6px)}60%{transform:translateY(-3px)}to{transform:translateY(0)}}@keyframes pointerSpringMegaWheelMobile{0%{transform:translateY(0)}30%{transform:translateY(-8px)}60%{transform:translateY(-4px)}to{transform:translateY(0)}}@keyframes pointerSpringMega3DWheelMobile{0%{transform:translateY(0)}30%{transform:translateY(-10px)}60%{transform:translateY(-5px)}to{transform:translateY(0)}}@keyframes pointerSpringSuper3DWheelMobile{0%{transform:translateY(0)}30%{transform:translateY(-12px)}60%{transform:translateY(-6px)}to{transform:translateY(0)}}@keyframes pointerSpringEdgeMobile{0%{transform:translateY(0)}30%{transform:translateY(-8px)}60%{transform:translateY(-4px)}to{transform:translateY(0)}}@keyframes typeCharacter{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes lightningFlash{0%,to{filter:brightness(1) contrast(1)}25%{filter:brightness(var(--flash-brightness, 1.8)) contrast(var(--flash-contrast, 1.5)) saturate(var(--flash-saturation, 1.2))}50%{filter:brightness(1) contrast(1)}75%{filter:brightness(var(--flash-brightness, 1.8)) contrast(var(--flash-contrast, 1.5)) saturate(var(--flash-saturation, 1.2))}}@keyframes gradientShift{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes confetti-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(var(--bounce-distance, -4px))}}@keyframes fireworks-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(var(--fireworks-scale, 1.1));opacity:var(--fireworks-opacity, .8)}}@keyframes countdown-shrink{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes highlight-row{0%,to{background-color:rgba(var(--fate-accent-rgb),var(--highlight-opacity-start, .15))}50%{background-color:rgba(var(--fate-accent-rgb),var(--highlight-opacity-peak, .3))}}@keyframes circle-appear{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(var(--circle-scale-peak, 1.1))}to{opacity:1;transform:scale(1)}}@keyframes circle-fill{0%{stroke-dasharray:0 100}to{stroke-dasharray:100 0}}@keyframes selectionFeedback{0%{opacity:0;transform:translate(-50%,-50%) scale(var(--feedback-scale-start, .5))}20%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(var(--feedback-scale-end, .8))}}@keyframes avatarLoading{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes mobileGroupShow{0%{opacity:0;transform:translateY(var(--mobile-show-distance, -10px))}to{opacity:1;transform:translateY(0)}}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(var(--tooltip-slide-distance, -10px)) translate(0)}to{opacity:1;transform:translateY(0) translate(0)}}@keyframes bannerShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes buttonShine{to{transform:translate(100%)}}@keyframes preloader-spin{0%{transform:rotate(0)}to{transform:rotate(var(--preloader-rotation, 360deg))}}@keyframes preloader-spin-reverse{0%{transform:rotate(0)}to{transform:rotate(var(--preloader-rotation, -360deg))}}@keyframes epic-rotation{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(var(--epic-hue-rotation, 360deg))}}@keyframes statsSlideIn{0%{opacity:0;transform:translateY(var(--stats-slide-distance, 10px))}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%,to{transform:rotate(0);opacity:var(--shimmer-opacity-start, .3)}50%{transform:rotate(var(--shimmer-rotation, 180deg));opacity:var(--shimmer-opacity-mid, .1)}}@keyframes particle-float{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(var(--particle-float-distance, -200px)) scale(0);opacity:0}}.slide-out-down{animation:slideOutDown .5s ease-in-out forwards}.wheel-footer-ad{position:fixed;bottom:0;left:0;right:0;height:90px;max-height:90px;background:#000000f2;backdrop-filter:blur(10px);z-index:500;display:none!important;align-items:center;justify-content:center;padding:8px 16px;box-shadow:0 -2px 10px #0003;transition:transform .3s ease;overflow:hidden}body.user-subscribed .wheel-footer-ad,body.user-pro .wheel-footer-ad,body.user-premium .wheel-footer-ad,body.user-admin .wheel-footer-ad,body.admin-user .wheel-footer-ad,body.user-authenticated .wheel-footer-ad{display:none!important}.wheel-footer-ad .ad-content{flex:1;display:flex;align-items:center;justify-content:center;max-width:728px;max-height:90px;margin:0 auto;position:relative}.wheel-footer-ad .ad-placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#ffffff80;font-size:14px;text-align:center;pointer-events:none;user-select:none}.wheel-footer-ad .adsbygoogle[data-ad-status=filled]~.ad-placeholder,.wheel-footer-ad .adsbygoogle:not(:empty)~.ad-placeholder{display:none}.wheel-footer-ad .ad-label{position:absolute;top:2px;left:8px;font-size:9px;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.wheel-footer-ad .ad-placeholder{text-align:center;color:#ffffffb3;padding:8px}body.wheel-view-active.user-free:not(.combined-panel-active):not(.settings-panel-active):not(.user-authenticated):not(.user-admin):not(.user-pro):not(.user-premium):not(.user-subscribed){padding-bottom:106px}body.user-authenticated,body.user-admin,body.user-pro,body.user-premium,body.user-subscribed{padding-bottom:0!important}@media(max-width:768px){.wheel-footer-ad{height:50px;padding:4px 8px}body.wheel-view-active.user-free:not(.combined-panel-active):not(.settings-panel-active):not(.user-authenticated):not(.user-admin):not(.user-pro):not(.user-premium):not(.user-subscribed){padding-bottom:66px}.wheel-footer-ad .ad-close-btn{width:20px;height:20px;font-size:12px}}body.combined-panel-active .wheel-footer-ad,body.drawer-active .wheel-footer-ad{display:none!important}.btn-primary.loading,.btn-secondary.loading,.btn-danger.loading,.btn-warning.loading,.btn-success.loading{opacity:.8;cursor:not-allowed;pointer-events:none}.btn-primary.loading:hover,.btn-secondary.loading:hover,.btn-danger.loading:hover,.btn-warning.loading:hover,.btn-success.loading:hover{transform:none;box-shadow:none}.category-form{text-align:left;width:100%;padding:32px;background:linear-gradient(135deg,rgba(var(--border-color-rgb, 200, 200, 200),.08),rgba(var(--fate-accent-rgb),.02));border-radius:16px;box-sizing:border-box;box-shadow:0 4px 16px #0000000f}.category-form .form-group{margin-bottom:20px}.category-form .form-group:last-child{margin-bottom:0}.category-form label{display:block;font-weight:600;color:var(--text-primary);margin-bottom:8px;font-size:.95em;letter-spacing:.02em}#saveWheelTitleInput,#popularWheelTitleInput{font-weight:600;color:var(--text-primary);border:2px solid var(--border-color);border-radius:12px;padding:16px 18px;font-size:1.05em;box-shadow:0 3px 12px #0000001a;transition:all .3s ease}#saveWheelTitleInput:hover,#popularWheelTitleInput:hover{border-color:var(--fate-accent);box-shadow:0 6px 20px #00000026}#saveWheelTitleInput:focus,#popularWheelTitleInput:focus{border-color:var(--fate-accent);box-shadow:0 0 0 4px rgba(var(--fate-accent-rgb),.15),0 8px 28px #0000002e;transform:translateY(-2px)}.status-message{font-size:.9em;color:var(--text-muted);min-height:1.2em;margin-top:5px}#globalMessages{position:fixed;bottom:0;left:50%;transform:translate(-50%);z-index:10001;display:flex;flex-direction:column;align-items:center;gap:10px;min-width:100%;width:100%!important;pointer-events:none}.global-message{background-color:#000000f2;min-height:24px;color:var(--text-on-accent);padding:10px 15px;border-radius:0;font-size:.9em;box-shadow:0 2px 10px #0000004d;opacity:1;transition:opacity .5s ease;pointer-events:all;z-index:10000;width:100%!important;text-align:center;box-sizing:border-box}body.pwa-mode .global-message{min-height:48px}.global-message.warning{background-color:#ffa500e6;color:var(--text-primary)}.global-message.error{background-color:#dc3545e6;color:var(--text-on-accent)}.global-message.success{background-color:#28a745e6;color:var(--text-on-accent)}.global-message.info{background-color:#17a2b8e6;color:var(--text-on-accent)}.global-message.hidden{opacity:0}:root{--accent-color: #00c4d9;--accent-color-hover: #00a7b5;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-on-accent: #fff;--list-item-bg: #2a2a2a;--input-bg: #333;--container-bg: #1a1a1a;--border-color: rgba(200, 200, 200, .1);--border-light: #e0e0e0;--border-default: #555;--hover-bg: rgba(255, 255, 255, .1);--shadow-color-light: rgba(255, 255, 255, .1);--button-remove-bg: #dc2626;--button-remove-hover-bg: #b91c1c;--text-disabled: #888;--transition: all .2s ease}#historyContainer{width:100%;display:flex;flex-direction:column;align-items:center;padding:0}#historyContainer.hidden{display:none}#historyContainer h3{color:var(--text-secondary);font-size:1.2em;margin-bottom:10px;text-align:center}.history-list-container{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;padding-top:40px}.history-question-group{display:flex;flex-direction:column;width:100%;border-radius:8px;background:var(--list-item-bg)}.history-question-header{display:flex;justify-content:space-between;align-items:center;background:var(--input-bg);padding:8px 16px;border-radius:8px;flex-wrap:wrap;gap:10px;transition:var(--transition)}.history-question-header:hover{background:var(--shadow-color-light)}.history-question-header.selected{background:color-mix(in srgb,var(--accent-color),transparent 90%);padding-left:12px}.history-header-left-group{display:flex;align-items:center;min-width:0;gap:5px}.history-header-right-group{display:flex;align-items:center;gap:8px;flex-shrink:0}.history-question-span{font-weight:600;color:var(--text-primary);font-size:1em;flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.history-wheel-thumbnail{width:32px;height:32px;border-radius:50%;border:1px solid var(--border-color);background:var(--input-bg);display:flex;justify-content:center;align-items:center;flex-shrink:0}.history-wheel-thumbnail canvas,.history-wheel-thumbnail img{width:24px;height:24px;object-fit:cover}.placeholder-thumbnail{width:100%;height:100%;background:linear-gradient(135deg,var(--accent-color),var(--accent-color-hover))}.history-mode-badge{background:var(--border-light);color:var(--border-default);padding:2px 6px;border-radius:4px;font-size:.7em;font-weight:700;text-transform:uppercase;flex-shrink:0}.history-toggle-btn{background:transparent;color:var(--text-secondary);border:none;border-radius:4px;width:24px;height:24px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:var(--transition)}.history-toggle-btn:hover{background:var(--shadow-color-light);color:var(--text-primary)}.continue-wheel-btn{background:var(--accent-color);color:var(--text-on-accent);border:none;border-radius:4px;padding:4px 8px;font-size:.9em;font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:5px;flex-shrink:0}.continue-wheel-btn:hover{background:var(--accent-color-hover)}.continue-wheel-btn i{font-size:.9em}.history-results-list{display:flex;flex-direction:column;gap:4px;padding:16px;transition:max-height .5s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1)}.history-results-list.collapsed{max-height:0;padding:0;overflow:hidden}.history-standings-container{display:flex;flex-direction:column;gap:4px;padding:16px 0;font-weight:400}.history-item{display:flex;align-items:flex-start;justify-content:space-between;background:#ffffff08;padding:8px;color:var(--text-primary);border-radius:8px;gap:10px;margin:8px 0;font-size:.9em;transition:var(--transition)}.history-item-number{font-weight:700;color:var(--text-secondary);flex-shrink:0;min-width:30px;text-align:right}.history-item-outcome{flex-grow:1;font-weight:600;color:var(--text-primary);text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item-timestamp{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0;text-align:right;line-height:1.2}.history-date{font-size:.8em;color:var(--text-secondary);opacity:.8}.history-time{font-size:.9em;color:var(--text-primary);font-weight:600}.history-kebab-menu-container{position:relative;display:flex}.history-kebab-dropdown{position:absolute;top:100%;right:0;background:var(--container-bg);border:1px solid var(--border-light);border-radius:12px;box-shadow:0 4px 20px #00000026;z-index:1000;min-width:200px;margin-top:8px;backdrop-filter:blur(10px);transition:var(--transition)}.history-kebab-dropdown.hidden{opacity:0;transform:translateY(-10px);pointer-events:none}.history-kebab-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:500;width:100%;text-align:left;border-bottom:1px solid var(--border-light);transition:var(--transition)}.history-kebab-item:last-child{border-bottom:none}.history-kebab-item:hover{background:var(--hover-bg);color:var(--accent-color)}.history-kebab-item i{width:16px;text-align:center;font-size:.9rem;color:var(--accent-color)}.history-kebab-item-danger:hover{background:color-mix(in srgb,var(--button-remove-bg),transparent 90%);color:var(--button-remove-bg)}.history-kebab-item-danger:hover i{color:var(--button-remove-bg)}.history-bulk-actions{display:none;justify-content:center;align-items:center;width:100%;background:var(--list-item-bg);border-radius:8px;padding:12px 16px;margin-bottom:16px;gap:16px;box-sizing:border-box}.history-bulk-actions.active{display:flex}.history-bulk-actions-left{display:flex;align-items:center;gap:12px}.history-select-all-container{display:flex;justify-content:center;height:100%;border:.5px solid var(--border-default);padding:4px 8px;border-radius:4px;align-items:center;gap:8px}.history-select-all-container label{margin:0;padding:0}.history-select-all-checkbox,.history-item-checkbox{min-width:16px;min-height:16px;border:2px solid var(--border-default);border-radius:3px;background:var(--input-bg);cursor:pointer;transition:var(--transition)}.history-select-all-checkbox:hover,.history-item-checkbox:hover{border-color:var(--accent-color)}.history-select-all-checkbox.checked,.history-item-checkbox.checked{background:var(--accent-color);border-color:var(--accent-color)}.history-select-all-checkbox.checked:after,.history-item-checkbox.checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text-on-accent);font-size:10px;font-weight:700}.history-select-all-checkbox.indeterminate:after{content:"−";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text-on-accent);font-size:12px;font-weight:700}.history-selected-count{font-size:.9rem;color:var(--text-secondary);font-weight:500}.history-select-all-link{font-size:.9rem;color:var(--accent-color);text-decoration:none;font-weight:500;cursor:pointer;transition:var(--transition)}.history-select-all-link:hover{color:var(--accent-color-hover);text-decoration:underline}.history-select-all-link.hidden{display:none}.history-bulk-delete-btn{background:var(--button-remove-bg);color:var(--text-on-accent);border:none;border-radius:6px;padding:8px 16px;font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:6px}.history-bulk-delete-btn:hover{background:var(--button-remove-hover-bg);transform:translateY(-1px)}.history-bulk-delete-btn:disabled{background:var(--text-disabled);cursor:not-allowed;transform:none}.history-pagination-container{display:flex;align-items:center;gap:16px;margin-right:12px}.history-pagination-container.single-page{display:none}.pagination-range{font-size:14px;color:var(--text-secondary);font-weight:400;white-space:nowrap}.pagination-btn{background:none;border:none;color:var(--text-primary);font-size:.85em;padding:12px;cursor:pointer;transition:var(--transition)}.pagination-btn:hover:not(:disabled){color:var(--accent-color)}.history-item.outcome-chosen,.history-item.draggable-dragging{opacity:.4;background:rgba(var(--accent-color-rgb),.3);color:var(--text-on-accent);box-shadow:0 4px 12px #0003;transition:opacity .15s ease,box-shadow .15s ease;z-index:1000;transform:none!important}.draggable-mirror{background:rgba(var(--accent-color-rgb, 0, 196, 217),.95);color:var(--text-on-accent);border:2px solid #fff;border-radius:12px;box-shadow:0 12px 25px #0006;cursor:grabbing;transform:scale(1.15);transition:all .15s ease;z-index:9999;backdrop-filter:blur(2px)}.drawer.drawer-history .drawer-content{padding:0 32px 32px;justify-content:flex-start;align-items:stretch}@media(max-width:768px){#historyContainer{padding:12px}.history-mode-badge{display:none}.history-list-container{padding:120px 8px!important;box-sizing:border-box}.history-question-header{padding:8px;gap:0px}.history-header-left-group{gap:0px;min-width:0}.history-question-span{font-size:.95rem;margin:0 8px;max-width:160px;white-space:normal;overflow-wrap:break-word}.history-header-right-group{gap:6px}.history-wheel-thumbnail,.history-wheel-thumbnail canvas,.history-wheel-thumbnail img{width:32px;height:32px}.history-toggle-btn{width:28px;height:28px}.history-results-list{padding:16px 4px 8px}.history-item{padding:4px;gap:8px;flex-wrap:wrap}.history-item-number{min-width:25px;font-size:.85em}.history-item-outcome{font-size:.9em;white-space:normal;overflow:visible;overflow-wrap:break-word;flex:1;min-width:0}.history-item-timestamp,.history-date,.history-time{font-size:.8em}.history-kebab-dropdown{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:300px;margin-top:0}.history-kebab-dropdown.hidden{transform:translate(-50%,-50%) scale(.9)}.history-kebab-item{padding:16px;font-size:1em}.history-kebab-item i{font-size:1em}.drawer.drawer-history .drawer-content{padding:0}}.history-tabbed-container{max-height:none;overflow:visible;opacity:1;transition:max-height .3s ease,opacity .3s ease,overflow 0s .3s}.history-tabbed-container.collapsed{max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease,overflow 0s 0s}.history-tab-nav{display:flex;gap:0;border-bottom:.5px solid var(--border-color);margin-bottom:16px}.history-tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;max-width:200px;padding:16px 20px;background:none;border:none;color:var(--text-secondary);font-size:.95em;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative}.history-tab-btn:hover{background:#ffffff0d;color:var(--text-primary)}.history-tab-btn.active{color:var(--accent-color)}.history-tab-btn.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--accent-color)}.history-tab-btn i{font-size:1.1em}.history-tab-content{position:relative}.history-tab-panel{display:none;padding:0;animation:fadeIn .3s ease}.history-tab-panel.active{display:block}.history-section-header{text-align:left;margin-bottom:16px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.history-tab-panel[data-panel=history]{padding:16px 0 0}.history-tab-panel[data-panel=history] .history-item:first-of-type{margin-top:0}.history-overall-stats{width:100%;margin-bottom:32px;box-shadow:0 4px 12px #0000001a}.history-overall-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid rgba(0,196,217,.2);display:none}.history-overall-title{display:flex;align-items:center;gap:12px;font-size:1.5em;font-weight:600;color:var(--text-primary);margin:0}.history-overall-title i{color:var(--accent-color);font-size:.9em}.history-overall-subtitle{font-size:.9em;color:var(--text-secondary);font-weight:400}.history-overall-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);width:100%!important;max-width:100%!important;gap:8px;box-sizing:border-box;padding:0 0 16px}.history-overall-card{display:flex;align-items:center;gap:16px;padding:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;transition:all .3s ease;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.history-overall-card:hover{background:#ffffff0f;border-color:#00c4d94d;transform:translateY(-4px);box-shadow:0 8px 16px #00c4d926}.history-overall-card-wide{grid-column:span 3}.history-overall-card-icon{width:56px;height:56px;min-width:56px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:24px;color:#fff;box-shadow:0 4px 12px #0003}.history-overall-card-content{flex:1;min-width:0;max-width:calc(100% - 112px)!important;overflow:hidden}.history-overall-card-value{font-size:1.8em;font-weight:700;color:var(--text-primary);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.history-overall-card-label{font-size:.85em;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}@media(max-width:768px){.history-overall-stats{padding:16px;margin-bottom:24px}.history-overall-header{flex-direction:column;align-items:flex-start;gap:8px}.history-overall-title{font-size:1.2em}.history-overall-grid{grid-template-columns:1fr;gap:12px}.history-overall-card{padding:16px}.history-overall-card-wide{grid-column:span 1}.history-overall-card-icon{width:48px;height:48px;min-width:48px;font-size:20px}.history-overall-card-value{font-size:1.4em}.history-overall-card-label{font-size:.75em}}.history-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.history-stat-card{display:flex;align-items:center;gap:12px;padding:16px;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.08);transition:all .2s ease}.history-stat-card:hover{background:#ffffff0d;border-color:#00c4d94d;transform:translateY(-2px)}.history-stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00c4d933,#00c4d91a);border-radius:8px;font-size:20px;color:var(--accent-color)}.history-stat-content{flex:1}.history-stat-value{font-size:1.5em;font-weight:700;color:var(--text-primary);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-stat-label{font-size:.85em;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.history-outcome-distribution{margin-top:8px}.outcome-distribution{display:flex;flex-direction:column;gap:4px;padding:12px 0}.history-distribution-title{font-size:1.1em;font-weight:600;color:var(--text-primary);margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.history-distribution-bars{display:flex;flex-direction:column;gap:12px}.history-distribution-item{display:flex;align-items:center;text-align:left;gap:12px}.history-distribution-label{min-width:120px;max-width:120px;font-size:.9em;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-distribution-bar-container{flex:1;display:flex;align-items:center;gap:8px;background:#ffffff08;border-radius:4px;padding:4px;position:relative}.history-distribution-bar{height:24px;background:linear-gradient(90deg,var(--accent-color) 0%,rgba(0,196,217,.6) 100%);border-radius:3px;transition:width .3s ease;min-width:2px}.history-distribution-percentage{position:absolute;right:8px;font-size:.85em;color:var(--text-primary);font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.5)}@media(max-width:768px){.history-tab-btn{padding:12px 16px;font-size:.85em;gap:6px}.history-tab-btn span{display:none}.history-tab-btn i{font-size:1.2em}.history-tab-panel,.history-tab-panel[data-panel=history]{padding:16px}.history-stats-grid{grid-template-columns:1fr;gap:12px;margin-bottom:20px}.history-stat-card{padding:12px}.history-stat-icon{width:40px;height:40px;font-size:18px}.history-stat-value{font-size:1.3em}.history-stat-label{font-size:.8em}.history-distribution-label{min-width:80px;max-width:80px;font-size:.85em}.history-distribution-percentage{font-size:.75em}}#wheelHistoryModal .modal-close-btn{position:absolute;top:24px;right:24px}.wheel-history-modal-box{max-width:960px!important;padding:64px 56px!important;min-height:100vh!important;height:100vh!important;width:100%!important;margin:0 auto!important}.wheel-history-loading{text-align:center;padding:3rem}.wheel-history-loading i{font-size:2rem;color:var(--accent-cyan)}.wheel-history-loading p{margin-top:1rem;color:var(--text-secondary)}.wheel-history-empty{text-align:center;padding:3rem}.wheel-history-empty i{font-size:3rem;opacity:.3;color:var(--text-secondary)}.wheel-history-empty .empty-title{margin-top:1rem;font-size:1.1rem;color:var(--text-secondary)}.wheel-history-empty .empty-subtitle{font-size:.9rem;margin-top:.5rem;color:var(--text-tertiary)}#wheelHistoryModal .history-overall-grid{margin-bottom:24px}.modal-title{text-align:left;font-size:2.5em!important;font-weight:800;color:var(--text-primary);margin:0;letter-spacing:.5px}.wheel-history-distribution-heading{color:var(--text-color-light);margin-bottom:16px;font-size:18px;text-align:left;font-weight:600;letter-spacing:.5px}.wheel-history-distribution-heading i{margin-right:8px}.history-overall-card-icon.icon-purple{background:linear-gradient(135deg,#667eea,#764ba2)}.history-overall-card-icon.icon-blue{background:linear-gradient(135deg,#4facfe,#00f2fe)}.history-overall-card-icon.icon-pink{background:linear-gradient(135deg,#fa709a,#fee140)}.history-overall-card-icon.icon-teal{background:linear-gradient(135deg,#30cfd0,#330867)}.history-distribution-bar[data-width]{width:attr(data-width %)}.history-distribution-bar[data-width="0"]{width:0%}.wheel-history-mode-pills{display:flex;gap:12px;overflow-x:auto;padding:10px 0;margin-bottom:24px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.wheel-history-mode-pills::-webkit-scrollbar{display:none}.mode-pill{flex:0 0 auto;background:var(--input-bg);color:var(--text-primary);border:2px solid transparent;border-radius:20px;padding:8px 16px!important;font-size:.85rem!important;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.mode-pill:hover{background:#ffffff1a;border-color:#fff3}.mode-pill.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea}.wheel-history-mode-selector{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:24px}.mode-selector-label{display:flex;align-items:center;width:100%;gap:8px;font-size:.9rem;font-weight:500;color:#cbd5e1;white-space:nowrap}.mode-selector-label i{color:#60a5fa}.mode-select-dropdown{width:100%!important;padding:10px 36px 10px 16px;background:#1e293b;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23cbd5e1' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.mode-select-dropdown:hover{border-color:#60a5fa;background-color:#2d3748}.mode-select-dropdown:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.mode-select-dropdown option{background:#1e293b;color:#fff;padding:10px}.history-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#94a3b8}.history-no-results i{font-size:3rem;margin-bottom:16px;opacity:.5}.history-no-results p{font-size:1.1rem;margin:0}@media(max-width:640px){.wheel-history-mode-selector{flex-direction:column;align-items:stretch;gap:12px}.mode-selector-label{justify-content:center}.mode-select-dropdown{width:100%;min-width:auto}}.history-distribution-bar[data-width="100"]{width:100%}.history-activity-feed{display:flex;flex-direction:column;gap:4px;padding:0;width:100%!important}.history-activity-card{position:relative;background:var(--list-item-bg);border-radius:4px;padding:8px 20px;transition:all .2s ease;z-index:1}.history-activity-card:hover{transform:translateY(-2px)}.history-activity-card:has(.spinagle-card-dropdown-menu:not(.hidden)){z-index:1001}.history-card-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.history-card-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.history-card-thumbnail{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;flex-shrink:0}.history-card-info{flex:1;flex-direction:row;align-items:flex-start;justify-content:flex-start;min-width:0}.history-card-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease}.history-card-title.clickable{cursor:pointer}.history-card-title.clickable:hover{color:var(--primary-color);text-decoration:underline}.history-card-meta{display:flex;gap:12px;flex-wrap:wrap;margin-right:40px}.history-meta-item{font-size:13px;color:var(--text-secondary);display:flex;align-items:center;gap:4px}.history-meta-item:before{content:"•";color:var(--border-color)}.history-meta-item:first-child:before{content:none}.history-wheel-type-badge{font-size:12px;font-weight:600;padding:4px 10px;border-radius:12px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.history-wheel-type-badge.unsaved{background:#ff980026;color:#ff9800;border:1px solid rgba(255,152,0,.3)}.history-wheel-type-badge.my-wheel{background:#2196f326;color:#2196f3;border:1px solid rgba(33,150,243,.3)}.history-wheel-type-badge.popular{background:#9c27b026;color:#9c27b0;border:1px solid rgba(156,39,176,.3)}.history-wheel-type-badge.deleted{background:#f4433626;color:#f44336;border:1px solid rgba(244,67,54,.3)}.history-wheel-type-badge:before{content:none!important}.history-card-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.history-card-time{position:relative;font-size:13px;color:var(--text-tertiary);white-space:nowrap;margin-right:16px}@media(max-width:768px){.wheel-history-modal-box{max-width:100%!important;width:100%!important;padding:40px 16px 24px!important;min-height:100%!important;box-sizing:border-box}.history-activity-card{padding:16px}.history-card-header{flex-direction:column;align-items:flex-start}.history-card-left{align-items:flex-start;width:100%}.history-card-right{width:fit-content;justify-content:space-between}.history-card-title{font-size:15px}.history-meta-item{font-size:12px}.history-card-time{position:absolute;right:0}.history-card-thumbnail{width:24px;height:24px;font-size:12px;font-weight:100;flex-shrink:0}}#popularDrawer h2{text-align:left;margin:10px 0 5px;color:var(--text-primary)}#popularDrawer h4{margin:0 0 10px;color:var(--text-primary);font-size:1.2em}#popularDrawer p{text-align:center;margin-bottom:20px;color:var(--text-secondary);font-size:.9em}.popular-header{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;position:sticky;top:0;width:100%;box-sizing:border-box;transition:background .3s ease,backdrop-filter .3s ease}.popular-tabs.pill-navigation{display:flex;justify-content:center;margin:10px 0;width:100%;padding:0 15px;gap:10px}.category-pills-container{display:flex;flex-direction:column;gap:15px;margin:20px 0 30px;width:100%}.category-pills-menu{display:flex;gap:12px;overflow-x:auto;padding:10px 0;-webkit-overflow-scrolling:touch;scrollbar-width:none}.category-pills-menu::-webkit-scrollbar{display:none}.category-pill{flex:0 0 auto;background:var(--input-bg);color:var(--text-primary);border:2px solid transparent;border-radius:20px;padding:8px 16px!important;font-size:.85rem!important;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.category-pill:hover{background:var(--hover-bg)}.category-pill.active,.category-pill.all-categories.active{background:#fff;color:#000;border-color:#fff}.category-pill.active:hover,.category-pill.all-categories.active:hover{background:#f0f0f0;border-color:#f0f0f0}body.light-theme .category-pill.active,body[data-theme=light] .category-pill.active{background:var(--accent-color);color:var(--text-on-accent);border-color:var(--accent-color)}body.light-theme .category-pill.active:hover,body[data-theme=light] .category-pill.active:hover{background:var(--accent-color-hover);border-color:var(--accent-color-hover)}.row-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:60px;height:120px;background:linear-gradient(90deg,#000000b3,#0000004d);border:none;color:#fff;font-size:2em;cursor:pointer;z-index:20;opacity:0;visibility:hidden;transition:all .3s ease;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px)}.popular-category-section:hover .row-nav-btn,.popular-subcategory-section:hover .row-nav-btn,.home-popular-section:hover .row-nav-btn{opacity:1;visibility:visible}.row-nav-btn:hover{background:linear-gradient(90deg,#000000e6,#00000080);transform:translateY(-50%) scale(1.05)}.row-nav-btn.prev{left:-20px;border-radius:0 8px 8px 0}.row-nav-btn.next{right:-20px;background:linear-gradient(-90deg,#000000b3,#0000004d);border-radius:8px 0 0 8px}.row-nav-btn.next:hover{background:linear-gradient(-90deg,#000000e6,#00000080)}.popular-category-header,.home-category-header{display:flex;justify-content:flex-start;gap:16px;align-items:center;margin:15px 0;padding-left:8px}.popular-category-title,.home-category-title{font-size:1.4em;font-weight:700;color:var(--text-primary);margin:0;transition:color .2s ease}.popular-category-title:hover{color:var(--accent-color)}.category-wheel-count{font-size:.9rem;font-weight:400;color:#888;margin-left:8px}.popular-subcategory-dropdown{position:relative}.popular-subcategory-btn{background:var(--list-item-bg);border:1px solid var(--border-light);border-radius:20px;padding:8px 14px;font-size:.85em;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;white-space:nowrap}.popular-subcategory-btn:hover{background:var(--input-bg);border-color:var(--accent-color)}.popular-subcategory-btn i{font-size:.7em;transition:transform .2s ease}.popular-subcategory-btn.active i{transform:rotate(180deg)}.popular-subcategory-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--container-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 25px var(--shadow-color-strong);z-index:1000;min-width:180px;max-width:250px;opacity:0;visibility:hidden;transform:translateY(-10px) scale(.95);transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(8px)}.popular-subcategory-menu.active{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.popular-subcategory-menu ul{list-style:none;margin:0;padding:8px 0}.popular-subcategory-menu li{padding:10px 16px;color:var(--text-primary);cursor:pointer;font-size:.9em;transition:all .2s ease;border-bottom:1px solid transparent}.popular-subcategory-menu li:hover{background:var(--input-bg);color:var(--accent-color);transform:translate(2px)}.popular-subcategory-menu li.active{background:var(--accent-color);color:#fff;font-weight:600}.popular-subcategory-menu li.active:hover{background:var(--accent-color-hover)}.popular-subcategory-menu li:not(:last-child){border-bottom-color:var(--border-light)}.card-row,.home-wheels-row{display:flex;gap:16px;overflow-x:auto;overflow-y:visible!important;padding:8px 4px;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-behavior:smooth;scroll-snap-type:x mandatory;overscroll-behavior-x:contain}.card-row::-webkit-scrollbar,.home-wheels-row::-webkit-scrollbar{display:none}.popular-subcategories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.popular-subcategory-title,.subcategory-title{font-size:1.2em;font-weight:600;color:var(--text-primary);padding-left:16px;margin:0 0 10px;cursor:pointer;transition:color .2s ease,transform .2s ease}.popular-subcategory-title:hover,.subcategory-title:hover{color:var(--accent-color, #00c4d9);transform:translate(5px)}#getStartedSection{display:none}.home-popular-section{margin-bottom:50px;position:relative;opacity:1;transform:translateY(0)}.popular-category-section{position:relative;margin-bottom:40px}.popular-subcategory-section{position:relative;margin-bottom:30px}.home-popular-section:last-child{margin-bottom:20px}.home-category-header{margin-bottom:20px}.home-wheels-row.loading,.home-wheels-row.empty{min-height:200px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-style:italic}.home-wheels-row.loading:before{content:"Loading wheels..."}.home-wheels-row.empty:before{content:"No wheels available"}.view-all-btn{background:none;border:none;color:var(--accent-color);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.view-all-btn:hover{color:var(--fate-accent);transform:translate(4px)}.view-all-btn i{font-size:.9rem;transition:transform .2s ease}.view-all-btn:hover i{transform:translate(4px)}.category-dropdown-menu{max-height:300px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.category-dropdown-menu::-webkit-scrollbar{width:6px}焦さ .category-dropdown-menu::-webkit-scrollbar-track{background:transparent}.category-dropdown-menu::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:3px}.category-dropdown-menu::-webkit-scrollbar-thumb:hover{background-color:var(--text-secondary)}.category-dropdown-menu li.category-main{font-weight:600;color:var(--text-primary);border-bottom:1px solid rgba(var(--border-color-rgb),.3)}.category-dropdown-menu li.category-sub{font-weight:400;color:var(--text-secondary);font-size:.9em;padding-left:20px;background-color:rgba(var(--border-light-rgb, 240, 240, 240),.3)}.category-dropdown-menu li.category-sub:hover{background-color:rgba(var(--border-light-rgb, 240, 240, 240),.5);color:var(--text-primary)}.category-dropdown-menu li.category-main:last-of-type{border-bottom:none}body.branded-wheel-mode{--wheel-accent: var(--accent-color)}body.branded-wheel-mode #wheelContainer{border:3px solid var(--accent-color);border-radius:12px;background:linear-gradient(135deg,transparent 0%,rgba(78,194,157,.05) 100%)}body.branded-wheel-mode .wheel-question-display{background:linear-gradient(135deg,var(--container-bg) 0%,rgba(78,194,157,.1) 100%);border:1px solid var(--accent-color)}.help-topic-card{position:relative;cursor:pointer;transition:all .3s ease}.help-topic-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.help-topic-card .wheel-card-visual{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-color),var(--fate-accent));border-radius:12px;margin-bottom:16px;min-height:120px}.help-topic-icon{font-size:2.5rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.help-topic-card .wheel-card-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:8px;line-height:1.3}.help-topic-card .wheel-card-description{font-size:.9rem;color:var(--text-secondary);line-height:1.4;margin-bottom:12px}.help-topic-badge{display:inline-block;padding:4px 8px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;border-radius:4px;background:var(--accent-color);color:#fff}.help-topic-card[data-action=tutorial] .help-topic-badge{background:#10b981}.help-topic-card[data-action=guide] .help-topic-badge{background:#3b82f6}.help-topic-card[data-action=feature] .help-topic-badge{background:#8b5cf6}.help-topic-card[data-action=reference] .help-topic-badge{background:#f59e0b}.help-topic-card[data-action=support] .help-topic-badge{background:#ef4444}#popularDrawer .drawer-content:has(.empty-state),#popularContentArea:has(.empty-state){padding:20px;margin:0}@media(max-width:768px){#popularDrawer .drawer-content:has(.empty-state){padding:12px}}@media(max-width:768px){.popular-header{padding:0;flex-direction:column;align-items:center}.popular-category-header{padding-left:16px!important}.popular-category-section,.card-row,.home-wheels-row{width:100%;max-width:100%;box-sizing:border-box;padding:15px 8px 25px;margin:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.category-pills-container,.category-pills-menu{width:100%;max-width:100%;box-sizing:border-box;overflow-x:auto;-webkit-overflow-scrolling:touch}.category-pills-menu{padding:0 0 0 16px;gap:6px}.category-pill,.popular-subcategory-btn{padding:6px 12px!important;font-size:.85em!important;white-space:nowrap}.category-dropdown-menu{max-width:95vw;min-width:min(200px,100%);left:50%;transform:translate(-50%);box-sizing:border-box}.popular-category-title,.popular-filtered-title{font-size:1.1em}.popular-subcategory-title{font-size:1.05em}.row-nav-btn,.row-nav-btn.prev,.row-nav-btn.next{display:none}.home-popular-section{margin-bottom:40px}.home-category-header{flex-direction:column;align-items:flex-start;gap:8px}.home-category-title{font-size:1.5rem}.view-all-btn{font-size:.9rem}.home-wheels-row{gap:12px;padding:0;scroll-snap-type:x mandatory;scroll-padding:16px;overflow-y:visible}.home-popular-section .row-nav-btn{width:40px;height:80px;font-size:1.2em}.home-popular-section .row-nav-btn.prev{left:-10px}.home-popular-section .row-nav-btn.next{right:-10px}.help-topic-card .wheel-card-visual{min-height:100px}.help-topic-icon{font-size:2rem}.help-modal-content{margin:20px;max-height:calc(100vh - 40px)}.help-modal-header{padding:20px 20px 12px}.help-modal-header h2{font-size:1.2rem}.help-modal-body{padding:20px}.help-modal-actions{flex-direction:column}.help-btn{width:100%}}.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)}}:root{--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-tertiary: rgba(255, 255, 255, .4);--shadow-color-light: rgba(255, 255, 255, .1);--accent-color: #00c4d9;--accent-color-hover: #00a7b5;--container-bg: #1a1a1a;--border-color: rgba(200, 200, 200, .1);--transition: all .2s ease}.main-content{position:relative;display:flex;justify-content:flex-start;align-items:center;width:100%;min-height:100%;max-width:1440px!important;inset:0;box-sizing:border-box;margin:0 auto;overflow:visible;padding:16px}.main-view{position:relative;min-width:100%!important;min-height:100%;width:100%!important;display:flex;justify-content:flex-start!important;flex-direction:column;color:var(--text-primary);z-index:5;box-sizing:border-box}.main-view.hidden{display:none}#main-view-latest{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;min-height:100vh}#main-view-latest #userQuestionContainer{width:100%;max-width:1440px;margin:0 auto}#main-view-wheel{display:none}#main-view-wheel:not(.hidden)~#step-wheel{display:block!important}.main-view-header{z-index:10;width:100%;margin-top:48px}.main-view-header-content{display:flex;justify-content:flex-start;align-items:flex-start;text-align:center;margin:0 auto;gap:16px;border-bottom:.5px solid var(--border-color)}#main-view-history .main-view-header{justify-content:flex-start;max-width:1600px}#main-view-history.main-view,#historyContent{max-width:1600px;align-items:center}#main-view-subscription .main-view-header-content,#main-view-account .main-view-header-content,#main-view-account p{width:100%;max-width:1200px;text-align:center!important;justify-content:center}#main-view-subscription .main-view-header-content .main-view-title,#main-view-account .main-view-header-content .main-view-title,#main-view-faqs .main-view-header-content .main-view-title{width:100%;max-width:1200px;margin:0 auto;box-sizing:border-box;text-align:center!important;font-size:3rem!important;font-weight:700!important}#main-view-account .segmented-controller{margin-top:16px}#accountPanelContent.panel-content{display:flex;height:100%;width:100%;flex-direction:column;justify-content:flex-start;align-items:center;box-sizing:border-box}.main-view-back-btn:hover{background:var(--shadow-color-light);transform:translate(-2px)}.main-view-title-section{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;gap:16px}.main-view-search-container{position:relative;display:flex;flex:1;align-items:center;margin-left:auto;max-width:320px}#main-view-your-wheels .main-view-title-section,#main-view-lists .main-view-header-content{padding-bottom:16px!important}@media(max-width:768px){.main-view-title-section{padding:0 16px;flex-direction:column-reverse;align-items:flex-start}}.main-view-title{font-size:32px;font-weight:800;color:var(--text-primary);margin:0;line-height:1.2}.main-view-search-container i.fa-search{position:absolute;left:16px;color:var(--text-tertiary);pointer-events:none;z-index:1;font-size:14px}.main-view-search-input{width:100%;padding:12px 40px 12px 48px;background:#ffffff0d;border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:14px;font-weight:500;transition:all .2s ease;outline:none}.main-view-search-input::placeholder{color:var(--text-tertiary)}.main-view-search-input:focus{background:#ffffff14;border-color:var(--accent-color);box-shadow:0 0 0 3px #00c4d91a}.search-clear-btn{position:absolute;right:12px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;padding:0}.search-clear-btn:hover{background:#ffffff1a;color:var(--text-primary)}.search-clear-btn.hidden{display:none}.search-clear-btn i{font-size:12px}.search-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center;width:100%;max-width:600px;margin:0 auto}.search-no-results i{font-size:64px;color:var(--text-tertiary);margin-bottom:24px;opacity:.5}.search-no-results h3{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 12px}.search-no-results p{font-size:16px;color:var(--text-secondary);margin:0 0 8px;line-height:1.5}.search-no-results p strong{color:var(--accent-color);font-weight:600}.search-no-results .search-hint{font-size:14px;color:var(--text-tertiary);margin-top:16px}@media(max-width:768px){.main-view-search-container{min-width:100%;box-sizing:border-box;padding:0 8px}.breadcrumb-nav-container{width:100%}}.breadcrumb-nav{margin-top:4px;width:100%}.breadcrumb-nav-container{padding-top:0!important;display:flex;flex-direction:column;box-sizing:border-box;align-items:flex-start;justify-content:space-between;width:100%}.breadcrumb{display:flex;align-items:center;list-style:none;margin:0;padding:0 0 8px;gap:8px}.breadcrumb-item{display:flex;align-items:center;font-size:14px;color:var(--text-secondary)}.breadcrumb-item:not(:last-child):after{content:">";margin:0 8px;color:var(--text-tertiary);font-size:12px}.breadcrumb-item a{color:var(--text-primary);text-decoration:none;padding:4px 8px;border-radius:4px;margin:-4px -8px;transition:var(--transition)}.breadcrumb-item a:hover{background:var(--shadow-color-light)}.breadcrumb-item.active span{color:var(--text-primary);font-weight:500}#listsContent,#historyContent,.lists-content-area,.history-content-area{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.explore-content-area,.your-wheels-content-area,.history-content-area{width:100%;display:flex;align-items:flex-start;justify-content:flex-start;min-height:400px}.main-view-content.loading:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top:3px solid var(--text-primary);border-radius:50%;animation:spin 1s linear infinite}#yourWheelsContent.popular-content-area,#historyContent.popular-content-area{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.empty-state-container{position:relative;justify-content:center;align-items:center;width:100%!important;min-width:100%!important;max-width:100%!important;box-sizing:border-box;display:flex;flex:1}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:0 20px;color:var(--text-secondary);min-height:300px;width:100%;box-sizing:border-box;max-width:960px}.empty-state-icon{font-size:24px!important;color:var(--text-tertiary);margin-bottom:24px;opacity:.6;display:flex;align-items:center;justify-content:center;padding:16px;border-radius:50%;background:var(--shadow-color-light);display:none!important}.empty-state-title{font-size:56px!important;font-weight:600;color:var(--text-primary);margin:0 0 32px!important;line-height:1.1em;max-width:720px}.empty-state-message{font-size:16px!important;font-weight:300!important;color:var(--text-secondary);margin:0 0 32px!important;line-height:1.5;max-width:600px;box-sizing:border-box}.empty-state-message p{color:var(--text-primary);font-size:14px!important;font-weight:600!important;background:var(--container-bg);margin:8px 0!important;padding:16px!important;border:1px dashed var(--border-color);border-radius:8px}.empty-state-button{background:var(--accent-color);color:var(--text-on-accent, #fff);border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:var(--transition);text-decoration:none;display:inline-flex;align-items:center;gap:8px}.empty-state-button:hover{background:var(--accent-color-hover);box-shadow:0 4px 12px #0003}.empty-state-button.secondary{background:var(--color-surface-secondary);color:var(--color-text-primary);border:1px solid var(--color-border)}.empty-state-button.secondary:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover);box-shadow:0 2px 8px #0000001a}.empty-state-subtitle{font-size:14px;color:var(--text-tertiary);margin:8px 0 0;font-style:italic}.drawer-content:has(.empty-state),#historyContainer:has(.empty-state),#popularContentArea:has(.empty-state){display:flex;align-items:center;justify-content:center;min-height:400px;padding:0;margin:0;width:100%}.empty-state.premium{background:linear-gradient(135deg,#ffd7001a,#ffa5001a);border:1px solid rgba(255,215,0,.2);border-radius:12px;margin:20px}.empty-state.premium .empty-state-icon{color:gold;background:#ffd7001a}.empty-state.premium .empty-state-title{color:gold}.empty-state.admin{background:var(--container-bg);border:1px solid var(--border-color);border-radius:8px;margin:20px 0}body.free-user .main-view-lists .main-view-header,body.pro-user .main-view-lists .main-view-header{display:none!important}#main-view-your-wheels:has(.empty-state) .main-view-header,#main-view-your-wheels.empty-state-active .main-view-header{display:none!important}#main-view-history:has(.empty-state) .main-view-header,#main-view-history.empty-state-active .main-view-header{display:none!important}#main-view-lists:has(.empty-state) .main-view-header,#main-view-lists.empty-state-active .main-view-header{display:none!important}.account-content-area{display:flex;flex-direction:column;justify-content:center;align-items:center}.main-view-content{padding:0;width:100%;box-sizing:border-box}@media(max-width:768px){#main-view-history .main-view-header{position:sticky;top:0;z-index:1000}.main-content{padding:0}.main-view-header-content{flex-direction:column;align-items:center;gap:0px;justify-content:center;box-sizing:border-box;text-align:center;border-bottom:none}.main-view-title{width:100%;text-align:left;font-size:32px;padding:0 8px}.main-view-content{padding:0;width:100%;box-sizing:border-box}.main-view-content .popular-content-area{width:100%;padding:0!important;margin:0;box-sizing:border-box}.explore-content-area,.your-wheels-content-area,.history-content-area{padding:0;box-sizing:border-box}.main-view-content .popular-category-section{margin-bottom:30px;padding:0}.main-view-content .popular-category-header{padding:0 0 16px;margin-bottom:16px}.main-view-content .home-wheels-row{padding:8px 4px;margin:0;gap:12px;overflow-x:auto;overflow-y:visible!important;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.breadcrumb{gap:6px}.breadcrumb-item{font-size:13px}.breadcrumb-item:not(:last-child):after{margin:0 6px}.empty-state{padding:0 8px;min-height:250px}.empty-state-icon{font-size:40px;width:64px;height:64px;margin-bottom:20px}.empty-state-title{font-size:40px!important;margin-bottom:10px}.empty-state-message{font-size:16px;line-height:1.8em!important;margin-bottom:24px;text-align:center}.empty-state-button{padding:10px 20px;font-size:14px}}body.light-theme .main-view,body[data-theme=light] .main-view{background:var(--bg-primary);color:var(--text-primary)}body.light-theme #main-view-account.main-view,body.light-theme .main-content,body[data-theme=light] #main-view-account.main-view{background:var(--bg-primary)}body.light-theme .main-view-title,body[data-theme=light] .main-view-title{color:var(--text-primary)}body.light-theme .main-view-content,body[data-theme=light] .main-view-content,body.light-theme .account-content-area,body[data-theme=light] .account-content-area{background:transparent}body.light-theme .main-view-content.loading:before,body[data-theme=light] .main-view-content.loading:before{border:3px solid rgba(0,0,0,.1);border-top:3px solid var(--accent-color)}body.light-theme .breadcrumb-item,body[data-theme=light] .breadcrumb-item{color:var(--text-secondary)}body.light-theme .breadcrumb-item:not(:last-child):after,body[data-theme=light] .breadcrumb-item:not(:last-child):after{color:var(--text-muted)}body.light-theme .breadcrumb-item a,body[data-theme=light] .breadcrumb-item a{color:var(--text-primary)}body.light-theme .breadcrumb-item a:hover,body[data-theme=light] .breadcrumb-item a:hover{background:rgba(var(--accent-color-rgb),.1)}body.light-theme .breadcrumb-item.active span,body[data-theme=light] .breadcrumb-item.active span{color:var(--text-primary)}body.light-theme .empty-state,body[data-theme=light] .empty-state{color:var(--text-secondary)}body.light-theme .empty-state-icon,body[data-theme=light] .empty-state-icon{color:var(--text-muted);background:rgba(var(--accent-color-rgb),.05)}body.light-theme .empty-state-title,body[data-theme=light] .empty-state-title{color:var(--text-primary)}body.light-theme .empty-state-message,body[data-theme=light] .empty-state-message{color:var(--text-secondary)}body.light-theme .empty-state-button,body[data-theme=light] .empty-state-button{background:var(--accent-color);color:var(--text-on-accent)}body.light-theme .empty-state-button:hover,body[data-theme=light] .empty-state-button:hover{background:var(--accent-color-hover);box-shadow:0 4px 12px rgba(var(--accent-color-rgb),.2)}body.light-theme .empty-state-subtitle,body[data-theme=light] .empty-state-subtitle{color:var(--text-muted)}body.light-theme .empty-state.premium,body[data-theme=light] .empty-state.premium{background:linear-gradient(135deg,#ffd7000d,#ffa5000d);border-color:#ffd70026}body.light-theme .empty-state.admin,body[data-theme=light] .empty-state.admin{background:var(--bg-secondary);border-color:var(--border-color)}.subscription-content-area{display:flex;flex-direction:column!important;align-items:center;justify-content:center;width:100%;min-height:400px;box-sizing:border-box;padding-top:40px}.banner-link{display:block;text-decoration:none;margin:1rem 0;transition:transform .2s ease,opacity .2s ease}.banner-link:hover{transform:translateY(-2px);opacity:.9}.banner-image{display:block;width:100%;border-radius:8px;overflow:hidden}.banner-img{width:100%;max-height:176px;max-width:1272px;object-fit:cover;border-radius:8px;display:block}@media(max-width:768px){.banner-image,.banner-link .banner-image{width:300px;height:250px;margin:0 auto}.banner-img{width:300px;height:250px;max-width:300px;max-height:250px;object-fit:cover}}.banner-link,#subscriptionBannerLink{display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;margin:0!important;padding:0!important}.banner-link.show-for-free,#subscriptionBannerLink.show-for-free{display:block!important;visibility:visible!important;opacity:1!important;height:auto!important;margin:16px 0!important;padding:0!important}.notification-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--container-bg, #1c1c1e);border:2px solid var(--accent-color, #00c4d9);border-radius:8px;padding:12px 20px;font-size:1rem;z-index:10000;box-shadow:0 4px 12px #0000004d;pointer-events:none;opacity:1;transition:all .3s ease;color:var(--text-primary, #ffffff);text-align:center;min-width:200px;max-width:400px}.notification-message.success{border-color:var(--success-color, #28a745);background:var(--success-bg, rgba(40, 167, 69, .1));color:var(--success-color, #28a745)}.notification-message.error{border-color:var(--error-color, #dc3545);background:var(--error-bg, rgba(220, 53, 69, .1));color:var(--error-color, #dc3545)}.notification-message.warning{border-color:var(--warning-color, #ffc107);background:var(--warning-bg, rgba(255, 193, 7, .1));color:var(--warning-color, #ffc107)}.notification-message.info{border-color:var(--info-color, #17a2b8);background:var(--info-bg, rgba(23, 162, 184, .1));color:var(--info-color, #17a2b8)}.notification-message.fade-out{opacity:0;transform:translate(-50%,-50%) scale(.8)}.selection-feedback{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--container-bg, #1c1c1e);border:2px solid var(--accent-color, #00c4d9);border-radius:8px;padding:12px 20px;font-size:1.5em;z-index:10000;box-shadow:0 4px 12px #0000004d;pointer-events:none;color:var(--text-primary, #ffffff);animation:selectionFeedback 1.3s ease-out}.stripe-notification{position:fixed;bottom:20px;right:20px;background:var(--container-bg, #1c1c1e);color:var(--text-primary, #ffffff);padding:16px 20px;border-radius:8px;box-shadow:0 4px 12px #0000004d;border-left:4px solid var(--accent-color, #00c4d9);z-index:9999;max-width:350px;opacity:1;transform:translate(0);transition:all .3s ease}.stripe-notification.success{border-left-color:var(--success-color, #28a745)}.stripe-notification.error{border-left-color:var(--error-color, #dc3545)}.stripe-notification.slide-in{animation:slideInFromRight .3s ease-out}.stripe-notification.slide-out{opacity:0;transform:translate(100%)}.message-element{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--container-bg, #1c1c1e);color:var(--text-primary, #ffffff);padding:12px 20px;border-radius:6px;box-shadow:0 4px 12px #0000004d;border:1px solid var(--border-color, #333);z-index:9999;max-width:90%;text-align:center;font-size:.9rem;opacity:1;transition:all .3s ease}.message-element.success{border-color:var(--success-color, #28a745);background:#28a7451a;color:var(--success-color, #28a745)}.message-element.error{border-color:var(--error-color, #dc3545);background:#dc35451a;color:var(--error-color, #dc3545)}.message-element.fade-in{animation:fadeInUp .3s ease-out}.message-element.fade-out{opacity:0;transform:translate(-50%) translateY(20px)}.notification-close{position:absolute;top:8px;right:8px;background:none;border:none;color:var(--text-secondary, #b0b0b0);font-size:1.2rem;cursor:pointer;padding:2px;border-radius:2px;transition:color .2s ease;line-height:1;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.notification-close:hover{color:var(--text-primary, #ffffff)}.notification-progress{position:absolute;bottom:0;left:0;height:3px;background:var(--accent-color, #00c4d9);border-radius:0 0 6px 6px;transition:width .1s linear}.notification-message.success .notification-progress{background:var(--success-color, #28a745)}.notification-message.error .notification-progress{background:var(--error-color, #dc3545)}.notification-message.warning .notification-progress{background:var(--warning-color, #ffc107)}.notification-message.info .notification-progress{background:var(--info-color, #17a2b8)}@media(max-width:768px){.notification-message,.selection-feedback{max-width:90%;font-size:.9rem;padding:10px 16px}.stripe-notification,.toast-notification{max-width:calc(100% - 40px);right:20px;left:20px;margin:0 auto}.message-element{max-width:calc(100% - 40px);padding:10px 16px;font-size:.85rem}.toast-container{right:10px;left:10px;width:calc(100% - 20px)}}.avatar-container{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;background:var(--container-bg, #1c1c1e);border:2px solid var(--border-color, #333);transition:all .3s ease;flex-shrink:0}.avatar-container:hover{border-color:var(--accent-color, #00c4d9);transform:scale(1.05)}.avatar-container.small{width:32px;height:32px;border-width:1px}.avatar-container.medium{width:48px;height:48px;border-width:2px}.avatar-container.large{width:64px;height:64px;border-width:2px}.avatar-container.extra-large{width:96px;height:96px;border-width:3px}.avatar-image{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:inherit;transition:all .3s ease}.avatar-container:hover .avatar-image{transform:scale(1.1)}.avatar-initials{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-weight:700;color:var(--avatar-text-color, var(--text-primary, #ffffff));background:var(--avatar-bg-color, linear-gradient(135deg, var(--accent-color, #00c4d9) 0%, var(--accent-hover, #45b08a) 100%));font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.5px}.avatar-container.small .avatar-initials{font-size:12px}.avatar-container.medium .avatar-initials{font-size:16px}.avatar-container.large .avatar-initials{font-size:20px}.avatar-container.extra-large .avatar-initials{font-size:28px}.avatar-status{position:absolute;bottom:0;right:0;width:25%;height:25%;border-radius:50%;border:2px solid var(--container-bg, #1c1c1e);min-width:8px;min-height:8px}.avatar-status.online{background:var(--success-color, #28a745)}.avatar-status.offline{background:var(--text-muted, #6a6a6a)}.avatar-status.away{background:var(--warning-color, #ffc107)}.avatar-status.busy{background:var(--error-color, #dc3545)}.avatar-badge{position:absolute;top:-4px;right:-4px;background:var(--error-color, #dc3545);color:#fff;border-radius:50%;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;border:2px solid var(--container-bg, #1c1c1e)}.avatar-badge.empty{width:12px;height:12px;min-width:12px}.avatar-group{display:flex;align-items:center}.avatar-group .avatar-container{margin-left:-8px;border:3px solid var(--container-bg, #1c1c1e);z-index:1}.avatar-group .avatar-container:first-child{margin-left:0;z-index:3}.avatar-group .avatar-container:nth-child(2){z-index:2}.avatar-group .avatar-container:hover{z-index:10}.avatar-dropdown{position:relative;display:inline-block}.avatar-dropdown .avatar-container{cursor:pointer}.avatar-dropdown-menu{position:absolute;top:100%;right:0;margin-top:-1px;background:var(--container-bg, #1c1c1e);border:1px solid var(--border-color, #333);border-radius:8px;box-shadow:0 4px 12px #0000004d;min-width:180px;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease}.avatar-dropdown-menu:before{content:"";position:absolute;top:-5px;left:0;right:0;height:5px;background:transparent;z-index:-1}.avatar-dropdown.open .avatar-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.avatar-dropdown-item{padding:12px 16px;color:var(--text-primary, #ffffff);text-decoration:none;display:block;transition:background .2s ease;border:none;background:none;width:100%;text-align:left;cursor:pointer}.avatar-dropdown-item:hover{background:#ffffff1a}.avatar-dropdown-item:first-child{border-radius:8px 8px 0 0}.avatar-dropdown-item:last-child{border-radius:0 0 8px 8px}.avatar-dropdown-divider{height:1px;background:var(--border-color, #333);margin:4px 0}.avatar-container.loading{background:linear-gradient(90deg,#ffffff1a,#fff3,#ffffff1a);background-size:200% 100%;animation:avatarLoading 1.5s infinite}.avatar-container.error{background:#dc35451a;border-color:var(--error-color, #dc3545)}.avatar-container.error .avatar-initials{background:var(--error-color, #dc3545);color:#fff}.avatar-container.clickable{cursor:pointer;transition:all .2s ease}.avatar-container.clickable:hover{transform:scale(1.05);box-shadow:0 4px 8px #0003}.avatar-container.clickable:active{transform:scale(.95)}body.light-mode .avatar-container,body[data-theme=light] .avatar-container{background:#fff;border-color:#dee2e6}body.light-mode .avatar-initials,body[data-theme=light] .avatar-initials{color:#fff}body.light-mode .avatar-dropdown-menu,body[data-theme=light] .avatar-dropdown-menu{background:#fff;border-color:#dee2e6;color:#333}body.light-mode .avatar-dropdown-item,body[data-theme=light] .avatar-dropdown-item{color:#333}body.light-mode .avatar-dropdown-item:hover,body[data-theme=light] .avatar-dropdown-item:hover{background:#f8f9fa}@media(max-width:768px){.avatar-group .avatar-container{margin-left:-6px}.avatar-dropdown-menu{right:-10px;min-width:160px}.avatar-dropdown-item{padding:10px 14px;font-size:.9rem}}.admin-kebab-menu{position:relative;margin-left:12px}.admin-menu-toggle{background:transparent;border:none;color:var(--text-secondary, #888);font-size:16px;padding:8px;border-radius:4px;cursor:pointer;transition:all .2s ease}.admin-menu-toggle:hover{color:var(--text-primary, #ffffff);background:var(--hover-bg, rgba(255, 255, 255, .1))}.admin-menu-dropdown{position:absolute;top:100%;right:0;background:var(--panel-bg, #2c2c2e);border:1px solid var(--border-color, #3c3c3e);border-radius:8px;box-shadow:0 4px 12px #0000004d;z-index:1000;min-width:180px;opacity:1;transform:translateY(0);transition:all .2s ease}.admin-menu-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, #ffffff);cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid var(--border-color, #3c3c3e)}.admin-menu-item:last-child{border-bottom:none}.admin-menu-item:hover{background:var(--hover-bg, rgba(255, 255, 255, .1))}.admin-menu-item i{width:16px;text-align:center;color:var(--accent-color, #00c4d9)}.admin-menu-item span{font-size:14px;font-weight:500}@media(max-width:768px){.admin-kebab-menu{margin-left:8px}.admin-menu-dropdown{right:-8px;min-width:160px}.admin-menu-item{padding:10px 14px}.admin-menu-item span{font-size:13px}}.segmented-controller{position:relative;display:inline-flex;align-items:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:22px;padding:3px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:sticky;top:16px;z-index:10;--segment-height: 38px;--container-height: 44px;--border-radius: 22px;--indicator-border-radius: 19px;--active-segment-index: 0;--indicator-position: 0%;--segment-width: 50%;height:var(--container-height);min-width:320px}.segmented-controller:before{content:"";position:absolute;top:6px;left:calc(var(--indicator-position) + 6px);width:calc(var(--segment-width) - 12px);height:calc(var(--container-height) - 6px);background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:var(--indicator-border-radius);box-shadow:0 2px 8px #0003,0 1px 2px #00000026,inset 0 1px #ffffff4d;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}.segmented-item{position:relative;z-index:2;flex:1;background:transparent;border:none;color:var(--text-secondary, rgba(255, 255, 255, .7));font-size:14px;font-weight:600;padding:12px 16px;border-radius:var(--indicator-border-radius);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .3s cubic-bezier(.4,0,.2,1);user-select:none;-webkit-user-select:none;outline:none}.segmented-item:hover{color:var(--text-primary, rgba(255, 255, 255, .9));transform:scale(1.02)}.segmented-item.active{color:#000}.segmented-item:focus-visible{outline:2px solid var(--accent-color, #007AFF);outline-offset:2px;border-radius:var(--indicator-border-radius)}.segmented-item:disabled{opacity:.5;cursor:not-allowed}.segmented-item i{font-size:14px;flex-shrink:0}.segmented-item .segment-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.segmented-controller-small{--segment-height: 30px;--container-height: 36px;--border-radius: 18px;--indicator-border-radius: 15px;min-width:240px}.segmented-controller-small .segmented-item{font-size:13px;padding:8px 12px}.segmented-controller-small .segmented-item i{font-size:12px}.segmented-controller-large{--segment-height: 46px;--container-height: 52px;--border-radius: 26px;--indicator-border-radius: 23px;min-width:400px}.segmented-controller-large .segmented-item{font-size:16px;padding:16px 20px}.segmented-controller-large .segmented-item i{font-size:16px}.segmented-controller-light,body.light-theme .segmented-controller,body[data-theme=light] .segmented-controller{background:#00000014;border:1px solid rgba(0,0,0,.12)}.segmented-controller-light:before,body.light-theme .segmented-controller:before,body[data-theme=light] .segmented-controller:before{background:linear-gradient(135deg,#fffffff2,#ffffffe6);box-shadow:0 2px 8px #0000001a,0 1px 2px #0000000f,inset 0 1px #ffffff4d}.segmented-controller-light .segmented-item,body.light-theme .segmented-controller .segmented-item,body[data-theme=light] .segmented-controller .segmented-item{color:var(--text-secondary, rgba(0, 0, 0, .6))}.segmented-controller-light .segmented-item:hover,body.light-theme .segmented-controller .segmented-item:hover,body[data-theme=light] .segmented-controller .segmented-item:hover{color:var(--text-primary, rgba(0, 0, 0, .9))}.segmented-controller-light .segmented-item.active,body.light-theme .segmented-controller .segmented-item.active,body[data-theme=light] .segmented-controller .segmented-item.active{color:#000}@media(max-width:768px){.segmented-controller{width:100%;max-width:320px;--container-height: 40px;--segment-height: 34px}.segmented-item{font-size:13px;padding:10px 12px}.segmented-controller-small{min-width:200px}.segmented-controller-large{min-width:320px}}@media(max-width:480px){.segmented-controller{min-width:240px;--container-height: 36px;--segment-height: 30px}.segmented-item{font-size:12px;padding:8px 10px;gap:4px}.segmented-item i{font-size:12px}}.segmented-controller.disabled{opacity:.5;pointer-events:none}@media(prefers-contrast:high){.segmented-controller{border-width:2px}.segmented-controller:before{box-shadow:0 0 0 2px #0000004d,0 2px 8px #0000004d}.segmented-item.active{font-weight:800}}@media(prefers-reduced-motion:reduce){.segmented-controller:before,.segmented-item{transition:none}}.feature-matrix-modal{position:fixed;inset:0;background:var(--panel-bg);z-index:10000;display:block;opacity:1;visibility:visible;overflow-y:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box}.feature-matrix-modal .modal-content{background:var(--panel-bg);border:none;border-radius:0;width:100%;height:100vh;overflow:hidden;position:relative;color:var(--text-primary);display:flex;flex-direction:column}.feature-matrix-modal .modal-header{padding:2rem;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:.5rem;background:var(--panel-bg);z-index:1}.feature-matrix-modal .modal-header h2{margin:0;color:var(--text-primary);font-size:1.5rem;font-weight:600}.feature-matrix-modal .modal-subtitle{margin:0;color:var(--text-secondary);font-size:.95em}.feature-matrix-modal .modal-close-btn{position:absolute;top:2rem;right:2rem;background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:50%;transition:background-color .2s}.feature-matrix-modal .modal-close-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.feature-matrix-modal .modal-body{padding:2rem;overflow-y:auto;flex:1;background:var(--panel-bg)}.feature-matrix{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:1px;background:var(--border-color);border-radius:12px;overflow:hidden;margin-bottom:2rem;box-shadow:0 4px 12px #0000001a}.matrix-header{display:contents}.matrix-cell{background:var(--panel-bg);padding:1rem;display:flex;align-items:center;justify-content:center;min-height:60px}.matrix-cell.feature-name{background:var(--accent-color);color:#fff;font-weight:600;font-size:1.1em}.role-header{background:rgba(var(--accent-color-rgb),.1);flex-direction:column;gap:.5rem;border-bottom:2px solid var(--accent-color);padding:1.5rem 1rem}.role-icon{font-size:1.2em}.role-name{font-size:1em;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.feature-row{display:contents}.feature-info{background:rgba(var(--accent-color-rgb),.05);padding:1.5rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid var(--border-color)}.feature-icon{font-size:1.5em;min-width:40px;text-align:center}.feature-details h3{margin:0 0 .25rem;color:var(--text-primary);font-size:1.1em;font-weight:600}.feature-details p{margin:0;color:var(--text-secondary);font-size:.9em;line-height:1.4}.sub-features,.sub-feature-row{display:contents}.sub-feature-info{background:var(--panel-bg);padding:1rem 1.5rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid rgba(var(--border-color-rgb),.5);border-left:3px solid var(--accent-color);margin-left:1rem;font-size:.95em;color:var(--text-secondary)}.sub-feature-icon{color:var(--accent-color);font-weight:700;min-width:20px}.permission-toggle{position:relative;display:inline-block;width:50px;height:24px;cursor:pointer}.permission-toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--inactive-bg, #ccc);transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 1px 3px #0003}.permission-toggle input:checked+.toggle-slider{background-color:var(--accent-color)}.permission-toggle input:checked+.toggle-slider:before{transform:translate(26px)}.permission-toggle:hover .toggle-slider{box-shadow:0 0 0 4px rgba(var(--accent-color-rgb),.2)}.permission-toggle.indeterminate .toggle-slider{background:linear-gradient(90deg,var(--accent-color) 50%,#ccc 50%)}.permission-toggle.indeterminate .toggle-slider:before{transform:translate(13px);background:linear-gradient(45deg,var(--accent-color) 50%,white 50%);border:2px solid white;box-shadow:0 1px 3px #0000004d}.permission-toggle.indeterminate:hover .toggle-slider{box-shadow:0 0 0 4px #ffa5004d}.feature-matrix-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem;border-top:1px solid var(--border-color)}.btn-primary{background:var(--accent-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;font-size:.95em}.btn-primary:hover{background:var(--accent-color-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--accent-color-rgb),.3)}.btn-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);padding:.75rem 1.5rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;font-size:.95em}.btn-secondary:hover{background:var(--hover-bg);color:var(--text-primary);border-color:var(--accent-color)}@media(max-width:1200px){.feature-matrix{grid-template-columns:2fr 120px 120px 120px 120px}.feature-details p{display:none}}@media(max-width:768px){.upgrade-banner-content{display:flex;flex-direction:column}.feature-matrix-modal .modal-body{padding:1rem}.feature-matrix{grid-template-columns:1.5fr 80px 80px 80px 80px;font-size:.9em}.role-header{padding:1rem .5rem}.role-name{font-size:.75em}.feature-info{padding:1rem}.sub-feature-info{padding:.75rem 1rem;margin-left:.5rem}.feature-matrix-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%;justify-content:center}}body[data-theme=light] .feature-matrix-modal,body[data-theme=light] .feature-matrix-modal .modal-content,body[data-theme=light] .feature-matrix-modal .modal-header,body[data-theme=light] .feature-matrix-modal .modal-body,body[data-theme=light] .matrix-cell{background:#fff}body[data-theme=light] .feature-info{background:rgba(var(--accent-color-rgb),.03)}body[data-theme=light] .sub-feature-info{background:#fafafa}body[data-theme=light] .toggle-slider{background-color:#cbd5e0}body[data-theme=light] .permission-toggle input:checked+.toggle-slider{background-color:var(--accent-color)}.subscription-indicator{position:absolute;top:0;right:0;width:24px;height:24px;border-radius:0 0 0 8px;background:linear-gradient(135deg,#ff6b6b,#ee5a52);display:flex;align-items:center;justify-content:center;font-size:16px;z-index:10;pointer-events:none;box-shadow:0 2px 4px #0003}.upgrade-banner{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:16px 20px;margin:0 0 20px;border-radius:8px;box-shadow:0 4px 12px #667eea4d;position:relative;overflow:hidden;width:100%;box-sizing:border-box}.upgrade-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.upgrade-banner-content-left{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;text-align:center}.upgrade-banner-content{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:1}.upgrade-banner-content i.fa-crown{font-size:18px;color:gold;margin-right:8px}.upgrade-banner-content span{flex:1;font-weight:500;font-size:14px}.upgrade-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,gold,orange);color:#000;border:none;border-radius:6px;font-weight:600;font-size:12px;cursor:pointer;transition:all .3s ease;white-space:nowrap;flex-shrink:0}.upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffd70066}.feature-disabled{pointer-events:none!important;opacity:.4!important;transition:opacity .2s ease}.combined-panel{position:fixed;top:0;right:-100%;width:100%;max-width:40%;height:100vh;background-color:var(--container-bg);padding:32px 120px 8px 24px;border-radius:8px 0 0 8px;box-shadow:-6px 0 20px #0006;z-index:var(--z-combined-panel);border:none;transition:right .4s cubic-bezier(.34,1.56,.64,1),opacity .3s ease-out,box-shadow .3s ease-out;opacity:0;visibility:visible;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;flex-direction:column;will-change:right,opacity}.combined-panel:not(.hidden){right:0;opacity:1;box-shadow:-8px 0 30px #00000080}.combined-panel.hidden{right:-100%;opacity:0;visibility:hidden;transition:right .3s cubic-bezier(.55,.055,.675,.19),opacity .2s ease-in,visibility 0s linear .3s,z-index 0s linear .3s;pointer-events:none;z-index:-1}.panel-content{display:none;height:auto;flex:1;width:100%;box-sizing:border-box;-webkit-overflow-scrolling:touch}.panel-content.active{display:block;z-index:var(--z-combined-panel)}.outer-ring-controls{margin-bottom:12px;display:block}.segment-outline-controls{margin-bottom:120px}.chase-ring-controls{margin-bottom:12px}.setting-item{background:#ffffff0d;border-radius:12px;padding:1rem;margin-bottom:.75rem;transition:all .2s ease;position:relative;overflow:hidden;box-sizing:border-box}#activate-lights-container{margin-top:16px}.parent-item{background:none!important;padding:0!important}.sub-parent-group{background:#ffffff0d;border-radius:12px;padding:1rem;transition:all .2s ease;position:relative;overflow:hidden;box-sizing:border-box}.sub-parent-child{background:#0000001a;border-radius:12px;padding:1rem;transition:all .2s ease;position:relative;overflow:hidden;box-sizing:border-box}#gradientBackgroundControls .color-picker-item{width:100%;padding:16px;gap:0px;max-height:100px;z-index:0!important}.text-color-group{display:flex;flex-direction:row;gap:16px}.custom-background-container{display:flex;flex-direction:column}.custom-text-color-controls{display:none;flex-direction:column;gap:16px;margin-top:16px}.background-color-group{display:flex;flex-direction:row;gap:16px}.setting-item-container{display:flex;flex-direction:column;background:#ffffff0d;border-radius:12px;padding:8px;overflow:hidden;box-sizing:border-box}.setting-item:last-child{margin-bottom:0}.setting-item-title{font-size:1em;font-weight:400;margin-bottom:8px;color:var(--text-primary);padding:0;line-height:1.4;display:block;text-align:left}.setting-item-description{font-size:.875em;color:var(--text-secondary);margin-bottom:12px;line-height:1.4;opacity:.8}.sorter-bulk-input-section{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.sorter-bulk-textarea{width:100%;min-height:120px;padding:16px;background:var(--input-bg);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-primary);font-size:.95rem;resize:vertical;font-family:inherit}.sorter-bulk-textarea:focus{outline:none;border-color:var(--accent-color)}.sorter-actions-wrapper .btn-primary,.sorter-actions-wrapper .button-secondary{flex:1 1 auto;min-width:120px;padding:12px 20px;font-size:.95rem;font-weight:600}.sorter-actions-wrapper .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.sorter-actions-wrapper .button-secondary{background:var(--input-bg);border:1px solid rgba(255,255,255,.2);color:var(--text-primary)}.sorter-actions-wrapper .button-secondary:hover{background:#ffffff1a;border-color:var(--accent-color)}.setting-item.toggle-item .switch{flex-shrink:0;margin-left:auto;top:4px}.setting-item.color-picker-item{padding:1rem}.color-value-container{display:flex;justify-content:flex-start;align-items:flex-start;gap:0px;display:none;min-width:0}.mobile-title-edit-modal{display:none}.setting-item.slider-item{padding:1rem}.setting-item select,.setting-item input[type=text],.setting-item input[type=number]{width:100%;margin-top:.25rem;box-sizing:border-box}body.light-theme .setting-item,body[data-theme=light] .setting-item{background:#00000005;border-color:#e5e7eb}@media(max-width:768px){.setting-item{padding:.875rem 1rem;border-radius:10px;margin-bottom:.5rem}.settings-group{position:relative;overflow:visible;padding:0;gap:16px}}.pill-navigation{display:flex;justify-content:flex-start;margin-bottom:20px;padding:5px;position:relative;width:100%;max-width:640px;margin-left:auto;margin-right:auto;z-index:1}.pill-button{flex:1;padding:10px 15px;background-color:var(--button-secondary-bg);color:var(--text-secondary);border:none;border-radius:20px;cursor:pointer;font-size:.9em;font-weight:500;margin:0 2.5px;transition:background-color .2s,color .2s;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative}.pill-button:hover{background-color:var(--button-secondary-hover);color:var(--text-primary)}.pill-button.active{background-color:var(--accent-color);color:var(--text-on-accent)}.outcomes-controls-wrapper{margin-bottom:20px}.add-outcome-wrapper{display:flex;gap:8px;width:calc(100% - 16px);margin:16px 0;box-sizing:border-box}.outcome-input{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:4px;background-color:var(--input-bg);color:var(--text-primary);font-size:1em;transition:border-color .2s}.outcome-input:focus{border-color:var(--accent-color);outline:none}.action-buttons-wrapper{display:flex;gap:10px;margin-bottom:20px}.outcome-action-btn,.outcomes-menu-icon{display:flex;align-items:center;justify-content:center;padding:8px;border:none;border-radius:6px;background-color:var(--button-secondary-bg);color:var(--text-primary);cursor:pointer;font-size:.9em;transition:all .2s;width:44px;height:44px;min-height:100%}.outcomes-menu-icon{background:var(--accent-color)}.outcome-action-btn:hover{background-color:var(--button-secondary-hover);border-color:var(--accent-color)}.outcome-action-btn.active{background-color:var(--accent-color);color:var(--text-on-accent);border-color:var(--accent-color)}.settings-action-btn{position:relative;overflow:hidden!important}.settings-action-btn.has-active-setting:after{content:"✔";position:absolute;bottom:0;right:0;width:20px;height:20px;background:var(--accent-color)!important;border-radius:1px;clip-path:polygon(100% 100%,100% 0,0 100%);display:flex;align-items:flex-end;justify-content:flex-end;padding:0 5px 2px 0;font-size:10px;font-weight:900;color:#000c;line-height:1;box-shadow:-2px -2px 4px #00000026;z-index:10}.settings-action-btn:hover.has-active-setting:after{background:#f66}.color-picker-controls{display:flex;align-items:center;justify-content:space-between;gap:12px}.color-value-hash{font-family:monospace;font-size:1em;color:var(--text-secondary);font-weight:600}.color-value-input{width:90px;padding:10px 12px;border:2px solid var(--border-color);border-radius:6px;background:var(--surface-color, #ffffff);color:var(--text-primary);font-family:monospace;font-size:1em;font-weight:600;text-align:center;text-transform:uppercase;transition:all .2s ease;box-shadow:inset 0 1px 3px #0000001a}.color-value-input:focus{outline:none;border-color:var(--accent-color, #3b82f6);box-shadow:0 0 0 3px #3b82f61a,inset 0 1px 3px #0000001a;background:#fff}.color-value-input:hover{border-color:var(--accent-color, #3b82f6);background:#fff}.color-value-display{font-family:monospace;font-size:.9em;color:var(--text-secondary);background:var(--input-bg);padding:6px 8px;border-radius:4px;text-align:center;min-width:80px}@media(max-width:768px){.color-value-input{display:none}.color-value-display{display:block}}@media(min-width:769px){.color-value-display{display:none}.color-value-input{display:block}}.segment-colors-container{display:flex;flex-direction:column;gap:10px;margin-top:10px}.segment-color-item{display:flex;align-items:center;gap:10px;padding:8px;background-color:var(--input-bg);border-radius:6px}.segment-color-input{width:32px;height:32px;border:none;border-radius:4px;cursor:pointer}.segment-color-remove{background:none;border:none;color:var(--text-error, #f44336);cursor:pointer;font-size:14px;padding:4px;border-radius:4px;transition:background-color .2s}.segment-color-remove:hover{background-color:var(--hover-bg)}.color-theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;min-height:300px}.color-theme-row{position:relative;background:#ffffff08;border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:12px;cursor:pointer;transition:all .3s ease}.color-theme-row:hover{transform:translateY(-4px);border-color:var(--accent-color);box-shadow:0 8px 24px #00c4d933;background:#ffffff0d}.color-theme-row.selected{border-color:var(--accent-color);background:linear-gradient(135deg,#00c4d91a,#00c4d90d)}.color-theme-row.selected:after{content:"✓";position:absolute;top:8px;left:8px;width:24px;height:24px;background:var(--accent-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;z-index:2}.color-theme-name{font-weight:600;color:var(--text-primary);font-size:1em;text-align:center;margin-bottom:4px}.swatch-preview-container{width:100%;height:140px;border-radius:8px;margin-bottom:12px;display:flex;align-items:center;justify-content:center;position:relative;border:2px solid rgba(255,255,255,.1)}.saved-swatch-actions{display:flex;flex-direction:row;gap:6px;justify-content:center;align-items:center}.saved-swatch-action-btn{width:24px;height:24px;border-radius:4px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:10px;position:relative}.saved-swatch-action-btn:hover{background:#00c4d926;border-color:var(--accent-color);transform:scale(1.05)}.saved-swatch-action-btn:active{transform:scale(.95)}.saved-swatch-action-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.saved-swatch-action-btn.has-changes{background:#ffc10733;border-color:#ffc10780}.saved-swatch-action-btn.has-changes:hover{background:#ffc1074d;border-color:#ffc107}.saved-swatch-action-delete{color:#ff6b6b!important}.saved-swatch-action-delete:hover{background:#ff6b6b26!important;border-color:#ff6b6b80!important}.saved-swatch-action-delete:active{background:#ff6b6b40!important}.saved-swatch-actions.has-unsaved-changes:before{content:"";position:absolute;top:-4px;right:-4px;width:8px;height:8px;background:#ffc107;border-radius:50%;border:1px solid rgba(0,0,0,.8);z-index:10}@media(max-width:768px){.color-theme-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.color-theme-row{padding:10px}.color-theme-name{font-size:.9em}.swatch-preview-container{height:100px}}@media(max-width:480px){.color-theme-grid{grid-template-columns:1fr 1fr}}.color-theme-swatches-inline{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;flex-shrink:0}.color-theme-swatches-inline .swatch-grid-color,.color-theme-swatches-inline .swatch-grid-color:hover,.color-theme-swatches-inline .swatch-grid-color:active,.color-theme-swatches-inline .saved-swatch,.color-theme-swatches-inline .saved-swatch:hover,.color-theme-swatches-inline .saved-swatch:active,.color-theme-swatches-inline .saved-swatch.editable:hover,.swatch-grid-color,.swatch-grid-color:hover,.swatch-grid-color:active,.saved-swatch,.saved-swatch:hover,.saved-swatch:active,.saved-swatch.editable:hover,.color-theme-row.edit-mode .saved-swatch.editable:hover{transform:none!important;scale:1!important;box-sizing:border-box!important}.swatch-grid-color{min-width:100%;aspect-ratio:1;border-radius:4px;border:1px solid rgba(255,255,255,.2);transition:border-color .2s ease,box-shadow .2s ease;cursor:pointer;box-sizing:border-box}.swatch-grid-color:hover{border-color:#ffffff80;box-shadow:0 2px 8px #0003}.swatch-card-menu-container{position:absolute;top:8px;right:8px;z-index:10}.swatch-card-menu-btn{background:#000000b3;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--text-primary);opacity:0}.color-theme-row:hover .swatch-card-menu-btn{opacity:1}.swatch-card-menu-btn:hover{background:#000000e6;border-color:var(--accent-color);transform:scale(1.05)}.swatch-card-menu-btn i{font-size:14px}.swatch-card-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;background:#14141efa;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 8px 32px #00000080;min-width:180px;z-index:1000;overflow:hidden}.swatch-card-dropdown-menu.hidden{display:none}.swatch-card-dropdown-item{width:100%;padding:12px 16px;background:transparent;border:none;color:var(--text-primary);font-size:.9em;text-align:left;cursor:pointer;display:flex;align-items:center;gap:12px;transition:background .15s ease}.swatch-card-dropdown-item:hover{background:#00c4d91a}.swatch-card-dropdown-item i{font-size:1em;width:16px;text-align:center}.swatch-card-dropdown-item.delete-item{color:#ff6b6b}.swatch-card-dropdown-item.delete-item:hover{background:#ff6b6b1a}.swatch-card-menu-btn.has-unsaved-changes{background:#ffc10733;border-color:#ffc10780}.swatch-card-menu-btn.has-unsaved-changes:before{content:"";position:absolute;top:4px;right:4px;width:8px;height:8px;background:#ffc107;border-radius:50%;border:1px solid rgba(0,0,0,.8);z-index:10}.swatch-card-menu-btn.has-unsaved-changes:hover{background:#ffc1074d;border-color:#ffc107}.swatch-card-dropdown-item:disabled,.swatch-card-dropdown-item[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.premium-section-banner{grid-column:1 / -1;background:linear-gradient(135deg,#ffd7001a,#ffa5001a);border:2px solid rgba(255,215,0,.3);border-radius:12px;padding:16px 20px;margin:8px 0;transition:all .3s ease}.premium-section-banner:hover{border-color:#ffd70080;box-shadow:0 4px 12px #ffd70026}.premium-banner-content{display:flex;align-items:center;justify-content:space-between;gap:16px}.premium-banner-left{display:flex;align-items:center;gap:12px;flex:1}.premium-banner-left>i{font-size:24px;color:gold;flex-shrink:0}.premium-banner-text{display:flex;flex-direction:column;gap:2px}.premium-banner-title{font-size:1em;font-weight:600;color:var(--text-primary);line-height:1.3}.premium-banner-subtitle{font-size:.875em;color:var(--text-secondary);line-height:1.3}.premium-banner-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,gold,orange);color:#000;border:none;border-radius:8px;font-weight:600;font-size:.9em;cursor:pointer;transition:all .3s ease;white-space:nowrap;flex-shrink:0}.premium-banner-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffd70066}.premium-banner-btn i{font-size:.9em}@media(max-width:768px){.premium-section-banner{padding:14px 16px}.premium-banner-content{flex-direction:column;align-items:flex-start;gap:12px}.premium-banner-btn{width:100%;justify-content:center}.premium-banner-title{font-size:.95em}.premium-banner-subtitle{font-size:.8em}}@media(max-width:480px){.premium-banner-left>i{font-size:20px}.premium-section-banner{padding:12px 14px}}.alternating-colors-swatch-grid{display:none;flex-wrap:wrap;gap:8px;margin:12px 0;padding:12px;background:#ffffff08;border-radius:8px;border:1px solid var(--border-light);max-width:100%;overflow:hidden}.alternating-colors-swatch-grid.visible{display:flex!important}.alternating-color-swatch{width:32px;height:32px;border-radius:6px;border:2px solid rgba(255,255,255,.3);cursor:pointer;transition:all .3s ease;position:relative;display:flex;align-items:center;justify-content:center}.alternating-color-swatch:hover{transform:scale(1.1);border-color:#fff9;box-shadow:0 4px 12px #0000004d}.alternating-color-swatch.selected{opacity:1;border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-color-subtle)}.alternating-color-swatch.unselected{opacity:.2;border-color:#ffffff1a}.alternating-color-swatch.unselected:hover{opacity:.5;border-color:#ffffff4d}.alternating-colors-count-info{font-size:.875rem;color:var(--text-secondary);text-align:center;margin-top:8px}.alternating-colors-count-info span{font-weight:600;color:var(--accent-color)}.user-colors-section{margin-top:20px}.user-colors-section.hidden{display:none}.user-colors-title{font-size:1.1em;font-weight:600;color:var(--text-primary);margin:0 0 15px}.user-colors-controls-wrapper{margin-bottom:16px}.user-colors-header{display:flex;align-items:center;flex:1}.user-colors-title{font-size:1.1em;font-weight:600;color:var(--text-primary);margin:0}.action-buttons-wrapper{display:flex;justify-content:space-between;align-items:center;gap:12px}.no-user-colors-message{text-align:center;padding:40px 20px;color:var(--text-secondary);font-style:italic;display:none}.no-user-colors-message i{font-size:2em;margin-bottom:12px;opacity:.6}.no-user-colors-message p{margin:0;font-size:.9em;line-height:1.4}#userSwatchesSection.active .no-user-colors-message{display:block!important}#userColorThemeGrid .color-theme-row{background:rgba(var(--accent-color-rgb),.05);border:1px dashed var(--accent-color);position:relative}#userColorThemeGrid .color-theme-row:hover{background:rgba(var(--accent-color-rgb),.1);border-color:var(--accent-color)}.user-theme-delete-btn{position:absolute;top:8px;right:8px;background:#dc3545cc;color:#fff;border:none;border-radius:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;opacity:0;transition:all .2s ease;z-index:2}.user-theme-delete-btn:hover{background:#dc3545;transform:scale(1.1)}#userColorThemeGrid .color-theme-row:hover .user-theme-delete-btn{opacity:1}.color-theme-row.premium-disabled{opacity:.6;cursor:not-allowed;position:relative}.color-theme-row.premium-disabled:hover{transform:none;border-color:#ffffff1a;box-shadow:none;background:#ffffff08}.color-theme-row.pro-disabled:after{content:"";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;top:16px;left:16px;width:32px;height:32px;background:#000;backdrop-filter:blur(10px);border-radius:6px 0 16px;display:flex;align-items:center;justify-content:center;font-size:14px;color:gold;z-index:2}.color-theme-row.premium-disabled:after{content:"";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;top:16px;left:16px;width:32px;height:32px;background:#000;backdrop-filter:blur(10px);border-radius:6px 0 16px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;z-index:2}.color-theme-row.premium-disabled .swatch-grid-color,.color-theme-row.pro-disabled .swatch-grid-color{opacity:.7}.color-theme-row.premium-disabled .swatch-grid-color:hover{transform:none;border-color:#fff3;box-shadow:none}.swatches-section{display:none}.swatches-section.active,#userSwatchesSection.active,#userSwatchesSection.active .user-colors-section{display:block!important;visibility:visible!important;opacity:1!important}.saved-swatch{width:24px;height:24px;border-radius:4px;border:1px solid rgba(255,255,255,.3);transition:all .2s ease;position:relative;cursor:pointer}.saved-swatch:hover{transform:scale(1.05);border:2px solid rgba(255,255,255,.6);box-shadow:0 2px 6px #0003}.saved-swatch.editable{cursor:pointer}.saved-swatch.editable:hover{transform:scale(1.1);border:2px solid rgba(0,123,255,.8);box-shadow:0 0 8px #007bff66}.color-theme-row.edit-mode{background:#007bff0d;border:2px solid rgba(0,123,255,.3);border-radius:8px;padding:12px;margin:8px 0;transition:all .3s ease;display:flex;flex-direction:column;gap:12px}.color-theme-row.edit-mode .color-theme-name{order:1;text-align:left;font-weight:600;font-size:14px;margin:0}.editable-title{cursor:pointer;text-align:left;width:100%;padding:4px 8px;border-radius:4px;transition:all .2s ease;border:1px solid transparent}.editable-title:hover{background:#007bff1a;border:1px solid rgba(0,123,255,.3)}.editable-title.editing{background:#007bff0d;border:1px solid rgba(0,123,255,.5)}.title-edit-input{width:calc(100% + 16px);margin:-4px -8px;background:var(--input-bg, #2a2a2a);border:2px solid rgba(0,123,255,.8);border-radius:4px;padding:4px 8px;font-size:14px;font-weight:600;color:var(--text-color, #ffffff);outline:none;box-shadow:0 0 0 2px #007bff33;text-align:left;box-sizing:border-box;display:block}.list-editing-title-section{margin-bottom:16px;padding:8px 0;border-bottom:1px solid var(--border-color, #333)}.list-editing-title-section.hidden{display:none}.editing-list-name{font-size:16px;font-weight:600;color:var(--text-color, #ffffff);margin:0;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease;border:2px solid transparent;background:transparent;text-align:left;word-break:break-word}.editing-list-name:hover{background:var(--hover-bg, rgba(255, 255, 255, .05));border-color:var(--border-color, #333)}.editing-list-name.editing{background:var(--input-bg, #2a2a2a);border-color:#007bffcc;box-shadow:0 0 0 2px #007bff33}.list-editing-status{font-size:12px;color:var(--text-muted, #888);font-weight:500;padding-left:8px}.list-editing-status.has-changes{color:var(--warning-color, #ffa500)}.list-editing-status.has-changes:before{content:"● ";color:var(--warning-color, #ffa500)}.list-editing-actions{display:grid;grid-template-columns:repeat(2,32px);grid-template-rows:repeat(2,32px);gap:8px;flex-shrink:0}.list-action-btn{width:32px;height:32px;border:1px solid var(--border-color, #333);border-radius:6px;background:var(--button-bg, #2a2a2a);color:var(--text-color, #ffffff);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:14px;position:relative}.list-action-btn:hover:not(:disabled){background:var(--button-hover-bg, #3a3a3a);border-color:var(--button-hover-border, #555);transform:translateY(-1px)}.list-action-btn:active:not(:disabled){transform:translateY(0)}.list-action-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--button-disabled-bg, #1a1a1a);border-color:var(--button-disabled-border, #222)}.list-save-btn:not(:disabled){background:var(--success-bg, #28a745);border-color:var(--success-border, #1e7e34);color:#fff}.list-save-btn:hover:not(:disabled){background:var(--success-hover, #218838);border-color:var(--success-hover-border, #1c7430)}.list-undo-btn:not(:disabled){background:var(--warning-bg, #ffc107);border-color:var(--warning-border, #e0a800);color:var(--dark-text, #000)}.list-undo-btn:hover:not(:disabled){background:var(--warning-hover, #e0a800);border-color:var(--warning-hover-border, #d39e00)}.list-duplicate-btn{background:var(--info-bg, #17a2b8);border-color:var(--info-border, #138496);color:#fff}.list-duplicate-btn:hover{background:var(--info-hover, #138496);border-color:var(--info-hover-border, #117a8b)}.list-clear-btn{background:var(--danger-bg, #dc3545);border-color:var(--danger-border, #c82333);color:#fff}.list-clear-btn:hover{background:var(--danger-hover, #c82333);border-color:var(--danger-hover-border, #bd2130)}.list-name-edit-input{width:100%;background:var(--input-bg, #2a2a2a);border:2px solid rgba(0,123,255,.8);border-radius:4px;padding:4px 8px;font-size:16px;font-weight:600;color:var(--text-color, #ffffff);outline:none;box-shadow:0 0 0 2px #007bff33;text-align:left;box-sizing:border-box;margin:0}.title-edit-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff4d}.color-theme-row.edit-mode .theme-content-row{order:2;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:16px}.saved-theme-content-row{display:flex;align-items:flex-start;flex-direction:row;justify-content:space-between;gap:16px;padding:0;margin:0;width:100%}.color-theme-row.edit-mode .color-theme-swatches-inline{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;flex-shrink:0}.saved-swatches-container{display:grid;grid-template-columns:repeat(4,1fr);gap:4px!important;border:rgba(0,123,255,.05);flex-shrink:0;padding:0;margin:0;max-width:124px}.color-theme-row.edit-mode .swatch-edit-actions{margin:0;padding:0;border:none;flex-shrink:0;align-self:flex-start}.color-theme-row.edit-mode .saved-swatch.editable:hover{transform:scale(1.15);border:2px solid rgba(0,123,255,.8);box-shadow:0 0 12px #007bff66}.edit-actions-wrapper{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:4px;justify-items:center;max-width:80px;margin:0 auto}.swatch-action-btn{border:.5px solid rgba(255,255,255,.5);width:24px;height:24px;padding:4px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.swatch-save-btn{background:#28a745;color:#fff}.swatch-save-btn:hover:not(:disabled){background:#218838;transform:translateY(-1px);box-shadow:0 4px 8px #28a7454d}.swatch-save-btn.has-changes{background:#28a745;box-shadow:0 0 0 2px #28a7454d}.swatch-undo-btn{background:#ffc107;color:#212529}.swatch-undo-btn:hover:not(:disabled){background:#e0a800;transform:translateY(-1px);box-shadow:0 4px 8px #ffc1074d}.swatch-undo-btn.has-changes{background:#ffc107;box-shadow:0 0 0 2px #ffc1074d}.swatch-duplicate-btn{background:#6c757d;color:#fff}.swatch-duplicate-btn:hover{background:#5a6268;transform:translateY(-1px);box-shadow:0 4px 8px #6c757d4d}.swatch-delete-btn{background:#dc3545;color:#fff}.swatch-delete-btn:hover{background:#c82333;transform:translateY(-1px);box-shadow:0 4px 8px #dc35454d}.swatch-action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.swatch-action-btn i{font-size:14px;width:24px;height:24px;display:flex;align-items:center;justify-content:center}#themesPanelContent{align-items:flex-start!important}.wheel-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:calc(var(--z-floating-elements) + 10);display:none;opacity:0;transition:opacity .3s ease;pointer-events:none}.wheel-overlay:before{content:"";position:absolute;bottom:15px;left:15px;width:66px;height:66px;pointer-events:none;z-index:1}.combined-panel:not(.hidden)~#mainContentWrapper .wheel-overlay{display:block;opacity:1}.action-group{position:absolute;top:20px;left:0;right:0;display:flex;justify-content:space-between;padding:0 20px;z-index:var(--z-floating-elements);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s}.combined-panel:not(.hidden)~.action-group,.combined-panel:not(.hidden)+.action-group,body.panel-open .action-group{opacity:1;visibility:visible}body.panel-open nav,body.panel-open .bottom-navigation,body.panel-open footer,body.panel-open .show-results-btn,body.panel-open .app-nav-list{display:none}body.panel-open .ad-unit,body.panel-open .adsense,body.panel-open .google-ads,body.panel-open #ad-container,body.panel-open .ad-banner,body.panel-open .ad-zone,body.panel-open [class*=ad-],body.panel-open [id*=ad-],body.combined-panel-active .ad-unit,body.combined-panel-active .adsense,body.combined-panel-active .google-ads,body.combined-panel-active #ad-container,body.combined-panel-active .ad-banner,body.combined-panel-active .ad-zone,body.combined-panel-active [class*=ad-],body.combined-panel-active [id*=ad-]{display:none!important}.setting-micro-copy{font-size:.8em;color:var(--text-secondary);margin-top:4px;opacity:0;max-height:0;overflow:hidden;transition:all .3s ease}.setting-micro-copy.visible{opacity:1;max-height:100px}.icon-toggle-group{display:flex;gap:8px}.icon-toggle-btn{padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background-color:var(--button-secondary-bg);color:var(--text-primary);cursor:pointer;font-size:.9em;transition:all .2s}.icon-toggle-btn:hover{background-color:var(--button-secondary-hover);border-color:var(--accent-color)}.icon-toggle-btn.active{background-color:var(--accent-color);color:var(--text-on-accent);border-color:var(--accent-color)}.icon-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.icon-toggle-btn:disabled:hover{background-color:var(--button-secondary-bg);border-color:var(--border-color)}@media(max-width:1600px){.combined-panel{max-width:60%}}.mobile-edit-title-icon{position:absolute;top:24px;right:56px;width:32px;height:32px;background:var(--accent-color);border:none;border-radius:4px;color:#fff;font-size:18px;cursor:pointer;z-index:5000;box-shadow:0 2px 8px #0003;transition:all .2s ease;display:none}@media(max-width:768px){:root{--panel-content-right: 0px}.panel-content{width:100%;right:0;padding:0;height:auto;-webkit-overflow-scrolling:touch}.combined-panel{position:fixed;left:0;right:0;top:auto;width:100%;max-width:100%;height:55vh;padding:16px 8px 64px;border-radius:24px 24px 0 0!important}.combined-panel.hidden{bottom:-100vh!important;visibility:hidden}.combined-panel:not(.hidden){bottom:0;visibility:visible}.combined-panel.panel-opening{animation:panelSlideUpSmooth .6s cubic-bezier(.175,.885,.32,1.275) forwards}.combined-panel.panel-closing{animation:panelSlideDownSmooth .6s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes panelSlideUpSmooth{0%{bottom:-100vh}60%{bottom:2vh}to{bottom:0}}@keyframes panelSlideDownSmooth{0%{bottom:0}40%{bottom:-2vh}to{bottom:-100vh}}.combined-panel.expanded{height:95vh!important;bottom:0!important;border-radius:24px 24px 0 0!important;transition:height .6s cubic-bezier(.175,.885,.32,1.275)!important}.combined-panel.expanded .panel-content{height:auto;transition:height .6s cubic-bezier(.175,.885,.32,1.275)}.combined-panel.expanding,.combined-panel.collapsing{transition:height .6s cubic-bezier(.175,.885,.32,1.275)!important;will-change:height}.combined-panel.ios-dragging{transition:none!important;will-change:bottom}.combined-panel.ios-snap-back{transition:bottom .4s cubic-bezier(.25,.46,.45,.94)!important}.combined-panel.ios-dismissing{transition:bottom .5s cubic-bezier(.25,.46,.45,.94)!important}.panel-drag-handle{position:absolute;top:8px;left:50%;transform:translate(-50%);width:40px;height:4px;background:#0000004d;border-radius:2px;cursor:grab;transition:all .2s ease;z-index:10;opacity:.6}.panel-drag-handle:hover,.panel-drag-handle:active{background:#00000080;opacity:1;transform:translate(-50%) scale(1.1)}.panel-drag-handle:active{cursor:grabbing}body.light-theme .panel-drag-handle{background:#0006;opacity:.7}body.light-theme .panel-drag-handle:hover,body.light-theme .panel-drag-handle:active{background:#0009;opacity:1}.combined-panel:before{pointer-events:none}.combined-panel.expanded:before{bottom:5vh}.combined-panel.hidden:before{display:none}.toggle-item label:first-child{flex:1;margin-right:15px}.color-picker-item{flex-direction:row;align-items:center}.outcome-input{font-size:16px}.color-theme-row{flex-direction:column;align-items:center;gap:8px}.color-theme-name{width:100%;margin-bottom:4px;font-size:.9em}.color-theme-swatches-inline{width:100%;justify-content:flex-start}.user-colors-title{font-size:1em}.no-user-colors-message{padding:30px 15px}.no-user-colors-message i{font-size:1.5em}.user-theme-delete-btn{opacity:1;background:#dc3545e6}body.panel-open nav,body.panel-open .bottom-navigation,body.panel-open footer,body.panel-open .app-nav-list{display:none}body.panel-open{overflow:hidden}body.panel-open #wheelVisualWrapper{transform:scale(.7);opacity:.3;pointer-events:none}body.panel-open #wheelContainer{transform:scale(.8);opacity:.4;pointer-events:none}#outcomesPanelContent .setting-item:has(.panel-question-title-wrapper){display:none}.mobile-title-edit-modal{position:fixed;inset:0;background:#000c;z-index:15000;backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:all .3s ease;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.mobile-title-edit-modal.visible{opacity:1;visibility:visible}.mobile-title-edit-modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translateY(24px);background:var(--container-bg);border-radius:16px;padding:24px;max-width:400px;width:calc(100% - 40px);box-shadow:0 8px 32px #0000004d;transition:transform .3s ease}.mobile-title-edit-modal.visible .mobile-title-edit-modal-content{transform:translate(-50%,-50%) translateY(0)}.mobile-title-edit-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.mobile-title-edit-modal-title{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin:0}.mobile-title-edit-modal-close{background:none;border:none;color:var(--text-secondary);font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.mobile-title-edit-modal-close:hover{background:var(--input-bg);color:var(--text-primary)}.mobile-title-edit-modal-input{width:100%;padding:16px;border:2px solid var(--border-color);border-radius:12px;background:var(--input-bg);color:var(--text-primary);font-size:16px;font-family:inherit;outline:none;transition:border-color .2s ease;box-sizing:border-box;margin-bottom:20px}.mobile-title-edit-modal-input:focus{border-color:var(--accent-color)}.mobile-title-edit-modal-actions{display:flex;gap:var(--modal-padding-md, 16px);justify-content:flex-end;margin-top:20px}}body.light-theme .combined-panel,body[data-theme=light] .combined-panel{background-color:#fff;border-left:1px solid #e5e7eb;box-shadow:-6px 0 20px #0000001a}body.light-theme .panel-content,body[data-theme=light] .panel-content{background:none}body.light-theme .pill-button.active,body[data-theme=light] .pill-button.active{background-color:var(--accent-color, #3b82f6);color:#fff}body.light-theme .outcome-action-btn.active,body[data-theme=light] .outcome-action-btn.active,body.light-theme .icon-toggle-btn.active,body[data-theme=light] .icon-toggle-btn.active{background-color:var(--accent-color, #3b82f6);color:#fff;border-color:var(--accent-color, #3b82f6)}body.light-theme .panel-header-wrapper h3,body[data-theme=light] .panel-header-wrapper h3,body.light-theme .settings-group-title,body[data-theme=light] .settings-group-title,body.light-theme .setting-item label,body[data-theme=light] .setting-item label,body.light-theme .toggle-item label,body[data-theme=light] .toggle-item label{color:#1f2937}.panel-question-title-wrapper{border-radius:8px;padding:0;margin-bottom:16px;transition:all .2s ease;position:relative;overflow:hidden}.panel-question-title-wrapper:hover{background:#ffffff14;border-color:var(--accent-color, #3b82f6);box-shadow:0 2px 8px #0000001a}.panel-question-title{width:100%;background:transparent;border:none;padding:1rem 3.5rem 1rem 1.2rem;font-size:1.1em;font-weight:500;color:var(--text-primary);outline:none;resize:none}.panel-question-title::placeholder{color:var(--text-secondary);opacity:.7}body.light-theme .panel-question-title-wrapper,body[data-theme=light] .panel-question-title-wrapper{background:#00000005;border-color:#e5e7eb}body.light-theme .panel-question-title-wrapper:hover,body[data-theme=light] .panel-question-title-wrapper:hover{background:#0000000a;border-color:var(--accent-color, #3b82f6);box-shadow:0 2px 8px #0000000d}.panel-title-input-container{position:relative;display:flex;align-items:center;width:100%;box-sizing:border-box;padding-bottom:0;margin:0}.panel-input-buttons-container{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:8px;z-index:10}.saved-lists-grid{display:flex;flex-direction:column;gap:8px;margin-top:1rem}.no-saved-lists-message{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;height:100%;width:100%;padding:16px;border:1px dashed var(--border-color);border-radius:8px;background:var(--input-bg);color:var(--text-secondary);font-size:.9em;box-sizing:border-box}.add-new-list-cta{display:flex;align-items:center;gap:12px;padding:12px;background:rgba(var(--accent-color-rgb),.08);border:2px dashed var(--accent-color);border-radius:8px;cursor:pointer;transition:all .3s ease;text-decoration:none;color:var(--text-primary)}.add-new-list-cta:hover{background:rgba(var(--accent-color-rgb),.15);border-color:var(--accent-color);transform:translateY(-1px)}.add-new-list-cta .cta-icon{width:40px;height:40px;background:var(--accent-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;flex-shrink:0}.add-new-list-cta .cta-content{flex:1;display:flex;flex-direction:column;gap:2px}.add-new-list-cta .cta-title{font-weight:600;color:var(--accent-color);font-size:.95em;margin:0}.add-new-list-cta .cta-subtitle{color:var(--text-secondary);font-size:.8rem;margin:0}.saved-list-item{display:flex;align-items:center;gap:12px;padding:12px;background:rgba(var(--accent-color-rgb),.05);border:1px dashed var(--accent-color);border-radius:8px;position:relative;cursor:pointer;transition:all .3s ease}.saved-list-item:hover{background:rgba(var(--accent-color-rgb),.1);border-color:var(--accent-color)}.saved-list-item.selected{border-color:var(--accent-color);background:rgba(var(--accent-color-rgb),.15);box-shadow:0 0 12px rgba(var(--accent-color-rgb),.3)}.saved-list-header{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.saved-list-name{font-weight:500;color:var(--text-primary);font-size:.95em;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-list-meta{display:flex;gap:12px;align-items:center;color:var(--text-secondary);font-size:.8rem}.saved-list-count{color:var(--accent-color);font-weight:500}.saved-list-date{color:var(--text-secondary)}.saved-list-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s ease}.saved-list-item:hover .saved-list-actions{opacity:1}.saved-list-actions .button-primary{max-width:28px!important;max-height:28px!important;background:none;border:none;color:var(--text-secondary);cursor:pointer;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:.9rem}.saved-list-actions .delete-list-btn:hover{color:var(--error-color);background:#f443361a}#saveListAlert .form-group{text-align:left}#saveListAlert .modal-title{width:100%!important;line-height:.9!important;height:100%!important}#saveListAlert .form-group label{color:var(--text-primary);font-size:.9em}#saveListAlert #saveListNameInput{border:1px solid var(--border-color);width:100%!important;background:var(--input-bg);color:var(--text-primary);border-radius:6px;padding:10px 12px;font-size:.9em}.alert-box .form-group{width:100%!important}#saveListAlert #saveListNameInput:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px rgba(var(--accent-color-rgb),.2)}#saveListAlert #saveListNameInput::placeholder{color:var(--text-secondary);opacity:.7}.settings-group-title,.sorter-group-title{font-size:1.1em;font-weight:600;color:var(--text-primary);margin:1.5rem 0 .8rem;padding:0 8px;letter-spacing:-.01em;line-height:1.3;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;width:100%!important}.sorter-section-header-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;width:100%;flex-wrap:wrap}.sorter-section-header-left{flex:1 1 auto;min-width:0}.sorter-section-header-right{flex:0 0 auto;display:flex;align-items:center;gap:8px}#sorterItemsListContainer .sorter-section-header-row{box-sizing:border-box}#sorterItemsListContainer .sorter-section-header-left{box-sizing:border-box;width:auto;flex:0 0 auto}#sorterItemsListContainer .sorter-section-header-right{box-sizing:border-box;flex:1 1 auto;display:flex;justify-content:flex-end;align-items:center;gap:16px}#sorterItemsListContainer #saveListBtn,#addBulkSorterItemsBtn{max-width:160px;padding:10px}#sorterItemsListContainer .sorter-actions-wrapper{padding:0!important;border:1px solid red!important;background:none!important;box-shadow:none!important;border-radius:0!important;color:var(--text-primary)!important;font-size:.9em!important;font-weight:600!important;text-align:left!important;text-decoration:none!important}.sorter-section-header-left h4{margin:0;font-size:1.1em;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sorter-actions-wrapper{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.settings-action-btn{width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;background:var(--input-bg);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.settings-action-btn:hover{background:#ffffff1a;border-color:var(--accent-color);color:var(--accent-color)}.settings-action-btn i{font-size:16px}@media(max-width:768px){.sorter-section-header-row{flex-direction:column;align-items:stretch}.sorter-section-header-right{justify-content:flex-end}}.settings-group-title-container{display:flex;justify-content:space-between;align-items:center;width:100%;margin:1.5rem 0 .8rem}.settings-group-title-container .settings-group-title{margin:0;flex:1}.settings-group-title-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.panel-main-title-wrapper{position:sticky;background:var(--container-bg);top:-48px;z-index:1000;display:flex;justify-content:flex-end;flex-direction:row-reverse!important;align-items:center;gap:16px;padding:0 16px 0 0;border-bottom:1px solid var(--border-color);margin-bottom:1.5rem;box-sizing:border-box}.themes-panel-content{overflow:hidden}.panel-main-title{width:100%}.panel-main-title-actions,.panel-main-title-outcomes-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.panel-main-title-outcomes-actions .panel-save-btn,.panel-main-title-outcomes-actions .panel-close-btn{width:32px;height:32px;font-size:1.1rem;margin-left:0;border-radius:6px}.panel-main-title-outcomes-actions .panel-save-btn{background:var(--primary-color, #00c4d9)!important}.panel-main-title-outcomes-actions .panel-save-btn:hover{background:var(--primary-color-hover, #00a8bb)!important}.panel-save-btn{background:var(--primary-color, #00c4d9);border:none;border-radius:6px;color:#fff;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:14px}.panel-save-btn:hover{background:var(--primary-color-hover, #00a8bb);transform:translateY(-1px);box-shadow:0 2px 8px #00c4d94d}.panel-save-btn:active{transform:translateY(0)}.panel-save-btn.saving{pointer-events:none;opacity:.8}.panel-save-btn.saving i{animation:spin 1s linear infinite}.panel-save-btn.success{background:#10b981}.panel-save-btn.success:hover{background:#059669}.panel-save-btn.error{background:#ef4444}.panel-save-btn.error:hover{background:#dc2626}@media(max-width:768px){.panel-main-title-wrapper{position:sticky;flex-direction:row!important;z-index:1000;padding:0 8px;top:-16px;left:0;width:100%;background:var(--container-bg)}.panel-main-title-wrapper-outcomes{margin:0}}.outcomes-group-title{position:sticky;top:0;z-index:1000;font-size:1.75em!important;font-weight:600;text-align:left;width:100%;color:var(--text-primary);margin:0rem 0 0;padding:0 8px 0 0;min-width:100%!important;width:100%!important;box-sizing:border-box;display:flex;justify-content:flex-start;align-items:flex-start;gap:0}.outcomes-group-title-text{display:flex;align-items:center;gap:0px;font-size:1.25em!important;margin-left:8px}.outcomes-menu-icon:hover{background:var(--accent-color, #5dbc7a);color:#fff;transform:scale(1.05)}.outcomes-menu-icon:active{transform:scale(.95)}.outcomes-group-title .outcomes-menu-icon{display:flex!important}.outcomes-group-title .outcomes-title-text{font-size:2em;font-weight:700;color:var(--text-primary);padding:0;letter-spacing:-.025em;line-height:1.2}.settings-group:first-child .settings-group-title{margin-top:0}@media(max-width:768px){.panel-question-title{display:none}.sorter-group-title{position:relative;font-size:1em;padding:0 8px 8px;margin:0;gap:8px;width:100%;box-sizing:border-box;border-bottom:.5px solid var(--border-color);background:var(--container-bg)}.settings-group-title{font-size:1em}.settings-group-title-outcomes{margin:0!important;padding:0!important}.setting-item-title{font-size:.9em}}body.light-theme .panel-main-title,body[data-theme=light] .panel-main-title,body.light-theme .settings-group-title,body[data-theme=light] .settings-group-title,body.light-theme .setting-item-title,body[data-theme=light] .setting-item-title{color:#1f2937}body.light-theme .settings-group-title,body[data-theme=light] .settings-group-title{border-bottom-color:#e5e7eb}body.light-theme .outcomes-group-title .outcomes-menu-icon,body[data-theme=light] .outcomes-group-title .outcomes-menu-icon{color:#6b7280}body.light-theme .outcomes-group-title:hover .outcomes-menu-icon,body[data-theme=light] .outcomes-group-title:hover .outcomes-menu-icon{color:#1f2937}.switch{position:relative;display:inline-block;width:42px;height:24px;flex-shrink:0;margin-left:auto}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#fff3;transition:.4s;box-sizing:border-box}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;box-sizing:border-box}input:checked+.slider{background-color:var(--accent-color, #3b82f6)}input:focus+.slider{box-shadow:0 0 1px var(--accent-color, #3b82f6)}input:checked+.slider:before{-webkit-transform:translateX(18px);-ms-transform:translateX(18px);transform:translate(18px)}.slider.round{border-radius:24px}.slider.round:before{border-radius:50%}.pill-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.2rem;margin-bottom:0;transition:opacity .3s ease,visibility .3s ease}.pill-label{font-size:.75rem;font-weight:500;white-space:nowrap}@media(max-width:768px){.settings-pill-menu{display:flex;flex-direction:row;align-items:center;justify-content:space-between;position:fixed;background:var(--container-bg);gap:16px;z-index:10000;box-sizing:border-box;width:100%;min-height:64px;padding:12px 24px;bottom:0;left:0}.pill-label{display:none}body.combined-panel-active #combinedPanelPillMenu{display:flex!important;visibility:visible!important;opacity:1!important}body.combined-panel-active:not(.panel-tab-navigation-active) #combinedPanelPillMenu{display:flex!important;visibility:visible!important;opacity:1!important}body.input-focused #combinedPanelPillMenu{display:none!important;visibility:hidden!important;opacity:0!important}body.input-focused .combined-panel{height:85vh!important;transition:height .6s cubic-bezier(.175,.885,.32,1.275)!important}body.virtual-keyboard-open .combined-panel,body.virtual-keyboard-open body.input-focused .combined-panel{height:100vh!important;max-height:100vh!important}body.input-focused .combined-panel .panel-content{padding-bottom:100px;scroll-behavior:smooth}body.input-focused .combined-panel.expanding,body.input-focused .combined-panel.collapsing{height:85vh!important;transition:none!important}#outcomeInput:focus,.list-item-text:focus,.outcome-input:focus{transform:none!important;position:relative!important;top:auto!important;left:auto!important;margin:0!important;display:block!important;width:100%!important;box-sizing:border-box!important}input[type=color]:focus,.color-value-input:focus,.form-input-color-value:focus,[id*=ColorValue]:focus,[id*=colorValue]:focus{transform:none!important;position:relative!important;z-index:auto!important}.color-picker-controls,.color-value-container{position:relative!important;z-index:0!important}input[type=color]{z-index:1000!important;position:relative!important}input[type=color]:focus,input[type=color]:active{z-index:1001!important}.add-outcome-wrapper{position:relative!important;display:flex!important;box-sizing:border-box!important}.list-item-content{position:relative!important;width:100%!important;display:flex!important;box-sizing:border-box!important}body.virtual-keyboard-open #outcomeInput:focus,body.virtual-keyboard-open .list-item-text:focus,body.virtual-keyboard-open input:not([type=color]):not([type=checkbox]):focus,body.virtual-keyboard-open textarea:focus{transform:none;z-index:1001;position:relative}body.virtual-keyboard-open .combined-panel{overflow-y:auto;scroll-behavior:smooth}#combinedPanelPillMenu.scroll-hidden{bottom:-80px!important;transition:bottom .3s cubic-bezier(.4,0,.2,1)!important}#combinedPanelPillMenu:not(.scroll-hidden){bottom:env(safe-area-inset-bottom,0)!important;transition:bottom .3s cubic-bezier(.4,0,.2,1)!important}.panel-tab-back-btn{position:sticky;left:0;bottom:0;background:var(--button-secondary-bg);border:1px solid var(--border-color);color:var(--text-secondary);min-width:48px;height:48px;padding:8px;border-radius:8px;cursor:pointer;display:none;align-items:center;justify-content:center;font-size:1.2rem;transition:all .2s ease;margin-right:8px;flex-shrink:0}.panel-tab-back-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.combined-panel:not(.hidden){padding-bottom:16px}}@media(min-width:769px){#combinedPanelPillMenu{display:none}.mobile-edit-title-icon{position:absolute;top:24px;right:56px;width:32px;height:32px;display:none}.panel-tab-navigation{position:relative;bottom:auto;left:auto;right:auto;z-index:auto;display:flex;gap:8px;flex-direction:row!important;overflow-x:auto;overflow-y:visible!important;padding:16px 0 0;border-top:none;margin-bottom:16px;height:auto;min-height:auto;max-height:none;overflow:hidden!important}.combined-panel:not(.hidden){padding-bottom:16px}}@media(max-width:768px){.combined-panel{will-change:auto!important;perspective:none!important;backface-visibility:visible!important;overflow-y:auto!important;overflow-x:hidden!important}.panel-tab-navigation{display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;margin-bottom:16px;padding:0 8px;z-index:1000;background:var(--container-bg);gap:12px}.combined-panel:not(.hidden){padding-bottom:80px!important}.combined-panel.panel-opening,.combined-panel.panel-closing,.combined-panel.ios-dragging,.combined-panel.ios-snap-back,.combined-panel.ios-dismissing{will-change:auto!important;perspective:none!important;backface-visibility:visible!important}}.question-header #showResultsBtn{display:none}.question-header #wheelTypeIndicator{display:flex}body.mode-eliminator:not(.combined-panel-active) .question-header #showResultsBtn{display:flex}body.mode-multi-pick:not(.combined-panel-active) .question-header #showResultsBtn{display:flex}body.mode-chase:not(.combined-panel-active) .question-header #showResultsBtn{display:flex}body.mode-sorter-eliminator:not(.combined-panel-active) .question-header #showResultsBtn{display:flex}body.mode-group-sorter:not(.combined-panel-active) .question-header #showResultsBtn{display:flex}body.mode-sorter:not(.combined-panel-active) .question-header #showResultsBtn{display:flex}body.combined-panel-active .question-header #showResultsBtn{display:none!important}body.combined-panel-active .question-header #wheelTypeIndicator{display:flex!important}.combined-panel .setting-item,.setting-item.parent-item,.setting-item{margin-bottom:1.5rem}.setting-item.collapsed-toggle{margin-bottom:0!important}.setting-item.expanded-toggle{margin-bottom:1.5rem!important}.setting-item.toggle-item.parent-item:has(input[type=checkbox]:not(:checked)){margin-bottom:0!important}.setting-item.toggle-item.parent-item:has(input[type=checkbox]:checked){margin-bottom:1.5rem!important}.mobile-field-edit-wrapper{position:relative;display:flex;align-items:center;width:100%}.mobile-field-edit-wrapper input,.mobile-field-edit-wrapper textarea{flex:1;padding-right:48px}.mobile-field-edit-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:var(--accent-primary, #00c4d9);color:#000;border:none;border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10}.mobile-field-edit-btn:active{transform:translateY(-50%) scale(.95);background:var(--accent-primary-hover, #00d4e9)}.mobile-field-edit-btn i{font-size:14px}.mobile-field-edit-wrapper:has(textarea) .mobile-field-edit-btn{top:12px;transform:none}.mobile-field-edit-wrapper:has(textarea) .mobile-field-edit-btn:active{transform:scale(.95)}.feature-disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.feature-premium{position:relative}.feature-premium:after{content:"⭐";position:absolute;top:-5px;right:-5px;font-size:12px;background:linear-gradient(135deg,gold,orange);border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.feature-new{position:relative}.feature-new:before{content:"NEW";position:absolute;top:-8px;right:-8px;background:var(--fate-accent);color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;line-height:1}.feature-gate{border-radius:12px;padding:20px;margin:16px 0;border:1px solid var(--border-color, #333);background:var(--card-bg, #1a1a1a);transition:all .3s ease}.feature-gate.feature-blocked{border-color:var(--accent-color, #00c4d9);background:linear-gradient(135deg,#4ec29d1a,#4ec29d0d)}.feature-gate-content{display:flex;align-items:flex-start;gap:16px}.feature-gate .feature-icon{font-size:2rem;flex-shrink:0;margin-top:4px}.feature-gate-text h4{margin:0 0 8px;color:var(--text-primary, #ffffff);font-size:1.2rem;font-weight:600}.feature-gate-text p{margin:0;color:var(--text-secondary, #b0b0b0);line-height:1.5}.feature-gate-actions{margin-top:16px;display:flex;gap:12px}.feature-action-btn{background:var(--accent-color, #00c4d9);color:var(--text-on-accent, #000000);border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block}.feature-action-btn:hover{background:var(--accent-hover, #45b08a)}.feature-upgrade-btn{background:linear-gradient(135deg,gold,#ffed4e);color:#000}.feature-upgrade-btn:hover{background:linear-gradient(135deg,#ffed4e,gold)}.feature-status{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;margin:8px 0;font-size:.9rem}.feature-status.feature-available{background:#4caf501a;border:1px solid rgba(76,175,80,.3);color:#4caf50}.feature-status.feature-warning{background:#ffc1071a;border:1px solid rgba(255,193,7,.3);color:#ffc107}.feature-status.feature-unlimited{background:#9c27b01a;border:1px solid rgba(156,39,176,.3);color:#9c27b0}.feature-progress{flex:1;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.feature-progress-bar{height:100%;background:currentColor;border-radius:3px;transition:width .3s ease}.feature-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.feature-badge-pro{background:linear-gradient(135deg,gold,#ffed4e);color:#000;box-shadow:0 2px 4px #ffd7004d}.feature-badge-small{font-size:.7rem;padding:2px 6px}.feature-badge-medium{font-size:.8rem;padding:4px 8px}.feature-badge-large{font-size:.9rem;padding:6px 12px}.feature-badge-icon{font-size:1em}.feature-badge-text{margin-left:2px}.usage-indicator{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;font-size:.85rem;margin:4px 0}.usage-indicator.usage-normal{background:#4caf501a;color:#4caf50}.usage-indicator.usage-warning{background:#ffc1071a;color:#ffc107}.usage-indicator.usage-unlimited{background:#9c27b01a;color:#9c27b0}.usage-progress{flex:1;height:4px;background:#fff3;border-radius:2px;overflow:hidden}.usage-progress-bar{height:100%;background:currentColor;border-radius:2px;transition:width .3s ease}.usage-icon{font-size:1.2em}.feature-list{margin:20px 0}.feature-list-grouped .feature-category{margin-bottom:24px}.feature-category-title{color:var(--text-primary, #ffffff);font-size:1.1rem;font-weight:600;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--border-color, #333)}.feature-category-items{display:flex;flex-direction:column;gap:8px}.feature-item{padding:12px 16px;border-radius:8px;border:1px solid var(--border-color, #333);background:var(--card-bg, #1a1a1a);transition:all .2s ease}.feature-item:hover{border-color:var(--accent-color, #00c4d9)}.feature-item.feature-locked{opacity:.7;border-color:#ffffff1a}.feature-item-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.feature-status-icon{font-size:1.2rem;flex-shrink:0}.feature-name{font-weight:600;color:var(--text-primary, #ffffff);flex:1}.feature-usage{font-size:.8rem;padding:2px 8px;border-radius:12px;background:#ffffff1a;color:var(--text-secondary, #b0b0b0)}.feature-usage.feature-unlimited{background:#9c27b033;color:#9c27b0}.feature-description{margin:0;color:var(--text-secondary, #b0b0b0);font-size:.9rem;line-height:1.4}@media(max-width:768px){.feature-gate{padding:16px;margin:12px 0}.feature-gate-content{flex-direction:column;gap:12px}.feature-gate .feature-icon{font-size:1.5rem;align-self:flex-start}.feature-gate-actions{margin-top:12px}.feature-action-btn{width:100%;text-align:center}.feature-status{flex-direction:column;align-items:flex-start;gap:8px}.feature-progress{width:100%}}.feature-gate{animation:featureGateSlideIn .3s ease-out}.feature-upgrade-btn{animation:upgradePulse 2s ease-in-out infinite}.feature-badge[title]{cursor:help;position:relative}.feature-badge[title]:hover:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--tooltip-bg, #333);color:var(--tooltip-text, #fff);padding:4px 8px;border-radius:4px;font-size:.7rem;white-space:nowrap;z-index:1000;margin-bottom:4px}@media(prefers-color-scheme:dark){.feature-gate{background:var(--card-bg, #2a2a2a);border-color:var(--border-color, #444)}.feature-item{background:#1a1a1a;border-color:#333}.feature-action-btn{box-shadow:0 2px 4px #0000004d}.feature-status.feature-available{background:#4caf5033;border-color:#4caf5066}.feature-status.feature-blocked{background:#f4433633;border-color:#f4433666}.feature-status.feature-limited{background:#ffc10733;border-color:#ffc10766}}.upgrade-prompt-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;backdrop-filter:blur(4px);animation:modalFadeIn .3s ease-out}.upgrade-prompt-modal{background:var(--container-light, #ffffff);color:var(--text-primary, #2c3e50);border-radius:20px;box-shadow:0 20px 40px #0000004d;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;position:relative;border:1px solid var(--border-light, rgba(255, 255, 255, .1));animation:modalSlideUp .4s cubic-bezier(.34,1.56,.64,1)}.upgrade-prompt-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px 16px;border-bottom:1px solid var(--border-light, #e0e0e0);background:linear-gradient(135deg,var(--primary-color, #667eea),var(--secondary-color, #764ba2));color:#fff;border-radius:20px 20px 0 0}.upgrade-prompt-header h3{margin:0;font-size:24px;font-weight:700;display:flex;align-items:center;gap:8px}.upgrade-prompt-close{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:50%;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.upgrade-prompt-close:hover{background:#ffffff4d;transform:scale(1.1)}.upgrade-prompt-content{padding:32px;text-align:center}.upgrade-prompt-icon{font-size:48px;margin-bottom:16px;display:block}.upgrade-prompt-content h4{margin:0 0 16px;font-size:22px;font-weight:600;color:var(--text-primary, #2c3e50)}.upgrade-prompt-content p{margin:0 0 24px;font-size:16px;line-height:1.6;color:var(--text-secondary, #7f8c8d)}.upgrade-prompt-features{background:var(--container-medium, #f8f9fa);border-radius:12px;padding:20px;margin:24px 0;text-align:left;border:1px solid var(--border-light, #e0e0e0)}.upgrade-prompt-features h5{margin:0 0 16px;font-size:18px;font-weight:600;color:var(--text-primary, #2c3e50);text-align:center}.upgrade-prompt-features ul{list-style:none;padding:0;margin:0}.upgrade-prompt-features li{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:15px;color:var(--text-secondary, #7f8c8d);font-weight:500}.upgrade-prompt-features li:last-child{margin-bottom:0}.upgrade-prompt-actions{display:flex;gap:16px;justify-content:center;padding:0 32px 32px}.upgrade-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 32px;background:linear-gradient(135deg,gold,orange);color:#000;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #ffd7004d;min-width:200px;text-align:center!important;white-space:nowrap}.upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffd70066}.upgrade-btn:active{transform:translateY(0);box-shadow:0 2px 8px #ffd7004d}.upgrade-btn i{font-size:.9em}.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%}}.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}}:root{--question-padding: 16px;--question-max-width: 960px;--question-gap: 8px;--accent-bg: rgba(255, 255, 255, .1);--accent-color: var(--fate-accent, #00c4d9);--text-size-large: 3em;--text-size-huge: 7.2em;--radius-lg: 24px;--radius-sm: 4px}#userQuestionContainer{padding:var(--question-gap);box-sizing:border-box;width:100%}.app-step-question{display:flex;flex:1;width:100%;flex-direction:column;align-items:center;overflow-y:auto;z-index:6;box-sizing:border-box;padding:0 32px}.spinagle-app-view{margin-top:48px}.text-question-block{display:flex;flex-direction:column;align-items:center;width:100%;margin-bottom:240px;position:relative}.large-question-display{font-family:Poppins,sans-serif;max-width:var(--question-max-width);width:100%;padding:0 var(--question-padding);margin:50px auto 30px;font-size:5em;font-weight:600;line-height:1;text-align:center;word-break:break-word;box-sizing:border-box;display:block;opacity:1}#stepQuestion.hidden,#step-wheel.hidden,.questionButtonHidden{display:none!important}.typing-animation{display:inline-block;width:100%;white-space:pre-wrap;word-break:break-word;animation:typeCharacter 1s steps(30,end)}.temp-question-input{max-width:var(--question-max-width);width:100%;padding:0 10px;margin:0 auto;background:transparent;border:none;outline:none;font:inherit;color:inherit;text-align:center;resize:none;overflow:hidden;white-space:pre-wrap;word-break:break-word;line-height:1.1;box-sizing:border-box}.voice-input-container{display:flex;flex-direction:column;align-items:center;margin:20px auto;position:relative;z-index:50}@media(max-width:728px){.large-question-display{margin:0 auto 30px;font-size:2.8em;line-height:1.05}.spinagle-app-view{margin-top:8px}.text-question-block{padding-top:8px;margin-bottom:88px;padding-right:0}.app-step-question{padding:0}.input-toggle-switch{width:160px;height:40px}.input-toggle-slider:before{width:80px;height:32px}input:checked+.input-toggle-slider:before{transform:translate(72px)}.input-toggle-icon{font-size:1.2em}}.preloader-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.spinner{width:var(--preloader-size);height:var(--preloader-size);border:var(--preloader-border-width) solid var(--preloader-accent-40);border-top:var(--preloader-border-width) solid var(--preloader-accent-100);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}.preloader-text{margin-top:32px;font-size:1.25rem;font-weight:600;color:var(--preloader-text-light);letter-spacing:.5px;text-transform:none}.web-search-results{background-color:var(--search-bg-dark);border-radius:var(--search-radius);padding:16px;margin-top:32px;max-width:var(--search-max-width);box-shadow:0 8px 16px #0003;max-height:400px;overflow-y:auto}.web-search-header{display:flex;align-items:center;margin-bottom:12px;gap:8px}.web-search-icon{font-size:1rem;color:var(--accent-secondary)}.web-search-title{font-size:1rem;font-weight:600;color:var(--search-text-light);margin:0}.web-search-result{background-color:#ffffff0d;border-left:2px solid var(--accent-secondary);border-radius:4px;padding:12px;margin-bottom:8px;transition:background-color var(--transition-fast)}.web-search-result:last-child{margin-bottom:0}.web-search-result:hover{background-color:#ffffff1a}.web-search-result-title{font-size:.9rem;font-weight:600;color:var(--search-text-light);margin:0 0 4px;line-height:1.3}.web-search-result-content{font-size:.85rem;color:var(--preloader-accent-70);line-height:1.4}.web-search-empty{text-align:center;font-size:.9rem;color:var(--preloader-accent-70);font-style:italic;padding:16px}@media(max-width:768px){.web-search-results{padding:12px;margin-top:24px}.web-search-result{padding:8px}.web-search-result-title{font-size:.85rem}.web-search-result-content{font-size:.8rem}}:root{--preloader-bg-dark: rgba(0, 0, 0, .7);--preloader-size: 100px;--preloader-border-width: 8px;--preloader-accent-rgb: var(--fate-accent-rgb, 0, 196, 217);--preloader-accent-100: rgba(var(--preloader-accent-rgb), 1);--preloader-accent-70: rgba(var(--preloader-accent-rgb), .7);--preloader-accent-40: rgba(var(--preloader-accent-rgb), .4);--preloader-text-light: #fff;--preloader-text-dark: #333;--search-bg-dark: rgba(0, 0, 0, .7);--search-bg-light: rgba(255, 255, 255, .9);--search-radius: 8px;--search-max-width: 600px;--search-text-light: #fff;--search-text-dark: #333;--search-border-dark: rgba(255, 255, 255, .2);--search-border-light: rgba(0, 0, 0, .1);--accent-secondary: var(--accent-color-secondary, #3498db);--transition-fast: .3s ease}.preloader-overlay,.preloader-container,.preloader-text,.web-search-results{transition:opacity var(--transition-fast),visibility var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast)}.preloader-overlay{position:fixed;inset:0;background-color:var(--preloader-bg-dark);z-index:var(--z-prescreen);opacity:0;visibility:hidden}.preloader-overlay.visible{opacity:1;visibility:visible}.preloader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:20px;text-align:center}.preloader-spinner{position:relative;width:var(--preloader-size);height:var(--preloader-size);margin-bottom:20px}.preloader-wheel{width:100%;height:100%;border-radius:50%;border:var(--preloader-border-width) solid transparent;border-top-color:var(--preloader-accent-100);border-left-color:var(--preloader-accent-100);animation:preloader-spin 1.5s linear infinite}.preloader-wheel:before,.preloader-wheel:after{content:"";position:absolute;border-radius:50%;border:var(--preloader-border-width) solid transparent}.preloader-wheel:before{inset:5px;border-top-color:var(--preloader-accent-70);border-left-color:var(--preloader-accent-70);animation:preloader-spin-reverse 1s linear infinite}.preloader-wheel:after{inset:15px;border-top-color:var(--preloader-accent-40);border-left-color:var(--preloader-accent-40);animation:preloader-spin 1.2s linear infinite}.preloader-text{color:var(--preloader-text-light);font-size:18px;font-weight:500;margin-top:10px;text-shadow:0 1px 3px rgba(0,0,0,.3)}.web-search-results{margin-top:20px;max-width:var(--search-max-width);width:100%;background-color:var(--search-bg-dark);border-radius:var(--search-radius);padding:15px;text-align:left;max-height:300px;overflow-y:auto}.web-search-results.hidden{display:none}.web-search-results h4{margin:0 0 10px;font-size:16px;color:var(--accent-color);border-bottom:1px solid var(--search-border-dark);padding-bottom:5px}.web-search-results-content{color:var(--search-text-light);font-size:14px;line-height:1.4}.web-search-result-item{margin-bottom:10px;padding-bottom:10px;border-bottom:1px dashed var(--search-border-dark)}.web-search-result-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.web-search-result-title{font-weight:700;color:var(--accent-secondary);margin-bottom:3px}.web-search-result-url{font-size:12px;color:#fff9;margin-bottom:5px;word-break:break-all}.web-search-result-snippet{font-size:13px}body:not(.dark-mode){--preloader-bg-dark: transparent;--preloader-text-light: var(--preloader-text-dark);--search-bg-dark: var(--search-bg-light);--search-text-light: var(--search-text-dark);--search-border-dark: var(--search-border-light)}body:not(.dark-mode) .web-search-results{box-shadow:0 4px 15px #0000001a}body:not(.dark-mode) .preloader-text{text-shadow:none}.probability-slider-container{display:flex;align-items:center;margin-top:8px;width:100%;gap:10px}.probability-slider{flex:1;height:6px;-webkit-appearance:none;appearance:none;background:var(--container-bg, #333);border-radius:3px;outline:none}.probability-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent-color, #00c4d9);cursor:pointer;transition:all .2s ease}.probability-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 5px #0000004d}.probability-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent-color, #00c4d9);cursor:pointer;border:none;transition:all .2s ease}.probability-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 0 5px #0000004d}.probability-value{min-width:40px;text-align:center;font-size:.9em;font-weight:700;background-color:var(--input-bg);color:var(--text-primary, #fff);padding:2px 4px;border-radius:4px;cursor:text;transition:background-color .2s ease}.probability-value:hover{background-color:#ffffff1a}.probability-value:focus{background-color:#fff3;outline:none;box-shadow:0 0 0 2px var(--accent-color, #00c4d9)}.weight-lock-btn{background:transparent;border:none;padding:4px 8px;cursor:pointer;font-size:14px;opacity:.6;transition:opacity .2s ease,transform .2s ease;display:flex;align-items:center;justify-content:center;min-width:24px;height:24px}.weight-lock-btn:hover{opacity:1;transform:scale(1.1)}.weight-lock-btn[data-locked=true]{opacity:1;color:var(--accent-color, #00c4d9)}.weight-lock-btn[data-locked=true] i{color:var(--accent-color, #00c4d9)}:root{--accent-color: #00c4d9;--accent-color-rgb: 0, 196, 217;--text-on-accent: #ffffff;--text-muted: #6e6e73;--shadow-light: rgba(0, 0, 0, .1);--shadow-medium: rgba(0, 0, 0, .25);--shadow-dark: rgba(0, 0, 0, .5);--z-floating-elements: 1100;--radius-sm: 6px;--font-size-sm: .875rem;--spacing-component-sm: 8px;--transition-fast: all .2s ease}.auto-spin-toggle.active{background:var(--accent-color);color:var(--text-on-accent);border-color:var(--accent-color)}.auto-spin-toggle.active.spinning{background:var(--warning-color, #ffc107);border-color:var(--warning-color, #ffc107);color:var(--text-on-dark, #ffffff)}.auto-spin-toggle.disabled{background:var(--surface-color, #f5f5f5);border-color:var(--border-color, #ddd);color:var(--text-muted, #999);cursor:not-allowed;opacity:.6}.auto-spin-toggle.disabled:hover{background:var(--surface-color, #f5f5f5);border-color:var(--border-color, #ddd);color:var(--text-muted, #999);cursor:not-allowed}.auto-spin-toggle.active .auto-spin-icon{animation:spin-continuous 2s linear infinite}@keyframes spin-continuous{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.visual-option-group i,.visual-option-group[data-type=wheelFriction] i,.visual-option-group .fa-spin,.visual-option-group .fa-rotate{animation:none;transform:none}@media(max-width:768px){.auto-spin-toggle,.show-results-btn{width:40px;height:40px;font-size:var(--font-size-lg)}}.voice-input-overlay{position:fixed;inset:0;background-color:#000000e6;z-index:10000;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff}.voice-overlay-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:80%}.voice-overlay-suggestion{margin-bottom:30px}.voice-overlay-suggestion-text{font-size:1.125rem;opacity:.8;margin-bottom:10px}.voice-overlay-suggestion-example{font-size:1.5rem;font-weight:700;margin-bottom:20px;transition:transform .3s ease,color .3s ease}.voice-overlay-suggestion-example.captured-text{color:#4caf50;font-size:1.75rem;text-shadow:0 0 10px rgba(76,175,80,.5);animation:pulse 1s ease-in-out}.voice-overlay-mic-container{position:relative;margin:20px 0}.voice-overlay-mic-button{width:96px;height:96px;border-radius:50%;background-color:#f44336;border:none;color:#fff;font-size:2.4rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px #0000004d;transition:background-color .3s,transform .3s}.voice-overlay-mic-button:hover{background-color:#e53935;transform:scale(1.05)}.voice-overlay-mic-button.listening{background-color:#4caf50}.voice-overlay-mic-button.rippling{animation:pulse-mic 1.5s infinite}.voice-overlay-mic-button.rippling:before{content:"";position:absolute;inset:-10px;border-radius:50%;box-shadow:0 0 #4caf501a,0 0 0 30px #4caf501a,0 0 0 60px #4caf501a;animation:triple-ripple-out 2s infinite;pointer-events:none}.voice-overlay-waves{position:absolute;inset:50%;transform:translate(-50%,-50%);width:200px;height:200px;pointer-events:none;display:none}.voice-overlay-wave{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(255,255,255,.3);opacity:0}.voice-overlay-waves.audio-active .voice-overlay-wave:nth-child(1){animation:wave 2s infinite}.voice-overlay-waves.audio-active .voice-overlay-wave:nth-child(2){animation:wave 2s infinite .4s}.voice-overlay-waves.audio-active .voice-overlay-wave:nth-child(3){animation:wave 2s infinite .8s}.voice-overlay-status{margin-top:20px;min-height:1.5rem;font-size:1.125rem;color:#fffc}.submit-button,.voice-overlay-close{display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:background-color .2s,transform .3s}.submit-button{margin-top:30px;padding:10px 20px;background-color:var(--accent-color, #4285f4);color:var(--text-on-accent, #fff);border-radius:4px;font-size:1rem}.submit-button i{margin-right:8px}.submit-button:hover{background-color:var(--accent-color-hover, #3367d6)}.voice-overlay-close{position:absolute;top:1.25rem;right:1.25rem;width:2.5rem;height:2.5rem;border-radius:50%;background-color:#ffffff1a;color:#fff;font-size:1.125rem}.voice-overlay-close:hover{background-color:#fff3;transform:scale(1.1)}:root{--nav-bg: var(--container-bg, #3a3a3a);--nav-border: var(--border-color, #555);--nav-text: var(--text-primary, #f0f0f0);--nav-text-secondary: var(--text-muted, #888);--nav-hover: rgba(var(--fate-accent-rgb, 0, 196, 217), .1);--nav-active: var(--fate-accent, #00c4d9);--nav-accent: var(--fate-accent, #00c4d9);--nav-border-radius: 4px;--nav-gap: 12px;--nav-padding: 12px 16px;--nav-item-padding: 8px 12px;--nav-transition: all .2s ease;--nav-transition-slow: all .3s ease;--nav-z-overlay: 50;--nav-z-drawer: 100;--nav-z-dropdown: 200;--upgrade-btn-bg: linear-gradient(135deg, #ffd700, #ffb347);--upgrade-btn-bg-hover: linear-gradient(135deg, #ffed4e, #ffc266);--upgrade-btn-text: #1a1a1a;--upgrade-btn-shadow: 0 2px 8px rgba(255, 215, 0, .3);--upgrade-btn-shadow-hover: 0 4px 16px rgba(255, 215, 0, .4)}.top-navigation{display:flex;justify-content:space-between;align-items:center;padding:12px 8px 12px 16px;background:var(--nav-bg)!important;border-bottom:1px solid var(--nav-border)!important;color:var(--nav-text)!important;z-index:var(--z-nav-drawer);height:50px;box-sizing:border-box}body.combined-panel-active #top-nav{display:block!important}body:not(.light-theme) .top-navigation{background:#fff!important;border-bottom:1px solid #e0e0e0!important;color:#1c1c1e!important}body.light-theme .top-navigation{background:#1c1c1e!important;border-bottom:1px solid #6a6a6a!important;color:#f5f5f7!important}body:not(.light-theme) .nav-link{color:#1c1c1e!important}body.light-theme .nav-link{color:#f5f5f7!important}body:not(.light-theme) .nav-link.active{color:#1c1c1e!important}body.light-theme .nav-link.active{color:#f5f5f7!important}body:not(.light-theme) .theme-toggle-btn{color:#1c1c1e!important}body.light-theme .theme-toggle-btn{color:#f5f5f7!important}body:not(.light-theme) .dropdown-indicator,body:not(.light-theme) .hamburger-indicator{color:#666!important}body.light-theme .dropdown-indicator,body.light-theme .hamburger-indicator{color:#b0b0b0!important}body:not(.light-theme) .hamburger-menu-btn{color:#666!important}body.light-theme .hamburger-menu-btn{color:#999!important}.nav-left{flex:1;display:flex;align-items:center;width:120px}.nav-logo{display:flex;align-items:center;text-decoration:none;cursor:pointer}.nav-logo img{height:32px;width:auto;transition:opacity .3s ease}.nav-logo:hover img{opacity:.8}.logo-light-mode,body.light-theme .logo-dark-mode{display:none}body.light-theme .logo-light-mode{display:block}.subscription-tier-badge{display:flex;align-items:center;margin-left:12px;padding:4px 10px;border:2px solid #000;border-radius:4px;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;transition:all .2s ease}.subscription-tier-badge.hidden{display:none}body:not(.light-theme) .subscription-tier-badge{color:#1c1c1e;border-color:#1c1c1e;background:transparent}body.light-theme .subscription-tier-badge{color:#f5f5f7;border-color:#f5f5f7;background:transparent}.subscription-tier-badge.tier-pro{border-color:silver;color:silver}.subscription-tier-badge.tier-premium{border-color:gold;color:gold}.subscription-tier-badge.tier-admin{border-color:#ff6b6b;color:#ff6b6b}.fa-crown.tier-pro,[data-tier=pro] .fa-crown,.tier-pro .fa-crown{color:silver!important}.fa-crown.tier-premium,[data-tier=premium] .fa-crown,.tier-premium .fa-crown,.fa-crown:not(.tier-pro):not(.tier-admin){color:gold!important}.fa-crown.tier-admin,[data-tier=admin] .fa-crown,.tier-admin .fa-crown{color:#ff6b6b!important}.nav-center{display:flex;justify-content:center;gap:1.5rem;width:100%!important}.nav-link{text-decoration:none;color:var(--nav-text);padding:.5rem;border-radius:0;text-align:center;border-bottom:4px solid transparent}.nav-link:hover:not(.active){border-bottom:4px solid var(--nav-active);opacity:.7}.nav-link.active{background:transparent;color:var(--nav-text);border-bottom:4px solid var(--nav-active);font-weight:600}.nav-right{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:auto}.user-auth-area{position:relative;display:flex;align-items:center}.logged-out-nav{display:flex;align-items:center;gap:8px}.logged-in-nav{display:flex;align-items:center}.user-avatar-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:0;height:40px;position:relative}.user-avatar-img,.user-avatar-btn .avatar-initials{width:32px!important;height:32px!important;border-radius:50%;border:2px solid var(--nav-active);flex-shrink:0}.user-avatar-btn .avatar-initials{display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:var(--avatar-text-color, #fff);background:var(--avatar-bg-color, #6b7280)}.nav-avatar-container{border-radius:50%;display:flex;align-items:center;position:relative}.nav-avatar-loading-spinner{border:1px solid rgba(255,255,255,.1);border-top:1px solid var(--accent-color);border-radius:50%;width:12px;height:12px;animation:spin 1s linear infinite}.dropdown-indicator{color:var(--nav-text-secondary);font-size:.8rem;transition:var(--nav-transition)}.user-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--container-bg);border-radius:8px;min-width:300px;box-shadow:0 4px 15px #21212133;z-index:var(--nav-z-dropdown);display:none!important;visibility:hidden!important;opacity:0!important}.user-dropdown-menu:not(.hidden)[style*="display: block"]{display:block!important;visibility:visible!important;opacity:1!important}.user-dropdown-menu .dropdown-item{display:block;padding:12px 16px;color:var(--text-primary);text-decoration:none;transition:var(--nav-transition)}.user-dropdown-menu .dropdown-item:hover{background:var(--hover-bg);color:var(--text-primary)}.dropdown-header{padding:12px 16px 8px;font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;background:#ffffff0d;margin-top:8px}.dropdown-divider.mobile-only{display:none;height:1px;background:var(--border-color);margin:12px 0}.user-dropdown-menu .dropdown-item:last-child{border-top:1px solid var(--border-color);margin-top:8px;padding-top:16px}#globalSettingsNavLink{border-top:.5px solid var(--border-color);border-bottom:.5px solid var(--border-color)}.admin-item{color:var(--warning-color, #ffc107)!important}.admin-item:hover{background:rgba(var(--warning-rgb, 255, 193, 7),.1)!important}.mobile-nav-section,.mobile-nav-item{display:block}.mobile-nav-item{padding:14px 20px;color:var(--text-primary);text-decoration:none;transition:var(--nav-transition);display:flex;align-items:center;gap:12px;font-size:1rem;background:none;border:none;width:100%;cursor:pointer}.mobile-nav-item:hover{background:var(--hover-bg);color:var(--text-primary)}.mobile-nav-item.active{background:rgba(var(--fate-accent-rgb, 0, 196, 217),.2);color:var(--nav-active)}.mobile-nav-item i{width:20px;text-align:center;font-size:1.1rem}.theme-toggle-btn{display:none;background:none;border:none;color:var(--nav-text);cursor:pointer;padding:0;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;position:relative;line-height:1rem;font-size:1rem;text-align:center;transition:var(--nav-transition)}.theme-toggle-btn:hover{background:var(--nav-active);color:var(--text-on-accent, #fff)}.nav-upgrade-btn{background:var(--upgrade-btn-bg);border:none;color:var(--upgrade-btn-text);cursor:pointer;padding:8px 16px;border-radius:20px;font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:6px;transition:var(--nav-transition);box-shadow:var(--upgrade-btn-shadow);white-space:nowrap}.nav-upgrade-btn:hover{background:var(--upgrade-btn-bg-hover);box-shadow:var(--upgrade-btn-shadow-hover);transform:translateY(-1px)}.nav-upgrade-btn:active{transform:translateY(0);box-shadow:var(--upgrade-btn-shadow)}.nav-upgrade-btn .fa-crown{font-size:.875rem}.nav-upgrade-btn{display:flex}body.premium-user .nav-upgrade-btn,body.admin-user .nav-upgrade-btn,body.pro-user .nav-upgrade-btn,body.user-premium .nav-upgrade-btn,body.user-admin .nav-upgrade-btn,body.user-pro .nav-upgrade-btn,body.user-super .nav-upgrade-btn{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}body.free-user-unauthenticated .nav-upgrade-btn,body:not(.user-authenticated):not(.free-user-authenticated) .nav-upgrade-btn{display:none!important}body.free-user-authenticated .nav-upgrade-btn,body.user-free .nav-upgrade-btn{display:flex!important}.theme-icon-dark,.theme-icon-light{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1em;height:1em;font-size:1.2rem;transition:opacity .3s ease,visibility .3s ease}.theme-icon-dark{opacity:0;visibility:hidden}.theme-icon-light,body.light-theme .theme-icon-dark{opacity:1;visibility:visible}body.light-theme .theme-icon-light{opacity:0;visibility:hidden}.fab.has-changes,#saveWheelNavBtn.has-changes{position:relative;animation:save-button-pulse 2s ease-in-out infinite}.fab.has-changes .save-ripple,#saveWheelNavBtn.has-changes .save-ripple{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:-1}.fab.has-changes .save-ripple{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,rgba(78,194,157,.4) 0%,rgba(78,194,157,.1) 50%,transparent 70%);animation:save-ripple-effect 2s ease-out infinite}#saveWheelNavBtn.has-changes .save-ripple{width:120%;height:120%;border-radius:8px;background:linear-gradient(135deg,rgba(78,194,157,.2) 0%,rgba(78,194,157,.1) 50%,transparent 70%);animation:save-nav-ripple-effect 2s ease-out infinite}@media(prefers-reduced-motion:reduce){.fab.has-changes,#saveWheelNavBtn.has-changes{animation:none}.fab.has-changes .save-ripple,#saveWheelNavBtn.has-changes .save-ripple{animation:none;opacity:.3;transform:translate(-50%,-50%) scale(1.1)}}.nav-container{display:flex;align-items:center;background:var(--nav-bg);color:var(--nav-text);border:1px solid var(--nav-border);border-radius:var(--nav-border-radius);transition:var(--nav-transition)}.nav-list{display:flex;list-style:none;margin:0;padding:0;gap:var(--nav-gap)}.nav-list.vertical{flex-direction:column}.nav-list.horizontal{flex-direction:row}.nav-list.centered{justify-content:center}.nav-list.spaced{justify-content:space-between}.nav-item{display:flex;align-items:center;padding:var(--nav-item-padding);color:var(--nav-text);text-decoration:none;border-radius:var(--nav-border-radius);cursor:pointer;transition:var(--nav-transition)}.nav-item:hover{background:var(--nav-hover);color:var(--nav-accent)}.nav-item.active{background:var(--nav-active);color:#fff;font-weight:600}.nav-item.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.nav-icon{margin-right:8px;font-size:1.1em;transition:transform .1s ease}.nav-item:hover .nav-icon{transform:scale(1.1)}.nav-drawer{position:fixed;background:var(--nav-bg);border:1px solid var(--nav-border);box-shadow:0 4px 20px #00000026;z-index:var(--nav-z-drawer);transition:var(--nav-transition-slow);display:flex;flex-direction:column}.nav-drawer.right{top:0;right:0;height:100vh;width:300px;transform:translate(100%)}.nav-drawer.visible{transform:translate(0)}.nav-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--nav-padding);border-bottom:1px solid var(--nav-border)}.nav-drawer-title{font-size:18px;font-weight:600;color:var(--nav-text)}.nav-drawer-close{background:none;border:none;color:var(--nav-text-secondary);font-size:20px;cursor:pointer;padding:8px;border-radius:4px;transition:var(--nav-transition)}.nav-drawer-close:hover{background:var(--nav-hover);color:var(--nav-text)}.nav-drawer-content{flex:1;overflow-y:auto;padding:var(--nav-padding)}.nav-kebab{position:relative;display:inline-block}.nav-kebab-toggle{background:transparent;border:none;color:var(--nav-text-secondary);font-size:16px;cursor:pointer;padding:8px;border-radius:4px;transition:var(--nav-transition);min-width:32px;height:32px;display:flex;align-items:center;justify-content:center}.nav-kebab-toggle:hover{background:var(--nav-hover);color:var(--nav-text)}.nav-kebab-menu{position:absolute;top:100%;right:0;margin-top:4px;background:var(--nav-bg);border:1px solid var(--nav-border);border-radius:var(--nav-border-radius);box-shadow:0 4px 20px #00000026;z-index:var(--nav-z-dropdown);min-width:200px;transition:var(--nav-transition)}.nav-kebab-menu.hidden{opacity:0;transform:translateY(-10px);pointer-events:none}.nav-kebab-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--nav-text);cursor:pointer;transition:var(--nav-transition);border-bottom:1px solid var(--nav-border)}.nav-kebab-item:last-child{border-bottom:none}.nav-kebab-item:hover{background:var(--nav-hover);color:var(--nav-accent)}body.shared-wheel-readonly,body.shared-wheel-editable{padding-top:0;margin-top:0}body.shared-wheel-readonly #top-nav,body.shared-wheel-readonly .top-navigation,body.shared-wheel-readonly .nav-left,body.shared-wheel-readonly .nav-center,body.shared-wheel-readonly .nav-right,body.shared-wheel-readonly #mobile-menu-toggle,body.shared-wheel-readonly #saveWheelNavBtn,body.shared-wheel-readonly #resetBtn,body.shared-wheel-readonly #settingsBtn,body.shared-wheel-readonly #prescreen,body.shared-wheel-readonly #authModal,body.shared-wheel-readonly #prescreen .alert-overlay,body.shared-wheel-readonly #authModal .modal-overlay{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}body.shared-wheel-readonly .share-modal-overlay,body.shared-wheel-readonly .alert-overlay:has(.share-modal-content){display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}body.shared-wheel-readonly .alert-overlay.share-modal-overlay{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}body.shared-wheel-editable #top-nav,body.shared-wheel-editable .top-navigation,body.shared-wheel-editable .nav-left,body.shared-wheel-editable .nav-center,body.shared-wheel-editable .nav-right{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}body.shared-wheel-editable .wheel-save-choice-modal{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}body.shared-wheel-readonly .wheel-save-choice-modal{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}body.shared-wheel-mode #stepQuestion{display:none}body.shared-wheel-mode #outcomePopup{display:flex;visibility:visible;opacity:1;pointer-events:auto;padding-top:40px}body.shared-wheel-mode #outcomePopup.hidden{display:none}.site-footer{margin-top:20px;padding:20px 0 160px;width:100%;min-height:60px;background:var(--color-surface-primary);border-top:1px solid var(--color-border-subtle);position:relative;z-index:var(--z-base)}body.wheel-view-active .site-footer{display:none}.footer-content{max-width:1600px;margin:0 auto;padding:0 20px}.footer-links{display:flex;align-items:center;justify-content:center;gap:16px;font-size:13px;color:var(--color-text-tertiary)}.footer-link{color:var(--color-text-secondary);text-decoration:none;transition:color .2s ease}.footer-link:hover{color:var(--color-text-primary);text-decoration:underline}.footer-separator{color:var(--color-text-disabled)}.mobile-only{display:none!important}@media(max-width:768px){#themeToggleBtn{display:none}.nav-upgrade-btn{padding:6px 12px;font-size:.8rem}.nav-upgrade-btn .upgrade-text{display:none}.top-navigation{box-shadow:0 1px 3px #0000001a;padding:12px 8px 12px 16px;box-sizing:border-box}.nav-center,.sub-navigation,#subNavigation{display:none}.nav-right{gap:6px}.nav-logo img{height:32px}.subscription-tier-badge{margin-left:8px;padding:3px 6px;font-size:9px;border-width:1.5px}.logged-out-nav .button{font-size:.8rem;padding:6px 12px}.user-avatar-img,.user-avatar-btn .avatar-initials{max-width:32px!important;max-height:32px!important;width:32px!important;height:32px!important}.dropdown-indicator,.hamburger-indicator{font-size:.8rem}.hamburger-menu-btn{display:none;background:none;border:none;color:var(--color-text-primary);font-size:1rem;padding:8px;border-radius:6px;cursor:pointer;transition:all .2s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.hamburger-menu-btn:hover{background:var(--color-surface-hover)}.mobile-only{display:flex!important}#navSignInBtn{display:none}.user-dropdown-menu{position:fixed;top:0;right:0;height:100vh;width:min(90vw,480px);min-width:0;background:var(--container-bg);box-shadow:-4px 0 20px #0000004d;z-index:calc(var(--nav-z-dropdown) + 1);transform:translate(100%);transition:transform .3s cubic-bezier(.16,1,.3,1);padding:64px 8px 8px;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;-webkit-overflow-scrolling:touch;display:none!important;visibility:hidden!important;opacity:0!important}.user-dropdown-menu:before{content:"";position:sticky;top:-65px;left:0;right:0;height:1px;display:block;z-index:1;margin:0 -8px;box-shadow:0 32px 0 32px var(--container-bg);pointer-events:none}.user-dropdown-menu.mobile-visible{display:block!important;visibility:visible!important;opacity:1!important;transform:translate(0)}.user-dropdown-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:var(--nav-z-overlay);display:none;opacity:0;transition:opacity .3s ease}.user-dropdown-backdrop.visible{display:block;opacity:1}.user-dropdown-menu .dropdown-item{padding:16px 12px;font-size:1rem;display:flex;align-items:center;gap:8px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.user-dropdown-menu .dropdown-item:hover{background:var(--hover-bg);color:var(--text-primary)}.user-dropdown-menu .dropdown-item i{width:20px;text-align:center;font-size:1.1rem}.dropdown-header{padding:16px 12px 8px;font-size:.75rem;margin-top:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.dropdown-header.mobile-only{position:sticky;top:0;background:var(--container-bg);z-index:998;margin:0 -8px;padding:16px 20px 12px;border-bottom:1px solid var(--border-color);box-shadow:0 2px 8px #00000026;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}body:not(.light-theme) .dropdown-header.mobile-only{background:#3a3a3a}body.light-theme .dropdown-header.mobile-only{background:#fff}.dropdown-divider.mobile-only{display:block;background:var(--border-color)}.user-dropdown-menu .dropdown-item:last-child{padding:20px 12px 16px;margin-top:12px;border-top:1px solid var(--border-color)}.nav-drawer.right{width:100%;height:70vh;top:auto;bottom:0;border-radius:16px 16px 0 0}.footer-links{flex-direction:column;gap:8px;text-align:center}.footer-separator{display:none}}@media(max-width:400px){.user-dropdown-menu{width:70vw;padding:60px 4px 4px}.user-dropdown-menu:after{height:100px}.user-dropdown-menu .dropdown-item{padding:16px 8px;gap:6px}.dropdown-header{padding:16px 8px 8px}.dropdown-header.mobile-only{margin:0 -4px;padding:16px 12px 12px}}@media(min-width:769px)and (max-width:1024px){.nav-center{display:flex;gap:16px}.nav-link{font-size:.9rem;padding:8px 12px}}@media(min-width:769px){.mobile-only,.nav-icon-btn.mobile-only,#mobile-menu-toggle,.mobile-nav-item,.user-dropdown-menu .mobile-nav-item{display:none!important}}body:not(.wheel-view-active) #top-nav{visibility:visible!important;opacity:1!important;pointer-events:auto!important}body.wheel-view-active #top-nav,body.wheel-view-active.shared-wheel-editable #top-nav{display:none!important}.customizing-active .top-navigation{display:none}.gradient-blob-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:9999;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s ease;backdrop-filter:blur(3px)}.gradient-blob-overlay.visible{opacity:1;visibility:visible}.gradient-blob-container{width:280px;height:280px;display:flex;justify-content:center;align-items:center;animation:pulse 3s infinite ease-in-out;transform-origin:center center}#blobCanvas{width:100%;height:100%;filter:drop-shadow(0 0 15px rgba(255,255,255,.2))}@media(max-width:768px){.gradient-blob-container{width:220px;height:220px}}body.admin-verified .particle-emitter-overlay,body.admin-dashboard .particle-emitter-overlay{display:none!important;visibility:hidden!important;opacity:0!important}.particle-emitter-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:0;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s ease;pointer-events:none}.particle-emitter-overlay.winning-celebration{z-index:2500}.particle-emitter-overlay.winning-celebration:before{display:none}.particle-emitter-overlay.visible{opacity:1;visibility:visible}.particle-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative;z-index:-1;pointer-events:none}#particleCanvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.particle-emitter-overlay:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0003;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:0}.text-input-container{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:92%;max-width:600px;overflow:visible}.input-buttons-container{position:absolute;background-color:#fff!important;right:-16px;top:50%;transform:translateY(-50%);border:none;display:flex;align-items:center;gap:8px;z-index:10}#aiSuggestionsBtn{flex-direction:column;align-items:center;justify-content:center;gap:2px;width:48px;height:50px;position:relative;color:#000;background-color:var(--text-secondary);border-radius:8px 0 0 8px;font-size:14px;font-weight:600;display:flex;cursor:pointer;transition:all .2s ease;user-select:none;span{font-size:12px}}#aiSuggestionsBtn .fa-robot{position:relative;top:0!important;font-size:15px!important;color:#000}#aiSuggestionsBtn #suggestionNumberBtn{opacity:1;visibility:visible;transition:all .2s ease}#aiSuggestionsBtn,body.ai-suggestions-slider-active #aiSuggestionsBtn{gap:2px}#aiSuggestionsBtn:hover{cursor:pointer!important}body.ai-suggestions-slider-active .input-btn-suggestion-number{background:var(--container-bg);color:var(--text-primary);border-radius:8px;padding:0 6px;box-shadow:0 0 0 2px var(--accent-color-alpha, rgba(74, 144, 226, .3))}html body #textQuestionSubmitBtn,body #textQuestionSubmitBtn#textQuestionSubmitBtn{width:40px;height:40px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .3s ease}#textQuestionSubmitBtn{background-color:var(--fate-accent, #00c4d9)!important;color:#fff!important;border:none!important;box-shadow:0 2px 4px #0003!important}html body #textQuestionSubmitBtn:hover,body #textQuestionSubmitBtn:hover#textQuestionSubmitBtn{background-color:var(--fate-accent-hover, #45b08a);color:#fff;box-shadow:0 4px 8px #0000004d;transform:scale(1.05)}html body #textQuestionSubmitBtn:active,body #textQuestionSubmitBtn:active#textQuestionSubmitBtn{transform:scale(.95);background-color:var(--fate-accent-dark, #008a9b);color:#fff}.voice-input-container{position:relative;margin:20px auto;display:flex;justify-content:center;align-items:center;z-index:100}.voice-input-button{width:60px;height:60px;border-radius:50%;background-color:var(--fate-accent, #ff0000);color:var(--text-on-accent, white);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 4px 8px #0000004d;transition:all .3s ease;margin:0 auto}.voice-input-button:hover{transform:scale(1.05);box-shadow:0 6px 12px #0006;background-color:var(--fate-accent-hover, #ff0000)}.voice-input-button:active{transform:scale(.95)}.voice-input-button.listening{background:var(--fate-accent, #ff3b30);animation:pulse 1.5s infinite}.voice-input-button.rippling:before,.voice-input-button.rippling:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;background-color:transparent;border:2px solid var(--fate-accent);transform:translate(-50%,-50%) scale(1);animation:ripple 1.5s ease-out infinite;opacity:0;pointer-events:none}.voice-input-button.rippling:after{animation-delay:.5s}.text-mode{margin-bottom:10px}@media(max-width:480px){.text-input-container{width:84%}#textQuestionSubmitBtn{height:32px!important;width:32px!important}}.wheel-limit-dialog{text-align:center;padding:2rem;max-width:400px;margin:0 auto}.wheel-limit-icon{font-size:3rem;margin-bottom:1rem;opacity:.8}.wheel-limit-dialog h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.5rem;font-weight:600}.wheel-limit-dialog p{color:var(--text-secondary);margin-bottom:1rem;line-height:1.5}.wheel-limit-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.wheel-limit-actions .btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:500;text-decoration:none;border:none;cursor:pointer;transition:all .2s ease}.wheel-limit-actions .btn-secondary{width:100%;background:var(--container-bg);color:var(--text-secondary);border:1px solid var(--border-light)}.wheel-limit-actions .btn-secondary:hover{background:var(--container-bg-hover);border-color:var(--border-medium)}.wheel-limit-actions .btn-primary{background:var(--color-primary);color:#fff}.wheel-limit-actions .btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.modal-backdrop,.modal-overlay,.alert-overlay,.auth-modal,.modal{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center;padding:var(--modal-padding-md);opacity:0;visibility:hidden;transition:opacity var(--modal-transition-normal),visibility var(--modal-transition-normal);overflow-y:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box}.modal-backdrop.blur-heavy,.modal.blur-heavy{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal-backdrop.visible,.modal-backdrop.show,.modal-overlay:not(.hidden),.alert-overlay:not(.hidden),.auth-modal.visible,.modal.show{opacity:1;visibility:visible;display:flex}.modal-backdrop.hidden,.modal-overlay.hidden,.alert-overlay.hidden,.auth-modal.hidden,.modal.hidden{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}.modal-content,.modal-container,.alert-box,.confirm-modal,.auth-modal-content{background:var(--container-bg, #1c1c1e);border-radius:16px;box-shadow:0 20px 60px #00000080;position:relative;z-index:var(--z-modal-content);width:100%;max-width:var(--modal-width-sm);max-height:var(--modal-height-lg);transform:scale(.9) translateY(20px);transition:transform var(--modal-transition-slow);display:flex;flex-direction:column;justify-content:flex-start;align-items:center;overflow:auto;box-sizing:border-box;border-top:4px solid var(--accent-color);margin:auto;max-width:var(--modal-width-lg);padding:var(--modal-padding-lg);text-align:center}.modal-backdrop.visible .modal-content,.modal-backdrop.show .modal-content,.modal-overlay:not(.hidden) .alert-box,.alert-overlay:not(.hidden) .alert-box,.confirm-modal:not(.hidden),.auth-modal.visible .auth-modal-content,.modal.show .modal-content,.modal.show .modal-container{transform:scale(1) translateY(0)}.modal-content.size-xs,.modal-container.size-xs{max-width:var(--modal-width-xs)}.modal-content.size-sm,.modal-container.size-sm{max-width:var(--modal-width-sm)}.modal-content.size-md,.modal-container.size-md{max-width:var(--modal-width-md)}.modal-content.size-lg,.modal-container.size-lg{max-width:var(--modal-width-lg)}.modal-content.size-xl,.modal-container.size-xl{max-width:var(--modal-width-xl)}.modal-content.size-xxl,.modal-container.size-xxl{max-width:var(--modal-width-xxl)}.modal-content.size-admin,.modal-container.size-admin{max-width:var(--modal-width-admin)}.modal-content.size-full,.modal-container.size-full{max-width:var(--modal-width-full)}.modal-content.height-sm{max-height:var(--modal-height-sm)}.modal-content.height-md{max-height:var(--modal-height-md)}.modal-content.height-lg{max-height:var(--modal-height-lg)}.modal-content.height-xl{max-height:var(--modal-height-xl)}.modal-content.height-full{max-height:var(--modal-height-full)}.auth-modal-title{color:var(--text-primary, #f5f5f7);font-size:1.5rem;font-weight:600;margin-bottom:16px;display:flex;align-items:center;gap:8px;justify-content:center}.auth-modal-description{color:var(--text-secondary, #b0b0b0);margin-bottom:24px;line-height:1.5}.auth-modal-features{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;text-align:left}.feature-item{display:flex;align-items:center;gap:12px;color:var(--text-primary, #f5f5f7);font-size:.9rem}.feature-item i{color:var(--color-success, #10b981);font-size:1rem;width:16px;flex-shrink:0}.auth-modal-actions{display:flex;flex-direction:column;gap:12px;width:100%}.auth-modal-actions .btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:8px;font-weight:500;transition:all .2s ease;text-decoration:none;border:none;cursor:pointer}.auth-modal-actions .btn-primary{background:var(--accent-color, #00c4d9);color:var(--text-on-accent, #ffffff)}.auth-modal-actions .btn-primary:hover{background:var(--accent-color-hover, #00a7b5);transform:translateY(-1px)}.auth-modal-actions .btn-secondary{width:100%;background:transparent;color:var(--text-secondary, #b0b0b0);border:1px solid var(--border-color, #6a6a6a)}.auth-modal-actions .btn-secondary:hover{background:var(--container-bg, #2a2a2a);color:var(--text-primary, #f5f5f7)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@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}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-overlay.fade-in{animation:modalFadeIn .3s ease-out}.modal-overlay.fade-out{animation:modalFadeOut .3s ease-out}.modal-overlay.slide-up .modal-content{animation:modalSlideUp .3s ease-out}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--modal-padding-lg) var(--modal-padding-lg) var(--modal-padding-md);flex-shrink:0}.modal-header.centered{justify-content:center;text-align:center;flex-direction:column;gap:var(--modal-padding-sm)}.modal-header h1,.modal-header h2,.modal-header h3,.emoji-modal-header h3,.share-modal-header h3,.performance-modal-header h3,.stats-modal-header h3,.up-next-list-modal-header h3,.up-next-create-list-modal-header h3{margin:0;color:var(--text-primary, #ffffff);font-size:1.75rem!important;text-align:center;font-weight:700;line-height:1.2}.modal-header h1{font-size:2rem}.modal-header h2{font-size:1.75rem}.modal-header h3,.emoji-modal-header h3,.share-modal-header h3,.performance-modal-header h3,.stats-modal-header h3,.up-next-list-modal-header h3,.up-next-create-list-modal-header h3{font-size:1.5rem}.modal-body{padding:var(--modal-padding-md);width:100%!important;max-width:720px;box-sizing:border-box}.share-modal-body{padding-top:0}.modal-body.no-padding{padding:0}.modal-body.centered{text-align:center}.modal-body input[type=text],.modal-body select{width:100%;padding:var(--modal-padding-sm);box-sizing:border-box}.modal-body p{margin:0 0 var(--modal-padding-md) 0}.modal-body p:last-child{margin-bottom:0}.modal-footer{display:flex;gap:var(--modal-padding-md);justify-content:flex-end;padding:var(--modal-padding-md) var(--modal-padding-lg) var(--modal-padding-lg);flex-shrink:0;flex-wrap:wrap;box-sizing:border-box}.modal-footer.centered{justify-content:center}.modal-footer.spaced{justify-content:space-between}.modal-footer.full-width{justify-content:stretch}.modal-footer.full-width>*{flex:1}.modal-close,.modal-close-btn,.alert-close,.close-btn{position:absolute;top:var(--modal-padding-xs);right:var(--modal-padding-sm);background:#ffffff1a;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary, #999);transition:all .2s ease;font-size:16px;z-index:10}.modal-close:hover,.modal-close-btn:hover,.alert-close:hover,.close-btn:hover{background:#fff3;color:var(--text-primary, #ffffff);transform:scale(1.1)}.modal-btn,.alert-btn,.test-modal-btn,.modal-button,.button{padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:14px;min-width:100px;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;text-decoration:none;box-sizing:border-box}.modal-btn:hover,.alert-btn:hover,.test-modal-btn:hover,.modal-button:hover,.button:hover:not(:disabled){transform:translateY(-2px)}.modal-btn:active,.alert-btn:active,.test-modal-btn:active,.modal-button:active,.button:active{transform:translateY(0)}.modal-btn:disabled,.alert-btn:disabled,.test-modal-btn:disabled,.modal-button:disabled,.button:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary,.modal-btn-primary,.alert-btn-primary,.test-modal-btn-primary,.modal-button.primary,.button.primary{background:linear-gradient(135deg,var(--accent-color, #00c4d9),#667eea);color:#fff;box-shadow:0 4px 12px #00c4d94d}.btn-primary:hover,.modal-btn-primary:hover,.alert-btn-primary:hover,.test-modal-btn-primary:hover,.modal-button.primary:hover,.button.primary:hover{box-shadow:0 6px 16px #00c4d966}.btn-secondary,.modal-btn-secondary,.alert-btn-secondary,.test-modal-btn-secondary,.modal-button.secondary,.button.secondary{width:100%;border:2px solid var(--border-light, #333);background:transparent;color:var(--text-secondary, #999)}.btn-secondary:hover,.modal-btn-secondary:hover,.alert-btn-secondary:hover,.test-modal-btn-secondary:hover,.modal-button.secondary:hover,.button.secondary:hover{background:var(--border-light, #333);color:var(--text-primary, #ffffff)}.btn-danger,.modal-btn-danger,.alert-btn-danger,.modal-button.danger,.button.danger{background:linear-gradient(135deg,#ff4757,#ff3838);color:#fff;box-shadow:0 4px 12px #ff47574d}.btn-danger:hover,.modal-btn-danger:hover,.alert-btn-danger:hover,.modal-button.danger:hover,.button.danger:hover{box-shadow:0 6px 16px #ff475766}.btn-success,.modal-btn-success,.alert-btn-success,.modal-button.success,.button.success{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;box-shadow:0 4px 12px #28a7454d}.btn-warning,.modal-btn-warning,.alert-btn-warning,.modal-button.warning,.button.warning{background:linear-gradient(135deg,#ffc107,#ff8c00);color:#000;box-shadow:0 4px 12px #ffc1074d}.btn-info,.modal-btn-info,.alert-btn-info,.modal-button.info,.button.info{background:linear-gradient(135deg,#17a2b8,#007bff);color:#fff;box-shadow:0 4px 12px #17a2b84d}.modal-button.popular-wheel{background:linear-gradient(135deg,#ff6b6b,#feca57);color:#fff;box-shadow:0 4px 12px #ff6b6b4d}.modal-button.popular-wheel:hover{box-shadow:0 6px 16px #ff6b6b66;transform:translateY(-2px)}#saveOnExitSaveBtn,#saveOnExitDiscardBtn,.modal-buttons{position:relative;display:flex;flex-direction:row;justify-content:center!important;align-items:center!important;gap:12px;width:100%;box-sizing:border-box;padding:16px}.modal-buttons .btn-primary,.modal-buttons .btn-secondary{width:100%;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;font-size:14px}.modal-buttons .btn-primary{background:var(--primary-color);color:#fff}.modal-buttons .btn-primary:hover{background:var(--primary-color-dark, #0056CC);transform:translateY(-1px)}.modal-buttons .btn-secondary{width:100%;background:var(--container-bg-secondary, rgba(255, 255, 255, .1));color:var(--text-color-primary);border:1px solid var(--border-color, rgba(255, 255, 255, .2))}.modal-buttons .btn-secondary:hover{background:var(--container-bg-tertiary, rgba(255, 255, 255, .15))}.modal-buttons.centered,.alert-buttons.centered{justify-content:center}.modal-buttons.full-width,.alert-buttons.full-width{justify-content:stretch}.modal-buttons.full-width>*,.alert-buttons.full-width>*{flex:1}.modal-icon,.alert-icon{width:80px;height:80px;margin:0 auto 24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;flex-shrink:0}.modal-icon.success,.alert-icon.success{background:var(--color-success, #28a745);color:#fff}.modal-icon.warning,.alert-icon.warning{background:var(--color-warning, #ffc107);color:#000}.modal-icon.error,.alert-icon.error{background:var(--color-danger, #dc3545);color:#fff}.modal-icon.info,.alert-icon.info{background:var(--color-info, #17a2b8);color:#fff}.modal-title,.alert-title{font-size:2rem;font-weight:700;color:var(--text-primary, #ffffff);margin:0 0 20px;line-height:1.25;text-align:center;letter-spacing:-.02em}.alert-modal .modal-content.size-md{padding:40px 36px 36px}@media(max-width:767px){.alert-icon{width:72px;height:72px;font-size:36px;margin-bottom:20px}.alert-title{font-size:1.625rem}.alert-modal .modal-content.size-md{padding:32px 28px 28px}}.modal-text,.alert-text,.modal-message{font-size:1.0625rem;color:var(--text-secondary, #b8b8b8);line-height:1.6;margin:0;white-space:pre-line;text-align:center}.alert-actions{display:flex;flex-direction:column;gap:14px;justify-content:center;margin-top:32px;width:100%}.alert-actions button{width:100%;padding:16px 28px;font-size:1.0625rem;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease;white-space:normal;line-height:1.5;min-height:52px}.alert-actions .btn-primary{background:var(--color-primary, #3b82f6);color:#fff;order:1;box-shadow:0 2px 8px #3b82f640;font-weight:700}.alert-actions .btn-primary:hover{background:var(--color-primary-hover, #2563eb);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.alert-actions .btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #3b82f640}.alert-actions .btn-secondary{width:100%;background:#6c757d33;color:var(--text-primary, #ffffff);border:1.5px solid rgba(255,255,255,.2);order:2;backdrop-filter:blur(8px)}.alert-actions .btn-secondary:hover{background:#6c757d4d;border-color:#ffffff4d;transform:translateY(-1px)}.alert-actions .btn-secondary:active{transform:translateY(0)}@media(min-width:768px){.alert-actions{flex-direction:row;justify-content:center;gap:16px}.alert-actions button{width:auto;min-width:160px;flex:1 1 0;max-width:240px}.alert-actions .btn-secondary{width:100%;order:1}.alert-actions .btn-primary{order:2}}.modal-submessage{font-size:.875rem;color:var(--text-muted, #666);margin-top:var(--modal-padding-sm);line-height:1.5}.alert-modal,.alert-overlay{z-index:var(--z-modal-overlay)}#resetOptionsModalBackdrop.alert-overlay{z-index:10001!important;pointer-events:auto!important}#resetOptionsModal.alert-box{z-index:10002!important;pointer-events:auto!important}#resetOptionsModal .modal-buttons{z-index:10003!important;pointer-events:auto!important;position:relative}#resetOptionsModal .modal-buttons button{z-index:10004!important;pointer-events:auto!important;position:relative}.alert-modal .modal-content,.alert-box,.confirm-modal{text-align:center}.auth-modal{z-index:var(--z-modal-overlay)}.auth-modal-content.wheel-manager-modal{max-width:var(--modal-width-admin);padding:var(--modal-padding-md);text-align:left}#subscriptionModal .auth-modal-content{max-width:var(--modal-width-xl)}#outcomePopupQuestionTitle{display:none}.outcome-popup{position:fixed;inset:0;background:#000c;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);z-index:var(--z-outcome-popup);display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--modal-transition-normal),visibility var(--modal-transition-normal);overflow-y:visible;overflow-x:hidden;box-sizing:border-box}.outcome-popup.visible,.outcome-popup:not(.hidden){opacity:1!important;visibility:visible!important;display:flex!important;pointer-events:auto!important}.outcome-popup-content{background:var(--container-bg, #1c1c1e);border-top:4px solid var(--winning-color, var(--accent-color, #00c4d9));border-radius:20px;padding:24px;width:calc(60% - 32px);max-width:768px!important;max-height:98vh;box-shadow:0 25px 80px #0009;position:relative;display:flex;flex-direction:column}.outcome-popup:not(.hidden) .outcome-popup-content,.outcome-popup[style*="visibility: visible"] .outcome-popup-content,.outcome-popup[style*="opacity: 1"] .outcome-popup-content{transform:scale(1)}.outcome-popup-main-text,.popup-text-container .modal-large-title{font-size:2.75rem;line-height:1.1;font-weight:700;color:var(--text-primary, #ffffff);margin:var(--modal-padding-md) 0;word-break:break-word;text-align:center}.outcome-popup[data-popup-state=group-eliminated] .outcome-popup-main-text{color:var(--accent-color, #00c4d9);text-shadow:0 2px 4px rgba(0,0,0,.3)}.outcome-popup-byline,.sorter-progress-assignment{font-size:2rem;line-height:1.4;font-weight:600;color:var(--text-primary, #ffffff);margin:var(--modal-padding-md) 0;word-break:break-word;text-align:center}.popup-text-container{width:100%;text-align:center;margin-bottom:var(--modal-padding-lg);box-sizing:border-box;flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}@media(prefers-reduced-motion:reduce){.outcome-popup-content{transform:none;transition:none}.outcome-popup{transition:opacity .1s ease,visibility .1s ease}}.popup-text-container .modal-text{margin:var(--modal-padding-md) 0}.outcome-popup.hidden{opacity:0!important;visibility:hidden!important;pointer-events:none!important;display:none!important}#creationFlowModal{padding:20px;margin:0;inset:0;display:flex;align-items:center;justify-content:center}.modal-content.creation-flow-modal{width:auto;height:auto;max-width:800px;max-height:90vh;margin:0;padding-bottom:40px;border-radius:16px;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;background:var(--container-bg, #1c1c1e);box-shadow:0 20px 40px #0000004d}.modal-content.creation-flow-modal .modal-header{display:flex;align-items:center;justify-content:center;padding:var(--modal-padding-xl) 0px var(--modal-padding-xs) 0px;flex-shrink:0}.modal-content.creation-flow-modal .modal-header h3{display:block;visibility:visible;opacity:1;font-size:2.8em!important;text-align:center!important;color:var(--text-primary, #ffffff);margin:0;font-weight:700}.modal-content.creation-flow-modal .modal-body{flex:1;overflow-y:auto;padding:var(--modal-padding-lg)}.modal-content.creation-flow-modal .modal-footer{flex-shrink:0;padding:var(--modal-padding-lg);border-top:1px solid var(--border-light, #333)}#creationFlowModal h3{font-size:3rem!important;line-height:1em!important;margin-bottom:40px!important}#creationFlowModal .csv-option{display:flex}.sorter-group-container{display:flex;flex-direction:column-reverse;justify-content:space-between;align-items:center;padding:8px;margin-bottom:4px;border:.5px solid var(--border-color)!important;border-radius:4px}.sorter-group-header{font-weight:600;font-size:.75em!important;line-height:1;color:var(--text-primary);margin-bottom:4px}.sorter-group-items-container{display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-weight:500;font-size:1rem}.outcome-popup-game-mode{color:var(--fate-text-secondary);padding:0}.outcome-popup.auto-spin-active{animation-duration:.5s;opacity:.9}.outcome-popup.auto-spin-active:after{content:"Auto Spin Active";position:absolute;bottom:10px;right:10px;font-size:var(--font-size-sm);background:#000000b3;color:#fff;padding:4px 8px;border-radius:4px;font-weight:500}.modal-text.list-view{text-align:left;font-size:1.4em;background:none;color:var(--text-primary);padding:0;width:100%}.outcome-winner-list{list-style:decimal;padding-left:25px;margin:0;display:flex;flex-direction:column;gap:5px}.outcome-winner-list li{font-weight:400;margin:0}.chase-score-circles{display:flex;gap:4px;align-items:center;margin-left:auto}.chase-circle{width:1px;height:8px;border:1px solid var(--border-color);background-color:var(--border-color);transition:all .4s cubic-bezier(.4,0,.2,1);flex-shrink:0;position:relative;opacity:.2}.chase-circle.filled{border:1px solid var(--fate-accent);background-color:var(--fate-accent);opacity:1}.chase-circle{animation:circle-appear .3s ease-out}.chase-circle.filled{animation:circle-fill .5s cubic-bezier(.4,0,.2,1)}.score-indicators{display:flex;gap:5px;margin-left:auto;margin-right:10px}.score-box{width:8px;height:8px;border:2px solid var(--border-color);border-radius:50%;background-color:transparent;transition:all .3s ease}.score-box.filled{background-color:var(--fate-accent);border-color:var(--fate-accent)}@media(max-width:768px){#saveOnExitModal .modal-buttons{flex-direction:column-reverse!important}.outcome-popup.auto-spin-active:after{font-size:.7rem;padding:2px 6px}}.progress-modal,.results-modal{z-index:var(--z-modal-overlay)}.progress-modal .modal-content,.results-modal .modal-content{max-width:var(--modal-width-lg);padding:var(--modal-padding-xl)}.ui-modal{z-index:var(--z-modal-overlay)}.ui-modal .modal-content{max-width:var(--modal-width-xl);max-height:var(--modal-height-full);padding:0}.ui-modal-header{padding:var(--modal-padding-lg) var(--modal-padding-lg) var(--modal-padding-md);border-bottom:1px solid var(--border-light, #333)}.ui-modal-body{padding:var(--modal-padding-lg);overflow-y:auto;width:100%;max-width:720px;box-sizing:border-box}.ui-modal-footer{padding:var(--modal-padding-md) var(--modal-padding-lg) var(--modal-padding-lg);border-top:1px solid var(--border-light, #333);width:100%;max-width:720px;box-sizing:border-box}.modal.brand-campaign,.modal.campaign-item,.modal.create-branded-wheel{backdrop-filter:blur(8px)}.modal.brand-campaign .modal-container,.modal.campaign-item .modal-container,.modal.create-branded-wheel .modal-container{max-width:var(--modal-width-lg);min-height:300px;padding:20px;gap:20px}.wheel-link-modal,.legacy-wheel-modal{z-index:var(--z-modal-backdrop)}.wheel-link-modal .modal-content,.legacy-wheel-modal .modal-content{max-width:var(--modal-width-md);max-height:var(--modal-height-lg);padding:0}.feature-matrix-modal .modal-content{max-width:var(--modal-width-xxl);max-height:var(--modal-height-full)}.emoji-modal{z-index:var(--z-modal-overlay)}.emoji-modal-content{max-width:var(--modal-width-md);max-height:var(--modal-height-lg);overflow:hidden}.emoji-input-row{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;margin-bottom:16px;padding:0 34px;box-sizing:border-box}.emoji-picker-btn{box-sizing:border-box;border-radius:8px;padding:8px;background-color:var(--input-bg);color:var(--text-primary)}.help-modal-content{max-width:var(--modal-width-lg)}.analytics-modal .modal-content{max-width:var(--modal-width-xxl);max-height:var(--modal-height-full)}.x-auth-container{display:flex;flex-direction:column;width:100%;gap:var(--modal-padding-sm);max-width:var(--modal-width-sm);box-sizing:border-box}.x-auth-logo{display:flex;justify-content:center;align-items:center;margin-bottom:var(--modal-padding-lg)}.x-auth-title{font-size:2rem;font-weight:700;color:var(--text-primary, #ffffff);margin-bottom:var(--modal-padding-lg);text-align:center}.x-auth-subtitle{text-align:center;color:var(--text-secondary, #999);font-size:1rem;line-height:1.5;margin-bottom:var(--modal-padding-lg)}.x-auth-buttons{display:flex;flex-direction:column;gap:var(--modal-padding-md)}.x-auth-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--modal-padding-md);padding:var(--modal-padding-lg) 20px;border:1px solid var(--border-light, #333);border-radius:8px;font-weight:500;font-size:15px;cursor:pointer;transition:all .2s ease;background:var(--container-bg, #1c1c1e);color:var(--text-primary, #ffffff);text-decoration:none}.x-auth-btn:hover{background:var(--input-bg, #333);transform:translateY(-2px)}.x-auth-btn.google-btn:hover{background:#4285f41a;border-color:#4285f4}.x-auth-logo{display:flex;justify-content:center;align-items:center;margin-bottom:var(--spacing-component-lg)}.x-auth-logo img{max-width:48px;max-height:48px}.x-auth-title{font-size:32px;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-component-lg);text-align:center}.x-auth-buttons{display:flex;flex-direction:column;gap:var(--spacing-component-md)}.x-auth-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-component-md);padding:var(--spacing-component-lg) 20px;border:none;border-radius:var(--radius-default);font-weight:500;font-size:15px;cursor:pointer;transition:var(--transition-fast)}.x-auth-btn.google-btn{background:var(--container-bg);color:var(--text-primary);border:1px solid var(--border-light);padding:var(--spacing-component-lg) 8px}.x-auth-btn.google-btn:hover{background:var(--input-bg, #333333)}.x-auth-submit{background:var(--accent-color);color:var(--text-on-accent);border:1px solid var(--border-light);padding:var(--spacing-component-lg) 8px;border-radius:var(--radius-default);font-weight:500;font-size:15px;cursor:pointer;transition:var(--transition-fast)}.x-auth-submit:hover{background:var(--accent-color-hover)}.x-auth-submit:disabled{opacity:.5;cursor:not-allowed;background:var(--accent-color)}.x-auth-btn.apple-btn{background:var(--container-bg);color:var(--text-primary)}.x-auth-btn.email-btn{background:var(--accent-color);color:var(--text-on-accent)}.x-auth-btn.email-btn:hover{background:var(--accent-color-hover)}.x-auth-btn-icon{width:20px;height:20px;flex-shrink:0}.x-auth-divider{position:relative;text-align:center;margin:var(--spacing-component-sm) 0}.x-auth-divider:before,.x-auth-divider:after{content:"";position:absolute;top:50%;width:calc(50% - 30px);height:1px;background:var(--border-light);transform:translateY(-50%)}.x-auth-divider:before{left:0}.x-auth-divider:after{right:0}.x-auth-divider span{background:var(--container-bg);padding:0 var(--spacing-component-md);color:var(--text-secondary);font-size:var(--font-size-sm)}.x-auth-form{display:flex;flex-direction:column;gap:var(--spacing-component-md);width:100%;margin-bottom:var(--spacing-component-md)}.x-auth-input{width:100%;padding:var(--spacing-component-md);background:transparent;border:1px solid var(--border-light);border-radius:var(--radius-default);color:var(--text-primary);font-size:var(--font-size-md);transition:var(--transition-fast)}.x-auth-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 1px var(--accent-color)}.x-auth-input::placeholder{color:var(--text-secondary)}.x-auth-footer{text-align:center}.x-auth-footer-text{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-component-md)}.x-auth-link{color:var(--accent-color);text-decoration:none;font-size:var(--font-size-sm);transition:var(--transition-fast);background:none;border:none;cursor:pointer}.x-auth-link:hover{color:var(--color-brand-tertiary);text-decoration:underline}.x-auth-terms{margin-bottom:var(--spacing-component-md);font-size:12px;color:var(--text-secondary);line-height:1.5}.x-auth-terms a{color:var(--accent-color);text-decoration:none}.x-auth-terms a:hover{text-decoration:underline}.x-auth-error{background:rgba(var(--color-error-rgb),.1);border:1px solid var(--color-error);color:var(--color-error);padding:var(--spacing-component-md);border-radius:var(--radius-default);font-size:var(--font-size-sm);margin-bottom:var(--spacing-component-md);text-align:center}.x-auth-loading{display:flex;align-items:center;justify-content:center;gap:var(--spacing-component-sm);color:var(--text-secondary);font-size:var(--font-size-sm);padding:var(--spacing-component-sm) 0}.x-auth-spinner{width:16px;height:16px;border:2px solid var(--border-light);border-top-color:var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}.x-auth-welcome-message{text-align:center;color:var(--accent-color);font-size:18px;font-weight:500;margin-bottom:var(--spacing-component-md)}.x-auth-success-text{text-align:center;color:var(--color-success);font-size:var(--font-size-md);margin-bottom:var(--spacing-component-sm)}.x-auth-excitement-text{text-align:center;color:#666;font-size:var(--font-size-sm)}.x-auth-header{display:flex;flex-direction:column;align-items:center;justify-content:center}.x-auth-subtitle{text-align:center;color:var(--text-secondary);font-size:var(--font-size-md);line-height:1.5;margin-bottom:var(--spacing-component-lg)}.x-auth-subtitle strong{color:var(--text-primary);font-weight:600}.x-auth-help-text{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-component-sm)}#xVerificationCodeInput{text-align:center;font-size:1.2em;letter-spacing:.2em;font-weight:600;font-family:Courier New,monospace}.x-auth-footer .x-auth-help-text{margin-bottom:var(--spacing-component-md)}.x-auth-footer .x-auth-link{display:block;margin-bottom:var(--spacing-component-sm)}.x-auth-footer .x-auth-link:last-child{margin-bottom:0}.x-auth-email{font-weight:600;color:var(--accent-color);margin:var(--spacing-component-sm) 0 var(--spacing-component-lg);font-size:1.1em}.x-auth-waiting-message{text-align:center;padding:var(--spacing-component-md);background:rgba(var(--accent-color-rgb),.05);border-radius:var(--radius-default);border:1px solid rgba(var(--accent-color-rgb),.2);margin:var(--spacing-component-md) 0}.x-auth-link-btn{background:none;border:none;color:var(--accent-color);text-decoration:underline;cursor:pointer;font-size:var(--font-size-sm);margin:0 var(--spacing-component-sm);padding:4px var(--spacing-component-sm);transition:var(--transition-fast)}.x-auth-link-btn:hover{color:var(--color-brand-tertiary)}.form-section{margin-bottom:var(--modal-padding-lg);padding:var(--modal-padding-md);background:#ffffff08;border:1px solid var(--border-light, #333);border-radius:12px;position:relative}.form-section:last-child{margin-bottom:0}.form-section h3,.form-section h4{font-size:1.3rem;font-weight:600;color:var(--text-primary, #ffffff);margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid var(--accent-color, #00c4d9);display:flex;align-items:center;gap:10px}.form-actions{display:flex;justify-content:flex-end;gap:var(--modal-padding-md);padding-top:var(--modal-padding-lg);margin-top:var(--modal-padding-lg);border-top:1px solid var(--border-light, #333)}.auto-save-indicator{position:fixed;top:60px;right:20px;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;transition:all .3s ease;z-index:1000}.auto-save-indicator.saving{background:#ffc107;color:#fff}.auto-save-indicator.saved{background:#28a745;color:#fff}.auto-save-indicator.unsaved{background:#17a2b8;color:#fff}.auto-save-indicator.error{background:#dc3545;color:#fff}.conflict-options{margin:1.5rem 0}.conflict-option{padding:1rem;border:2px solid var(--border-light, #333);border-radius:8px;margin-bottom:.5rem;cursor:pointer;transition:all .2s ease;background:var(--container-bg, #1c1c1e)}.conflict-option:hover{border-color:var(--accent-color, #00c4d9)}.conflict-option.selected{border-color:var(--accent-color, #00c4d9);background:#00c4d91a}@media(max-width:768px){.modal-backdrop,.modal-overlay,.alert-overlay,.auth-modal,.modal{padding:0;inset:0;display:flex;align-items:center;justify-content:center}.modal-content,.modal-container,.alert-box,.auth-modal-content{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;width:100%;max-width:100%;max-height:100%;margin:0;border-radius:0;overflow-y:auto}.modal-header{padding:var(--modal-padding-md) var(--modal-padding-md) var(--modal-padding-sm)}.modal-header h1{font-size:1.5rem}.modal-header h2{font-size:1.4rem}.modal-header h3,.emoji-modal-header h3,.share-modal-header h3,.performance-modal-header h3,.stats-modal-header h3,.up-next-list-modal-header h3,.up-next-create-list-modal-header h3{font-size:2rem;text-align:center}.modal-body,.modal-footer{padding:var(--modal-padding-sm)}.modal-footer{flex-direction:column-reverse}.modal-footer .button,.modal-footer .modal-btn{width:100%;min-width:auto}.auth-modal-content{justify-content:flex-start;align-items:stretch;padding:var(--modal-padding-sm);padding-top:var(--modal-padding-xs)}.x-auth-container{width:100%;max-width:400px}.x-auth-title{font-size:1.75rem}.form-section{padding:var(--modal-padding-md);margin-bottom:var(--modal-padding-md)}.form-actions{flex-direction:column-reverse}.form-actions .button{width:100%;min-width:auto}.outcome-popup{padding:0}.outcome-popup-content{padding:24px 8px 8px;max-height:calc(100vh - 16px);width:calc(100% - 16px);border-radius:16px;max-width:320px!important}#outcomePopupCloseBtn{top:16px;right:16px}.outcome-popup-main-text,.popup-text-container .modal-large-title{font-size:1.75rem}.outcome-popup-byline,.sorter-progress-assignment{font-size:1.1rem}.creation-options{grid-template-columns:1fr;gap:var(--modal-padding-sm)}.creation-option{min-height:160px;padding:var(--modal-padding-md)}.creation-option .option-icon{width:60px;height:60px;margin-bottom:var(--modal-padding-sm)}.creation-option .option-icon i{font-size:28px}.modal-content.creation-flow-modal{width:100%;height:100%;max-width:100%;max-height:100%;margin:0;padding:32px;border-radius:16px;display:flex;flex-direction:column;justify-content:center;align-items:center}.modal-content.creation-flow-modal{justify-content:flex-start;align-items:stretch;padding:12px 16px 16px}#creationFlowModal{padding:0;margin:0;inset:0}#creationFlowModal .modal-header{flex-shrink:0;padding:0}#creationFlowModal .modal-body{flex:1;overflow-y:auto;padding:0}#creationFlowModal .modal-footer{flex-shrink:0;width:100%;padding:var(--modal-padding-xs)}#creationFlowModal h3{font-size:1.5rem;margin:0}#creationFlowModal .contacts-option{display:flex}#creationFlowModal .csv-option{display:none}#creationFlowModal .manual-outcomes-section{margin:16px 0}#importContactsBtn.btn-primary,#createContactsWheelBtn.btn-primary,.btn-secondary{text-align:center;justify-content:center;width:100%}.tutorial-video-container{margin-bottom:16px}.tutorial-title{font-size:20px;margin-bottom:8px}.tutorial-description{font-size:14px}.emoji-modal{padding:0;inset:0}.emoji-modal-content{width:100%;height:100%;max-width:100%;max-height:100%;margin:0;border-radius:0}.emoji-modal-header{padding:var(--modal-padding-md) var(--modal-padding-md) var(--modal-padding-sm)}.emoji-search-container,.emoji-categories,.emoji-grid-container{padding:var(--modal-padding-md)}.emoji-grid{grid-template-columns:repeat(6,1fr)}.emoji-category-tab{font-size:.8rem;padding:6px 12px}}@media(prefers-reduced-motion:reduce){.modal-content,.modal-container,.alert-box,.auth-modal-content{animation:none;transition:none}.modal-backdrop,.modal-overlay,.alert-overlay,.auth-modal,.modal{transition:opacity .1s ease}.button:hover,.modal-btn:hover{transform:none}}body[data-theme=light] .modal-content,body[data-theme=light] .modal-container,body[data-theme=light] .alert-box,body[data-theme=light] .auth-modal-content{background:#fff;border-color:#e5e7eb;color:#1f2937}body[data-theme=light] .modal-close,body[data-theme=light] .modal-close-btn{background:#0000001a;color:#6b7280}body[data-theme=light] .modal-close:hover,body[data-theme=light] .modal-close-btn:hover{background:#0003;color:#1f2937}.emoji-modal{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:var(--modal-padding-md);opacity:0;visibility:hidden;transition:opacity var(--modal-transition-normal),visibility var(--modal-transition-normal);overflow-y:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box}.emoji-modal.visible{opacity:1;visibility:visible;display:flex}.emoji-modal-content{background:var(--container-bg, #1c1c1e);border:1px solid var(--border-light, #333);border-radius:16px;box-shadow:0 20px 60px #00000080;position:relative;z-index:var(--z-modal-content);width:100%;max-width:var(--modal-width-md);max-height:var(--modal-height-lg);transform:scale(.9) translateY(20px);transition:transform var(--modal-transition-slow);display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;margin:auto}.emoji-modal.visible .emoji-modal-content{transform:scale(1) translateY(0)}.emoji-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--modal-padding-lg) var(--modal-padding-lg) var(--modal-padding-md);border-bottom:1px solid var(--border-light, #333);flex-shrink:0}.emoji-modal-close{position:absolute;top:var(--modal-padding-md);right:var(--modal-padding-md);background:#ffffff1a;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary, #999);transition:all .2s ease;font-size:16px;z-index:10}.emoji-modal-close:hover{background:#fff3;color:var(--text-primary, #ffffff);transform:scale(1.1)}.emoji-search-container{padding:var(--modal-padding-md) var(--modal-padding-lg);border-bottom:1px solid var(--border-light, #333);flex-shrink:0}.emoji-search-input{width:100%;padding:var(--modal-padding-sm) var(--modal-padding-md);border:2px solid var(--border-light, #333);border-radius:8px;background:var(--input-bg, #333);color:var(--text-primary, #ffffff);font-size:1rem;transition:all .2s ease;box-sizing:border-box}.emoji-search-input::placeholder{color:var(--text-secondary, #999)}.emoji-search-input:focus{outline:none;border-color:var(--accent-color, #00c4d9);box-shadow:0 0 0 1px var(--accent-color, #00c4d9)}.emoji-categories{display:flex;overflow-x:auto;padding:var(--modal-padding-md) var(--modal-padding-lg);gap:var(--modal-padding-sm);border-bottom:1px solid var(--border-light, #333);background:var(--container-bg, #1c1c1e);flex-shrink:0;-webkit-overflow-scrolling:touch}.emoji-category-tab{background:transparent;border:1px solid var(--border-light, #333);padding:8px 16px;border-radius:6px;font-size:.875rem;font-weight:500;color:var(--text-secondary, #999);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .2s ease}.emoji-category-tab:hover{background:var(--input-bg, #333);color:var(--text-primary, #ffffff)}.emoji-category-tab.active{background:var(--accent-color, #00c4d9);color:#fff;border-color:var(--accent-color, #00c4d9)}.emoji-grid-container{flex:1;overflow-y:auto;padding:var(--modal-padding-md) var(--modal-padding-lg);min-height:0;-webkit-overflow-scrolling:touch}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:var(--modal-padding-sm)}.emoji-grid-item{display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:1.5rem;border-radius:6px;cursor:pointer;user-select:none;transition:all .2s ease;background:transparent;border:1px solid transparent}.emoji-grid-item:hover{background:var(--input-bg, #333);transform:scale(1.1);border-color:var(--border-light, #333)}.emoji-grid-item:active{transform:scale(.95)}.emoji-grid.loading,.emoji-grid.no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:var(--text-secondary, #999);text-align:center;grid-column:1 / -1}.emoji-grid.no-results i{font-size:2.5rem;margin-bottom:var(--modal-padding-sm);opacity:.5}.emoji-grid.loading:after{content:"Loading emojis...";font-size:1rem;margin-top:var(--modal-padding-sm)}.emoji-grid.no-results:after{content:"No emojis found";font-size:1rem;margin-top:var(--modal-padding-sm)}.emoji-modal-content::-webkit-scrollbar,.emoji-grid-container::-webkit-scrollbar{width:8px}.emoji-modal-content::-webkit-scrollbar-track,.emoji-grid-container::-webkit-scrollbar-track{background:var(--border-light, #333);border-radius:4px}.emoji-modal-content::-webkit-scrollbar-thumb,.emoji-grid-container::-webkit-scrollbar-thumb{background:var(--accent-color, #00c4d9);border-radius:4px}.emoji-modal-content::-webkit-scrollbar-thumb:hover,.emoji-grid-container::-webkit-scrollbar-thumb:hover{background:var(--accent-color-hover, #00a7b5)}.modal-backdrop,.modal-overlay,.alert-overlay,.auth-modal,.modal,.share-modal-overlay,#popularCategoryModal.alert-overlay{display:flex!important;align-items:center!important;justify-content:center!important}.modal-content,.modal-container,.alert-box,.auth-modal-content{margin:auto!important}@media(prefers-reduced-motion:reduce){.emoji-modal-content{animation:none;transition:none}.emoji-modal{transition:opacity .1s ease}.emoji-grid-item:hover,.emoji-grid-item:active{transform:none}}.emoji-grid-item:focus{outline:2px solid var(--accent-color, #00c4d9);outline-offset:2px}.emoji-category-tab:focus{outline:2px solid var(--accent-color, #00c4d9);outline-offset:2px}body[data-theme=light] .emoji-modal-content{background:#fff;border-color:#e5e7eb;color:#1f2937}body[data-theme=light] .emoji-modal-close{background:#0000001a;color:#6b7280}body[data-theme=light] .emoji-modal-close:hover{background:#0003;color:#1f2937}body[data-theme=light] .emoji-search-input{background:#f9fafb;border-color:#d1d5db;color:#1f2937}body[data-theme=light] .emoji-search-input::placeholder{color:#6b7280}body[data-theme=light] .emoji-category-tab{border-color:#d1d5db;color:#6b7280}body[data-theme=light] .emoji-category-tab:hover{background:#f3f4f6;color:#1f2937}body[data-theme=light] .emoji-grid-item:hover{background:#f3f4f6;border-color:#d1d5db}.tutorial-modal-content{padding:0}.tutorial-header{display:flex;align-items:center;gap:16px;padding:24px 24px 16px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:16px}.tutorial-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:rgba(var(--accent-color-rgb, 0, 196, 217),.15);color:var(--accent-color, #00c4d9);font-size:24px;flex-shrink:0}.tutorial-text h3{margin:0 0 8px;font-size:1.25rem;font-weight:600;color:var(--text-color, #ffffff)}.tutorial-text p{margin:0;color:var(--text-color-secondary, rgba(255, 255, 255, .7));line-height:1.5}.tutorial-description{padding:0 24px 24px}.tutorial-description p{margin:0;color:var(--text-color-secondary, rgba(255, 255, 255, .7));text-align:center;line-height:1.5}.tutorial-actions{display:flex;gap:12px;padding:0 24px 24px;justify-content:center}.tutorial-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:8px;font-weight:500;text-decoration:none;transition:all .2s ease;border:none;cursor:pointer;font-size:.9rem;min-width:140px;justify-content:center}.tutorial-btn.btn-primary{background:var(--accent-color, #00c4d9);color:#fff}.tutorial-btn.btn-primary:hover{background:var(--accent-color-hover, #00b8cc);transform:translateY(-1px)}.tutorial-btn.btn-secondary{width:100%;background:#ffffff1a;color:var(--text-color, #ffffff);border:1px solid rgba(255,255,255,.2)}.tutorial-btn.btn-secondary:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px)}body[data-theme=light] .tutorial-header{border-bottom-color:#0000001a}body[data-theme=light] .tutorial-icon{background:rgba(var(--accent-color-rgb, 0, 196, 217),.1)}body[data-theme=light] .tutorial-text h3{color:var(--text-color-light, #1f2937)}body[data-theme=light] .tutorial-text p,body[data-theme=light] .tutorial-description p{color:var(--text-color-secondary-light, #6b7280)}body[data-theme=light] .tutorial-btn.btn-secondary{width:100%;background:#0000000d;color:var(--text-color-light, #1f2937);border-color:#0003}body[data-theme=light] .tutorial-btn.btn-secondary:hover{background:#00000014;border-color:#00000040}.tutorial-video-container{width:100%;aspect-ratio:16/9;background:#000;border-radius:8px;overflow:hidden;margin-bottom:20px}.tutorial-video{width:100%;height:100%;border:none}.tutorial-info{text-align:left}.tutorial-title{font-size:24px;font-weight:600;color:var(--text-primary);margin-bottom:12px;line-height:1.3}.tutorial-description{font-size:16px;color:var(--text-secondary);line-height:1.5;margin:0}.alert-overlay{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background-color:#0006;z-index:var(--z-outcome-popup);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease}.alert-overlay{height:100vh!important}.alert-overlay:not(.hidden){opacity:1;visibility:visible;pointer-events:auto}.alert-overlay:not(.hidden) .alert-box{opacity:1;visibility:visible;transform:scale(1)}.alert-box{background:var(--container-bg, #1c1c1e);border-radius:16px;box-shadow:0 20px 60px #00000080;position:relative;z-index:var(--z-modal-content);width:100%;max-width:var(--modal-width-sm);max-height:var(--modal-height-lg);transform:scale(.9) translateY(20px);transition:transform var(--modal-transition-slow);display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;overflow:auto;box-sizing:border-box;margin:auto;padding:32px 32px 88px;text-align:center}.alert-buttons{display:flex;gap:12px;justify-content:center;align-items:center;margin-top:24px}#popularCategoryModal{overflow-y:auto}#popularCategoryModal.alert-overlay{padding:0;align-items:stretch}#popularCategoryModal .alert-box{max-width:none;width:100%;height:100vh;max-height:90vh;max-width:760px;margin:0;border-radius:24px;padding:64px 20px 20px;box-sizing:border-box;overflow-y:auto;-webkit-overflow-scrolling:touch;transform:none;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}#popularCategoryModal h3{max-width:80%;font-size:40px;font-weight:600;color:var(--text-primary);margin:0;padding:0}#popularCategoryModal .alert-buttons{flex-direction:row;align-items:center;justify-content:center;gap:16px}.pro-features-warning{color:#f39c12!important;font-weight:700!important;margin-bottom:20px!important}@media(prefers-color-scheme:dark){.pro-features-warning{color:#f39c12!important}}@media(max-width:768px){#popularCategoryModal .alert-buttons{flex-shrink:0;margin-top:20px;padding-top:20px;border-top:1px solid var(--border-color);background:var(--container-bg)}#popularCategoryModal .form-group{margin-bottom:20px}}.alert-overlay:has(.share-modal-content){align-items:center!important;justify-content:center!important;padding-top:2vh}.share-modal-overlay{align-items:center!important;justify-content:center!important;padding-top:2vh}@media(max-width:768px){.alert-overlay:has(.share-modal-content),.share-modal-overlay{align-items:flex-start!important;justify-content:flex-start!important;padding-top:8px}}.share-modal-header{display:flex;align-items:center;justify-content:space-between;background:var(--container-bg);border-radius:12px 12px 0 0;padding:40px var(--spacing-xl) var(--spacing-xs) var(--spacing-xl)}.share-modal-content{padding:0!important}.share-content{text-align:center;padding:var(--spacing-md) 0;transition:opacity .3s ease-in-out}.share-content.hidden{display:none}.share-loading{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.share-success,.share-error{text-align:left}.spinner,.button-spinner{border-radius:50%;animation:spin 1s linear infinite}.spinner{width:40px;height:40px;border:4px solid var(--surface-variant);border-top-color:var(--accent-color)}.button-spinner{width:16px;height:16px;border:2px solid var(--surface-variant);border-top-color:currentColor;margin-right:var(--spacing-sm)}.share-modal-title,.share-section-title{margin:0 var(--spacing-0) var(--spacing-md);font-size:1.1rem;font-weight:var(--font-weight-semibold);color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-sm)}.share-modal-subtitle,.share-section-description{margin:0 0 var(--spacing-md);font-size:.9em;color:var(--text-secondary)}.share-section{margin:var(--spacing-md) 0;padding:var(--spacing-md);background:var(--surface-variant);border:1px solid var(--hover-bg);border-radius:8px;width:100%;box-sizing:border-box}.share-section-title{margin-bottom:8px}.share-link-title{color:var(--primary-color)}.share-social-title{color:var(--success-color)}.share-input-group{display:flex;gap:var(--spacing-sm);align-items:stretch;width:calc(100% - 88px);box-sizing:border-box}.share-input-group.column{flex-direction:column;align-items:stretch;width:100%;gap:var(--spacing-sm)}.share-url-input{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-light);border-radius:6px;background:var(--input-bg);color:var(--text-primary);font-family:monospace;font-size:.9em;transition:border-color .2s;min-width:0;box-sizing:border-box;overflow:hidden}.share-url-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color-alpha)}.share-copy-btn,.share-embed-copy-btn{min-width:80px;min-height:44px;cursor:pointer;transition:background .2s,color .2s;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);white-space:nowrap}.share-copy-btn:hover,.share-embed-copy-btn:hover{background:var(--hover-bg)}.share-copy-btn.copied,.share-embed-copy-btn.copied{background:var(--success-color);color:#fff}.share-social-grid{display:flex;flex-direction:row;gap:var(--spacing-sm);width:100%;box-sizing:border-box}.share-social-btn{padding:var(--spacing-md) var(--spacing-lg);border-radius:6px;font-weight:var(--font-weight-medium);text-align:center;transition:transform .2s,box-shadow .2s;color:#fff;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);text-decoration:none}.share-social-btn:hover{box-shadow:0 2px 8px #00000026}.share-twitter-btn{background:#1da1f2}.share-facebook-btn{background:#4267b2}.share-whatsapp-btn{background:#25d366}.share-social-disabled{background:var(--surface-disabled);border:1px solid var(--border-light);color:var(--text-disabled);font-style:italic}@media(max-width:768px){.share-modal-overlay{padding-top:1vh}.share-modal-content{width:calc(100vw - 20px);margin:0 auto}.share-modal-header{padding:var(--spacing-md) var(--spacing-md) var(--spacing-sm)}.share-input-group{flex-direction:column;gap:var(--spacing-sm);width:100%}.share-copy-btn{width:100%;min-width:0;justify-content:center;margin-top:var(--spacing-xs)}.share-url-input{width:100%;min-width:0;font-size:.85em;word-break:break-all}.share-social-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}.share-section{margin:var(--spacing-sm) 0;padding:var(--spacing-sm);width:100%;box-sizing:border-box}}@media(max-width:480px){.share-modal-overlay{padding-top:.5vh}.share-modal-header{padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-xs) var(--spacing-xl)}.share-modal-title{font-size:1rem;line-height:1.3;word-break:break-word}.share-section-title{font-size:.9rem}.share-url-input{font-size:.75em;padding:var(--spacing-xs);line-height:1.4}.share-copy-btn{font-size:.9rem;padding:var(--spacing-xs) var(--spacing-sm)}}.confirm-buttons{display:flex;gap:12px;justify-content:center;align-items:center;margin-top:24px;flex-wrap:wrap}.modal-backdrop{position:fixed;display:flex;justify-content:center;align-items:center;top:0;left:0;width:100%;height:100%;z-index:calc(var(--z-outcome-popup) - 1)!important;background-color:#000000b3;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s}.modal-backdrop:not(.hidden){opacity:1;visibility:visible}.creation-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--modal-padding-md);width:100%;max-width:900px;box-sizing:border-box}.creation-option{background:var(--container-bg, #1c1c1e);border:2px solid var(--border-secondary, #3c3c3c);border-radius:16px;padding:var(--modal-padding-lg);display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;min-height:200px;justify-content:center}.creation-option:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#00c4d90d,#667eea0d);opacity:0;transition:opacity .3s ease;z-index:0}.creation-option:hover{border-color:var(--accent-color, #00c4d9);transform:translateY(-4px);box-shadow:0 12px 32px #00c4d926}.creation-option:hover:before{opacity:1}.creation-option:active{transform:translateY(-2px)}.creation-option .option-icon{width:80px;height:80px;margin-bottom:var(--modal-padding-md);display:flex;align-items:center;justify-content:center;border-radius:20px;background:linear-gradient(135deg,#00c4d91a,#667eea1a);border:2px solid rgba(0,196,217,.2);transition:all .3s ease;position:relative;z-index:1}.creation-option .option-icon i{font-size:36px;color:var(--accent-color, #00c4d9);transition:all .3s ease}.creation-option:hover .option-icon{background:linear-gradient(135deg,#00c4d933,#667eea33);border-color:var(--accent-color, #00c4d9);transform:scale(1.1);box-shadow:0 8px 24px #00c4d940}.creation-option:hover .option-icon i{color:var(--accent-color, #00c4d9);transform:scale(1.1)}.creation-option .option-content{position:relative;z-index:1}.creation-option .option-content h4{color:var(--text-primary, #ffffff);font-size:1.25rem;font-weight:600;margin:0 0 8px;line-height:1.2}.creation-option .option-content p{color:var(--text-secondary, #b0b0b0);font-size:.9rem;margin:0;line-height:1.4}.creation-option:hover .option-content h4,.creation-option:hover .option-content p{color:var(--text-primary, #ffffff)}.creation-option.csv-option .option-icon{background:linear-gradient(135deg,#2ed5731a,#10b9811a);border-color:#2ed57333}.creation-option.csv-option .option-icon i{color:var(--color-success, #10b981)}.creation-option.csv-option:hover .option-icon{background:linear-gradient(135deg,#2ed57333,#10b98133);border-color:var(--color-success, #10b981);box-shadow:0 8px 24px #2ed57340}.wheel-mode-section,.list-selection-section,.manual-outcomes-section,.ai-creation-step .input-group,.manual-creation-step .input-group,.csv-creation-step .input-group{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;margin-bottom:24px}.ai-creation-step label,.manual-creation-step label,.csv-creation-step label{display:block;font-weight:600;color:var(--text-primary);margin-bottom:8px;font-size:14px;letter-spacing:.02em}.required-indicator{color:#ff4757;font-weight:600;font-size:1.1em}.unified-textarea:required:invalid{border-color:#ff4757;box-shadow:0 0 0 4px #ff475726}.unified-textarea:required:valid{border-color:#2ed573;box-shadow:0 0 0 4px #2ed57326}.csv-format-info{background:var(--input-bg, #333);border:1px solid var(--border-color);border-radius:8px;padding:16px;margin:16px 0}.csv-format-example{background:var(--bg-primary, #0e0e0e);border:1px solid var(--border-secondary);border-radius:4px;padding:12px;font-family:Courier New,monospace;font-size:12px;color:var(--text-primary);display:flex;align-items:center;gap:12px;flex-wrap:wrap}.csv-format-example code{background:none;border:none;padding:0;color:var(--accent-color);white-space:pre-line}.csv-file-select-btn{background:var(--accent-color);color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px;width:100%;justify-content:center}.csv-file-info{margin-top:16px;background:var(--input-bg);border:1px solid var(--border-color);border-radius:6px;padding:12px 16px;display:flex;align-items:center;gap:12px}.csv-file-info span{flex:1;color:var(--text-primary);font-size:14px;font-weight:500}.modal-content.manual-creation-step,.modal-content.csv-creation-step,.modal-content.ai-creation-step{align-self:flex-start!important;margin-top:20px!important;max-height:calc(100vh - 40px)!important;overflow-y:auto!important}.modal-content.manual-creation-step .modal-body,.modal-content.csv-creation-step .modal-body,.modal-content.ai-creation-step .modal-body{max-height:calc(100vh - 200px)!important;padding-right:8px!important}@media(max-width:768px){.modal-content.manual-creation-step,.modal-content.csv-creation-step,.modal-content.ai-creation-step{margin-top:0!important;max-height:100vh!important;height:100vh!important}.modal-content.manual-creation-step .modal-body,.modal-content.csv-creation-step .modal-body,.modal-content.ai-creation-step .modal-body{max-height:calc(100vh - 160px)!important}}.csv-generator-content{display:flex;flex-direction:column;gap:20px;margin:20px 0}.csv-format-info{background:var(--input-bg, #333);border:1px solid var(--border-light, #333);border-radius:8px;padding:16px;margin:16px 0}.csv-format-info h4{margin:0 0 12px;color:var(--text-primary);font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px}.csv-format-info h4 i{color:var(--accent-color)}.csv-format-info p{margin:0 0 12px;font-size:14px;color:var(--text-secondary);line-height:1.5}.csv-format-example{background:var(--bg-primary, #0e0e0e);border:1px solid var(--border-secondary);border-radius:4px;padding:12px;font-family:Courier New,monospace;font-size:12px;color:var(--text-primary);display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0;overflow-x:auto}.csv-format-example code{background:none;border:none;padding:0;color:var(--accent-color);white-space:pre-line;word-break:break-all;font-size:inherit}.csv-format-example span{color:var(--text-secondary);font-style:italic}.csv-format-notes{margin-top:12px}.csv-format-notes p{margin:0 0 8px;color:var(--text-primary);font-weight:600}.csv-format-notes ul{margin:0;padding-left:20px;list-style-type:disc}.csv-format-notes li{margin:4px 0;color:var(--text-secondary);font-size:.9em}.csv-format-notes strong{color:var(--text-primary)}.csv-upload-section{text-align:center}.csv-file-input-container{position:relative;display:inline-block}.csv-file-input{position:absolute;opacity:0;pointer-events:none}.csv-file-select-btn{background:var(--accent-color);color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px;width:100%;justify-content:center;margin-top:10px}.csv-file-select-btn:hover{background:var(--accent-color-hover, #00a7b5);transform:translateY(-2px);box-shadow:0 4px 12px #00c4d94d}.csv-file-select-btn:active{transform:translateY(0)}.csv-file-info{margin-top:16px;background:var(--input-bg);border:1px solid var(--border-color);border-radius:6px;padding:12px 16px;display:flex;align-items:center;gap:12px;max-width:300px}.csv-file-info i{color:var(--accent-color);font-size:18px}.csv-file-info span{flex:1;color:var(--text-primary);font-size:14px;font-weight:500;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.csv-file-remove-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.csv-file-remove-btn:hover{background:var(--color-error, #ef4444);color:#fff}.csv-preview{margin-top:24px;border-top:1px solid var(--border-color);padding-top:24px}.csv-preview h4{color:var(--text-primary);margin:0 0 16px;font-size:18px;font-weight:600}.csv-preview-section{border:1px solid var(--border-light);border-radius:var(--radius-default);overflow:hidden}.csv-preview-section h4{margin:0;padding:12px 16px;background:var(--input-bg);border-bottom:1px solid var(--border-light);color:var(--text-primary);font-size:1em}.csv-preview-table{max-height:300px;overflow:auto}.csv-preview-table table{width:100%;border-collapse:collapse;font-size:.85em}.csv-preview-table th,.csv-preview-table td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--border-light)}.csv-preview-table th{background:var(--input-bg);color:var(--text-primary);font-weight:600;position:sticky;top:0;z-index:1}.csv-preview-table td{color:var(--text-secondary);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csv-preview-table tr:hover{background:var(--hover-bg)}.csv-preview-summary{padding:12px 16px;background:var(--input-bg);border-top:1px solid var(--border-light);text-align:center;color:var(--text-primary);font-weight:600}.csv-options-list{max-height:200px;overflow-y:auto;border:1px solid var(--border-color);border-radius:6px;background:var(--input-bg)}.csv-option-item{border-bottom:1px solid var(--border-color);padding:0}.csv-option-item:last-child{border-bottom:none}.csv-option-checkbox{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background-color .2s ease;width:100%;margin:0}.csv-option-checkbox:hover{background:#00c4d91a}.csv-option-checkbox input[type=checkbox]{margin:0;width:16px;height:16px;accent-color:var(--accent-color)}.csv-option-checkbox span{color:var(--text-primary);font-size:14px;flex:1}.csv-counter{text-align:center;margin-top:12px;font-size:14px;color:var(--text-secondary);font-weight:500}.csv-selection-controls{display:flex;flex-direction:column;gap:20px;margin-bottom:20px;padding:15px;background:var(--container-bg);border-radius:var(--radius-default);border:1px solid var(--border-light)}.csv-selection-buttons{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.csv-control-btn{background:var(--button-bg);color:var(--text-primary);border:1px solid var(--border-light);border-radius:6px;padding:8px 12px;font-size:.85rem;cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;gap:6px}.csv-control-btn:hover{background:var(--button-hover-bg);border-color:var(--accent-color)}.csv-control-btn:active{transform:translateY(0)}.csv-delete-btn{background:var(--danger-color);color:#fff;border-color:var(--danger-color)}.csv-delete-btn:hover{background:var(--danger-hover-color);border-color:var(--danger-hover-color)}.csv-preview-table .row-checkbox{transform:scale(1.2);cursor:pointer}.csv-preview-table .checkbox-column{width:40px;text-align:center}.csv-preview-table tr.csv-row-selected{background:color-mix(in srgb,var(--accent-color),transparent 85%)}.csv-preview-table tr.csv-row-selected:hover{background:color-mix(in srgb,var(--accent-color),transparent 80%)}.csv-preview-table .outcomes-count-cell{text-align:center;font-weight:600;color:var(--accent-color);background:color-mix(in srgb,var(--accent-color),transparent 90%);border-radius:4px;padding:4px 8px;min-width:40px}.csv-generation-progress{text-align:center}.csv-generation-progress h4{margin:0 0 16px;color:var(--text-primary);font-size:1.1em}.csv-progress-bar{width:100%;height:8px;background:var(--input-bg);border-radius:4px;overflow:hidden;margin:16px 0}.csv-progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-color),var(--accent-color-hover));border-radius:4px;width:0%;transition:width .3s ease}.csv-progress-details{display:flex;justify-content:space-between;align-items:center;margin:12px 0;color:var(--text-secondary);font-size:.9em}.csv-progress-log{max-height:200px;overflow-y:auto;background:var(--input-bg);border:1px solid var(--border-light);border-radius:6px;padding:12px;margin-top:16px;text-align:left;font-family:Courier New,monospace;font-size:.8em}.csv-progress-log-entry{margin:4px 0;color:var(--text-secondary)}.csv-progress-log-entry.success{color:#28a745}.csv-progress-log-entry.error{color:#dc3545}.csv-progress-log-entry.info{color:var(--accent-color)}.csv-results-section{text-align:center}.csv-results-section h4{margin:0 0 16px;color:var(--text-primary);font-size:1.1em}.csv-results-summary{display:flex;justify-content:center;gap:24px;margin:16px 0}.csv-results-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.csv-stat-number{font-size:2em;font-weight:700;color:var(--accent-color)}.csv-stat-label{font-size:.9em;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.csv-error-log{background:var(--input-bg);border:1px solid #dc3545;border-radius:6px;padding:12px;margin-top:16px;text-align:left;max-height:200px;overflow-y:auto}.csv-error-log-entry{margin:8px 0;padding:8px;background:#dc35451a;border-radius:4px;color:#dc3545;font-size:.85em}.csv-byline-control{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.csv-checkbox-label{font-size:.9rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px;cursor:pointer;transition:color .2s ease}.csv-checkbox-label:hover{color:var(--accent-color)}.csv-checkbox{width:16px;height:16px;accent-color:var(--accent-color);cursor:pointer}.csv-byline-description{font-size:.8rem;color:var(--text-secondary);font-style:italic;margin-left:24px}.csv-rate-control{display:flex;flex-direction:column;gap:8px}.csv-rate-control label{font-size:.9rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:6px}.csv-rate-slider-container{display:flex;align-items:center;gap:12px}.csv-rate-slider{-webkit-appearance:none;appearance:none;width:200px;height:6px;border-radius:3px;background:var(--border-light);outline:none;transition:background .2s ease}.csv-rate-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent-color);cursor:pointer;transition:var(--transition-fast)}.csv-rate-slider::-webkit-slider-thumb:hover{background:var(--accent-hover-color);transform:scale(1.1)}.csv-rate-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent-color);cursor:pointer;border:none;transition:var(--transition-fast)}.csv-rate-slider::-moz-range-thumb:hover{background:var(--accent-hover-color);transform:scale(1.1)}#csvRateLimitValue{font-size:.9rem;font-weight:600;color:var(--accent-color);min-width:40px;text-align:center}.csv-rate-description{font-size:.8rem;color:var(--text-secondary);font-style:italic}.wheel-expand-col{width:16px!important;text-align:center}.wheel-expand-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px 8px;border-radius:4px;transition:var(--transition-fast);font-size:.9em}.wheel-expand-btn:hover{background:var(--input-bg);color:var(--accent-color)}.wheel-expand-btn.expanded{color:var(--accent-color);background:color-mix(in srgb,var(--accent-color),transparent 85%)}.wheel-expand-btn i{transition:transform .2s ease}.wheel-outcomes-summary{margin-top:6px;font-size:.8em;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.wheel-outcomes-summary i{color:var(--accent-color);font-size:.9em}.wheel-details-row{background:var(--input-bg);border-top:1px solid var(--border-light)}.wheel-details-cell{padding:0!important}.wheel-outcomes-container{padding:16px 20px}.wheel-outcomes-container h4{margin:0 0 12px;color:var(--text-primary);font-size:1em;font-weight:600;display:flex;align-items:center;gap:8px}.outcomes-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--border-light);border-radius:6px;overflow:hidden;font-size:.9em}.outcomes-table thead{background:color-mix(in srgb,var(--accent-color),transparent 90%)}.outcomes-table th{padding:8px 12px;text-align:left;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border-light);font-size:.85em}.outcomes-table .outcome-index{width:50px;text-align:center}.outcomes-table .outcome-text{width:45%}.outcomes-table .outcome-byline{width:calc(55% - 50px)}.outcomes-table tbody tr{border-bottom:1px solid var(--border-light);transition:background-color .2s ease}.outcomes-table tbody tr:last-child{border-bottom:none}.outcomes-table tbody tr:hover{background:color-mix(in srgb,var(--accent-color),transparent 95%)}.outcomes-table td{padding:10px 12px;vertical-align:top;text-align:left;color:var(--text-primary)}.outcomes-table .outcome-index{text-align:left;font-weight:600;color:var(--text-secondary);background:color-mix(in srgb,var(--accent-color),transparent 95%)}.outcomes-table .outcome-text{font-weight:500;line-height:1.4}.outcomes-table .outcome-byline.has-byline{color:var(--text-primary);line-height:1.4}.outcomes-table .outcome-byline.no-byline{color:var(--text-secondary)}.outcomes-table .no-byline-text{font-style:italic;opacity:.7}.no-outcomes{text-align:center;color:var(--text-secondary);font-style:italic;margin:20px 0}.wheel-table .wheel-title-col{width:35%}.wheel-table .wheel-type-col{width:12%}.wheel-table .wheel-category-col{width:15%}.wheel-table .wheel-source-col{width:20%}.wheel-table .wheel-actions-col{width:10%}.wheel-table .wheel-select-col{width:16px}.wheel-table .wheel-expand-col{width:3%}.wheel-title-header{display:flex;gap:12px;align-items:flex-start}.wheel-admin-thumbnail{width:32px;object-fit:cover;display:block}.wheel-title-text{flex:1;min-width:0}.wheel-action-btn.wheel-thumbnail-btn{background:color-mix(in srgb,var(--accent-color),transparent 80%);color:var(--accent-color)}.wheel-action-btn.wheel-thumbnail-btn:hover{background:color-mix(in srgb,var(--accent-color),transparent 60%);color:var(--accent-color)}.thumbnail-change-modal{max-width:600px;width:90vw}.thumbnail-change-content{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:20px 0}.current-thumbnail-section h4,.new-thumbnail-section h4{margin:0 0 12px;font-size:1rem;color:var(--text-primary);font-weight:600}.current-thumbnail-preview{width:100%;max-width:200px;aspect-ratio:16/9;border-radius:var(--radius-default);overflow:hidden;border:2px solid var(--border-light);background:var(--background-secondary)}.current-thumbnail-preview img{width:100%;height:100%;object-fit:cover;display:block}.file-upload-area{position:relative;width:100%}.file-upload-display{position:relative;width:100%;max-width:200px;aspect-ratio:16/9;border:2px dashed var(--border-light);border-radius:var(--radius-default);overflow:hidden;transition:border-color .2s ease}.file-upload-display.drag-over{border-color:var(--accent-color);background:color-mix(in srgb,var(--accent-color),transparent 95%)}.upload-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:16px;text-align:center;color:var(--text-secondary)}.upload-prompt i{font-size:2rem;margin-bottom:8px;color:var(--text-tertiary)}.upload-prompt p{margin:0 0 4px;font-size:.9rem}.upload-prompt small{font-size:.75rem;color:var(--text-tertiary)}.browse-link{color:var(--accent-color);cursor:pointer;text-decoration:underline}.browse-link:hover{color:var(--accent-hover)}.thumbnail-preview{position:relative;width:100%;height:100%}.thumbnail-preview img{width:100%;height:100%;object-fit:cover;display:block}.remove-thumbnail{position:absolute;top:4px;right:4px;width:24px;height:24px;border:none;border-radius:50%;background:#ffffffe6;color:var(--error-color);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem;transition:var(--transition-fast)}.remove-thumbnail:hover{background:var(--error-color);color:#fff;transform:scale(1.1)}.upload-progress{position:absolute;bottom:0;left:0;right:0;background:#fffffff2;padding:8px}.progress-bar{width:100%;height:4px;background:var(--border-light);border-radius:2px;overflow:hidden;margin-bottom:4px}.progress-fill{height:100%;background:var(--accent-color);border-radius:2px;transition:width .3s ease;width:0%}.progress-text{font-size:.8rem;color:var(--text-primary);text-align:center;display:block}.file-input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}@media(max-width:768px){.csv-format-example{font-size:.75em}.csv-preview-table th,.csv-preview-table td{padding:6px 8px;font-size:.8em}.csv-preview-table td{max-width:100px}.csv-results-summary{flex-direction:column;gap:16px}.csv-file-info{max-width:250px}.csv-selection-controls{gap:15px;padding:12px}.csv-selection-buttons{flex-direction:column;align-items:stretch}.csv-control-btn{justify-content:center;width:100%;padding:10px 12px}.csv-rate-slider{width:100%}.csv-rate-slider-container{flex-direction:column;align-items:stretch;gap:8px}#csvRateLimitValue{text-align:left}.thumbnail-change-content{grid-template-columns:1fr;gap:16px}.wheel-title-header{flex-direction:column;gap:8px;align-items:flex-start}.wheel-outcomes-container{padding:12px 16px}.outcomes-table{font-size:.8em}.outcomes-table th,.outcomes-table td{padding:6px 8px}.outcomes-table .outcome-text{width:45%}.outcomes-table .outcome-byline{width:calc(55% - 50px)}.wheel-outcomes-summary{font-size:.75em}}.theme-manager-content{flex:1;display:flex;flex-direction:column;overflow:hidden;gap:20px}.theme-manager-controls{display:flex;flex-direction:column;gap:20px;margin-bottom:30px;padding:20px;background:var(--container-bg);border-radius:12px;border:1px solid var(--border-color)}.theme-filter-controls{display:flex;gap:10px;flex-wrap:wrap}.theme-filter-btn{padding:8px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:var(--text-primary);cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;gap:6px;font-size:.9em}.theme-filter-btn:hover{background:#ffffff26;border-color:#ffffff4d}.theme-filter-btn.active{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.theme-search-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.theme-search-input-container,.theme-user-filter-container{position:relative;flex:1;min-width:200px}.theme-search-input,.theme-user-filter-select{width:100%;padding:10px 12px 10px 35px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:var(--text-primary);font-size:.9em}.theme-search-icon,.theme-user-filter-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.theme-refresh-btn{padding:10px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:var(--text-primary);cursor:pointer;transition:var(--transition-fast)}.theme-refresh-btn:hover{background:#ffffff26;border-color:#ffffff4d}.theme-manager-section{flex:1;overflow:hidden;display:flex;flex-direction:column}.theme-selection-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding:12px;background:#ffffff0d;border-radius:6px;flex-wrap:wrap;gap:10px}.theme-selection-buttons{display:flex;gap:8px;flex-wrap:wrap}.theme-control-btn{padding:8px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:var(--text-primary);cursor:pointer;transition:var(--transition-fast);font-size:.85em;display:flex;align-items:center;gap:6px}.theme-control-btn:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d}.theme-control-btn:disabled{opacity:.5;cursor:not-allowed}.theme-delete-btn:hover:not(:disabled){background:#ef444433;border-color:#ef444466;color:#ef4444}.theme-upload-btn{background:#22c55e33;border-color:#22c55e66;color:#22c55e}.theme-upload-btn:hover:not(:disabled){background:#22c55e4d;border-color:#22c55e80}.theme-selection-info{color:var(--text-secondary);font-size:.9em}.theme-manager-table{flex:1;overflow:auto;border:1px solid var(--border-color);border-radius:12px;background:var(--container-bg);min-height:0;max-height:calc(100vh - 300px)}.theme-manager-table table{width:100%;table-layout:fixed;border-collapse:collapse}.theme-table th:nth-child(1),.theme-table td:nth-child(1){width:40px}.theme-table th:nth-child(2),.theme-table td:nth-child(2){width:20%}.theme-table th:nth-child(3),.theme-table td:nth-child(3){width:40%;min-width:300px}.theme-table th:nth-child(4),.theme-table td:nth-child(4){width:25%}.theme-table th:nth-child(5),.theme-table td:nth-child(5){width:10%}.theme-table th:nth-child(6),.theme-table td:nth-child(6){width:80px}.theme-table{width:100%;border-collapse:collapse}.theme-table th,.theme-table td{padding:16px;text-align:left;border-bottom:1px solid var(--border-color);vertical-align:middle}.theme-table th{background:var(--bg-secondary, #f8f9fa);font-weight:600;color:var(--text-primary);position:sticky;top:0;z-index:1;border-bottom:2px solid var(--border-color)}.theme-table tr:hover{background:var(--hover-bg, rgba(255, 255, 255, .05))}.theme-table tr.selected{background:rgba(var(--accent-color-rgb, 74, 144, 226),.1)}.theme-name-cell{font-weight:500;max-width:200px}.theme-colors-cell{min-width:300px;width:40%;vertical-align:top;max-width:400px}.theme-color-swatches{display:flex;gap:6px;flex-wrap:wrap;align-items:center;justify-content:flex-start;padding:4px 0;max-width:100%;overflow:hidden}.admin-theme-color-swatch{width:24px;height:24px;border-radius:4px;border:1px solid var(--border-color);display:inline-block;position:relative;transition:all .2s ease;cursor:pointer;flex-shrink:0}.admin-theme-color-swatch:hover:after{content:attr(data-color);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;white-space:nowrap;z-index:10;margin-bottom:4px}.theme-meta-cell{color:var(--text-secondary);font-size:.85em}.theme-actions-cell{min-width:100px}.theme-action-btn{padding:4px 8px;margin:0 2px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:var(--text-primary);cursor:pointer;transition:var(--transition-fast);font-size:.8em}.theme-action-btn:hover{background:#ffffff26;border-color:#ffffff4d}.theme-edit-btn:hover{background:#3b82f633;border-color:#3b82f666;color:#3b82f6}.theme-delete-single-btn:hover{background:#ef444433;border-color:#ef444466;color:#ef4444}.theme-upload-modal{width:90%;max-width:800px;max-height:90vh;overflow-y:auto}.theme-upload-content{padding:20px 0}.theme-upload-section{margin-bottom:25px;padding:20px;background:#ffffff0d;border-radius:var(--radius-default);border:1px solid rgba(255,255,255,.1)}.theme-upload-section h4{margin:0 0 15px;color:var(--text-primary);display:flex;align-items:center;gap:8px}.theme-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.theme-drop-zone{border:2px dashed rgba(255,255,255,.3);border-radius:var(--radius-default);padding:40px 20px;text-align:center;cursor:pointer;transition:all .3s ease;background:#ffffff0d}.theme-drop-zone:hover,.theme-drop-zone.drag-over{border-color:var(--accent-color);background:rgba(var(--accent-color-rgb),.1)}.theme-drop-zone .fa-upload{font-size:2.5em;color:var(--accent-color);margin-bottom:15px}.theme-file-input{display:none}.theme-drop-text{color:var(--text-secondary);margin-bottom:10px}.theme-drop-hint{color:var(--text-muted);font-size:.85em}.theme-input-group{margin-bottom:15px}.theme-input-group label{display:block;margin-bottom:5px;color:var(--text-primary);font-weight:500}.theme-input-group input,.theme-input-group textarea{width:100%;padding:10px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:var(--text-primary);font-size:.9em}.theme-input-group textarea{resize:vertical;min-height:100px;font-family:monospace}.theme-colors-input-hint{font-size:.8em;color:var(--text-muted);margin-top:5px}.theme-upload-preview{margin-top:20px;padding:15px;background:#ffffff0d;border-radius:6px;border:1px solid rgba(255,255,255,.1)}.theme-upload-preview h5{margin:0 0 10px;color:var(--text-primary)}.theme-preview-item{display:flex;align-items:center;gap:10px;margin-bottom:8px;padding:8px;background:#ffffff0d;border-radius:4px}.theme-preview-name{font-weight:500;min-width:120px}.theme-progress-section{margin-top:20px;padding:15px;background:#ffffff0d;border-radius:6px;border:1px solid rgba(255,255,255,.1)}.theme-progress-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin:10px 0}.theme-progress-bar-fill{height:100%;background:var(--accent-color);transition:width .3s ease;width:0%}.theme-progress-text{color:var(--text-secondary);font-size:.9em;text-align:center}.color-theme-preview{margin-top:15px;padding:15px;background:#ffffff0d;border-radius:6px;border:1px solid rgba(255,255,255,.1)}.color-theme-preview label{display:block;margin-bottom:10px;color:var(--text-primary);font-weight:500}.color-theme-swatches{display:flex;gap:6px;flex-wrap:wrap}.color-theme-swatches .admin-theme-color-swatch{width:16px;height:16px;border-radius:6px;border:2px solid var(--border-color);transition:all .2s ease}.color-theme-swatches .admin-theme-color-swatch:hover{border-color:var(--accent-color)}.setting-notice{background:rgba(var(--accent-color-rgb),.1);border:1px solid rgba(var(--accent-color-rgb),.3);border-radius:6px;padding:12px;margin-top:10px;transition:all .3s ease}.setting-notice.hidden{display:none}.notice-content{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text-primary)}.notice-content i{color:var(--accent-color);font-size:1rem;flex-shrink:0}.notice-content span{line-height:1.4}@media(max-width:768px){.setting-notice{padding:10px;margin-top:8px}.notice-content{font-size:.85rem;gap:6px}.theme-upload-grid{grid-template-columns:1fr;gap:15px}.theme-upload-section{margin-bottom:0}.theme-drop-zone{padding:30px 15px}.theme-manager-controls{padding:15px;gap:15px}.theme-selection-controls{flex-direction:column;align-items:stretch;gap:15px}.theme-selection-buttons{justify-content:center}.theme-manager-table{max-height:calc(100vh - 400px)}.theme-table th,.theme-table td{padding:12px 8px;font-size:.85em}.theme-colors-cell{min-width:200px}.admin-theme-color-swatch{width:24px;height:24px}.theme-color-swatches{gap:4px}}