/* WOD SEO Pro: wp-block-library, classic-theme-styles, wod-style, wod-main-css, wod-nav-menu-css, wod-header-v5-css, wod-footer-v5-css, wod-homepage-css, wod-spinner-wheel-css, wod-image-wheel-css, wod-spins-counter */
:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}

/*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background-color:#fff}a{text-decoration:none;color:inherit}ul{list-style:none}img{max-width:100%;height:auto}.container{max-width:1200px;margin:0 auto;padding:0 15px}
body{font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:16px;line-height:1.7;color:#333;background-color:#fff}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;margin-bottom:15px;color:#222}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-bottom:15px}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{display:inline-block;padding:12px 30px;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:30px;cursor:pointer;transition:all .3s ease;text-decoration:none}.btn-primary{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff}.btn-primary:hover{border-color:#ffbe4d4d;transform:translateY(-2px);box-shadow:0 4px 12px #ffbe4d4d}.btn-secondary{background:transparent;color:#4ecdc4;border:2px solid #4ECDC4}.btn-secondary:hover{border-color:#ffbe4d4d;background:#ffbe4d1a;color:#fff;box-shadow:0 4px 12px #ffbe4d4d}.btn-large{padding:16px 40px;font-size:16px}.content-area{padding:60px 0}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px}.post-card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 5px 20px #00000014;transition:transform .3s ease,box-shadow .3s ease}.post-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001f}.post-thumbnail img{width:100%;height:200px;object-fit:cover}.post-content{padding:25px}.post-title{font-size:1.25rem;margin-bottom:10px}.post-title a{color:#222;transition:color .3s ease}.post-title a:hover{color:#4ecdc4}.post-meta{font-size:.875rem;color:#888;margin-bottom:15px}.post-meta span{margin-right:15px}.post-excerpt{color:#666;margin-bottom:20px}.read-more-btn{display:inline-block;color:#4ecdc4;font-weight:500;transition:color .3s ease}.read-more-btn:hover{color:#44a08d}.pagination{margin-top:50px;text-align:center}.pagination .nav-links{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.pagination a,.pagination span{display:inline-block;padding:10px 18px;background:#f5f5f5;border-radius:8px;color:#333;transition:all .3s ease}.pagination a:hover,.pagination .current{background:#4ecdc4;color:#fff}.no-posts{text-align:center;padding:80px 20px}.no-posts h2{margin-bottom:10px}.no-posts p{color:#666}.homepage-content{overflow:hidden}.hero-section{padding:80px 0;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.hero-section .container{display:flex;align-items:center;justify-content:space-between;gap:60px}.hero-content{flex:1}.hero-title{font-size:3rem;font-weight:700;color:#222;margin-bottom:20px}.hero-subtitle{font-size:1.25rem;color:#666;margin-bottom:30px}.hero-actions{display:flex;gap:15px;flex-wrap:wrap}.hero-wheel{flex:1;display:flex;justify-content:center;align-items:center}.wheel-container{max-width:400px;width:100%}.wheel-placeholder{width:100%;padding-bottom:100%;position:relative}.demo-wheel{position:absolute;top:0;left:0;width:100%;height:100%;animation:slowRotate 20s linear infinite}@keyframes slowRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.features-section{padding:80px 0;background:#fff}.section-title{text-align:center;font-size:2.5rem;margin-bottom:50px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.feature-card{text-align:center;padding:40px 30px;background:#f8f9fa;border-radius:15px;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px #0000001a}.feature-icon{width:70px;height:70px;margin:0 auto 20px;background:linear-gradient(135deg,#ffbe4d,#ffa726);border-radius:50%;display:flex;align-items:center;justify-content:center}.feature-icon svg{width:35px;height:35px;fill:#fff}.feature-title{font-size:1.25rem;margin-bottom:15px}.feature-description{color:#666}.cta-section{padding:100px 0;background:linear-gradient(135deg,#4ecdc4,#44a08d);text-align:center}.cta-content{max-width:600px;margin:0 auto}.cta-title{font-size:2.5rem;color:#fff;margin-bottom:20px}.cta-description{font-size:1.125rem;color:#ffffffe6;margin-bottom:30px}.cta-section .btn-primary{background:#fff;color:#4ecdc4}.cta-section .btn-primary:hover{background:#f8f9fa;box-shadow:0 10px 30px #0003}.page-content-section{padding:60px 0}.site-footer{background:#222;color:#fff;padding:60px 0 0}.footer-container{max-width:1200px;margin:0 auto;padding:0 20px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.1)}.footer-brand .logo-icon{width:60px;height:60px;margin-bottom:15px}.footer-description{color:#ffffffb3;font-size:.9rem}.footer-title{font-size:1.125rem;margin-bottom:20px;color:#fff}.footer-menu{list-style:none;padding:0;margin:0}.footer-menu li{margin-bottom:10px}.footer-menu li a{color:#ffffffb3;transition:color .3s ease}.footer-menu li a:hover{color:#4ecdc4}.footer-bottom{padding:25px 0;text-align:center}.copyright{color:#ffffff80;font-size:.875rem;margin:0}@media (max-width: 1200px){.hero-section .container{flex-direction:column;text-align:center}.hero-actions{justify-content:center}.hero-wheel{margin-top:40px}.wheel-container{max-width:300px}}@media (max-width: 768px){h1{font-size:2rem}h2{font-size:1.75rem}.hero-title{font-size:2.25rem}.section-title,.cta-title{font-size:2rem}.posts-grid{grid-template-columns:1fr}}@media (max-width: 576px){.container{padding:0 15px}.hero-section,.features-section,.cta-section{padding:50px 0}.btn{padding:10px 24px;font-size:13px}.btn-large{padding:14px 32px}}body h1,body h2,body h3,body h4,body h5,body h6,body p,body a,body span,body .post-card,body .feature-card,body .pagination a,body .pagination span,body input,body textarea,body select,body table,body th,body td,body pre,body code,body blockquote,body .hero-section,body .features-section,body .cta-section,body .page-content-section{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}body.dark-mode{background-color:#040405!important;color:#e0e0e0}body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode h5,body.dark-mode h6{color:#fff}body.dark-mode p{color:#b0b0b0}body.dark-mode .post-card{background:#1a1a1b;box-shadow:0 5px 20px #0000004d}body.dark-mode .post-card:hover{box-shadow:0 10px 30px #00000080}body.dark-mode .post-title a{color:#fff}body.dark-mode .post-title a:hover{color:#4ecdc4}body.dark-mode .post-meta{color:#888}body.dark-mode .post-excerpt{color:#a0a0a0}body.dark-mode .pagination a,body.dark-mode .pagination span{background:#1a1a1b;color:#e0e0e0}body.dark-mode .pagination a:hover,body.dark-mode .pagination .current{background:#4ecdc4;color:#0a0a0b}body.dark-mode .no-posts p{color:#a0a0a0}body.dark-mode .hero-section{background:linear-gradient(135deg,#1a1a1b,#0a0a0b)}body.dark-mode .hero-title{color:#fff}body.dark-mode .hero-subtitle{color:#a0a0a0}body.dark-mode .features-section{background:#0a0a0b}body.dark-mode .feature-card{background:#1a1a1b;box-shadow:0 5px 20px #0000004d}body.dark-mode .feature-card:hover{box-shadow:0 15px 40px #00000080}body.dark-mode .feature-title{color:#fff}body.dark-mode .feature-description{color:#a0a0a0}body.dark-mode .cta-section{background:linear-gradient(135deg,#3ba89f,#2d7a6d)}body.dark-mode .page-content-section{background:#0a0a0b}body.dark-mode input,body.dark-mode textarea,body.dark-mode select{background:#141421;border-color:#ffffff0d;color:#e0e0e0}body.dark-mode input:focus,body.dark-mode textarea:focus,body.dark-mode select:focus{border-color:#4ecdc4;outline:none}body.dark-mode input::placeholder,body.dark-mode textarea::placeholder{color:#666}body.dark-mode table{border-color:#333}body.dark-mode th{background:#1a1a1b;color:#fff}body.dark-mode td{border-color:#333;color:#e0e0e0}body.dark-mode tr:hover{background:#4ecdc41a}body.dark-mode pre,body.dark-mode code{background:#1a1a1b;color:#4ecdc4}body.dark-mode blockquote{border-left-color:#4ecdc4;background:#1a1a1b;color:#b0b0b0}body.dark-mode hr{border-color:#333}body.dark-mode ::selection{background:#4ecdc4;color:#0a0a0b}body.dark-mode::-webkit-scrollbar{width:10px}body.dark-mode::-webkit-scrollbar-track{background:#1a1a1b}body.dark-mode::-webkit-scrollbar-thumb{background:#333;border-radius:5px}body.dark-mode::-webkit-scrollbar-thumb:hover{background:#4ecdc4}
body.dark-mode{background-color: #040405 !important;color: #e0e0e0 !important}
:root{--nav-height: 60px;--nav-bg: #ffffff;--nav-text: #808285;--nav-text-hover: #343434;--nav-accent: #7c3aed;--nav-accent-hover: #6d28d9;--nav-shadow: 0 4px 20px rgba(0,0,0,.1);--nav-dropdown-shadow: 0 10px 40px rgba(0,0,0,.15);--nav-border: #e5e7eb;--nav-ease-out: cubic-bezier(.25,.46,.45,.94);--nav-ease-in-out: cubic-bezier(.645,.045,.355,1);--nav-ease-smooth: cubic-bezier(.4,0,.2,1);--nav-transition: .4s var(--nav-ease-smooth);--nav-transition-fast: .3s var(--nav-ease-smooth);--nav-transition-slow: .6s var(--nav-ease-in-out)}nav.nav-menu,.site-header .nav-menu{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:99999!important;padding:16px!important;width:100%!important;box-sizing:border-box!important;display:block!important;flex-direction:unset!important;align-items:unset!important;gap:unset!important;background:transparent!important}.nav-menu__container{display:flex;align-items:center;justify-content:flex-start;width:100%;max-width:none;margin:0;padding:0}.nav-menu__pill{display:flex;align-items:center;background:var(--nav-bg);border-radius:30px;box-shadow:var(--nav-shadow);border:1px solid var(--nav-border);height:var(--nav-height);padding-left:8px;padding-right:8px;transition:padding var(--nav-transition-slow),box-shadow var(--nav-transition);position:relative;z-index:99999}.nav-menu__pill.is-minimized{padding-left:8px;padding-right:6px}.nav-menu__logo{display:flex;align-items:center;flex-shrink:0;text-decoration:none}.nav-menu__logo img{height:44px;width:auto;transition:transform .3s var(--nav-ease-smooth)}.nav-menu__logo:hover img{animation:logoSpin 1s linear infinite}@keyframes logoSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nav-menu__logo-text{font-size:20px;font-weight:700;color:var(--nav-text-hover);margin-left:8px;white-space:nowrap}.nav-menu__links{display:none!important;align-items:center;margin-left:24px;margin-right:8px;overflow:hidden}@media (min-width: 1024px){.nav-menu__links{display:flex!important}}.nav-menu__links.is-hidden{width:0;opacity:0;margin-left:0;margin-right:0;overflow:hidden}.nav-menu__links-inner{display:flex;align-items:center;gap:4px}.nav-menu__item{position:relative}.nav-menu__link{display:flex;align-items:center;gap:4px;padding:12px 16px;font-size:14px;font-weight:500;color:var(--nav-text);text-decoration:none;text-transform:uppercase;letter-spacing:.025em;border-radius:9999px;white-space:nowrap;transition:color var(--nav-transition-fast),background-color var(--nav-transition-fast);cursor:pointer;border:none;background:transparent}.nav-menu__link:hover,.nav-menu__item:hover .nav-menu__link{color:var(--nav-text-hover);background-color:#8082851a}.nav-menu__link svg{width:16px;height:16px;transition:transform .4s var(--nav-ease-in-out)}.nav-menu__item:hover .nav-menu__link svg{transform:rotate(180deg)}.nav-menu__link:active svg{transform:rotate(180deg) scale(.9)}.nav-menu__dropdown{position:absolute;top:100%;left:0;padding-top:24px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .35s var(--nav-ease-smooth),visibility .35s var(--nav-ease-smooth),transform .35s var(--nav-ease-out)}.nav-menu__item:hover .nav-menu__dropdown{opacity:1;visibility:visible;transform:translateY(0)}.nav-menu__dropdown-inner{background:var(--nav-bg);border-radius:16px;box-shadow:var(--nav-dropdown-shadow);min-width:200px;overflow:hidden}.nav-menu__dropdown-link{display:block;padding:16px 20px;font-size:14px;font-weight:500;color:var(--nav-text-hover);text-decoration:none;text-transform:uppercase;letter-spacing:.025em;transition:color var(--nav-transition-fast),background-color var(--nav-transition-fast)}.nav-menu__dropdown-link:hover{color:#fff;background-color:var(--nav-accent)}.nav-menu__expand{display:none!important;align-items:center;justify-content:center;width:47px;height:47px;margin-left:10px;background-color:#1f2937;border-radius:9999px;border:none;cursor:pointer;flex-shrink:0;transition:background-color var(--nav-transition-fast),transform .3s var(--nav-ease-out);overflow:hidden}@media (min-width: 1024px){.nav-menu__expand{display:flex!important}}.nav-menu__expand:hover{background-color:#374151}.nav-menu__expand svg{width:24px;height:24px;color:#fff}.nav-menu__expand.is-hidden{width:0!important;opacity:0!important;overflow:hidden!important;margin-left:0!important}.nav-menu__mobile-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-left:8px;background:transparent;border:none;border-radius:50%;cursor:pointer;color:var(--nav-text-hover);transition:color var(--nav-transition-fast),background-color var(--nav-transition-fast)}@media (min-width: 1024px){.nav-menu__mobile-toggle{display:none}}.nav-menu__mobile-toggle:hover{background-color:#80828526}.nav-menu__mobile-toggle svg{width:24px;height:24px}.nav-menu__mobile-toggle .icon-close,.nav-menu__mobile-toggle.is-active .icon-menu{display:none}.nav-menu__mobile-toggle.is-active .icon-close{display:block}.nav-menu__mobile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;visibility:hidden;z-index:99998;transition:opacity .3s var(--nav-ease-smooth),visibility .3s var(--nav-ease-smooth)}.nav-menu__mobile-overlay.is-open{opacity:1;visibility:visible}.nav-menu__cta-buttons.is-hidden{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s var(--nav-ease-smooth),visibility .3s var(--nav-ease-smooth)}.nav-menu__mobile{display:none;position:absolute;top:calc(100% + 8px);left:16px;right:16px;background:var(--nav-bg);border-radius:16px;box-shadow:0 10px 40px #0003;padding:16px;max-height:calc(80vh - 100px);overflow-y:auto;z-index:99999}@media (max-width: 1023px){.nav-menu__mobile.is-open{display:block;animation:slideDown .4s var(--nav-ease-out) forwards}}@keyframes slideDown{0%{opacity:0;transform:translateY(-15px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.nav-menu__mobile-item{border-bottom:1px solid var(--nav-border)}.nav-menu__mobile-item:last-child{border-bottom:none}.nav-menu__mobile-link{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 0;font-size:15px;font-weight:600;color:var(--nav-text-hover);text-decoration:none;background:transparent;border:none;cursor:pointer;text-align:left;transition:color var(--nav-transition-fast)}.nav-menu__mobile-link:hover{color:var(--nav-accent)}.nav-menu__mobile-link svg{width:20px;height:20px;transition:transform .4s var(--nav-ease-in-out)}.nav-menu__mobile-item.is-expanded .nav-menu__mobile-link svg{transform:rotate(180deg)}.nav-menu__mobile-accordion{display:none;padding-left:16px;padding-bottom:12px}.nav-menu__mobile-item.is-expanded .nav-menu__mobile-accordion{display:block;animation:accordionOpen .35s var(--nav-ease-out) forwards}@keyframes accordionOpen{0%{opacity:0;max-height:0;transform:translateY(-5px)}to{opacity:1;max-height:500px;transform:translateY(0)}}.nav-menu__mobile-sublink{display:block;padding:10px 12px;font-size:14px;font-weight:500;color:#6b7280;text-decoration:none;border-radius:8px;transition:color var(--nav-transition-fast),background-color var(--nav-transition-fast)}.nav-menu__mobile-sublink:hover{color:var(--nav-accent);background-color:#7c3aed0d}body.has-nav-menu{background:#f5f5f5}@media (max-width: 1023px){body.has-nav-menu{padding-top:102px}}.nav-menu__cta-buttons{display:flex;position:fixed;top:20%;right:12px;transform:translateY(-50%);flex-direction:column;align-items:center;gap:12px;z-index:99999;transition:opacity .3s var(--nav-ease-smooth),visibility .3s var(--nav-ease-smooth)}@media (min-width: 1024px) and (max-width: 1199px){.nav-menu__cta-buttons{top:20%;right:16px;transform:translateY(-50%);flex-direction:column}}.nav-menu__cta-btn{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;text-decoration:none;border:none;cursor:pointer;transition:transform var(--nav-transition-fast),box-shadow var(--nav-transition-fast),background-color var(--nav-transition-fast);box-shadow:0 4px 15px #00000026}.nav-menu__cta-btn:hover{transform:scale(1.1);box-shadow:0 6px 20px #0003}.nav-menu__cta-btn svg{width:22px;height:22px}.nav-menu__cta-btn--tools{background-color:var(--nav-accent);color:#fff}.nav-menu__cta-btn--tools:hover,.nav-menu__cta-btn--tools.is-active{background-color:var(--nav-accent-hover)}.nav-menu__cta-btn--theme{background-color:#22c55e;color:#fff}.nav-menu__cta-btn--theme:hover{background-color:#16a34a}.nav-menu__cta-btn--theme .icon-sun{display:none}.nav-menu__cta-btn--theme .icon-moon,body.dark-mode .nav-menu__cta-btn--theme .icon-sun{display:block}body.dark-mode .nav-menu__cta-btn--theme .icon-moon{display:none}.nav-menu__cta-btn--settings{position:relative;background-color:#f59e0b;color:#fff}.nav-menu__cta-btn--settings:hover{background-color:#d97706}.nav-menu__results-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;background:#ef4444;color:#fff;font-size:11px;font-weight:600;border-radius:10px;display:none;align-items:center;justify-content:center;box-shadow:0 2px 6px #ef444466;animation:badgePulse 2s ease-in-out infinite}.nav-menu__results-badge.has-results{display:flex}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (min-width: 1200px){.nav-menu__cta-btn--settings{display:none}}@media (min-width: 1200px){.nav-menu__cta-buttons{top:16px;right:16px;transform:none;flex-direction:row}}@media (max-width: 1023px){.nav-menu__cta-buttons{gap:10px}.nav-menu__cta-btn{width:46px;height:46px}.nav-menu__cta-btn svg{width:20px;height:20px}}.nav-menu__tools-wrapper{position:relative}.nav-menu__tools-dropdown{position:absolute;top:calc(100% + 12px);right:0;background:var(--nav-bg);border-radius:16px;box-shadow:var(--nav-dropdown-shadow);min-width:200px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .3s var(--nav-ease-smooth),visibility .3s var(--nav-ease-smooth),transform .3s var(--nav-ease-out);border:1px solid var(--nav-border);z-index:100000}.nav-menu__tools-dropdown.is-open{opacity:1;visibility:visible;transform:translateY(0)}.nav-menu__tools-item{display:flex;align-items:center;gap:12px;padding:12px 20px;font-size:14px;font-weight:500;color:var(--nav-text-hover);text-decoration:none;transition:color var(--nav-transition-fast),background-color var(--nav-transition-fast)}.nav-menu__tools-item:hover{color:#fff;background-color:var(--nav-accent)}.nav-menu__tools-item:first-child:hover{border-top-left-radius:15px;border-top-right-radius:15px}.nav-menu__tools-item:last-child:hover{border-bottom-left-radius:15px;border-bottom-right-radius:15px}.nav-menu__tools-item svg{flex-shrink:0}body.dark-mode{--nav-bg: #0e0e19;--nav-text: #9ca3af;--nav-text-hover: #f3f4f6;--nav-border: rgba(255,255,255,.05);--nav-shadow: 0 4px 20px rgba(0,0,0,.3);--nav-dropdown-shadow: 0 10px 40px rgba(0,0,0,.4)}body.dark-mode .nav-menu__pill{background:var(--nav-bg);border-color:var(--nav-border)}body.dark-mode .nav-menu__link{color:var(--nav-text)}body.dark-mode .nav-menu__link:hover,body.dark-mode .nav-menu__item:hover .nav-menu__link{color:var(--nav-text-hover);background-color:#ffffff1a}body.dark-mode .nav-menu__dropdown-inner{background:var(--nav-bg);border:1px solid var(--nav-border)}body.dark-mode .nav-menu__dropdown-link{color:var(--nav-text-hover)}body.dark-mode .nav-menu__mobile{background:var(--nav-bg);border:1px solid var(--nav-border)}body.dark-mode .nav-menu__mobile-overlay{background:#000000b3}body.dark-mode .nav-menu__mobile-item{border-color:var(--nav-border)}body.dark-mode .nav-menu__mobile-link{color:var(--nav-text-hover)}body.dark-mode .nav-menu__mobile-sublink{color:var(--nav-text)}body.dark-mode .nav-menu__mobile-sublink:hover{color:var(--nav-accent);background-color:#7c3aed26}body.dark-mode .nav-menu__expand{background-color:#374151}body.dark-mode .nav-menu__expand:hover{background-color:#4b5563}body.dark-mode .nav-menu__mobile-toggle{color:var(--nav-text-hover)}body.dark-mode .nav-menu__mobile-toggle:hover{background-color:#ffffff1a}body.dark-mode .nav-menu__tools-dropdown{background:var(--nav-bg);border-color:var(--nav-border)}body.dark-mode .nav-menu__tools-item{color:var(--nav-text-hover);transition:none!important}body.dark-mode .nav-menu__tools-item:hover{background-color:var(--nav-accent);color:#fff}body.dark-mode .nav-menu__tools-item:first-child:hover{border-top-left-radius:15px;border-top-right-radius:15px}body.dark-mode .nav-menu__tools-item:last-child:hover{border-bottom-left-radius:15px;border-bottom-right-radius:15px}.nav-menu__sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;visibility:hidden;z-index:100000;transition:opacity .3s var(--nav-ease-smooth),visibility .3s var(--nav-ease-smooth)}.nav-menu__sidebar-overlay.is-open{opacity:1;visibility:visible}.nav-menu__sidebar{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);width:90%;max-width:400px;max-height:80vh;background:var(--nav-bg);border-radius:20px;box-shadow:0 20px 60px #0000004d;z-index:100001;opacity:0;visibility:hidden;transition:opacity .3s var(--nav-ease-smooth),visibility .3s var(--nav-ease-smooth),transform .3s var(--nav-ease-out);display:flex;flex-direction:column;overflow:hidden}.nav-menu__sidebar.is-open{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.nav-menu__sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--nav-border);flex-shrink:0}.nav-menu__sidebar-header h3{margin:0;font-size:18px;font-weight:600;color:var(--nav-text-hover)}.nav-menu__sidebar-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:50%;cursor:pointer;color:var(--nav-text);transition:color var(--nav-transition-fast),background-color var(--nav-transition-fast)}.nav-menu__sidebar-close:hover{color:var(--nav-text-hover);background-color:#8082851a}.nav-menu__sidebar-close svg{width:20px;height:20px}.nav-menu__sidebar-content{flex:1;overflow-y:auto;padding:24px}body.dark-mode .nav-menu__sidebar{background:var(--nav-bg);box-shadow:0 20px 60px #00000080}body.dark-mode .nav-menu__sidebar-header{border-color:var(--nav-border)}body.dark-mode .nav-menu__sidebar-close:hover{background-color:#ffffff1a}.modal-settings-layout{display:flex;flex-direction:column;gap:20px}.modal-setting-group{display:flex;flex-direction:column;gap:12px}.modal-setting-label{font-size:13px;font-weight:600;color:var(--nav-text);text-transform:uppercase;letter-spacing:.5px}.modal-duration-row{display:flex;align-items:center;justify-content:space-between;background:#8082851a;border-radius:12px;padding:8px}.modal-duration-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--nav-bg);border:1px solid var(--nav-border);border-radius:10px;cursor:pointer;color:var(--nav-text-hover);transition:all .2s ease}.modal-duration-btn:hover{background:var(--nav-accent);color:#fff;border-color:var(--nav-accent)}.modal-duration-display{display:flex;align-items:baseline;gap:4px}.modal-duration-number{font-size:28px;font-weight:700;color:var(--nav-text-hover);font-family:Rubik,sans-serif}.modal-duration-unit{font-size:14px;color:var(--nav-text)}.modal-team-count-section{margin-bottom:16px}.modal-settings-inline{margin-top:8px;padding-top:16px;border-top:1px solid var(--nav-border)}.modal-settings-toggles{display:flex;gap:10px}.modal-settings-toggles .modal-toggle-row{flex:1;flex-direction:column;align-items:center;gap:8px;padding:12px 10px;text-align:center}.modal-settings-toggles .modal-toggle-info{flex-direction:column;gap:6px}.modal-settings-toggles .modal-toggle-info span{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.modal-settings-toggles .modal-toggle-info svg{width:24px;height:24px}.modal-settings-toggles .modal-toggle-row.active .modal-toggle-info svg{color:#ffbe4d}.modal-settings-toggles .modal-toggle-switch{display:none}.modal-team-count-controls{display:flex;align-items:center;justify-content:space-between;background:#8082851a;border-radius:12px;padding:12px}.modal-team-count-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--nav-bg);border:1px solid var(--nav-border);border-radius:10px;cursor:pointer;color:var(--nav-text-hover);transition:all .2s ease}.modal-team-count-btn:hover{background:var(--nav-accent);color:#fff;border-color:var(--nav-accent)}.modal-team-count-display{display:flex;flex-direction:column;align-items:center;gap:2px}.modal-team-count-value{font-size:36px;font-weight:700;color:#ffbe4d;font-family:Rubik,sans-serif;line-height:1}.modal-team-count-label{font-size:13px;color:var(--nav-text);text-transform:lowercase}.modal-team-count-hint{margin-top:10px;font-size:12px;color:var(--nav-text);text-align:center;opacity:.7}.modal-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#8082851a;border-radius:12px;cursor:pointer;transition:all .2s ease}.modal-toggle-row:hover{background:#80828526}.modal-toggle-info{display:flex;align-items:center;gap:12px;color:var(--nav-text-hover)}.modal-toggle-info svg{color:var(--nav-text)}.modal-toggle-info span{font-size:15px;font-weight:500}.modal-toggle-switch{position:relative;width:48px;height:28px}.modal-toggle-track{position:absolute;top:0;left:0;right:0;bottom:0;background:#8082854d;border-radius:14px;transition:background .2s ease}.modal-toggle-track:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 2px 4px #0003}.modal-toggle-row.active .modal-toggle-track{background:var(--nav-accent)}.modal-toggle-row.active .modal-toggle-track:after{transform:translate(20px)}.modal-toggle-row.active .modal-toggle-info svg{color:var(--nav-accent)}.modal-tabs{display:flex;gap:4px;margin-bottom:20px;background:#8082851a;border-radius:12px;padding:4px}.modal-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;background:transparent;border:none;border-radius:8px;cursor:pointer;color:var(--nav-text);font-size:13px;font-weight:500;transition:all .2s ease}.modal-tab:hover{color:var(--nav-text-hover);background:#8082851a}.modal-tab.active{background:var(--nav-bg);color:var(--nav-accent);box-shadow:0 2px 8px #0000001a}.modal-tab svg{width:16px;height:16px;flex-shrink:0}.modal-tab{position:relative}.modal-tab-badge{min-width:16px;height:16px;padding:0 4px;background:#ef4444;color:#fff;font-size:10px;font-weight:600;border-radius:8px;display:none;align-items:center;justify-content:center;margin-left:4px}.modal-tab-badge.has-results{display:flex}.modal-tab-content{display:none}.modal-tab-content.active{display:block}.modal-section{margin-bottom:20px}.modal-section:last-child{margin-bottom:0}.modal-section-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:var(--nav-text);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.modal-section-header svg{width:16px;height:16px;color:var(--nav-accent)}.modal-entry-count{margin-left:auto;background:var(--nav-accent);color:#1a1a1a;font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px}.modal-entries-textarea{width:100%;min-height:200px;padding:14px;background:#8082851a;border:1px solid var(--nav-border);border-radius:12px;color:var(--nav-text-hover);font-size:14px;font-family:inherit;line-height:1.6;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease}.modal-entries-textarea:focus{outline:none;border-color:var(--nav-accent);box-shadow:0 0 0 3px #7c3aed1a}.modal-entries-textarea::placeholder{color:var(--nav-text)}.modal-results-list{max-height:180px;overflow-y:auto;background:#8082851a;border-radius:12px;padding:12px;margin-bottom:12px}.modal-no-results{color:var(--nav-text);font-size:14px;text-align:center;padding:20px 0;margin:0}.modal-result-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--nav-bg);border-radius:8px;margin-bottom:8px}.modal-result-item:last-child{margin-bottom:0}.modal-result-number{width:24px;height:24px;background:var(--nav-accent);color:#1a1a1a;font-size:12px;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.modal-result-text{flex:1;font-size:14px;color:var(--nav-text-hover);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-btn-clear{width:100%;padding:10px;background:transparent;border:1px solid var(--nav-border);border-radius:8px;color:var(--nav-text);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.modal-btn-clear:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.modal-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.modal-stat-item{background:#8082851a;border-radius:12px;padding:16px;text-align:center}.modal-stat-value{display:block;font-size:24px;font-weight:700;color:var(--nav-accent);font-family:Rubik,sans-serif;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-stat-label{font-size:12px;color:var(--nav-text);text-transform:uppercase;letter-spacing:.5px}@media (max-height: 700px){.nav-menu__sidebar{max-height:90vh}.nav-menu__sidebar-content{padding:16px}.modal-entries-textarea{min-height:120px}.modal-team-count-value{font-size:28px}.modal-team-count-btn{width:36px;height:36px}.modal-toggle-row{padding:10px 14px}.modal-section{margin-bottom:14px}}@media (max-height: 600px){.nav-menu__sidebar{max-height:95vh;top:50%}.nav-menu__sidebar-header{padding:14px 18px}.nav-menu__sidebar-content{padding:12px}.modal-tabs{padding:8px;gap:6px}.modal-tab{padding:8px 12px;font-size:12px}.modal-entries-textarea{min-height:100px}.modal-team-count-controls{padding:10px}.modal-team-count-value{font-size:24px}.modal-team-count-btn{width:32px;height:32px}.modal-team-count-hint{margin-top:6px;font-size:11px}.modal-section-header{margin-bottom:8px;font-size:12px}.modal-toggle-row{padding:8px 12px}.modal-toggle-info span{font-size:13px}.modal-setting-group{margin-bottom:10px}}@media (max-width: 400px){.nav-menu__sidebar{width:95%;border-radius:16px}.nav-menu__sidebar-content{padding:12px}.modal-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.modal-tab{flex-shrink:0}}.modal-image-entries{display:none}.modal-image-list{max-height:250px;overflow-y:auto;background:#8082851a;border-radius:12px;padding:12px;margin-bottom:12px}.modal-no-images{color:var(--nav-text);font-size:14px;text-align:center;padding:30px 0;margin:0}.modal-image-item{display:flex;align-items:center;gap:12px;padding:8px 10px;background:var(--nav-bg);border-radius:10px;margin-bottom:8px;transition:background .2s ease}.modal-image-item:last-child{margin-bottom:0}.modal-image-item:hover{background:#7c3aed0d}.modal-image-thumb{width:44px;height:44px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#8082851a}.modal-image-thumb img{width:100%;height:100%;object-fit:cover}.modal-image-name{flex:1;font-size:14px;font-weight:500;color:var(--nav-text-hover);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-image-remove{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:var(--nav-text);cursor:pointer;transition:all .2s ease;flex-shrink:0}.modal-image-remove:hover{background:#ef44441a;color:#ef4444}.modal-add-image-zone{margin-top:12px}.modal-add-image-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 16px;background:linear-gradient(135deg,var(--nav-accent) 0%,#6d28d9 100%);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.modal-add-image-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed4d}.modal-add-image-btn:active{transform:translateY(0)}.modal-add-image-btn svg{width:18px;height:18px}.modal-add-image-hint{text-align:center;font-size:12px;color:var(--nav-text);margin:8px 0 0}.dark-mode .modal-image-item{background:#ffffff0d}.dark-mode .modal-image-item:hover{background:#7c3aed1a}.dark-mode .modal-image-thumb{background:#ffffff1a}.dark-mode .modal-image-name{color:#fff}.dark-mode .modal-image-list{background:#ffffff0d}.dark-mode .modal-no-images{color:#fff9}.dark-mode .modal-add-image-hint{color:#ffffff80}
.nav-menu.nav-v5{--nv-font: "Bricolage Grotesque","Segoe UI",Roboto,-apple-system,sans-serif;--nv-text: #15131c;--nv-muted: #5d5868;--nv-line: rgba(21,19,28,.09);--nv-hover: rgba(21,19,28,.06);--nv-menu-bg: #fbf7ef;--nv-yellow: #ffbe4d;--nv-ink: #121019;--nv-card: #fff;--nv-card-shadow: 0 8px 22px rgba(60,40,10,.07);--nv-bar-h: 64px;--nv-burger-w: 132px;font-family:var(--nv-font);pointer-events:none}body.dark-mode .nav-menu.nav-v5{--nv-text: #f7f5ff;--nv-muted: rgba(247,245,255,.68);--nv-line: rgba(255,255,255,.09);--nv-hover: rgba(255,255,255,.07);--nv-menu-bg: #0b0a10;--nv-card: #16141e;--nv-card-shadow: 0 10px 26px rgba(0,0,0,.35)}.nav-menu.nav-v5 .nav-v5__bar,.nav-menu.nav-v5 .nav-v5__burger,.nav-menu.nav-v5 .nav-menu__mobile.is-open,.nav-menu.nav-v5 .nav-menu__cta-buttons,.nav-menu.nav-v5 .nav-menu__sidebar,.nav-menu.nav-v5 .nav-menu__sidebar-overlay.is-open{pointer-events:auto}.nav-menu.nav-v5 .nav-v5__bar{display:flex;align-items:center;gap:16px;height:var(--nv-bar-h);margin:0;padding:0 8px;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .3s ease}.nav-menu.nav-v5.is-scrolled .nav-v5__bar{transform:translateY(calc(-100% - 24px));opacity:0;pointer-events:none}.nav-menu.nav-v5 .nav-v5__brand{display:flex;align-items:center;gap:12px;flex-shrink:0;color:var(--nv-text);text-decoration:none}.nav-menu.nav-v5 .nav-v5__brand img{width:44px;height:44px;border-radius:50%}.nav-menu.nav-v5 .nav-v5__brand:hover img{animation:logoSpin 1s linear infinite}@media (prefers-reduced-motion: reduce){.nav-menu.nav-v5 .nav-v5__brand:hover img{animation:none}}.nav-menu.nav-v5 .nav-v5__name{font-size:1.35rem;font-weight:800;letter-spacing:-.02em;line-height:1;white-space:nowrap}.nav-menu.nav-v5 .nav-v5__name span{color:#f0a12e}@media (min-width: 1024px){.nav-menu.nav-v5 .nav-menu__cta-buttons{top:calc(16px + (var(--nv-bar-h) - 46px) / 2);right:calc(24px + var(--nv-burger-w) + 10px);transform:none;flex-direction:row;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .3s ease,visibility .3s}.nav-menu.nav-v5.is-scrolled .nav-menu__cta-buttons{transform:translateY(-90px);opacity:0;visibility:hidden}.nav-menu.nav-v5 .nav-menu__cta-btn{width:46px;height:46px;box-shadow:none}}.nav-menu.nav-v5 .nav-v5__burger{position:fixed;top:calc(16px + (var(--nv-bar-h) - 52px) / 2);right:24px;z-index:3;display:flex;align-items:center;justify-content:center;gap:10px;width:var(--nv-burger-w);height:52px;margin:0;padding:0 20px 0 16px;border:0;border-radius:999px;background:var(--nv-yellow);color:var(--nv-ink);font-family:var(--nv-font);font-size:1.1rem;font-weight:700;box-shadow:0 10px 26px #00000040;cursor:pointer}.nav-menu.nav-v5 .nav-v5__burger{transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.nav-menu.nav-v5 .nav-v5__burger:hover{background:#ffc966;transform:translateY(-1px);box-shadow:0 14px 30px #00000047,0 0 0 4px #ffbe4d40}.nav-menu.nav-v5 .nav-v5__burger:active{transform:scale(.96)}.nav-menu.nav-v5 .nav-v5__burger-label{display:grid}.nav-menu.nav-v5 .nav-v5__burger-open,.nav-menu.nav-v5 .nav-v5__burger-close{grid-area:1 / 1;transition:opacity .2s ease,transform .25s ease}.nav-menu.nav-v5 .nav-v5__burger-close,.nav-menu.nav-v5 .nav-v5__burger.is-active .nav-v5__burger-open{opacity:0;transform:translateY(6px)}.nav-menu.nav-v5 .nav-v5__burger.is-active .nav-v5__burger-close{opacity:1;transform:none}.nav-menu.nav-v5 .nav-v5__burger:focus-visible,.nav-menu.nav-v5 .nav-menu__mobile-link:focus-visible,.nav-menu.nav-v5 .nav-menu__mobile-sublink:focus-visible{outline:3px solid var(--nv-yellow);outline-offset:3px}.nav-menu.nav-v5 .nav-v5__burger-icon{position:relative;width:22px;height:16px}.nav-menu.nav-v5 .nav-v5__burger-icon span{position:absolute;left:0;width:100%;height:2.5px;border-radius:2px;background:currentColor;transition:transform .3s ease,opacity .2s ease,top .3s ease}.nav-menu.nav-v5 .nav-v5__burger-icon span:nth-child(1){top:0}.nav-menu.nav-v5 .nav-v5__burger-icon span:nth-child(2){top:7px}.nav-menu.nav-v5 .nav-v5__burger-icon span:nth-child(3){top:14px}.nav-menu.nav-v5 .nav-v5__burger.is-active .nav-v5__burger-icon span:nth-child(1){top:7px;transform:rotate(45deg)}.nav-menu.nav-v5 .nav-v5__burger.is-active .nav-v5__burger-icon span:nth-child(2){opacity:0}.nav-menu.nav-v5 .nav-v5__burger.is-active .nav-v5__burger-icon span:nth-child(3){top:7px;transform:rotate(-45deg)}.nav-menu.nav-v5 .nav-menu__mobile{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;max-height:none;margin:0;padding:112px 24px 40px;border-radius:0;box-shadow:none;background:radial-gradient(42% 50% at 92% 8%,rgba(255,190,77,.18),transparent 70%),radial-gradient(40% 45% at 4% 100%,rgba(139,108,255,.14),transparent 70%),var(--nv-menu-bg);overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(-16px);transition:opacity .3s ease,transform .35s cubic-bezier(.4,0,.2,1),visibility .3s}.nav-menu.nav-v5 .nav-menu__mobile.is-open{opacity:1;visibility:visible;transform:none;animation:none}.nav-menu.nav-v5 .nav-v5__menu-inner{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:48px;max-width:1180px;margin:0 auto}.nav-menu.nav-v5 .nav-v5__menu-links{margin:0;padding:0;list-style:none}.nav-menu.nav-v5 .nav-menu__mobile-item{border:0;opacity:0;transform:translateY(14px);transition:opacity .35s ease,transform .35s ease}.nav-menu.nav-v5 .nav-menu__mobile.is-open .nav-menu__mobile-item{opacity:1;transform:none}.nav-menu.nav-v5 .nav-menu__mobile.is-open .nav-menu__mobile-item:nth-child(2){transition-delay:.04s}.nav-menu.nav-v5 .nav-menu__mobile.is-open .nav-menu__mobile-item:nth-child(3){transition-delay:.08s}.nav-menu.nav-v5 .nav-menu__mobile.is-open .nav-menu__mobile-item:nth-child(4){transition-delay:.12s}.nav-menu.nav-v5 .nav-menu__mobile.is-open .nav-menu__mobile-item:nth-child(5){transition-delay:.16s}.nav-menu.nav-v5 .nav-menu__mobile-link{display:inline-flex;align-items:baseline;gap:18px;width:auto;padding:6px 0;font-family:var(--nv-font);font-size:clamp(2.4rem,1.4rem + 4vw,4.5rem);font-weight:800;letter-spacing:-.035em;line-height:1.05;color:var(--nv-text);text-decoration:none;transition:color .2s ease}.nav-menu.nav-v5 .nav-v5__link-num{min-width:2ch;font-size:1rem;font-weight:700;letter-spacing:.06em;color:var(--nv-muted);transform:translateY(-.2em);transition:color .2s ease}.nav-menu.nav-v5 .nav-v5__link-text{transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.nav-menu.nav-v5 .nav-v5__link-arrow{align-self:center;flex-shrink:0;color:var(--nv-yellow);opacity:0;transform:translate(-10px,10px) scale(.8);transition:opacity .2s ease,transform .25s cubic-bezier(.34,1.56,.64,1)}.nav-menu.nav-v5 .nav-menu__mobile-link:hover{color:#f0a12e;background:none;transform:none}.nav-menu.nav-v5 .nav-menu__mobile-link:hover .nav-v5__link-text{transform:translate(6px)}.nav-menu.nav-v5 .nav-menu__mobile-link:hover .nav-v5__link-arrow,.nav-menu.nav-v5 .nav-menu__mobile-link:focus-visible .nav-v5__link-arrow{opacity:1;transform:translate(6px) scale(1)}.nav-menu.nav-v5 .nav-menu__mobile-link:hover .nav-v5__link-num,.nav-menu.nav-v5 .nav-menu__mobile-link[aria-current=page] .nav-v5__link-num,.nav-menu.nav-v5 .nav-menu__mobile-link[aria-current=page]{color:#f0a12e}.nav-menu.nav-v5 .nav-v5__menu-side{padding-top:14px}.nav-menu.nav-v5 .nav-v5__menu-heading{margin:0 0 14px;font-size:.9rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--nv-muted)}.nav-menu.nav-v5 .nav-v5__menu-tools{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:34px}.nav-menu.nav-v5 .nav-v5__tool{--tone: var(--nv-yellow);display:flex;align-items:center;gap:16px;padding:14px 18px 14px 14px;border:1px solid var(--nv-line);border-radius:22px;background:var(--nv-card);box-shadow:var(--nv-card-shadow);color:var(--nv-text);font-family:var(--nv-font);text-decoration:none;opacity:0;transform:translateY(14px);transition:opacity .35s ease,transform .35s ease,border-color .2s ease,box-shadow .2s ease}.nav-menu.nav-v5 .nav-v5__tool--coral{--tone: #ff7a59}.nav-menu.nav-v5 .nav-v5__tool--violet{--tone: #8b6cff}.nav-menu.nav-v5 .nav-v5__tool--teal{--tone: #2fc9a0}.nav-menu.nav-v5 .nav-menu__mobile.is-open .nav-v5__tool{opacity:1;transform:none}.nav-menu.nav-v5 .nav-menu__mobile.is-open .nav-v5__tool:nth-child(1){transition-delay:.1s,.1s,0s,0s}.nav-menu.nav-v5 .nav-menu__mobile.is-open .nav-v5__tool:nth-child(2){transition-delay:.15s,.15s,0s,0s}.nav-menu.nav-v5 .nav-menu__mobile.is-open .nav-v5__tool:nth-child(3){transition-delay:.2s,.2s,0s,0s}.nav-menu.nav-v5 .nav-v5__tool:hover,.nav-menu.nav-v5 .nav-v5__tool[aria-current=page]{border-color:color-mix(in srgb,var(--tone) 70%,transparent);background:var(--nv-card);color:var(--nv-text);box-shadow:var(--nv-card-shadow),0 0 0 3px color-mix(in srgb,var(--tone) 18%,transparent)}.nav-menu.nav-v5 .nav-menu__mobile.is-open .nav-v5__tool:hover{transform:translateY(-2px);transition-delay:0s}.nav-menu.nav-v5 .nav-v5__tool-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:52px;height:52px;border-radius:16px;background:var(--tone);color:#fff;box-shadow:inset 0 -3px #00000026,0 8px 18px color-mix(in srgb,var(--tone) 35%,transparent);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.nav-menu.nav-v5 .nav-v5__tool:hover .nav-v5__tool-icon{transform:rotate(-8deg) scale(1.06)}.nav-menu.nav-v5 .nav-v5__tool-text{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.nav-menu.nav-v5 .nav-v5__tool-name{font-size:1.2rem;font-weight:800;letter-spacing:-.01em;line-height:1.15}.nav-menu.nav-v5 .nav-v5__tool-badge{display:inline-block;margin-left:6px;padding:3px 9px;border-radius:999px;background:var(--nv-coral,#ff7a59);color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.08em;line-height:1.2;text-transform:uppercase;vertical-align:3px;box-shadow:0 4px 10px #ff7a5959;animation:navNewPulse 2.4s ease-in-out infinite}@keyframes navNewPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@media (prefers-reduced-motion: reduce){.nav-menu.nav-v5 .nav-v5__tool-badge{animation:none}}.nav-menu.nav-v5 .nav-v5__tool-desc{font-size:.95rem;font-weight:500;color:var(--nv-muted)}.nav-menu.nav-v5 .nav-v5__tool-arrow{flex-shrink:0;color:var(--nv-muted);transition:transform .2s ease,color .2s ease}.nav-menu.nav-v5 .nav-v5__tool:hover .nav-v5__tool-arrow{color:var(--tone);transform:translate(4px)}.nav-menu.nav-v5 .nav-v5__tool:focus-visible{outline:3px solid var(--tone);outline-offset:3px}.nav-menu.nav-v5 .nav-v5__menu-theme{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;align-items:center;width:260px;max-width:100%;height:58px;margin:0;padding:5px;border:1px solid var(--nv-line);border-radius:999px;background:var(--nv-card);box-shadow:var(--nv-card-shadow);color:var(--nv-text);font-family:var(--nv-font);cursor:pointer}.nav-menu.nav-v5 .nav-v5__theme-thumb{position:absolute;top:5px;bottom:5px;left:5px;width:calc(50% - 5px);border-radius:999px;background:var(--nv-yellow);box-shadow:0 6px 16px #ffbe4d73;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}body.dark-mode .nav-menu.nav-v5 .nav-v5__theme-thumb{transform:translate(100%)}.nav-menu.nav-v5 .nav-v5__theme-opt{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:8px;font-size:1.05rem;font-weight:700;color:var(--nv-muted);transition:color .25s ease}.nav-menu.nav-v5 .nav-v5__theme-opt svg{transition:transform .4s cubic-bezier(.34,1.56,.64,1)}body:not(.dark-mode) .nav-menu.nav-v5 .nav-v5__theme-opt--light,body.dark-mode .nav-menu.nav-v5 .nav-v5__theme-opt--dark{color:var(--nv-ink)}body:not(.dark-mode) .nav-menu.nav-v5 .nav-v5__theme-opt--light svg{transform:rotate(90deg)}body.dark-mode .nav-menu.nav-v5 .nav-v5__theme-opt--dark svg{transform:rotate(-20deg)}.nav-menu.nav-v5 .nav-v5__menu-theme:hover{border-color:var(--nv-yellow)}.nav-menu.nav-v5 .nav-v5__menu-theme:focus-visible{outline:3px solid var(--nv-yellow);outline-offset:3px}.nav-menu.nav-v5 .nav-menu__mobile-overlay{display:none}@media (max-width: 1023.98px){.nav-menu.nav-v5{--nv-bar-h: 64px}.nav-menu.nav-v5 .nav-v5__bar{padding-right:140px}.nav-menu.nav-v5 .nav-menu__cta-buttons{top:96px;right:16px;transform:none}.nav-menu.nav-v5 .nav-menu__mobile{padding-top:104px}.nav-menu.nav-v5 .nav-v5__menu-inner{grid-template-columns:minmax(0,1fr);gap:36px}}@media (max-width: 479.98px){.nav-menu.nav-v5 .nav-v5__bar{padding-right:128px}.nav-menu.nav-v5 .nav-v5__name{font-size:1.15rem}.nav-menu.nav-v5 .nav-v5__brand img{width:40px;height:40px}.nav-menu.nav-v5 .nav-menu__mobile-link{gap:12px}.nav-menu.nav-v5 .nav-v5__link-num{font-size:.85rem}.nav-menu.nav-v5 .nav-v5__menu-theme{width:100%}}body.wod-v5 .nav-menu.nav-v5 .nav-menu__cta-btn--settings{display:none}@media (prefers-reduced-motion: reduce){.nav-menu.nav-v5 .nav-v5__bar,.nav-menu.nav-v5 .nav-menu__mobile,.nav-menu.nav-v5 .nav-menu__mobile-item,.nav-menu.nav-v5 .nav-v5__tool,.nav-menu.nav-v5 .nav-v5__theme-thumb{transition:none}}
.site-footer.footer-v5{--ft-font: 'Bricolage Grotesque','Segoe UI',Roboto,-apple-system,sans-serif;--ft-bg: #0b0a10;--ft-card: #16141f;--ft-text: #f7f5ff;--ft-muted: rgba(247,245,255,0.66);--ft-line: rgba(255,255,255,0.09);--ft-yellow: #ffbe4d;--ft-coral: #ff7a59;position: relative;overflow: hidden;padding: 0 24px;border-top: 0;background: radial-gradient(40rem 22rem at 90% 0%,rgba(139,108,255,0.14),transparent 70%),radial-gradient(36rem 20rem at 0% 10%,rgba(255,190,77,0.12),transparent 70%),var(--ft-bg);color: var(--ft-text);font-family: var(--ft-font)}.site-footer.footer-v5 .footer-v5__cta{display: flex;align-items: flex-end;justify-content: space-between;flex-wrap: wrap;gap: 32px;max-width: 1280px;margin: 0 auto;padding: 80px 0 64px;border-bottom: 1px solid var(--ft-line)}.site-footer.footer-v5 .footer-v5__eyebrow{margin: 0 0 12px;font-size: 1rem;font-weight: 700;letter-spacing: 0.14em;text-transform: uppercase;color: var(--ft-muted)}.site-footer.footer-v5 .footer-v5__headline{margin: 0;font-size: clamp(2.6rem,1.4rem + 4.4vw,5.5rem);font-weight: 800;line-height: 0.98;letter-spacing: -0.035em;color: var(--ft-text)}.site-footer.footer-v5 .footer-v5__headline span{background: linear-gradient(100deg,var(--ft-yellow) 10%,var(--ft-coral) 90%);-webkit-background-clip: text;background-clip: text;color: transparent}.site-footer.footer-v5 .footer-v5__cta-side{display: flex;flex-direction: column;align-items: flex-start;gap: 18px}.site-footer.footer-v5 .footer-spins-counter{display: flex;flex-direction: column;align-items: flex-start;gap: 2px;text-align: left;margin: 0;padding: 0;background: none;border: 0}.site-footer.footer-v5 .spins-counter-number{font-size: clamp(2rem,1.5rem + 1.6vw,3rem);font-weight: 800;line-height: 1;letter-spacing: -0.02em;color: var(--ft-yellow)}.site-footer.footer-v5 .spins-counter-label{font-size: 1.05rem;font-weight: 500;letter-spacing: 0;text-transform: none;color: var(--ft-muted)}.site-footer.footer-v5 .footer-v5__button{display: inline-flex;align-items: center;padding: 16px 30px;border-radius: 999px;background: var(--ft-yellow);color: #121019;font-size: 1.15rem;font-weight: 700;text-decoration: none;transition: transform 0.2s ease,box-shadow 0.2s ease}.site-footer.footer-v5 .footer-v5__button:hover{transform: translateY(-2px);box-shadow: 0 10px 26px rgba(255,190,77,0.3)}.site-footer.footer-v5 .footer-container{display: grid;grid-template-columns: minmax(0,1.2fr) minmax(0,2fr);gap: 48px;max-width: 1280px;margin: 0 auto;padding: 56px 0;border-bottom: 1px solid var(--ft-line)}.site-footer.footer-v5 .footer-brand{gap: 16px}.site-footer.footer-v5 .footer-logo{gap: 14px;font-family: var(--ft-font);font-size: 1.6rem;font-weight: 800;letter-spacing: -0.02em;color: var(--ft-text)}.site-footer.footer-v5 .footer-logo em{font-style: normal;color: #f0a12e}.site-footer.footer-v5 .footer-logo img{width: 48px;height: 48px}.site-footer.footer-v5 .footer-tagline{max-width: 26ch;font-size: 1.2rem;line-height: 1.5;color: var(--ft-muted)}.site-footer.footer-v5 .footer-nav{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 32px}.site-footer.footer-v5 .footer-nav-column h4{margin: 0 0 18px;font-family: var(--ft-font);font-size: 0.95rem;font-weight: 700;letter-spacing: 0.14em;text-transform: uppercase;color: var(--ft-muted)}.site-footer.footer-v5 .footer-nav-column ul{gap: 12px}.site-footer.footer-v5 .footer-nav-column a{font-size: 1.2rem;font-weight: 500;color: var(--ft-text);transition: color 0.2s ease}.site-footer.footer-v5 .footer-nav-column a:hover{color: var(--ft-yellow)}.site-footer.footer-v5 a:focus-visible{outline: 3px solid var(--ft-yellow);outline-offset: 3px;border-radius: 4px}.site-footer.footer-v5 .footer-bottom{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 12px;max-width: 1280px;margin: 0 auto;padding: 28px 0 36px;border: 0;text-align: left}.site-footer.footer-v5 .footer-bottom p{margin: 0;font-size: 1rem;color: var(--ft-muted)}.site-footer.footer-v5 .footer-v5__top{font-size: 1rem;font-weight: 600;color: var(--ft-text);text-decoration: none}.site-footer.footer-v5 .footer-v5__top:hover{color: var(--ft-yellow)}@media (max-width: 1200px){.site-footer.footer-v5 .footer-brand,.site-footer.footer-v5 .footer-nav{grid-column: auto;text-align: left;align-items: flex-start;justify-content: start}}@media (max-width: 1023.98px){.site-footer.footer-v5 .footer-container{grid-template-columns: minmax(0,1fr);gap: 40px}}@media (max-width: 639.98px){.site-footer.footer-v5{padding: 0 20px}.site-footer.footer-v5 .footer-v5__cta{padding: 56px 0 44px}.site-footer.footer-v5 .footer-v5__cta-side{width: 100%}.site-footer.footer-v5 .footer-v5__button{width: 100%;justify-content: center}.site-footer.footer-v5 .footer-nav{flex-direction: unset;grid-template-columns: repeat(2,minmax(0,1fr));align-items: start;row-gap: 36px}.site-footer.footer-v5 .footer-nav-column:first-child{grid-column: 1 / -1}.site-footer.footer-v5 .footer-nav-column:first-child ul{display: grid;grid-template-columns: repeat(2,minmax(0,1fr))}.site-footer.footer-v5 .footer-bottom{flex-direction: column;align-items: flex-start}}.site-footer.footer-v5 .footer-v5__views{display: inline-flex;align-items: center;gap: 6px;margin-left: 12px;padding: 4px 12px;border: 1px solid currentColor;border-radius: 999px;font-size: 0.9rem;white-space: nowrap;vertical-align: middle}.site-footer.footer-v5 .footer-v5__views b{color: var(--ft-text);font-weight: 700}.site-footer.footer-v5 .footer-v5__views-dot{width: 8px;height: 8px;border-radius: 50%;background: #2fd28a}@media (max-width: 640px){.site-footer.footer-v5 .footer-v5__views{display: flex;width: fit-content;margin: 10px 0 0}}
.main{display:flex;justify-content:space-between;align-items:stretch}@media (max-width: 1023px){.main{padding-top:0;min-height:100vh}}.sidebar{width:270px;flex-shrink:0;padding:15px;display:flex;flex-direction:column}.sidebar-left{padding-left:15px}.sidebar-right{padding-right:15px}.sidebar-card{background:#0e0e19;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;height:100%}.sidebar-card__section{flex:1;display:flex;flex-direction:column;padding:16px}.sidebar-card__title{font-size:14px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-card__content{flex:1;color:#ffffffb3;font-size:14px}body:not(.dark-mode) .sidebar-card{background:#fff;box-shadow:0 4px 20px #00000014}body:not(.dark-mode) .sidebar-card__section{border-bottom-color:#0000001a}body:not(.dark-mode) .sidebar-card__title{color:#333;border-bottom-color:#0000001a}body:not(.dark-mode) .sidebar-card__content{color:#666}.content{flex:1;display:flex;flex-direction:column;padding:20px;margin:0 auto;justify-content:center}.ad-hor{width:100%;height:90px;border-radius:4px;display:block;position:relative;margin:0 auto;text-align:center}.wheel-top{margin-bottom:20px}.wheel-bottom{margin-top:20px}.wheel{display:flex;align-items:stretch;justify-content:space-between}.ad-ver{width:280px;min-height:400px;border-radius:4px;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.ad-ver:after{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;writing-mode:vertical-rl;-webkit-text-orientation:mixed;text-orientation:mixed;transform:rotate(180deg)}.wheel-container{flex:1;max-width:500px;min-height:400px;aspect-ratio:1;background:#4caf500d;border:2px solid #4CAF50;border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative;margin:0 auto}.wheel-container:after{content:"Wheel Component";font-size:18px;font-weight:600;color:#4caf50;text-transform:uppercase;letter-spacing:2px}@media (max-width: 1400px){.sidebar{width:240px}.content{max-width:800px}}@media (max-width: 1200px){.sidebar{display:none}.main{justify-content:center}.content{max-width:900px}.ad-ver{width:100px}.ad-ver:after{font-size:10px}}@media (max-width: 992px){.content{padding:15px;max-width:100%}.ad-ver{display:none}.wheel{flex-direction:column;align-items:center;gap:15px}.ad-ver{width:100%;max-width:728px;min-height:100px;height:100px}.ad-ver:after{writing-mode:horizontal-tb;transform:none;font-size:12px}.wheel-left{order:-1}.wheel-container{max-width:100%;width:100%;min-height:350px}}@media (max-width: 768px){.content{padding:12px}.wheel{gap:12px}.ad-ver{display:none}.ad-ver{height:80px;min-height:80px}.ad-ver:after{font-size:11px}.wheel-left:after{content:"Mobile Ad (300x50)"}.wheel-right:after{content:"Mobile Ad (300x50)"}.wheel-container{min-height:300px}.wheel-container:after{font-size:16px;letter-spacing:1px}}@media (max-width: 576px){.content{padding:10px}.wheel{gap:10px}.ad-ver{height:60px;min-height:60px}.ad-ver:after{font-size:9px}.wheel-left:after{content:"Inline Ad (300x50)"}.wheel-right:after{content:"Inline Ad (300x50)"}.wheel-container{min-height:280px}.wheel-container:after{font-size:14px}}@media (max-width: 400px){.content{padding:8px}.wheel{gap:8px}.ad-ver:after{font-size:8px}.wheel-left:after{content:"Ad (300x50)"}.wheel-right:after{content:"Ad (300x50)"}.wheel-container{min-height:250px}.wheel-container:after{font-size:12px;letter-spacing:.5px}}@media (max-height: 500px) and (orientation: landscape){.main{min-height:auto}.ad-ver{display:none}.wheel-container{min-height:200px;max-height:calc(100vh - 200px)}}.wheel-center{flex:1;display:flex;flex-direction:column;align-items:center;padding:20px}.wheel-title{text-align:center;margin-bottom:24px}.wheel-title h1{font-size:28px;font-weight:700;margin:0 0 8px;letter-spacing:-.5px}.wheel-title p{color:#ffffffb3;font-size:15px;margin:0}body:not(.dark-mode) .wheel-title p{color:#666}.wheel-wrapper{position:relative;width:420px;height:420px}.canvas-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:transparent!important}#wheelCanvas{display:block;background:transparent!important}.wheel-pointer{position:absolute;top:50%;right:-5px;transform:translateY(-50%);width:0;height:0;border-top:12px solid transparent;border-bottom:12px solid transparent;border-right:28px solid #040405;z-index:15;filter:drop-shadow(-2px 0 4px rgba(0,0,0,.2))}.wheel-pointer:after{content:"";position:absolute;top:50%;right:-26px;transform:translateY(-50%);width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:22px solid #ffbe4d}.spin-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90px;height:90px;background:#040405;border-radius:50%;border:none;color:#fff;font-size:14px;font-weight:700;cursor:pointer;z-index:20;box-shadow:0 4px 20px #04040566;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;letter-spacing:2px}.spin-button:hover{transform:translate(-50%,-50%) scale(1.08);box-shadow:0 6px 30px #04040580}.spin-button:active{transform:translate(-50%,-50%) scale(.95)}.spin-button:disabled{cursor:not-allowed;opacity:.7}.spin-text{font-size:13px;letter-spacing:3px}.wheel-actions{display:flex;gap:12px;margin-top:32px;justify-content:center}.control-btn{position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#1a1a1b;border:1px solid rgba(255,255,255,.1);color:#fffc;border-radius:50%;cursor:pointer;font-size:20px;transition:all .3s ease;box-shadow:0 2px 8px #0003}body:not(.dark-mode) .control-btn{background:#fff;border-color:#0000001a;color:#333;box-shadow:0 2px 8px #00000014}.control-btn:hover{background:#ffbe4d;color:#040405;border-color:#ffbe4d;transform:translateY(-3px);box-shadow:0 6px 16px #ffb84c4d}.control-btn:after{content:attr(data-tooltip);position:absolute;bottom:-36px;left:50%;transform:translate(-50%);background:#1a1a1b;color:#fff;padding:6px 12px;border-radius:8px;font-size:11px;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s ease;pointer-events:none;border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 8px #0003}body:not(.dark-mode) .control-btn:after{background:#fff;color:#333;border-color:#0000001a}.control-btn:hover:after{opacity:1;visibility:visible;bottom:-40px}body.wheel-fullscreen-active{overflow:hidden}.wheel-center.fullscreen-mode{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;z-index:9999;background:#0a0a0b;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center}body:not(.dark-mode) .wheel-center.fullscreen-mode{background:#f5f5f5}.wheel-center.fullscreen-mode .wheel-wrapper{width:min(80vw,80vh);height:min(80vw,80vh);max-width:800px;max-height:800px}.wheel-center.fullscreen-mode .wheel-title{display:none}.wheel-center.fullscreen-mode .wheel-actions,.wheel-center.fullscreen-mode .wheel-controls{position:absolute;bottom:30px;left:50%;transform:translate(-50%);margin-top:0}@media (max-width: 768px){.wheel-center.fullscreen-mode .wheel-wrapper{width:min(90vw,85vh);height:min(90vw,85vh)}.wheel-center.fullscreen-mode .wheel-actions,.wheel-center.fullscreen-mode .wheel-controls{bottom:20px}}@media (max-width: 576px){.wheel-center.fullscreen-mode{padding:15px}.wheel-center.fullscreen-mode .wheel-wrapper{width:min(95vw,80vh);height:min(95vw,80vh)}.wheel-center.fullscreen-mode .wheel-actions,.wheel-center.fullscreen-mode .wheel-controls{bottom:15px}}@media (max-height: 500px) and (orientation: landscape){.wheel-center.fullscreen-mode .wheel-wrapper{width:min(70vw,75vh);height:min(70vw,75vh)}.wheel-center.fullscreen-mode .wheel-actions,.wheel-center.fullscreen-mode .wheel-controls{bottom:10px}}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}body:not(.dark-mode) .section-header{border-bottom-color:#0000001a}.section-icon{display:flex;align-items:center;justify-content:center;color:#fff9}body:not(.dark-mode) .section-icon{color:#666}.section-title{font-size:14px;font-weight:600;margin:0;flex:1;text-transform:uppercase;letter-spacing:.5px}.entry-count{background:#ffbe4d;color:#040405;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700}.results-list{max-height:280px;overflow-y:auto;margin-bottom:12px}.results-list::-webkit-scrollbar{width:4px}.results-list::-webkit-scrollbar-thumb{background:#ffbe4d;border-radius:2px}.no-results{color:#fff9;font-size:13px;text-align:center;padding:30px 20px;font-style:italic;margin:0}body:not(.dark-mode) .no-results{color:#888}.result-item{display:flex;align-items:center;gap:12px;padding:12px;background:#2a2a2b;border-radius:12px;margin-bottom:8px;animation:slideIn .3s ease}body:not(.dark-mode) .result-item{background:#f0f0f0}.result-item:hover{background:#ffb84c1a}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.result-item .result-number{background:#ffbe4d;color:#040405;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.result-item .result-name{font-size:14px;font-weight:500;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-item .result-time{color:#ffffff80;font-size:11px}body:not(.dark-mode) .result-item .result-time{color:#888}.btn-clear{width:100%;padding:10px;background:transparent;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;border-radius:12px;cursor:pointer;font-size:13px;font-weight:500;transition:all .3s ease}body:not(.dark-mode) .btn-clear{border-color:#0000001a;color:#666}.btn-clear:hover{background:#ffb84c1a;border-color:#ffbe4d;color:#ffbe4d}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-item{text-align:center;padding:16px 12px;background:#2a2a2b;border-radius:12px;transition:all .3s ease}body:not(.dark-mode) .stat-item{background:#f0f0f0}.stat-item:hover{background:#ffb84c1a}.stat-value{display:block;font-size:28px;font-weight:700;color:#ffbe4d;margin-bottom:4px}.stat-label{color:#ffffff80;font-size:10px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}body:not(.dark-mode) .stat-label{color:#888}.entries-section textarea{width:100%;height:180px;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:14px;resize:vertical;font-family:inherit;transition:all .3s ease;background:#2a2a2b;color:#fff;line-height:1.6;box-sizing:border-box}body:not(.dark-mode) .entries-section textarea{background:#f0f0f0;color:#333;border-color:#0000001a}.entries-section textarea::-webkit-scrollbar{width:8px}.entries-section textarea::-webkit-scrollbar-track{background:#2a2a2b;border-radius:4px}.entries-section textarea::-webkit-scrollbar-thumb{background:#ffbe4d;border-radius:4px}.entries-section textarea:focus{outline:none;border-color:#ffbe4d;box-shadow:0 0 0 3px #ffb84c26}.add-image-zone{margin-top:12px}.add-image-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;background:#ffbe4d1a;border:1px dashed rgba(255,190,77,.4);border-radius:8px;color:#ffbe4d;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.add-image-btn:hover{background:#ffbe4d26;border-color:#ffbe4d;border-style:solid}.add-image-btn svg{color:#ffbe4d}.add-image-zone.dragover .add-image-btn{background:#ffbe4d33;border-color:#ffbe4d;border-style:solid;transform:scale(1.02)}.image-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:8px;margin-bottom:8px}.image-preview-grid:empty{display:none}.image-preview-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background:#2a2a2b;border:1px solid rgba(255,255,255,.1)}body:not(.dark-mode) .image-preview-item{background:#f0f0f0;border-color:#0000001a}.image-preview-item img{width:100%;height:100%;object-fit:cover}.image-preview-item .remove-btn{position:absolute;top:2px;right:2px;width:18px;height:18px;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.image-preview-item:hover .remove-btn{opacity:1}.image-preview-item .remove-btn:hover{background:#ef4444}.image-preview-item .remove-btn svg{width:12px;height:12px}body:not(.dark-mode) .add-image-btn{background:#ffbe4d14;border-color:#ffbe4d4d}body:not(.dark-mode) .add-image-btn:hover{background:#ffbe4d1f}.settings-layout{display:flex;flex-direction:column;gap:12px}.duration-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.duration-display{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#2a2a2b;border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,.1);grid-row:span 2}body:not(.dark-mode) .duration-display{background:#f0f0f0;border-color:#0000001a}.duration-number{font-size:48px;font-weight:700;line-height:1}.duration-unit{font-size:16px;color:#ffffff80;font-weight:500;margin-top:4px}body:not(.dark-mode) .duration-unit{color:#888}.duration-controls{display:contents}.duration-btn{display:flex;align-items:center;justify-content:center;background:#2a2a2b;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;cursor:pointer;transition:all .3s ease;padding:16px}body:not(.dark-mode) .duration-btn{background:#f0f0f0;border-color:#0000001a;color:#333}.duration-btn:hover{background:#ffbe4d;border-color:#ffbe4d;color:#040405}.duration-btn:active{transform:scale(.97)}.toggles-row{display:flex;gap:12px}.setting-toggle-item{flex:1;background:#2a2a2b;border-radius:12px;padding:14px;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;transition:all .3s ease}body:not(.dark-mode) .setting-toggle-item{background:#f0f0f0;border-color:#0000001a}.setting-toggle-item:hover{border-color:#ffbe4d;background:#ffbe4d1a}body:not(.dark-mode) .setting-toggle-item:hover{border-color:#ffbe4d;background:#ffbe4d1a}.setting-toggle-item.active{border-color:#ffbe4d;background:#ffbe4d1a}.setting-toggle-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#1a1a1b;border-radius:50%;color:#ffffff80;transition:all .3s ease}body:not(.dark-mode) .setting-toggle-icon{background:#e0e0e0;color:#888}.setting-toggle-item:hover .setting-toggle-icon,.setting-toggle-item.active .setting-toggle-icon{background:linear-gradient(135deg,#ffbe4d,#ffa726);color:#040405;box-shadow:0 4px 12px #ffbe4d4d}body:not(.dark-mode) .setting-toggle-item:hover .setting-toggle-icon{background:linear-gradient(135deg,#ffbe4d,#ffa726);color:#040405;box-shadow:0 4px 12px #ffbe4d4d}.setting-toggle-label{font-size:11px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.3px}body:not(.dark-mode) .setting-toggle-label{color:#888}.setting-toggle-item:hover .setting-toggle-label,.setting-toggle-item.active .setting-toggle-label{color:#ffbe4d}body:not(.dark-mode) .setting-toggle-item:hover .setting-toggle-label{color:#ffbe4d}.result-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);align-items:center;justify-content:center;z-index:100001;overflow:auto}.result-modal.show{display:flex}.result-modal .result-content{position:relative;margin:auto;z-index:100003}.result-content{background:#1a1a1b;padding:50px 60px;border-radius:20px;text-align:center;border:1px solid #ffbe4d;box-shadow:0 30px 80px #0006;animation:modalPop .4s cubic-bezier(.175,.885,.32,1.275);max-width:90%}body:not(.dark-mode) .result-content{background:#fff}@keyframes modalPop{0%{transform:scale(.8) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.result-decoration{margin-bottom:16px;animation:bounce .6s ease infinite alternate;color:#ffbe4d}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.result-content h2{font-size:38px;margin:0 0 8px;color:#ffbe4d}.result-subtitle{color:#ffffffb3;font-size:16px;margin:0 0 28px}body:not(.dark-mode) .result-subtitle{color:#666}.btn-primary{padding:14px 36px;background:#ffbe4d;color:#040405;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;letter-spacing:.3px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffb84c59}body.dark-mode .sidebar{border-color:#ffffff4d}body.dark-mode .sidebar:after{color:#ffffff80}body.dark-mode .ad-hor,body.dark-mode .ad-ver{border-color:#4caf5080}body.dark-mode .ad-hor:after,body.dark-mode .ad-ver:after{color:#4caf50b3}body.dark-mode .wheel-container{border-color:#4caf5099}body.dark-mode .wheel-container:after{color:#4caf50cc}@media (max-width: 1400px){.wheel-wrapper{width:380px;height:380px}}@media (max-width: 1200px){.wheel-wrapper{width:340px;height:340px}.spin-button{width:80px;height:80px}}@media (max-width: 992px){.wheel-center{padding:15px}.wheel-title{margin-bottom:20px}.wheel-title h1{font-size:24px}}@media (max-width: 768px){.wheel-wrapper{width:300px;height:300px}.wheel-title h1{font-size:22px}.spin-button{width:75px;height:75px}.wheel-actions{margin-top:24px}.control-btn{width:44px;height:44px}}@media (max-width: 576px){.wheel-wrapper{width:280px;height:280px}.wheel-title h1{font-size:20px}.spin-button{width:70px;height:70px;font-size:11px}.wheel-actions{flex-wrap:wrap;gap:10px}.result-content{padding:36px 28px}.result-content h2{font-size:28px}}@media (max-width: 400px){.wheel-wrapper{width:250px;height:250px}.spin-button{width:65px;height:65px}.control-btn{width:40px;height:40px}}
:root{--brand-primary: #ffbe4d;--brand-secondary: #505152;--brand-accent: #1c1c1d;--brand-dark: #040405;--sidebar-width: 300px;--menu-offset: 20px;--bg-main: #f5f5f5;--bg-sidebar: #ffffff;--bg-card: #ffffff;--bg-input: #f0f0f0;--text-primary: #040405;--text-secondary: #1c1c1d;--text-muted: #505152;--border-color: rgba(4,4,5,.1);--shadow-color: rgba(4,4,5,.08);--radius-sm: 18px;--radius-md: 20px;--radius-lg: 22px}body.dark-mode{--bg-main: #0a0a0b;--bg-sidebar: #1c1c1d;--bg-card: #1c1c1d;--bg-input: #141421;--text-primary: #f5f5f5;--text-secondary: rgba(255,255,255,.8);--text-muted: rgba(255,255,255,.5);--border-color: rgba(255,255,255,.05);--shadow-color: rgba(0,0,0,.4)}.wod-app{display:grid;grid-template-columns:300px 1fr 300px;min-height:100vh;background:var(--bg-main);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-primary);position:relative;transition:background .3s ease,color .3s ease}.wheel-controls-container{position:absolute;top:0;right:0;z-index:1000;pointer-events:none;display:none}@media (max-width: 1024px){.wheel-controls-container{display:block}}.wod-app.yes-no-app{grid-template-columns:300px 1fr 300px;min-height:auto}.wod-app h1,.wod-app h2,.wod-app h3,.wod-app h4{font-family:Rubik,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.theme-toggle{position:absolute;top:68px;right:calc(var(--sidebar-width) + var(--menu-offset));width:40px;height:40px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;z-index:1000;display:flex;align-items:center;justify-content:center;transition:background .3s ease,color .3s ease,transform .3s ease,box-shadow .3s ease;box-shadow:0 2px 8px var(--shadow-color);pointer-events:auto}.theme-toggle:hover{background:var(--brand-primary);color:var(--brand-dark);transform:scale(1.1)}.theme-toggle svg{width:20px;height:20px}.sidebar{padding:104px 15px 25px;display:flex;flex-direction:column;gap:20px;overflow-y:auto;max-height:100vh;transition:background .3s ease,border-color .3s ease}.sidebar-right{border-right:none}.sidebar-section{background:var(--bg-card);border-radius:var(--radius-md);padding:20px;border:1px solid var(--border-color);box-shadow:0 2px 8px var(--shadow-color);transition:all .3s ease}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(52,52,52,.15)}body.dark-mode .section-header{border-bottom-color:#ffffff26}.section-header h3{color:var(--text-primary);font-size:15px;font-weight:600;margin:0;flex:1;text-transform:uppercase;letter-spacing:.5px}.section-icon{font-size:18px;opacity:.8}.entry-count{background:var(--brand-primary);color:var(--brand-dark);padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700}.results-list{max-height:280px;overflow-y:auto;margin-bottom:12px}.results-list::-webkit-scrollbar{width:4px}.results-list::-webkit-scrollbar-thumb{background:var(--brand-primary);border-radius:2px}.no-results{color:var(--text-secondary);font-size:13px;text-align:center;padding:30px 20px;font-style:italic}.result-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-input);border-radius:var(--radius-sm);margin-bottom:8px;animation:slideIn .3s ease;transition:background .2s ease}.result-item:hover{background:#ffb84c1a}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.result-item .result-number{background:var(--brand-primary);color:var(--brand-dark);width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.result-item .result-name{color:var(--text-primary);font-size:14px;font-weight:500;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-item .result-time{color:var(--text-muted);font-size:11px}.result-item.result-item-images{flex-wrap:wrap}.result-images{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.result-thumb{width:36px;height:36px;border-radius:var(--radius-sm);object-fit:cover;border:1px solid var(--border-color)}.result-plus{color:var(--text-muted);font-size:12px;font-weight:600}.last-match-images{display:flex;align-items:center;justify-content:center;gap:8px}.last-match-img{width:40px;height:40px;border-radius:var(--radius-sm);object-fit:cover;border:1px solid var(--border-color)}.last-match-plus{color:var(--brand-primary);font-size:16px;font-weight:700}.btn-clear{width:100%;padding:10px;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-weight:500;transition:all .2s}.btn-clear:hover{background:#ffb84c1a;border-color:var(--brand-primary);color:var(--brand-primary)}.stats-grid{display:grid;grid-template-columns:1fr;gap:12px}.stat-item{text-align:center;padding:16px 12px;background:var(--bg-input);border-radius:var(--radius-sm);border:1px solid var(--border-color);transition:all .2s}.stat-item:hover{background:#ffb84c1a}.stat-value{display:block;font-size:28px;font-weight:700;color:var(--brand-primary);margin-bottom:4px}.stat-label{color:var(--text-muted);font-size:10px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.wheel-main{display:flex;flex-direction:column;align-items:center;position:relative;background:var(--bg-main)}.wheel-title{text-align:center;margin-bottom:32px}.wheel-title h1{color:var(--text-primary);font-size:28px;font-weight:700;margin:0 0 8px;letter-spacing:-.5px}.wheel-title p{color:var(--text-secondary);font-size:15px;margin:0}.wheel-wrapper{position:relative;width:420px;height:420px}.canvas-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:transparent!important}#wheelCanvas{display:block;background:transparent!important}.wheel-pointer{position:absolute;top:50%;right:-5px;transform:translateY(-50%);width:0;height:0;border-top:12px solid transparent;border-bottom:12px solid transparent;border-right:28px solid var(--brand-dark);z-index:15;filter:drop-shadow(-2px 0 4px rgba(0,0,0,.2))}.wheel-pointer:after{content:"";position:absolute;top:50%;right:-26px;transform:translateY(-50%);width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:22px solid var(--brand-primary)}.spin-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90px;height:90px;background:var(--brand-dark);border-radius:50%;border:none;color:#fff;font-size:14px;font-weight:700;cursor:pointer;z-index:20;box-shadow:0 4px 20px #04040566;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;letter-spacing:2px}.spin-button:hover{transform:translate(-50%,-50%) scale(1.08);box-shadow:0 6px 30px #04040580}.spin-button:active{transform:translate(-50%,-50%) scale(.95)}.spin-button:disabled{cursor:not-allowed;opacity:.7}.spin-text{font-size:13px;letter-spacing:3px}.spin-icon{display:none}.wheel-controls{display:flex;gap:12px;margin-top:32px;justify-content:center}.control-btn{position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:50%;cursor:pointer;font-size:20px;transition:all .2s;box-shadow:0 2px 8px var(--shadow-color)}.control-btn:hover{background:var(--brand-primary);color:var(--brand-dark);border-color:var(--brand-primary);transform:translateY(-3px);box-shadow:0 6px 16px #ffb84c4d}.control-btn:after{content:attr(data-tooltip);position:absolute;bottom:-36px;left:50%;transform:translate(-50%);background:var(--bg-card);color:var(--text-primary);padding:6px 12px;border-radius:var(--radius-sm);font-size:11px;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s;pointer-events:none;border:1px solid var(--border-color);box-shadow:0 2px 8px var(--shadow-color)}.control-btn:hover:after{opacity:1;visibility:visible;bottom:-40px}.entries-section textarea{width:100%;height:180px;padding:14px;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:14px;resize:vertical;font-family:inherit;transition:all .2s;background:var(--bg-input);color:var(--text-primary);line-height:1.6;scrollbar-width:thin;scrollbar-color:var(--brand-primary) var(--bg-input)}.entries-section textarea::-webkit-scrollbar{width:8px}.entries-section textarea::-webkit-scrollbar-track{background:var(--bg-input);border-radius:4px}.entries-section textarea::-webkit-scrollbar-thumb{background:var(--brand-primary);border-radius:4px}.entries-section textarea::-webkit-scrollbar-thumb:hover{background:#e5a544}.entries-section textarea:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px #ffb84c26}.btn-primary{width:100%;padding:14px 20px;background:var(--brand-primary);color:var(--brand-dark);border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:12px;letter-spacing:.3px}.range-wrapper{display:flex;align-items:center;gap:12px}.range-wrapper input[type=range]{flex:1;height:6px;border-radius:3px;background:var(--bg-input);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.range-wrapper input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--brand-primary);cursor:pointer;box-shadow:0 2px 6px #ffb84c66;transition:transform .2s}.range-wrapper input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.range-value{color:var(--brand-primary);font-weight:600;min-width:30px;font-size:14px}.toggle-button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-input);border:1px solid var(--border-color);border-radius:50%;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.toggle-button:hover{border-color:var(--brand-primary);color:var(--text-primary)}.toggle-button.active{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--brand-dark)}.setting-item{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.setting-item:last-child{margin-bottom:0}.setting-item>label:first-child{color:var(--text-secondary);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.3px;flex:1}.settings-compact{display:flex;flex-direction:column;gap:20px}.setting-item{display:flex;flex-direction:column;align-items:stretch;background:var(--bg-input);border-radius:var(--radius-md);padding:16px;border:1px solid var(--border-color);transition:all .2s ease}.setting-item:hover{border-color:#ffbe4d4d;box-shadow:0 4px 12px #ffbe4d1a}.setting-item-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.setting-item-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--brand-primary) 0%,#ffa726 100%);border-radius:8px;color:var(--brand-dark)}.setting-item-icon svg{width:16px;height:16px}.setting-item-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.settings-layout{display:flex;flex-direction:column;gap:12px}.duration-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.duration-display{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-input);border-radius:var(--radius-md);padding:20px;border:1px solid var(--border-color);grid-row:span 2}.duration-number{font-size:48px;font-weight:700;color:var(--text-primary);line-height:1}.duration-unit{font-size:16px;color:var(--text-muted);font-weight:500;margin-top:4px}.duration-controls{display:contents}.duration-btn{display:flex;align-items:center;justify-content:center;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all .2s ease;padding:16px}.duration-btn:hover{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--brand-dark)}.duration-btn:active{transform:scale(.97)}.winning-label-group{margin-bottom:4px}.winning-label-group .setting-label{display:block;font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.winning-label-group .setting-input{width:100%;padding:10px 12px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:13px;transition:all .2s ease}.winning-label-group .setting-input:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 2px #ffbe4d26}.winning-label-group .setting-input::placeholder{color:var(--text-muted)}.toggles-row,.setting-toggles-row{display:flex;gap:12px}.setting-toggle-item{flex:1;background:var(--bg-input);border-radius:var(--radius-md);padding:14px;border:1px solid var(--border-color);display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;transition:all .2s ease}.setting-toggle-item:hover{border-color:#ffbe4d4d;background:var(--bg-main)}.setting-toggle-item.active{border-color:var(--brand-primary);background:#ffbe4d1a}.setting-toggle-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--bg-main);border-radius:50%;color:var(--text-muted);transition:all .2s}.setting-toggle-item:hover .setting-toggle-icon{color:var(--text-primary)}.setting-toggle-item.active .setting-toggle-icon{background:linear-gradient(135deg,var(--brand-primary) 0%,#ffa726 100%);color:var(--brand-dark);box-shadow:0 4px 12px #ffbe4d4d}.setting-toggle-icon svg{width:20px;height:20px}.setting-toggle-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;transition:color .2s}.setting-toggle-item:hover .setting-toggle-label{color:var(--text-secondary)}.setting-toggle-item.active .setting-toggle-label{color:var(--brand-primary)}.dark-mode .setting-toggle-item.active{background:#ffbe4d14}.result-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);align-items:center;justify-content:center;z-index:100001;overflow:auto}.result-modal.show{display:flex}.result-modal .result-content{position:relative;margin:auto;z-index:100003;background:#1a1a1b;padding:50px 60px;border-radius:20px;text-align:center;border:1px solid #ffbe4d;box-shadow:0 30px 80px #0006;animation:modalPop .4s cubic-bezier(.175,.885,.32,1.275);max-width:90%}body:not(.dark-mode) .result-modal .result-content{background:#fff}.result-content{background:#1a1a1b;padding:50px 60px;border-radius:20px;text-align:center;border:1px solid #ffbe4d;box-shadow:0 30px 80px #0006;animation:modalPop .4s cubic-bezier(.175,.885,.32,1.275);max-width:90%}body:not(.dark-mode) .result-content{background:#fff}@keyframes modalPop{0%{transform:scale(.8) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.result-decoration{margin-bottom:16px;animation:bounce .6s ease infinite alternate;color:#ffbe4d}.result-decoration svg{width:56px;height:56px}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.result-content h2{font-size:38px;margin:0 0 8px;color:#ffbe4d}.result-subtitle{color:#ffffffb3;font-size:16px;margin:0 0 28px}body:not(.dark-mode) .result-subtitle{color:#666}.result-content .btn-primary{width:auto;padding:14px 36px;margin:0;background:#ffbe4d;color:#040405;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;letter-spacing:.3px}.result-content .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffb84c59}.panel-toggles,.mobile-toggles{display:none;position:absolute;top:164px;right:20px;flex-direction:column;align-items:center;gap:8px;z-index:100;pointer-events:auto}.panel-toggle,.mobile-toggle{width:40px;height:40px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;box-shadow:0 2px 8px var(--shadow-color);transition:background .3s ease,color .3s ease,transform .3s ease;display:flex;align-items:center;justify-content:center;pointer-events:auto}.panel-toggle:hover,.mobile-toggle:hover{background:var(--brand-primary);color:var(--brand-dark);transform:scale(1.05)}.panel-toggle svg,.mobile-toggle svg{width:20px;height:20px}.wheel{display:flex;justify-content:space-evenly;width:100%}.wheel-left,.wheel-right{padding:0 70px}.ad-placeholder-top,.ad-placeholder-bottom{width:100%;height:120px;background:#ff0;margin-bottom:20px}.ad-placeholder-bottom{margin-top:20px}@media (max-width: 1200px){:root{--sidebar-width: 260px}.wod-app,.wod-app.yes-no-app{grid-template-columns:260px 1fr 260px}.wheel-wrapper{width:380px;height:380px}}@media (max-width: 1200px){.wod-app,.wod-app.yes-no-app,.wod-app.image-wheel-app,.wod-app.match-up-app{grid-template-columns:1fr!important;grid-template-rows:auto}.sidebar{display:none;position:fixed;top:0;bottom:0;width:300px;z-index:500;max-height:100vh;box-shadow:0 0 30px #0003}.sidebar-left,.sidebar-right{left:0;transform:translate(-100%);transition:transform .3s ease;width:100%;padding-top:100px;padding-right:100px}.sidebar-left.open,.sidebar-right.open{transform:translate(0);display:flex}.panel-toggles,.mobile-toggles{display:flex}.wheel-wrapper{width:340px;height:340px}.spin-button{width:80px;height:80px}.wheel-main{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:0 20px 40px}.wheel-controls-container{position:static;pointer-events:none}.hamburger-menu{position:fixed!important;top:20px!important;right:20px!important;left:auto!important;bottom:auto!important;z-index:9990!important}.tools-menu-wrapper{position:fixed!important;top:70px!important;right:20px!important;left:auto!important;bottom:auto!important;z-index:9999!important}.theme-toggle{position:fixed!important;top:120px!important;right:20px!important;left:auto!important;bottom:auto!important;z-index:9980!important}.panel-toggles,.mobile-toggles{position:fixed!important;top:170px!important;right:20px!important;left:auto!important;bottom:auto!important;transform:none!important;flex-direction:column;gap:10px;z-index:9970!important}.wod-app.shared-wheel-view .panel-toggles,.wod-app.shared-wheel-view .mobile-toggles{display:none!important}}@media (max-width: 480px){.wheel-wrapper{width:280px;height:280px}.wheel-title h1{font-size:22px}.spin-button{width:70px;height:70px;font-size:11px}.wheel-controls{flex-wrap:wrap;justify-content:center}.control-btn{width:44px;height:44px;font-size:18px}.result-content{padding:36px 28px}.result-content h2{font-size:28px}.result-decoration{font-size:44px}}.sidebar-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;z-index:400}.sidebar-overlay.show{display:block}.wod-app.fullscreen-mode{display:block;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;background:var(--bg-main)}.wod-app.fullscreen-mode .sidebar,.wod-app.fullscreen-mode .theme-toggle,.wod-app.fullscreen-mode .hamburger-menu,.wod-app.fullscreen-mode .tools-menu-wrapper{display:none!important}.wod-app.fullscreen-mode .panel-toggles,.wod-app.fullscreen-mode .mobile-toggles{display:flex;position:fixed;top:20px;right:20px;z-index:10000}.wod-app.fullscreen-mode.shared-wheel-view .panel-toggles,.wod-app.fullscreen-mode.shared-wheel-view .mobile-toggles{display:none!important}.wod-app.fullscreen-mode .wheel-main{width:100%;height:100%;padding:40px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center}.wod-app.fullscreen-mode .wheel-wrapper{width:min(80vw,70vh);height:min(80vw,70vh);max-width:800px;max-height:800px}.wod-app.fullscreen-mode .wheel-title h1{font-size:36px}.wod-app.fullscreen-mode .wheel-title p{font-size:18px}.wod-app.fullscreen-mode .wheel-controls{margin-top:40px}.wod-app.fullscreen-mode .control-btn{width:56px;height:56px}.wod-app.fullscreen-mode .control-btn svg{width:24px;height:24px}.fullscreen-exit{display:none!important}@media (max-height: 700px){.wod-app.fullscreen-mode .wheel-wrapper{width:min(85vw,65vh);height:min(85vw,65vh)}.wod-app.fullscreen-mode .wheel-title h1{font-size:28px}.wod-app.fullscreen-mode .wheel-title{margin-bottom:20px}.wod-app.fullscreen-mode .wheel-controls{margin-top:24px}}@media (max-width: 768px){.wod-app.fullscreen-mode .wheel-wrapper{width:min(90vw,70vh);height:min(90vw,70vh)}}@media (max-width: 576px){.wod-app.fullscreen-mode .wheel-main{padding:20px 15px}.wod-app.fullscreen-mode .wheel-wrapper{width:min(95vw,65vh);height:min(95vw,65vh)}}@media (max-height: 500px) and (orientation: landscape){.wod-app.fullscreen-mode .wheel-wrapper{width:min(70vw,75vh);height:min(70vw,75vh)}.wod-app.fullscreen-mode .wheel-controls{margin-top:15px}}.hamburger-menu{position:absolute;top:20px;right:calc(var(--sidebar-width) + var(--menu-offset));left:auto;width:40px;height:40px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;z-index:1001;display:flex;align-items:center;justify-content:center;transition:background .3s ease,color .3s ease,transform .3s ease,box-shadow .3s ease;box-shadow:0 2px 8px var(--shadow-color);pointer-events:auto}.hamburger-menu:hover{background:var(--brand-primary);color:var(--brand-dark);transform:scale(1.1)}.hamburger-menu svg{width:20px;height:20px}.nav-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--brand-dark);z-index:10002;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.nav-overlay.show{opacity:1;visibility:visible}.nav-close{position:absolute;top:30px;right:30px;width:56px;height:56px;border-radius:50%;background:transparent;border:2px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.nav-close:hover{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--brand-dark);transform:rotate(90deg)}.nav-menu{display:flex;flex-direction:column;align-items:left;gap:16px}.nav-link{font-family:Rubik,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:23px;font-weight:600;color:#fff;text-decoration:none;position:relative;padding:6px 12px;transition:all .3s ease;opacity:0;transform:translateY(30px)}.nav-overlay.show .nav-link{opacity:1;transform:translateY(0)}.nav-overlay.show .nav-link:nth-child(1){transition-delay:.1s}.nav-overlay.show .nav-link:nth-child(2){transition-delay:.15s}.nav-overlay.show .nav-link:nth-child(3){transition-delay:.2s}.nav-overlay.show .nav-link:nth-child(4){transition-delay:.25s}.nav-overlay.show .nav-link:nth-child(5){transition-delay:.3s}.nav-overlay.show .nav-link:nth-child(6){transition-delay:.35s}.nav-link:after{content:"";position:absolute;bottom:5px;left:20px;right:20px;height:4px;background:var(--brand-primary);transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.nav-link:hover{color:var(--brand-primary)}.nav-link:hover:after{transform:scaleX(1);transform-origin:left}.nav-legal-links{display:flex;gap:24px;margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);opacity:0;transform:translateY(30px);transition:all .4s ease}.nav-overlay.show .nav-legal-links{opacity:1;transform:translateY(0);transition-delay:.4s}.nav-link.nav-link-small{font-size:16px;font-weight:500;color:#fff9;padding:4px 8px;opacity:1;transform:none}.nav-link.nav-link-small:hover{color:var(--brand-primary)}.nav-link.nav-link-small:after{height:2px;bottom:2px;left:8px;right:8px}@media (max-width: 768px){.nav-link{font-size:18px}.nav-close{top:20px;right:20px;width:48px;height:48px}.nav-legal-links{flex-direction:column;gap:12px;align-items:center}.nav-link.nav-link-small{font-size:13px}}.tools-menu-wrapper{position:absolute;top:116px;right:calc(var(--sidebar-width) + var(--menu-offset));z-index:1000;pointer-events:auto}.tools-toggle{width:40px;height:40px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 8px var(--shadow-color)}.tools-toggle:hover,.tools-toggle.active{background:var(--brand-primary);color:var(--brand-dark);transform:scale(1.1)}.tools-toggle svg{width:20px;height:20px}.tools-dropdown{position:absolute;top:0;right:calc(100% + 10px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 8px 24px var(--shadow-color);min-width:180px;opacity:0;visibility:hidden;transform:translate(10px);transition:all .2s ease;z-index:10000}.tools-dropdown.show{opacity:1;visibility:visible;transform:translate(0);z-index:10000}.tools-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--text-primary);text-decoration:none;font-size:14px;font-weight:500;transition:all .2s ease}.tools-item:first-child{border-radius:var(--radius-md) var(--radius-md) 0 0}.tools-item:last-child{border-radius:0 0 var(--radius-md) var(--radius-md)}.tools-item:hover{background:var(--brand-primary);color:var(--brand-dark)}.tools-item svg{flex-shrink:0}.match-up-main{justify-content:flex-start;padding-top:60px}.match-up-container{display:flex;align-items:center;justify-content:center;gap:30px;margin:40px 0;position:relative}.match-up-slot{width:280px;background:var(--bg-card);border-radius:var(--radius-lg);border:2px solid var(--border-color);overflow:hidden;transition:all .3s ease;box-shadow:0 4px 20px var(--shadow-color)}.match-up-slot:hover{border-color:#ffbe4d4d}.match-up-slot.spinning{border-color:var(--brand-primary);box-shadow:0 0 30px #ffbe4d4d}.match-up-slot.winner{border-color:var(--brand-primary);animation:slotWin .5s ease}@keyframes slotWin{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.slot-header{background:linear-gradient(135deg,#4a5568,#2d3748);color:#81e6d9;text-align:center;padding:12px 20px;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.dark-mode .slot-header{background:linear-gradient(135deg,#3d4a5c,#1a202c)}.slot-display{height:200px;background:var(--bg-input);overflow:hidden;position:relative}.slot-display:before,.slot-display:after{content:"";position:absolute;left:0;right:0;height:50px;z-index:2;pointer-events:none}.slot-display:before{top:0;background:linear-gradient(to bottom,var(--bg-input) 0%,transparent 100%)}.slot-display:after{bottom:0;background:linear-gradient(to top,var(--bg-input) 0%,transparent 100%)}.slot-reel{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;will-change:transform;transform:translateY(50px);width:100%}.slot-item{font-size:48px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;justify-content:center;padding:0 20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;height:100px;flex-shrink:0;box-sizing:border-box}.match-up-vs{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:var(--brand-primary);border-radius:50%;color:var(--brand-dark);font-size:18px;font-weight:800;box-shadow:0 4px 15px #ffbe4d66}.match-up-app .spin-button{position:relative;top:auto;left:auto;transform:none;margin-top:40px;width:140px;height:140px;background:var(--brand-primary);color:var(--brand-dark);font-size:18px;font-weight:800;letter-spacing:4px;box-shadow:0 8px 30px #ffbe4d80,0 0 0 4px #ffbe4d33;border:3px solid rgba(255,255,255,.2)}.match-up-app .spin-button:hover{transform:scale(1.1);box-shadow:0 12px 40px #ffbe4d99,0 0 0 6px #ffbe4d4d}.match-up-app .spin-button:active{transform:scale(.95)}.match-up-app .spin-button:disabled{background:var(--bg-input);color:var(--text-muted);box-shadow:none;cursor:not-allowed}.match-up-result .match-result-display{display:flex;align-items:center;justify-content:center;gap:20px;margin:24px 0}.match-up-result .match-item{background:var(--bg-input);padding:16px 24px;border-radius:var(--radius-md);font-size:24px;font-weight:700;color:var(--text-primary);border:2px solid var(--brand-primary)}.match-up-result .match-vs{font-size:28px;font-weight:800;color:var(--brand-primary)}.match-up-app .entries-section textarea{height:120px}.match-up-app .stats-grid{grid-template-columns:1fr;gap:12px}.match-up-app .stat-item{padding:16px}.match-up-app .stat-value{font-size:22px;word-break:break-word;line-height:1.3}.match-up-app .result-item{flex-wrap:wrap;gap:8px}.match-up-app .result-item .result-name{white-space:normal;word-break:break-word;line-height:1.4;flex:1 1 100%;order:2;margin-top:4px}.match-up-app .result-item .result-number{order:1}.match-up-app .result-item .result-time{order:1;margin-left:auto}.match-up-app.fullscreen-mode .match-up-container{transform:scale(1.1)}.match-up-app.fullscreen-mode .match-up-slot{width:320px}.match-up-app.fullscreen-mode .slot-display{height:240px}.match-up-app.fullscreen-mode .slot-item{font-size:56px}@media (max-width: 1200px){.match-up-container{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:12px}.match-up-slot{width:calc(50% - 30px);max-width:200px;min-width:140px}.slot-header{padding:8px 12px;font-size:12px}.slot-display{height:100px}.slot-item{font-size:28px;height:50px;line-height:50px}.match-up-vs{width:40px;height:40px;font-size:14px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10}.match-up-app .spin-button{width:80px;height:80px;font-size:14px}.match-up-app .wheel-main{padding-top:60px}}@media (max-width: 480px){.match-up-slot{width:calc(50% - 25px);max-width:160px;min-width:120px}.slot-header{padding:6px 10px;font-size:11px}.slot-display{height:80px}.slot-item{font-size:22px;height:40px;line-height:40px}.match-up-vs{width:36px;height:36px;font-size:12px}.match-up-app .spin-button{width:70px;height:70px}.match-up-result .match-result-display{flex-direction:column;gap:12px}.match-up-result .match-item{font-size:20px;padding:12px 20px}}.mode-section{padding:12px 16px!important}.mode-toggle-wrapper{display:flex;gap:8px;background:var(--bg-input);border-radius:var(--radius-md);padding:4px}.mode-toggle-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.mode-toggle-btn:hover{color:var(--text-primary);background:#ffbe4d1a}.mode-toggle-btn.active{background:var(--brand-primary);color:var(--brand-dark)}.mode-toggle-btn svg{width:18px;height:18px}.add-image-section{text-align:center;margin-bottom:8px}.hidden-input{display:none!important}.btn-add-image{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;background:var(--bg-input);border:2px dashed var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-add-image:hover{border-color:var(--brand-primary);color:var(--brand-primary);background:#ffbe4d1a}.btn-add-image svg{flex-shrink:0}.add-image-hint{color:var(--text-muted);font-size:11px;margin-top:8px;margin-bottom:0}.image-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.image-preview-item{position:relative;aspect-ratio:1;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-input)}.image-preview-item img{width:100%;height:100%;object-fit:cover}.image-remove-btn{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:#0009;border:none;color:#fff;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.image-preview-item:hover .image-remove-btn{opacity:1}.image-remove-btn:hover{background:var(--error-color,#dc3545)}.slot-item-image{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0}.slot-item-image img{width:100%;height:100%;object-fit:cover;border-radius:0}.slot-reel:has(.slot-item-image){transform:translateY(0);height:100%}.slot-reel:has(.slot-item-image) .slot-item-image{height:100%}.result-image{max-width:120px;max-height:120px;object-fit:contain;border-radius:var(--radius-md)}.match-item .result-image{display:block}@media (max-width: 1200px){.image-preview-grid{grid-template-columns:repeat(4,1fr)}.result-image{max-width:80px;max-height:80px}}@media (max-width: 480px){.mode-toggle-btn{padding:8px 12px;font-size:12px}.mode-toggle-btn span{display:none}.image-preview-grid{grid-template-columns:repeat(3,1fr)}}.team-generator-app{grid-template-columns:300px 1fr 300px}.team-generator-main{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;overflow-y:auto;gap:20px}.team-generator-main .wheel-title{margin-bottom:0}.teams-display-container{width:100%;max-width:900px;min-height:150px;display:flex;align-items:center;justify-content:center;flex:1}.teams-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);text-align:center;padding:60px 20px}.teams-placeholder svg{opacity:.3;margin-bottom:16px}.teams-placeholder p{font-size:16px;margin:0}.teams-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.loading-spinner{width:48px;height:48px;border:4px solid var(--border-color);border-top-color:var(--brand-primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.teams-loading p{color:var(--text-secondary);font-size:14px;margin:0}.teams-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;width:100%}.team-card{background:var(--bg-card);border-radius:var(--radius-lg);border:2px solid var(--team-color,var(--brand-primary));overflow:hidden;box-shadow:0 4px 12px var(--shadow-color);opacity:0;transform:translateY(20px)}.team-card-animate{animation:teamCardIn .4s ease forwards}@keyframes teamCardIn{to{opacity:1;transform:translateY(0)}}.team-header{background:var(--team-color,var(--brand-primary));color:var(--brand-dark);padding:12px 16px;display:flex;justify-content:space-between;align-items:center}.team-number{font-weight:700;font-size:16px}.team-count{font-size:12px;opacity:.8}.team-members{list-style:none;margin:0;padding:12px 16px}.team-member{padding:8px 0;border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:14px}.team-member:last-child{border-bottom:none}.team-count-section{text-align:center}.team-count-control{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:12px}.team-count-btn{width:44px;height:44px;border-radius:50%;background:var(--bg-input);border:2px solid var(--border-color);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.team-count-btn:hover{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--brand-dark)}.team-count-value{font-size:36px;font-weight:700;color:var(--brand-primary);min-width:60px;text-align:center}.team-count-hint{color:var(--text-muted);font-size:11px;margin-top:8px;margin-bottom:0}.generate-button-container{display:flex;flex-direction:column;align-items:center;gap:16px}.generate-button{width:100px;height:100px;border-radius:50%;background:var(--brand-primary);color:var(--brand-dark);border:none;font-size:13px;font-weight:800;letter-spacing:2px;cursor:pointer;box-shadow:0 4px 15px #ffbe4d4d;transition:box-shadow .3s ease,filter .3s ease;display:flex;align-items:center;justify-content:center}.generate-button:hover{box-shadow:0 6px 20px #ffbe4d80;filter:brightness(1.1)}.generate-button:active{filter:brightness(.95)}.generate-button:disabled{opacity:.6;cursor:not-allowed}.generate-button-container .wheel-controls{position:relative;margin-top:0}@media (max-width: 1200px){.team-generator-app{grid-template-columns:1fr}.teams-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width: 768px){.teams-display-container{min-height:200px}.teams-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.team-header{padding:10px 12px}.team-number{font-size:14px}.team-members{padding:8px 12px}.team-member{padding:6px 0;font-size:13px}.team-count-value{font-size:28px}.team-count-btn{width:38px;height:38px}.generate-button{width:90px;height:90px;font-size:12px}}@media (max-width: 480px){.teams-grid{grid-template-columns:1fr 1fr}.generate-button{width:80px;height:80px;font-size:11px;letter-spacing:1px}}.emoji-display-container{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:20px;min-height:400px}.emoji-display{width:280px;height:280px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border-radius:50%;box-shadow:0 10px 40px var(--shadow-color),inset 0 2px 10px #ffffff1a;margin-bottom:24px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;position:relative;border:5px solid var(--border-color)}.emoji-display.clickable{cursor:pointer}.emoji-display.clickable:hover{transform:scale(1.05);border-color:var(--brand-primary);box-shadow:0 15px 50px var(--shadow-color),0 0 0 8px #ffbe4d33,inset 0 2px 10px #ffffff1a}.emoji-display.clickable:active{transform:scale(.95)}.emoji-display:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;border:2px dashed var(--brand-primary);opacity:.3;animation:emoji-border-rotate 20s linear infinite}@keyframes emoji-border-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.emoji-display.spinning{animation:emoji-pulse .1s ease-in-out infinite}.emoji-display.spinning:before{animation:emoji-border-rotate 1s linear infinite}@keyframes emoji-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.emoji-display.result-shown{animation:emoji-pop .4s ease-out}@keyframes emoji-pop{0%{transform:scale(.8)}50%{transform:scale(1.1)}to{transform:scale(1)}}.emoji-face{font-size:140px;line-height:1;transition:transform .3s ease}.emoji-display:hover .emoji-face{transform:scale(1.1)}.emoji-name{font-size:18px;font-weight:600;color:var(--text-primary);text-align:center;margin-bottom:16px;min-height:24px}#copyEmojiBtn.copied{background:#22c55e;border-color:#22c55e;color:#fff}.category-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.category-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;background:var(--bg-input);border:2px solid transparent;border-radius:var(--radius-md);color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.category-btn:hover{background:var(--bg-card);border-color:var(--border-color);transform:translateY(-2px)}.category-btn.active{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--brand-dark)}.category-emoji{font-size:24px;line-height:1}.emoji-history{display:flex;flex-direction:column;gap:4px}.emoji-history-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--bg-input);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.emoji-history-item:hover{background:var(--brand-primary);color:var(--brand-dark)}.emoji-history-item.copied{background:#22c55e;color:#fff}.history-name{font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.emoji-stat{font-size:28px!important;line-height:1}.emoji-generator-main{display:flex;flex-direction:column;align-items:center;padding:20px 20px 40px}.emoji-generator-main .wheel-title{margin-bottom:20px}.emoji-display-container .wheel-controls{margin-top:10px}@media (max-width: 1024px){.emoji-generator-app{grid-template-columns:1fr}.emoji-generator-app .sidebar-left,.emoji-generator-app .sidebar-right{display:none}.emoji-generator-app.sidebar-left-open .sidebar-left,.emoji-generator-app.sidebar-right-open .sidebar-right{display:block;position:fixed;top:0;bottom:0;width:300px;z-index:1000;overflow-y:auto}.emoji-generator-app.sidebar-left-open .sidebar-left{left:0}.emoji-generator-app.sidebar-right-open .sidebar-right{right:0}.emoji-display{width:220px;height:220px}.emoji-face{font-size:110px}.emoji-generator-main{padding-bottom:40px}}@media (max-width: 768px){.emoji-display{width:200px;height:200px}.emoji-face{font-size:100px}.emoji-name{font-size:16px}.category-buttons{grid-template-columns:repeat(3,1fr)}.category-btn{padding:10px 6px;font-size:11px}.category-emoji{font-size:20px}}@media (max-width: 480px){.emoji-display{width:160px;height:160px}.emoji-face{font-size:80px}.emoji-name{font-size:14px}.copy-emoji-btn{padding:10px 18px;font-size:13px}.category-buttons{grid-template-columns:repeat(2,1fr)}}.share-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#040405d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:flex-start;justify-content:center;z-index:10000;opacity:0;visibility:hidden;transition:all .3s ease;overflow-y:auto;padding:20px 0;scrollbar-width:none;-ms-overflow-style:none;height:100vh}.share-modal::-webkit-scrollbar{display:none}.share-modal.show{opacity:1;visibility:visible}.share-modal-content{background:#0e0e19;border:1px solid var(--border-color,rgba(255,255,255,.1));border-radius:16px;padding:32px;max-width:420px;width:90%;position:relative;transform:scale(.9) translateY(20px);transition:transform .3s ease;margin:auto;max-height:calc(100vh - 40px);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.share-modal-content::-webkit-scrollbar{display:none}.share-modal.show .share-modal-content{transform:scale(1) translateY(0)}.share-scroll-indicator{display:none;position:absolute;bottom:12px;left:50%;transform:translate(-50%);background:#ffbe4d26;border:1px solid rgba(255,190,77,.3);border-radius:20px;padding:6px 12px;color:var(--brand-primary,#ffbe4d);font-size:12px;font-weight:500;gap:6px;align-items:center;animation:scrollBounce 1.5s ease-in-out infinite;pointer-events:none;z-index:10}.share-scroll-indicator svg{width:14px;height:14px}@keyframes scrollBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(4px)}}.share-modal-content.has-overflow .share-scroll-indicator{display:flex}.share-modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border:none;background:#ffffff0d;border-radius:8px;color:var(--text-muted,rgba(255,255,255,.5));cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.share-modal-close:hover{background:#ffffff1a;color:var(--text-primary,#fff)}.share-content{text-align:center}.share-icon{width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg,#ffbe4d33,#ffbe4d0d);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--brand-primary,#ffbe4d)}.share-icon.login-required{background:linear-gradient(135deg,#ffffff1a,#ffffff05);color:var(--text-muted,rgba(255,255,255,.5))}.share-content h3{font-family:Rubik,sans-serif;font-size:22px;font-weight:600;color:var(--text-primary,#fff);margin:0 0 12px}.share-content p{font-size:14px;color:var(--text-muted,rgba(255,255,255,.5));line-height:1.6;margin:0 0 24px}.share-link-container{margin-bottom:20px}.share-link-input-wrapper{display:flex;gap:8px;margin-bottom:8px}.share-link-input{flex:1;padding:12px 16px;background:var(--bg-input,#505152);border:1px solid var(--border-color,rgba(255,255,255,.1));border-radius:8px;color:var(--text-primary,#fff);font-size:13px;font-family:monospace}.share-link-input:focus{outline:none;border-color:var(--brand-primary,#ffbe4d)}.copy-link-btn{display:flex;align-items:center;gap:6px;padding:12px 16px;background:var(--brand-primary,#ffbe4d);border:none;border-radius:8px;color:#040405;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.copy-link-btn:hover{background:#ffc966;transform:translateY(-1px)}.copy-link-btn.copied{background:#31a354;color:#fff}.share-link-hint{font-size:12px;color:var(--text-muted,rgba(255,255,255,.4));margin:0}.btn-share-generate{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:var(--brand-primary,#ffbe4d);border:none;border-radius:10px;color:#040405;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-share-generate:hover{background:#ffc966;transform:translateY(-2px);box-shadow:0 8px 24px #ffbe4d4d}.btn-share-generate:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-share-generate.loading{pointer-events:none}.btn-share-generate.loading svg,.btn-share-generate.loading span{opacity:0}.btn-share-generate.loading:after{content:"";position:absolute;width:20px;height:20px;border:2px solid #040405;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.share-login-buttons{display:flex;flex-direction:column;gap:12px}.btn-share-login,.btn-share-register{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;border-radius:10px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s ease}.btn-share-login{background:var(--brand-primary,#ffbe4d);color:#040405}.btn-share-login:hover{background:#ffc966;transform:translateY(-2px);box-shadow:0 8px 24px #ffbe4d4d}.btn-share-register{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-primary,#fff)}.btn-share-register:hover{background:#ffffff1a;border-color:#fff3}body:not(.dark-mode) .share-modal-content,.wod-app.light-mode .share-modal-content{background:#fff;border-color:#0000001a}body:not(.dark-mode) .share-modal-close,.wod-app.light-mode .share-modal-close{background:#0000000d;color:#505152}body:not(.dark-mode) .share-modal-close:hover,.wod-app.light-mode .share-modal-close:hover{background:#0000001a;color:#040405}body:not(.dark-mode) .share-icon.login-required,.wod-app.light-mode .share-icon.login-required{background:linear-gradient(135deg,#0000000d,#00000005);color:#505152}body:not(.dark-mode) .share-content h3,.wod-app.light-mode .share-content h3{color:#040405}body:not(.dark-mode) .share-content p,body:not(.dark-mode) .share-link-hint,.wod-app.light-mode .share-content p,.wod-app.light-mode .share-link-hint{color:#505152}body:not(.dark-mode) .share-link-input,.wod-app.light-mode .share-link-input{background:#f0f0f0;border-color:#0000001a;color:#040405}body:not(.dark-mode) .btn-share-register,.wod-app.light-mode .btn-share-register{background:#0000000d;border-color:#0000001a;color:#040405}body:not(.dark-mode) .btn-share-register:hover,.wod-app.light-mode .btn-share-register:hover{background:#0000001a}body:not(.dark-mode) .share-scroll-indicator,.wod-app.light-mode .share-scroll-indicator{background:#ffbe4d33;border-color:#ffbe4d66;color:#b8860b}.share-options-form{text-align:left;margin-bottom:20px}.share-form-group{margin-bottom:16px}.share-form-group label{display:block;font-size:13px;font-weight:600;color:var(--text-primary,#fff);margin-bottom:8px}.share-form-input{width:100%;padding:12px 14px;background:var(--bg-input,#505152);border:1px solid var(--border-color,rgba(255,255,255,.1));border-radius:8px;color:var(--text-primary,#fff);font-size:14px;font-family:inherit;transition:all .2s ease}.share-form-input:focus{outline:none;border-color:var(--brand-primary,#ffbe4d);box-shadow:0 0 0 3px #ffbe4d1a}.share-form-input::placeholder{color:var(--text-muted,rgba(255,255,255,.4))}.share-access-options{display:flex;flex-direction:row;gap:10px}.share-radio-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 12px;flex:1;background:var(--bg-input,#505152);border:1px solid var(--border-color,rgba(255,255,255,.1));border-radius:10px;cursor:pointer;transition:all .2s ease;text-align:center}.share-radio-option:hover{border-color:#fff3;background:#ffffff0d}.share-radio-option.active{border-color:var(--brand-primary,#ffbe4d);background:#ffbe4d1a}.share-radio-option input[type=radio]{display:none}.share-radio-option .radio-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ffffff0d;border-radius:8px;color:var(--text-muted,rgba(255,255,255,.5));transition:all .2s ease}.share-radio-option.active .radio-icon{background:var(--brand-primary,#ffbe4d);color:#040405}.share-radio-option .radio-text{display:flex;flex-direction:column;align-items:center;gap:2px}.share-radio-option .radio-text strong{font-size:13px;font-weight:600;color:var(--text-primary,#fff)}.share-radio-option .radio-text small{font-size:11px;color:var(--text-muted,rgba(255,255,255,.5))}.share-spin-limit-wrapper{display:flex;align-items:center;gap:12px}.share-spin-limit-wrapper .share-form-input{width:100px;text-align:center}.spin-limit-hint{font-size:12px;color:var(--text-muted,rgba(255,255,255,.5))}body:not(.dark-mode) .share-form-group label,.wod-app.light-mode .share-form-group label{color:#040405}body:not(.dark-mode) .share-form-input,.wod-app.light-mode .share-form-input{background:#f0f0f0;border-color:#0000001a;color:#040405}body:not(.dark-mode) .share-form-input::placeholder,.wod-app.light-mode .share-form-input::placeholder{color:#757575}body:not(.dark-mode) .share-radio-option,.wod-app.light-mode .share-radio-option{background:#f0f0f0;border-color:#0000001a}body:not(.dark-mode) .share-radio-option:hover,.wod-app.light-mode .share-radio-option:hover{border-color:#0003;background:#0000000d}body:not(.dark-mode) .share-radio-option.active,.wod-app.light-mode .share-radio-option.active{border-color:var(--brand-primary,#ffbe4d);background:#ffbe4d26}body:not(.dark-mode) .share-radio-option .radio-icon,.wod-app.light-mode .share-radio-option .radio-icon{background:#0000000d;color:#757575}body:not(.dark-mode) .share-radio-option .radio-text strong,.wod-app.light-mode .share-radio-option .radio-text strong{color:#040405}body:not(.dark-mode) .share-radio-option .radio-text small,.wod-app.light-mode .share-radio-option .radio-text small{color:#757575}body:not(.dark-mode) .spin-limit-hint,.wod-app.light-mode .spin-limit-hint{color:#757575}@media (max-width: 480px){.share-modal-content{padding:24px;margin:16px}.share-icon{width:64px;height:64px}.share-icon svg{width:36px;height:36px}.share-content h3{font-size:20px}.share-link-input-wrapper{flex-direction:column}.copy-link-btn{justify-content:center}.share-spin-limit-wrapper{flex-direction:column;align-items:flex-start}.share-spin-limit-wrapper .share-form-input{width:100%}}.spin-limit-banner{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;margin-bottom:16px}.spin-limit-banner.has-spins{background:#ffbe4d26;border:1px solid rgba(255,190,77,.3);color:var(--brand-primary,#ffbe4d)}.spin-limit-banner.no-spins{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ef4444}.spin-limit-banner svg{flex-shrink:0}.wod-app.light-mode .spin-limit-banner.has-spins{background:#ffbe4d33;color:#b8860b}.wod-app.light-mode .spin-limit-banner.no-spins{background:#ef44441a;color:#dc2626}.shared-wheel-spin-count{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;margin-bottom:16px;background:#ffbe4d1a;border:1px solid rgba(255,190,77,.2);color:var(--brand-primary,#ffbe4d)}.shared-wheel-spin-count svg{flex-shrink:0;animation:spin-icon 2s linear infinite}@keyframes spin-icon{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.shared-wheel-spin-count .spin-count-label{opacity:.8}.shared-wheel-spin-count .spin-count-number{font-weight:700;font-size:16px}.wod-app.light-mode .shared-wheel-spin-count{background:#ffbe4d26;border:1px solid rgba(255,190,77,.3);color:#b8860b}.wheel-login-required-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#040405e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;border-radius:16px;z-index:100}.login-required-content{text-align:center;padding:40px;max-width:320px}.login-required-content svg{color:var(--text-muted,rgba(255,255,255,.5));margin-bottom:16px}.login-required-content h3{font-family:Rubik,sans-serif;font-size:22px;font-weight:600;color:var(--text-primary,#fff);margin:0 0 12px}.login-required-content p{font-size:14px;color:var(--text-muted,rgba(255,255,255,.6));line-height:1.6;margin:0 0 24px}.btn-login-wheel{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 32px;background:var(--brand-primary,#ffbe4d);border:none;border-radius:10px;color:#040405;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s ease}.btn-login-wheel:hover{background:#ffc966;transform:translateY(-2px);box-shadow:0 8px 24px #ffbe4d4d}.spin-button.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.wod-app.light-mode .wheel-login-required-overlay{background:#fffffff2}.wod-app.light-mode .login-required-content svg{color:#757575}.wod-app.light-mode .login-required-content h3{color:#040405}.wod-app.light-mode .login-required-content p{color:#505152}.unique-results-group{margin-top:8px}.share-toggle-option{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-input,#505152);border:1px solid var(--border-color,rgba(255,255,255,.1));border-radius:12px;cursor:pointer;transition:all .2s ease;position:relative}.share-toggle-option:hover{border-color:#ffbe4d80;background:#ffbe4d14}.share-toggle-option input[type=checkbox]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.share-toggle-option.active{background:#ffbe4d1a;border-color:#ffbe4d}.share-toggle-option .radio-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:10px;transition:all .2s ease}.share-toggle-option.active .radio-icon{background:#ffbe4d}.share-toggle-option .radio-icon svg{stroke:#ffbe4d;transition:all .2s ease}.share-toggle-option.active .radio-icon svg{stroke:#040405}.share-toggle-option .radio-text{display:flex;flex-direction:column;gap:2px}.share-toggle-option .radio-text strong{font-size:14px;font-weight:600;color:var(--text-primary,#fff)}.share-toggle-option .radio-text small{font-size:12px;color:var(--text-muted,rgba(255,255,255,.5));line-height:1.4}body:not(.dark-mode) .share-toggle-option,.wod-app.light-mode .share-toggle-option{background:#f5f5f5;border-color:#0000001a}body:not(.dark-mode) .share-toggle-option:hover,.wod-app.light-mode .share-toggle-option:hover{background:#ffbe4d1a;border-color:#ffbe4d80}body:not(.dark-mode) .share-toggle-option.active,.wod-app.light-mode .share-toggle-option.active{background:#ffbe4d26;border-color:#ffbe4d}body:not(.dark-mode) .share-toggle-option .radio-icon,.wod-app.light-mode .share-toggle-option .radio-icon{background:#0000000d}body:not(.dark-mode) .share-toggle-option.active .radio-icon,.wod-app.light-mode .share-toggle-option.active .radio-icon{background:#ffbe4d}body:not(.dark-mode) .share-toggle-option .radio-text strong,.wod-app.light-mode .share-toggle-option .radio-text strong{color:#1a1a1a}body:not(.dark-mode) .share-toggle-option .radio-text small,.wod-app.light-mode .share-toggle-option .radio-text small{color:#0009}.wod-app.result-only-mode{display:block!important}.wod-app.result-only-mode .wheel-main{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;width:100%}.wod-app.result-only-mode .wheel-wrapper{display:flex;justify-content:center;align-items:center;width:100%}.wod-app.shared-wheel-view .panel-toggles,.wod-app.shared-wheel-view .mobile-toggles,.main.shared-wheel-view .panel-toggles,.main.shared-wheel-view .mobile-toggles,.wod-app.shared-wheel-view .entries-section,.main.shared-wheel-view .entries-section,.wod-app.shared-wheel-view #removeWinnerToggle,.main.shared-wheel-view #removeWinnerToggle,.wod-app.shared-wheel-view #shareBtn,.main.shared-wheel-view #shareBtn{display:none!important}.previous-result-view{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 40px;min-height:500px}.previous-result-view .result-icon{width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:#ffbe4d26;border-radius:50%;margin-bottom:24px}.previous-result-view .result-icon svg{stroke:var(--brand-primary,#ffbe4d)}.previous-result-view .result-title{font-family:Rubik,sans-serif;font-size:28px;font-weight:700;color:var(--text-primary,#fff);margin:0 0 8px}.previous-result-view .result-subtitle{font-size:16px;color:var(--text-muted,rgba(255,255,255,.5));margin:0 0 32px}.previous-result-view .result-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px 48px;background:linear-gradient(135deg,#ffbe4d33,#ffbe4d1a);border:2px solid var(--brand-primary,#ffbe4d);border-radius:16px;margin-bottom:16px}.previous-result-view .result-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--brand-primary,#ffbe4d)}.previous-result-view .result-value{font-family:Rubik,sans-serif;font-size:36px;font-weight:700;color:var(--text-primary,#fff);word-break:break-word;max-width:400px}.previous-result-view .result-date{font-size:13px;color:var(--text-muted,rgba(255,255,255,.5));margin:0 0 32px}.btn-back-home{display:inline-flex;align-items:center;gap:8px;padding:14px 24px;background:var(--brand-primary,#ffbe4d);color:#040405;font-size:14px;font-weight:600;text-decoration:none;border-radius:10px;transition:all .2s ease}.btn-back-home:hover{background:#ffc94d;transform:translateY(-2px);box-shadow:0 8px 24px #ffbe4d4d}.btn-back-home svg{stroke:currentColor}.unique-results-banner{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:#a855f726;color:#a855f7;border-radius:8px;font-size:13px;font-weight:500;margin-top:12px}.unique-results-banner svg{stroke:currentColor;flex-shrink:0}.user-spin-history{width:100%;max-width:400px;margin:24px auto 0;background:var(--bg-secondary,rgba(255,255,255,.05));border-radius:12px;padding:16px;border:1px solid var(--border-color,rgba(255,255,255,.1))}.user-spin-history .spin-history-header{display:flex;align-items:center;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--border-color,rgba(255,255,255,.1));margin-bottom:12px;font-size:14px;font-weight:600;color:var(--text-primary,#fff)}.user-spin-history .spin-history-header svg{stroke:var(--brand-primary,#ffbe4d);flex-shrink:0}.user-spin-history .spin-history-count{margin-left:auto;font-size:12px;font-weight:500;color:var(--text-muted,rgba(255,255,255,.5));background:var(--bg-tertiary,rgba(255,255,255,.1));padding:2px 8px;border-radius:10px}.user-spin-history .spin-history-list{max-height:250px;overflow-y:auto}.user-spin-history .spin-history-item{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border-color,rgba(255,255,255,.05))}.user-spin-history .spin-history-item:last-child{border-bottom:none}.user-spin-history .spin-result{font-size:14px;font-weight:500;color:var(--text-primary,#fff);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:12px}.user-spin-history .spin-date{font-size:12px;color:var(--text-muted,rgba(255,255,255,.5));flex-shrink:0}.user-spin-history .load-more-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:12px;padding:10px 16px;background:var(--bg-tertiary,rgba(255,255,255,.1));border:none;border-radius:8px;color:var(--text-primary,#fff);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.user-spin-history .load-more-btn:hover{background:var(--bg-hover,rgba(255,255,255,.15))}.user-spin-history .load-more-btn:disabled{opacity:.6;cursor:not-allowed}.user-spin-history .load-more-btn svg{stroke:currentColor}.loading-spinner-small{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--brand-primary,#ffbe4d);border-radius:50%;animation:spin .8s linear infinite}[data-theme=light] .user-spin-history{background:#00000008;border-color:#0000001a}[data-theme=light] .user-spin-history .spin-history-header{border-color:#0000001a;color:#1a1a2e}[data-theme=light] .user-spin-history .spin-history-count{background:#00000014;color:#00000080}[data-theme=light] .user-spin-history .spin-history-item{border-color:#0000000d}[data-theme=light] .user-spin-history .spin-result{color:#1a1a2e}[data-theme=light] .user-spin-history .spin-date{color:#00000080}[data-theme=light] .user-spin-history .load-more-btn{background:#00000014;color:#1a1a2e}[data-theme=light] .user-spin-history .load-more-btn:hover{background:#0000001f}[data-theme=light] .loading-spinner-small{border-color:#0003;border-top-color:var(--brand-primary,#ffbe4d)}.wheel-not-found-view{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 40px;min-height:500px}.wheel-not-found-view .not-found-icon{width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:#ef444426;border-radius:50%;margin-bottom:24px}.wheel-not-found-view .not-found-icon svg{stroke:#ef4444}.wheel-not-found-view .not-found-title{font-family:Rubik,sans-serif;font-size:28px;font-weight:700;color:var(--text-primary,#fff);margin:0 0 12px}.wheel-not-found-view .not-found-message{font-size:16px;color:var(--text-muted,rgba(255,255,255,.5));margin:0 0 32px;max-width:350px;line-height:1.5}.btn-go-home{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:var(--brand-primary,#ffbe4d);color:#1a1a2e;font-size:15px;font-weight:600;text-decoration:none;border-radius:10px;transition:all .2s ease}.btn-go-home:hover{background:#ffc94d;transform:translateY(-2px);box-shadow:0 8px 24px #ffbe4d4d}.btn-go-home svg{stroke:currentColor}[data-theme=light] .wheel-not-found-view .not-found-title{color:#1a1a2e}[data-theme=light] .wheel-not-found-view .not-found-message{color:#00000080}.all-claimed-view{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 40px;min-height:500px}.all-claimed-view .claimed-icon{width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:#22c55e26;border-radius:50%;margin-bottom:24px}.all-claimed-view .claimed-icon svg{stroke:#22c55e}.all-claimed-view .claimed-title{font-family:Rubik,sans-serif;font-size:28px;font-weight:700;color:var(--text-primary,#fff);margin:0 0 8px}.all-claimed-view .claimed-subtitle{font-size:16px;color:var(--text-muted,rgba(255,255,255,.5));margin:0 0 32px;max-width:300px}.wod-app.light-mode .previous-result-view .result-title,.wod-app.light-mode .all-claimed-view .claimed-title,.wod-app.light-mode .previous-result-view .result-value{color:#040405}.shared-wheel-section{padding:20px}.shared-wheel-info{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 0}.shared-wheel-icon{margin-bottom:16px;color:var(--brand-primary)}.shared-wheel-icon svg{opacity:.8}.shared-wheel-message{font-size:14px;color:var(--text-muted);line-height:1.6;margin:0 0 24px;max-width:240px}.btn-create-own{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:var(--brand-primary);color:var(--brand-dark);border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s ease}.btn-create-own:hover{background:#ffc861;transform:translateY(-1px);box-shadow:0 4px 12px #ffbe4d4d}.btn-create-own svg{flex-shrink:0}body.dark-mode .shared-wheel-message{color:#fff9}body.dark-mode .btn-create-own{color:#040405}.a-to-z-app .filter-section{padding-bottom:16px}.filter-options{display:flex;flex-direction:column;gap:16px}.filter-toggle-group{display:flex;flex-direction:column;gap:8px}.filter-toggle-btn{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;background:var(--bg-input);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.filter-toggle-btn:hover{border-color:var(--brand-primary);background:#ffbe4d0d}.filter-toggle-btn.active{background:#ffbe4d26;border-color:var(--brand-primary);color:var(--text-primary)}.filter-toggle-btn .filter-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:var(--bg-tertiary);color:var(--text-muted);transition:all .2s ease}.filter-toggle-btn.active .filter-icon{background:var(--brand-primary);color:var(--brand-dark)}.filter-toggle-btn .filter-label{flex:1}.filter-toggle-btn .filter-count{font-size:11px;font-weight:600;padding:3px 8px;background:var(--bg-tertiary);border-radius:10px;color:var(--text-muted)}.filter-toggle-btn.active .filter-count{background:var(--brand-primary);color:var(--brand-dark)}.current-letters{padding:12px;background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.letters-label{display:block;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.letters-display{font-size:12px;font-weight:600;color:var(--text-primary);letter-spacing:2px;line-height:1.6;word-break:break-all}.a-to-z-app{display:flex;position:relative}body.dark-mode .filter-toggle-btn{background:var(--bg-input);border-color:var(--border-color)}body.dark-mode .filter-toggle-btn:hover{background:#ffbe4d14}body.dark-mode .filter-toggle-btn.active{background:#ffbe4d1f}body.dark-mode .current-letters{background:var(--bg-tertiary);border-color:var(--border-color)}.a-to-z-app.fullscreen-mode{display:block;position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background:var(--bg-main)}.a-to-z-app.fullscreen-mode .sidebar,.a-to-z-app.fullscreen-mode .theme-toggle,.a-to-z-app.fullscreen-mode .hamburger-menu,.a-to-z-app.fullscreen-mode .tools-menu-wrapper{display:none!important}.a-to-z-app.fullscreen-mode .panel-toggles,.a-to-z-app.fullscreen-mode .mobile-toggles{display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.a-to-z-app.fullscreen-mode .content{width:100%;height:100%;padding:40px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center}.a-to-z-app.fullscreen-mode .wheel{display:flex;flex-direction:column;align-items:center;justify-content:center}.a-to-z-app.fullscreen-mode .wheel-center{display:flex;flex-direction:column;align-items:center}.a-to-z-app.fullscreen-mode .wheel-wrapper{width:min(80vw,70vh);height:min(80vw,70vh);max-width:800px;max-height:800px}.a-to-z-app.fullscreen-mode .wheel-title h1{font-size:36px}.a-to-z-app.fullscreen-mode .wheel-title p{font-size:18px}.a-to-z-app.fullscreen-mode .wheel-controls{margin-top:40px}.a-to-z-app.fullscreen-mode .control-btn{width:56px;height:56px}.a-to-z-app.fullscreen-mode .control-btn svg{width:24px;height:24px}.a-to-z-app.fullscreen-mode .ad-hor,.a-to-z-app.fullscreen-mode .ad-ver{display:none!important}@media (max-height: 700px){.a-to-z-app.fullscreen-mode .wheel-wrapper{width:min(85vw,65vh);height:min(85vw,65vh)}.a-to-z-app.fullscreen-mode .wheel-title h1{font-size:28px}.a-to-z-app.fullscreen-mode .wheel-title{margin-bottom:20px}.a-to-z-app.fullscreen-mode .wheel-controls{margin-top:24px}}@media (max-width: 768px){.a-to-z-app.fullscreen-mode .wheel-wrapper{width:min(90vw,70vh);height:min(90vw,70vh)}}@media (max-width: 576px){.a-to-z-app.fullscreen-mode .content{padding:20px 15px}.a-to-z-app.fullscreen-mode .wheel-wrapper{width:min(95vw,65vh);height:min(95vw,65vh)}}@media (max-height: 500px) and (orientation: landscape){.a-to-z-app.fullscreen-mode .wheel-wrapper{width:min(70vw,75vh);height:min(70vw,75vh)}.a-to-z-app.fullscreen-mode .wheel-controls{margin-top:15px}}.emoji-generator-app{display:flex;position:relative}.emoji-center{display:flex;flex-direction:column;align-items:center;justify-content:center}.emoji-display-wrapper{display:flex;flex-direction:column;align-items:center;gap:20px}.emoji-display{width:280px;height:280px;border-radius:50%;background:linear-gradient(145deg,#1a1a1c,#0d0d0e);border:3px dashed rgba(255,190,77,.4);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 20px 60px #00000080,inset 0 2px 20px #0000004d}.emoji-display:hover{transform:scale(1.02);border-color:#ffbe4d99}.emoji-display:active{transform:scale(.98)}.emoji-display.spinning{animation:emojiSpin .1s linear infinite}.emoji-display.result-shown{animation:emojiPop .3s ease-out}@keyframes emojiSpin{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes emojiPop{0%{transform:scale(.8)}50%{transform:scale(1.15)}to{transform:scale(1)}}.emoji-result{font-size:120px;line-height:1;-webkit-user-select:none;user-select:none}.emoji-name{font-size:18px;font-weight:600;color:var(--brand-primary);text-align:center;margin:0;min-height:28px}.emoji-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px}.emoji-control-btn{width:48px;height:48px;border-radius:12px;background:var(--bg-tertiary);border:2px solid var(--border-color);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative}.emoji-control-btn:hover{background:var(--bg-input);border-color:var(--brand-primary);color:var(--brand-primary)}.emoji-control-btn.copied{background:#4caf50;border-color:#4caf50;color:#fff}.emoji-control-btn[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:-32px;left:50%;transform:translate(-50%);padding:4px 10px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;font-size:11px;font-weight:500;color:var(--text-primary);white-space:nowrap;z-index:10}body:not(.dark-mode) .emoji-display{background:linear-gradient(145deg,#f0f0f2,#e0e0e2);border-color:#ffbe4d80;box-shadow:0 20px 60px #0000001a,inset 0 2px 20px #0000000d}.category-section{padding-bottom:16px}.category-section .section-header{margin-bottom:16px}.category-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.category-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 12px;background:var(--bg-tertiary);border:none;border-radius:16px;cursor:pointer;transition:all .2s ease;min-height:80px}.category-btn:hover{background:#ffbe4d26}.category-btn.active{background:var(--brand-primary)}.category-emoji{font-size:32px;line-height:1}.category-label{font-size:12px;font-weight:500;color:var(--text-secondary)}.category-btn.active .category-label{color:var(--brand-dark);font-weight:600}body.dark-mode .category-btn{background:#2a2a2c}body.dark-mode .category-btn:hover{background:#3a3a3c}body.dark-mode .category-btn.active{background:var(--brand-primary)}body.dark-mode .category-label{color:var(--text-muted)}body.dark-mode .category-btn.active .category-label{color:var(--brand-dark)}.emoji-history-item{display:flex;align-items:center;gap:10px;cursor:pointer;transition:background .2s ease}.emoji-history-item:hover{background:#ffbe4d1a}.emoji-history-item.copied{background:#4caf5033}.history-emoji{font-size:24px;line-height:1}.history-name{font-size:12px;color:var(--text-secondary);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emoji-generator-app.fullscreen-mode,.emoji-generator-app.is-fullscreen{display:block;position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background:var(--bg-main)}.emoji-generator-app.fullscreen-mode .sidebar,.emoji-generator-app.fullscreen-mode .theme-toggle,.emoji-generator-app.fullscreen-mode .hamburger-menu,.emoji-generator-app.fullscreen-mode .tools-menu-wrapper,.emoji-generator-app.is-fullscreen .sidebar,.emoji-generator-app.is-fullscreen .theme-toggle,.emoji-generator-app.is-fullscreen .hamburger-menu,.emoji-generator-app.is-fullscreen .tools-menu-wrapper{display:none!important}.emoji-generator-app.fullscreen-mode .content,.emoji-generator-app.is-fullscreen .content{width:100%;height:100%;padding:40px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center}.emoji-generator-app.fullscreen-mode .wheel,.emoji-generator-app.is-fullscreen .wheel{display:flex;flex-direction:column;align-items:center;justify-content:center}.emoji-generator-app.fullscreen-mode .emoji-center,.emoji-generator-app.is-fullscreen .emoji-center{display:flex;flex-direction:column;align-items:center}.emoji-generator-app.fullscreen-mode .emoji-display,.emoji-generator-app.is-fullscreen .emoji-display{width:340px;height:340px}.emoji-generator-app.fullscreen-mode .emoji-result,.emoji-generator-app.is-fullscreen .emoji-result{font-size:160px}.emoji-generator-app.fullscreen-mode .emoji-name,.emoji-generator-app.is-fullscreen .emoji-name{font-size:24px}.emoji-generator-app.fullscreen-mode .wheel-title h1,.emoji-generator-app.is-fullscreen .wheel-title h1{font-size:36px}.emoji-generator-app.fullscreen-mode .wheel-title p,.emoji-generator-app.is-fullscreen .wheel-title p{font-size:18px}.emoji-generator-app.fullscreen-mode .emoji-controls,.emoji-generator-app.is-fullscreen .emoji-controls{margin-top:40px}.emoji-generator-app.fullscreen-mode .emoji-control-btn,.emoji-generator-app.is-fullscreen .emoji-control-btn{width:56px;height:56px}.emoji-generator-app.fullscreen-mode .ad-hor,.emoji-generator-app.fullscreen-mode .ad-ver,.emoji-generator-app.is-fullscreen .ad-hor,.emoji-generator-app.is-fullscreen .ad-ver{display:none!important}body.dark-mode .category-btn{background:var(--bg-input)}body.dark-mode .category-btn:hover{background:#ffbe4d14}body.dark-mode .category-btn.active{background:#ffbe4d1f}@media (max-width: 768px){.emoji-display{width:220px;height:220px}.emoji-result{font-size:90px}.emoji-name{font-size:16px}.emoji-controls{gap:12px;margin-top:20px}.emoji-control-btn{width:44px;height:44px}.category-options{grid-template-columns:repeat(3,1fr)}.category-btn{padding:10px 8px}.category-emoji{font-size:24px}.category-label{font-size:10px}}@media (max-width: 480px){.emoji-display{width:200px;height:200px}.emoji-result{font-size:80px}.category-options{grid-template-columns:repeat(2,1fr)}}
:root{--iw-text-primary: #040405;--iw-text-secondary: #505152;--iw-border-color: rgba(4,4,5,.1);--iw-item-bg: transparent;--iw-item-hover-bg: rgba(255,190,77,.08)}body.dark-mode{--iw-text-primary: #f5f5f5;--iw-text-secondary: rgba(255,255,255,.6);--iw-border-color: rgba(255,255,255,.1);--iw-item-bg: transparent;--iw-item-hover-bg: rgba(255,190,77,.1)}.image-entries-list{display:flex;flex-direction:column;max-height:280px;overflow-y:auto;padding-right:4px}.image-entries-list::-webkit-scrollbar{width:4px}.image-entries-list::-webkit-scrollbar-track{background:transparent}.image-entries-list::-webkit-scrollbar-thumb{background:#ffbe4d4d;border-radius:2px}.image-entries-list::-webkit-scrollbar-thumb:hover{background:#ffbe4d80}.image-entry-item{display:flex;align-items:center;gap:12px;padding:8px 10px;border-bottom:1px solid var(--iw-border-color);background:var(--iw-item-bg);transition:all .2s ease;cursor:default}.image-entry-item:last-child{border-bottom:none}.image-entry-item:hover{background:var(--iw-item-hover-bg)}.image-entry-thumb{width:32px;height:32px;min-width:32px;border-radius:6px;overflow:hidden;background:#ffbe4d1a;border:1px solid var(--iw-border-color)}.image-entry-thumb img{width:100%;height:100%;object-fit:cover;display:block}.image-entry-name{flex:1;font-size:14px;color:var(--iw-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-entry-remove{width:24px;height:24px;min-width:24px;background:transparent;border:none;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all .2s ease;color:var(--iw-text-secondary)}.image-entry-item:hover .image-entry-remove{opacity:1}.image-entry-remove:hover{background:#ef44441a;color:#ef4444}.image-entry-remove svg{width:14px;height:14px}.entries-empty{padding:24px 16px;text-align:center}.entries-empty p{font-size:14px;color:var(--iw-text-secondary);margin:0}.add-image-zone{margin-top:12px}.add-image-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;background:#ffbe4d1a;border:1px dashed rgba(255,190,77,.4);border-radius:8px;color:#ffbe4d;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.add-image-btn:hover{background:#ffbe4d26;border-color:#ffbe4d;border-style:solid}.add-image-btn svg{color:#ffbe4d}.add-image-zone.dragover .add-image-btn{background:#ffbe4d33;border-color:#ffbe4d;border-style:solid;transform:scale(1.02)}.add-image-hint{margin:8px 0 0;font-size:11px;color:#fff6;text-align:center}body:not(.dark-mode) .add-image-hint{color:#999}.result-image-wrapper{width:160px;height:160px;margin:0 auto 16px;border-radius:12px;overflow:hidden;border:3px solid #ffbe4d;box-shadow:0 8px 32px #ffbe4d4d;display:none}.result-image-wrapper.has-image{display:block}.result-image-wrapper img{width:100%;height:100%;object-fit:cover;display:block}.result-content:has(.result-image-wrapper.has-image) .result-decoration{display:none}.result-item .result-thumb{width:24px;height:24px;border-radius:4px;object-fit:cover;margin-right:8px}.winning-label-row{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.winning-label-title{font-size:11px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}body:not(.dark-mode) .winning-label-title{color:#888}.winning-label-input{width:100%;padding:12px 14px;background:#2a2a2b;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:14px;font-family:inherit;transition:all .3s ease;box-sizing:border-box}body:not(.dark-mode) .winning-label-input{background:#f0f0f0;border-color:#0000001a;color:#333}.winning-label-input:focus{outline:none;border-color:#ffbe4d;box-shadow:0 0 0 3px #ffb84c26}.winning-label-input::placeholder{color:#fff6}body:not(.dark-mode) .winning-label-input::placeholder{color:#999}.edit-label-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10001;opacity:0;visibility:hidden;transition:all .3s ease}.edit-label-overlay.show{opacity:1;visibility:visible}.edit-label-modal{background:#1c1c1d;border-radius:16px;padding:24px;width:90%;max-width:320px;transform:scale(.9);transition:transform .3s ease}.edit-label-overlay.show .edit-label-modal{transform:scale(1)}body:not(.dark-mode) .edit-label-modal{background:#fff;box-shadow:0 10px 40px #0003}.edit-label-modal h4{margin:0 0 16px;font-size:18px;font-weight:600;color:#fff}body:not(.dark-mode) .edit-label-modal h4{color:#333}.edit-label-input{width:100%;padding:12px 14px;background:#2a2a2b;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:14px;font-family:inherit;margin-bottom:16px;box-sizing:border-box}body:not(.dark-mode) .edit-label-input{background:#f0f0f0;border-color:#0000001a;color:#333}.edit-label-input:focus{outline:none;border-color:#ffbe4d;box-shadow:0 0 0 3px #ffb84c26}.edit-label-actions{display:flex;gap:12px}.edit-label-actions button{flex:1;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.btn-cancel{background:#ffffff1a;color:#fff}body:not(.dark-mode) .btn-cancel{background:#e0e0e0;color:#333}.btn-cancel:hover{background:#ffffff26}body:not(.dark-mode) .btn-cancel:hover{background:#d0d0d0}.btn-save{background:#ffbe4d;color:#1c1c1d}.btn-save:hover{background:#ffc866}.result-item{display:flex;align-items:center;gap:10px;padding:8px;background:#ffffff08;border-radius:8px;margin-bottom:6px}body:not(.dark-mode) .result-item{background:#00000008}.result-item .result-thumb{width:32px;height:32px;min-width:32px;border-radius:6px;overflow:hidden;flex-shrink:0}.result-item .result-thumb img{width:100%;height:100%;object-fit:cover}.result-item .result-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.result-item .result-name{font-size:13px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body:not(.dark-mode) .result-item .result-name{color:#333}.result-item .result-time{font-size:11px;color:#ffffff80}body:not(.dark-mode) .result-item .result-time{color:#999}#lastWinnerImage{width:40px;height:40px;border-radius:8px;overflow:hidden;background:#ffffff0d;display:flex;align-items:center;justify-content:center}#lastWinnerImage img{width:100%;height:100%;object-fit:cover}#lastWinnerImage .no-winner{font-size:18px;color:#ffffff4d}body:not(.dark-mode) #lastWinnerImage{background:#0000000d}body:not(.dark-mode) #lastWinnerImage .no-winner{color:#0000004d}.image-entry-item{cursor:pointer;transition:background .2s ease}.image-entry-item:hover{background:#ffffff14}body:not(.dark-mode) .image-entry-item:hover{background:#0000000d}@media (max-width: 1200px){.image-entries-list{max-height:200px}.image-entry-thumb{width:28px;height:28px;min-width:28px}.image-entry-name{font-size:13px}}@media (max-width: 600px){.image-entries-list{max-height:180px}.image-entry-item{padding:6px 8px;gap:10px}.add-image-btn{padding:10px 14px;font-size:13px}.result-image-wrapper{width:120px;height:120px}}body.dark-mode .image-entry-thumb{border-color:#ffffff1a;background:#ffffff0d}body.dark-mode .add-image-btn{background:#ffbe4d0d;border-color:#ffbe4d4d}body.dark-mode .add-image-btn:hover{background:#ffbe4d1a}body.dark-mode .image-entry-remove:hover{background:#ef444433}body:has(.image-wheel-app .result-modal.show) .site-header{z-index:1!important}.image-wheel-app .result-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);align-items:center;justify-content:center;z-index:9999999!important;overflow:auto;isolation:isolate}.image-wheel-app .result-modal.show{display:flex}.image-wheel-app .result-modal .result-content{position:relative;margin:auto;z-index:1000000;background:#1a1a1b;padding:50px 60px;border-radius:20px;text-align:center;border:1px solid #ffbe4d;box-shadow:0 30px 80px #0006;animation:imageWheelModalPop .4s cubic-bezier(.175,.885,.32,1.275);max-width:90%}body:not(.dark-mode) .image-wheel-app .result-modal .result-content{background:#fff}@keyframes imageWheelModalPop{0%{transform:scale(.8) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.image-wheel-app .result-modal .result-decoration{margin-bottom:16px;animation:imageWheelBounce .6s ease infinite alternate;color:#ffbe4d}.image-wheel-app .result-modal .result-decoration svg{width:56px;height:56px}@keyframes imageWheelBounce{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.image-wheel-app .result-modal .result-content h2{font-size:38px;margin:0 0 8px;color:#ffbe4d}.image-wheel-app .result-modal .result-subtitle{color:#ffffffb3;font-size:16px;margin:0 0 28px}body:not(.dark-mode) .image-wheel-app .result-modal .result-subtitle{color:#666}.image-wheel-app .result-modal .btn-primary{padding:14px 36px;background:#ffbe4d;color:#040405;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;letter-spacing:.3px}.image-wheel-app .result-modal .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffb84c59}.previous-result-view{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;min-height:400px}.previous-result-decoration{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#ffbe4d1a;border-radius:50%;margin-bottom:24px}.previous-result-decoration svg{stroke:#ffbe4d}.previous-result-view h2{font-family:Rubik,sans-serif;font-size:28px;font-weight:700;color:#f5f5f5;margin:0 0 8px}body:not(.dark-mode) .previous-result-view h2{color:#040405}.previous-result-subtitle{font-size:16px;color:#fff9;margin:0 0 24px}body:not(.dark-mode) .previous-result-subtitle{color:#666}.previous-result-image{width:150px;height:150px;border-radius:16px;overflow:hidden;margin-bottom:16px;box-shadow:0 8px 32px #0000004d;border:3px solid #ffbe4d}.previous-result-image img{width:100%;height:100%;object-fit:cover}.previous-result-name{font-family:Rubik,sans-serif;font-size:32px;font-weight:700;color:#ffbe4d;margin-bottom:16px;word-break:break-word;max-width:300px}.previous-result-note{font-size:13px;color:#ffffff80;margin:0}body:not(.dark-mode) .previous-result-note{color:#888}.unique-results-banner{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ffbe4d1a;border:1px solid rgba(255,190,77,.2);border-radius:8px;margin-top:12px;font-size:13px;color:#fffc}body:not(.dark-mode) .unique-results-banner{background:#ffbe4d14;color:#505152}.unique-results-banner svg{flex-shrink:0;stroke:#ffbe4d}.wheel-error-message.all-claimed{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;min-height:400px}.wheel-error-message.all-claimed svg{stroke:#4ade80;margin-bottom:24px}.wheel-error-message.all-claimed h2{font-family:Rubik,sans-serif;font-size:24px;font-weight:700;color:#f5f5f5;margin:0 0 12px}body:not(.dark-mode) .wheel-error-message.all-claimed h2{color:#040405}.wheel-error-message.all-claimed p{font-size:15px;color:#fff9;margin:0;max-width:300px}body:not(.dark-mode) .wheel-error-message.all-claimed p{color:#666}.spin-button.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}
.footer-spins-counter{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-top:24px}.footer-spins-counter .spins-counter-label{font-size:14px;font-weight:500;color:#ffffffb3;margin-bottom:4px}.footer-spins-counter .spins-counter-number{font-size:42px;font-weight:700;color:#e8a838;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1;letter-spacing:-1px}@media (max-width: 768px){.footer-spins-counter{margin-top:20px}.footer-spins-counter .spins-counter-number{font-size:36px}.footer-spins-counter .spins-counter-label{font-size:13px}}@media (max-width: 480px){.footer-spins-counter{width:100%;align-items:center;text-align:center}}