/* WOD SEO Pro: 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-math-quiz-css, wod-spins-counter */
*{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: #ffffff}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: 0.5px;border: none;border-radius: 30px;cursor: pointer;transition: all 0.3s ease;text-decoration: none}.btn-primary{background: linear-gradient(135deg,#4ECDC4 0%,#44A08D 100%);color: #ffffff}.btn-primary:hover{border-color: rgba(255,190,77,0.3);transform: translateY(-2px);box-shadow: 0 4px 12px rgba(255,190,77,0.3)}.btn-secondary{background: transparent;color: #4ECDC4;border: 2px solid #4ECDC4}.btn-secondary:hover{border-color: rgba(255,190,77,0.3);background: rgba(255,190,77,0.1);color: #ffffff;box-shadow: 0 4px 12px rgba(255,190,77,0.3)}.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: #ffffff;border-radius: 15px;overflow: hidden;box-shadow: 0 5px 20px rgba(0,0,0,0.08);transition: transform 0.3s ease,box-shadow 0.3s ease}.post-card:hover{transform: translateY(-5px);box-shadow: 0 10px 30px rgba(0,0,0,0.12)}.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 0.3s ease}.post-title a:hover{color: #4ECDC4}.post-meta{font-size: 0.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 0.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 0.3s ease}.pagination a:hover,.pagination .current{background: #4ECDC4;color: #ffffff}.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 0%,#e9ecef 100%)}.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{from{transform: rotate(0deg)}to{transform: rotate(360deg)}}.features-section{padding: 80px 0;background: #ffffff}.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 0.3s ease,box-shadow 0.3s ease}.feature-card:hover{transform: translateY(-10px);box-shadow: 0 15px 40px rgba(0,0,0,0.1)}.feature-icon{width: 70px;height: 70px;margin: 0 auto 20px;background: linear-gradient(135deg,#ffbe4d 0%,#ffa726 100%);border-radius: 50%;display: flex;align-items: center;justify-content: center}.feature-icon svg{width: 35px;height: 35px;fill: #ffffff}.feature-title{font-size: 1.25rem;margin-bottom: 15px}.feature-description{color: #666}.cta-section{padding: 100px 0;background: linear-gradient(135deg,#4ECDC4 0%,#44A08D 100%);text-align: center}.cta-content{max-width: 600px;margin: 0 auto}.cta-title{font-size: 2.5rem;color: #ffffff;margin-bottom: 20px}.cta-description{font-size: 1.125rem;color: rgba(255,255,255,0.9);margin-bottom: 30px}.cta-section .btn-primary{background: #ffffff;color: #4ECDC4}.cta-section .btn-primary:hover{background: #f8f9fa;box-shadow: 0 10px 30px rgba(0,0,0,0.2)}.page-content-section{padding: 60px 0}.site-footer{background: #222;color: #ffffff;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,0.1)}.footer-brand .logo-icon{width: 60px;height: 60px;margin-bottom: 15px}.footer-description{color: rgba(255,255,255,0.7);font-size: 0.9rem}.footer-title{font-size: 1.125rem;margin-bottom: 20px;color: #ffffff}.footer-menu{list-style: none;padding: 0;margin: 0}.footer-menu li{margin-bottom: 10px}.footer-menu li a{color: rgba(255,255,255,0.7);transition: color 0.3s ease}.footer-menu li a:hover{color: #4ECDC4}.footer-bottom{padding: 25px 0;text-align: center}.copyright{color: rgba(255,255,255,0.5);font-size: 0.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{font-size: 2rem}.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 0.3s ease,color 0.3s ease,border-color 0.3s ease,box-shadow 0.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: #ffffff}body.dark-mode p{color: #b0b0b0}body.dark-mode .post-card{background: #1a1a1b;box-shadow: 0 5px 20px rgba(0,0,0,0.3)}body.dark-mode .post-card:hover{box-shadow: 0 10px 30px rgba(0,0,0,0.5)}body.dark-mode .post-title a{color: #ffffff}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 0%,#0a0a0b 100%)}body.dark-mode .hero-title{color: #ffffff}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 rgba(0,0,0,0.3)}body.dark-mode .feature-card:hover{box-shadow: 0 15px 40px rgba(0,0,0,0.5)}body.dark-mode .feature-title{color: #ffffff}body.dark-mode .feature-description{color: #a0a0a0}body.dark-mode .cta-section{background: linear-gradient(135deg,#3ba89f 0%,#2d7a6d 100%)}body.dark-mode .page-content-section{background: #0a0a0b}body.dark-mode input,body.dark-mode textarea,body.dark-mode select{background: #141421;border-color: rgba(255,255,255,0.05);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: #ffffff}body.dark-mode td{border-color: #333;color: #e0e0e0}body.dark-mode tr:hover{background: rgba(78,205,196,0.1)}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,0.1);--nav-dropdown-shadow: 0 10px 40px rgba(0,0,0,0.15);--nav-border: #e5e7eb;--nav-ease-out: cubic-bezier(0.25,0.46,0.45,0.94);--nav-ease-in-out: cubic-bezier(0.645,0.045,0.355,1);--nav-ease-smooth: cubic-bezier(0.4,0,0.2,1);--nav-transition: 0.4s var(--nav-ease-smooth);--nav-transition-fast: 0.3s var(--nav-ease-smooth);--nav-transition-slow: 0.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 0.3s var(--nav-ease-smooth)}.nav-menu__logo:hover img{animation: logoSpin 1s linear infinite}@keyframes logoSpin{from{transform: rotate(0deg)}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: 0.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: rgba(128,130,133,0.1)}.nav-menu__link svg{width: 16px;height: 16px;transition: transform 0.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(0.9)}.nav-menu__dropdown{position: absolute;top: 100%;left: 0;padding-top: 24px;opacity: 0;visibility: hidden;transform: translateY(-8px);transition: opacity 0.35s var(--nav-ease-smooth),visibility 0.35s var(--nav-ease-smooth),transform 0.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: 0.025em;transition: color var(--nav-transition-fast),background-color var(--nav-transition-fast)}.nav-menu__dropdown-link:hover{color: #ffffff;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 0.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: #ffffff}.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: rgba(128,130,133,0.15)}.nav-menu__mobile-toggle svg{width: 24px;height: 24px}.nav-menu__mobile-toggle .icon-close{display: none}.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: rgba(0,0,0,0.5);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);opacity: 0;visibility: hidden;z-index: 99998;transition: opacity 0.3s var(--nav-ease-smooth),visibility 0.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 0.3s var(--nav-ease-smooth),visibility 0.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 rgba(0,0,0,0.2);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 0.4s var(--nav-ease-out) forwards}}@keyframes slideDown{0%{opacity: 0;transform: translateY(-15px) scale(0.98)}100%{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 0.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 0.35s var(--nav-ease-out) forwards}@keyframes accordionOpen{0%{opacity: 0;max-height: 0;transform: translateY(-5px)}100%{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: rgba(124,58,237,0.05)}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 0.3s var(--nav-ease-smooth),visibility 0.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 rgba(0,0,0,0.15)}.nav-menu__cta-btn:hover{transform: scale(1.1);box-shadow: 0 6px 20px rgba(0,0,0,0.2)}.nav-menu__cta-btn svg{width: 22px;height: 22px}.nav-menu__cta-btn--tools{background-color: var(--nav-accent);color: #ffffff}.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: #ffffff}.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{display: block}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: #ffffff}.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: #ffffff;font-size: 11px;font-weight: 600;border-radius: 10px;display: none;align-items: center;justify-content: center;box-shadow: 0 2px 6px rgba(239,68,68,0.4);animation: badgePulse 2s ease-in-out infinite}.nav-menu__results-badge.has-results{display: flex}@keyframes badgePulse{0%,100%{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 0.3s var(--nav-ease-smooth),visibility 0.3s var(--nav-ease-smooth),transform 0.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: #ffffff;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,0.05);--nav-shadow: 0 4px 20px rgba(0,0,0,0.3);--nav-dropdown-shadow: 0 10px 40px rgba(0,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: rgba(255,255,255,0.1)}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: rgba(0,0,0,0.7)}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: rgba(124,58,237,0.15)}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: rgba(255,255,255,0.1)}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: #ffffff}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: rgba(0,0,0,0.5);backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);opacity: 0;visibility: hidden;z-index: 100000;transition: opacity 0.3s var(--nav-ease-smooth),visibility 0.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(0.9);width: 90%;max-width: 400px;max-height: 80vh;background: var(--nav-bg);border-radius: 20px;box-shadow: 0 20px 60px rgba(0,0,0,0.3);z-index: 100001;opacity: 0;visibility: hidden;transition: opacity 0.3s var(--nav-ease-smooth),visibility 0.3s var(--nav-ease-smooth),transform 0.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: rgba(128,130,133,0.1)}.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 rgba(0,0,0,0.5)}body.dark-mode .nav-menu__sidebar-header{border-color: var(--nav-border)}body.dark-mode .nav-menu__sidebar-close:hover{background-color: rgba(255,255,255,0.1)}.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: 0.5px}.modal-duration-row{display: flex;align-items: center;justify-content: space-between;background: rgba(128,130,133,0.1);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 0.2s ease}.modal-duration-btn:hover{background: var(--nav-accent);color: #ffffff;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: 0.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: rgba(128,130,133,0.1);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 0.2s ease}.modal-team-count-btn:hover{background: var(--nav-accent);color: #ffffff;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: 0.7}.modal-toggle-row{display: flex;align-items: center;justify-content: space-between;padding: 14px 16px;background: rgba(128,130,133,0.1);border-radius: 12px;cursor: pointer;transition: all 0.2s ease}.modal-toggle-row:hover{background: rgba(128,130,133,0.15)}.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: rgba(128,130,133,0.3);border-radius: 14px;transition: background 0.2s ease}.modal-toggle-track::after{content: '';position: absolute;top: 3px;left: 3px;width: 22px;height: 22px;background: #ffffff;border-radius: 50%;transition: transform 0.2s ease;box-shadow: 0 2px 4px rgba(0,0,0,0.2)}.modal-toggle-row.active .modal-toggle-track{background: var(--nav-accent)}.modal-toggle-row.active .modal-toggle-track::after{transform: translateX(20px)}.modal-toggle-row.active .modal-toggle-info svg{color: var(--nav-accent)}.modal-tabs{display: flex;gap: 4px;margin-bottom: 20px;background: rgba(128,130,133,0.1);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 0.2s ease}.modal-tab:hover{color: var(--nav-text-hover);background: rgba(128,130,133,0.1)}.modal-tab.active{background: var(--nav-bg);color: var(--nav-accent);box-shadow: 0 2px 8px rgba(0,0,0,0.1)}.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: #ffffff;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: 0.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: rgba(128,130,133,0.1);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 0.2s ease,box-shadow 0.2s ease}.modal-entries-textarea:focus{outline: none;border-color: var(--nav-accent);box-shadow: 0 0 0 3px rgba(124,58,237,0.1)}.modal-entries-textarea::placeholder{color: var(--nav-text)}.modal-results-list{max-height: 180px;overflow-y: auto;background: rgba(128,130,133,0.1);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 0.2s ease}.modal-btn-clear:hover{background: rgba(239,68,68,0.1);border-color: #ef4444;color: #ef4444}.modal-stats-grid{display: grid;grid-template-columns: repeat(2,1fr);gap: 12px}.modal-stat-item{background: rgba(128,130,133,0.1);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: 0.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: rgba(128,130,133,0.1);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 0.2s ease}.modal-image-item:last-child{margin-bottom: 0}.modal-image-item:hover{background: rgba(124,58,237,0.05)}.modal-image-thumb{width: 44px;height: 44px;border-radius: 8px;overflow: hidden;flex-shrink: 0;background: rgba(128,130,133,0.1)}.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 0.2s ease;flex-shrink: 0}.modal-image-remove:hover{background: rgba(239,68,68,0.1);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: #ffffff;font-size: 14px;font-weight: 600;cursor: pointer;transition: all 0.2s ease}.modal-add-image-btn:hover{transform: translateY(-1px);box-shadow: 0 4px 12px rgba(124,58,237,0.3)}.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: rgba(255,255,255,0.05)}.dark-mode .modal-image-item:hover{background: rgba(124,58,237,0.1)}.dark-mode .modal-image-thumb{background: rgba(255,255,255,0.1)}.dark-mode .modal-image-name{color: #ffffff}.dark-mode .modal-image-list{background: rgba(255,255,255,0.05)}.dark-mode .modal-no-images{color: rgba(255,255,255,0.6)}.dark-mode .modal-add-image-hint{color: rgba(255,255,255,0.5)}
.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,0.09);--nv-hover: rgba(21,19,28,0.06);--nv-menu-bg: #fbf7ef;--nv-yellow: #ffbe4d;--nv-ink: #121019;--nv-card: #fff;--nv-card-shadow: 0 8px 22px rgba(60,40,10,0.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,0.68);--nv-line: rgba(255,255,255,0.09);--nv-hover: rgba(255,255,255,0.07);--nv-menu-bg: #0b0a10;--nv-card: #16141e;--nv-card-shadow: 0 10px 26px rgba(0,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 0.4s cubic-bezier(0.4,0,0.2,1),opacity 0.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: -0.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 0.4s cubic-bezier(0.4,0,0.2,1),opacity 0.3s ease,visibility 0.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 rgba(0,0,0,0.25);cursor: pointer}.nav-menu.nav-v5 .nav-v5__burger{transition: transform 0.2s ease,box-shadow 0.2s ease,background 0.2s ease}.nav-menu.nav-v5 .nav-v5__burger:hover{background: #ffc966;transform: translateY(-1px);box-shadow: 0 14px 30px rgba(0,0,0,0.28),0 0 0 4px rgba(255,190,77,0.25)}.nav-menu.nav-v5 .nav-v5__burger:active{transform: scale(0.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 0.2s ease,transform 0.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 0.3s ease,opacity 0.2s ease,top 0.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;inset: 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,0.18),transparent 70%),radial-gradient(40% 45% at 4% 100%,rgba(139,108,255,0.14),transparent 70%),var(--nv-menu-bg);overflow-y: auto;opacity: 0;visibility: hidden;transform: translateY(-16px);transition: opacity 0.3s ease,transform 0.35s cubic-bezier(0.4,0,0.2,1),visibility 0.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 0.35s ease,transform 0.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: 0.04s}.nav-menu.nav-v5 .nav-menu__mobile.is-open .nav-menu__mobile-item:nth-child(3){transition-delay: 0.08s}.nav-menu.nav-v5 .nav-menu__mobile.is-open .nav-menu__mobile-item:nth-child(4){transition-delay: 0.12s}.nav-menu.nav-v5 .nav-menu__mobile.is-open .nav-menu__mobile-item:nth-child(5){transition-delay: 0.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: -0.035em;line-height: 1.05;color: var(--nv-text);text-decoration: none;transition: color 0.2s ease}.nav-menu.nav-v5 .nav-v5__link-num{min-width: 2ch;font-size: 1rem;font-weight: 700;letter-spacing: 0.06em;color: var(--nv-muted);transform: translateY(-0.2em);transition: color 0.2s ease}.nav-menu.nav-v5 .nav-v5__link-text{transition: transform 0.25s cubic-bezier(0.34,1.56,0.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(0.8);transition: opacity 0.2s ease,transform 0.25s cubic-bezier(0.34,1.56,0.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: translateX(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,0) 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{color: #f0a12e}.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: 0.9rem;font-weight: 700;letter-spacing: 0.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 0.35s ease,transform 0.35s ease,border-color 0.2s ease,box-shadow 0.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: 0.1s,0.1s,0s,0s}.nav-menu.nav-v5 .nav-menu__mobile.is-open .nav-v5__tool:nth-child(2){transition-delay: 0.15s,0.15s,0s,0s}.nav-menu.nav-v5 .nav-menu__mobile.is-open .nav-v5__tool:nth-child(3){transition-delay: 0.2s,0.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 0 rgba(0,0,0,0.15),0 8px 18px color-mix(in srgb,var(--tone) 35%,transparent);transition: transform 0.3s cubic-bezier(0.34,1.56,0.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: -0.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: #ffffff;font-size: 0.72rem;font-weight: 800;letter-spacing: 0.08em;line-height: 1.2;text-transform: uppercase;vertical-align: 3px;box-shadow: 0 4px 10px rgba(255,122,89,0.35);animation: navNewPulse 2.4s ease-in-out infinite}@keyframes navNewPulse{0%,100%{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: 0.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 0.2s ease,color 0.2s ease}.nav-menu.nav-v5 .nav-v5__tool:hover .nav-v5__tool-arrow{color: var(--tone);transform: translateX(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 rgba(255,190,77,0.45);transition: transform 0.35s cubic-bezier(0.34,1.56,0.64,1)}body.dark-mode .nav-menu.nav-v5 .nav-v5__theme-thumb{transform: translateX(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 0.25s ease}.nav-menu.nav-v5 .nav-v5__theme-opt svg{transition: transform 0.4s cubic-bezier(0.34,1.56,0.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: 0.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}}
.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: #ffffff;text-transform: uppercase;letter-spacing: 0.5px;margin: 0 0 12px 0;padding-bottom: 8px;border-bottom: 1px solid rgba(255,255,255,0.1)}.sidebar-card__content{flex: 1;color: rgba(255,255,255,0.7);font-size: 14px}body:not(.dark-mode) .sidebar-card{background: #ffffff;box-shadow: 0 4px 20px rgba(0,0,0,0.08)}body:not(.dark-mode) .sidebar-card__section{border-bottom-color: rgba(0,0,0,0.1)}body:not(.dark-mode) .sidebar-card__title{color: #333;border-bottom-color: rgba(0,0,0,0.1)}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-top::after{}.wheel-bottom{margin-top: 20px}.wheel-bottom::after{}.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;text-orientation: mixed;transform: rotate(180deg)}.wheel-left::after{}.wheel-right::after{}.wheel-container{flex: 1;max-width: 500px;min-height: 400px;aspect-ratio: 1;background: rgba(76,175,80,0.05);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-left::after{}.wheel-right::after{}.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: 0.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 0;letter-spacing: -0.5px}.wheel-title p{color: rgba(255,255,255,0.7);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,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: #ffffff;font-size: 14px;font-weight: 700;cursor: pointer;z-index: 20;box-shadow: 0 4px 20px rgba(4,4,5,0.4);transition: all 0.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 rgba(4,4,5,0.5)}.spin-button:active{transform: translate(-50%,-50%) scale(0.95)}.spin-button:disabled{cursor: not-allowed;opacity: 0.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,0.1);color: rgba(255,255,255,0.8);border-radius: 50%;cursor: pointer;font-size: 20px;transition: all 0.3s ease;box-shadow: 0 2px 8px rgba(0,0,0,0.2)}body:not(.dark-mode) .control-btn{background: #ffffff;border-color: rgba(0,0,0,0.1);color: #333;box-shadow: 0 2px 8px rgba(0,0,0,0.08)}.control-btn:hover{background: #ffbe4d;color: #040405;border-color: #ffbe4d;transform: translateY(-3px);box-shadow: 0 6px 16px rgba(255,184,76,0.3)}.control-btn::after{content: attr(data-tooltip);position: absolute;bottom: -36px;left: 50%;transform: translateX(-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 0.3s ease;pointer-events: none;border: 1px solid rgba(255,255,255,0.1);box-shadow: 0 2px 8px rgba(0,0,0,0.2)}body:not(.dark-mode) .control-btn::after{background: #ffffff;color: #333;border-color: rgba(0,0,0,0.1)}.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: translateX(-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,0.1)}body:not(.dark-mode) .section-header{border-bottom-color: rgba(0,0,0,0.1)}.section-icon{display: flex;align-items: center;justify-content: center;color: rgba(255,255,255,0.6)}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: 0.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: rgba(255,255,255,0.6);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 0.3s ease}body:not(.dark-mode) .result-item{background: #f0f0f0}.result-item:hover{background: rgba(255,184,76,0.1)}@keyframes slideIn{from{opacity: 0;transform: translateX(-10px)}to{opacity: 1;transform: translateX(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: rgba(255,255,255,0.5);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,0.1);color: rgba(255,255,255,0.7);border-radius: 12px;cursor: pointer;font-size: 13px;font-weight: 500;transition: all 0.3s ease}body:not(.dark-mode) .btn-clear{border-color: rgba(0,0,0,0.1);color: #666}.btn-clear:hover{background: rgba(255,184,76,0.1);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 0.3s ease}body:not(.dark-mode) .stat-item{background: #f0f0f0}.stat-item:hover{background: rgba(255,184,76,0.1)}.stat-value{display: block;font-size: 28px;font-weight: 700;color: #ffbe4d;margin-bottom: 4px}.stat-label{color: rgba(255,255,255,0.5);font-size: 10px;text-transform: uppercase;letter-spacing: 0.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,0.1);border-radius: 12px;font-size: 14px;resize: vertical;font-family: inherit;transition: all 0.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: rgba(0,0,0,0.1)}.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 rgba(255,184,76,0.15)}.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: rgba(255,190,77,0.1);border: 1px dashed rgba(255,190,77,0.4);border-radius: 8px;color: #ffbe4d;font-size: 14px;font-weight: 500;cursor: pointer;transition: all 0.3s ease}.add-image-btn:hover{background: rgba(255,190,77,0.15);border-color: #ffbe4d;border-style: solid}.add-image-btn svg{color: #ffbe4d}.add-image-zone.dragover .add-image-btn{background: rgba(255,190,77,0.2);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,0.1)}body:not(.dark-mode) .image-preview-item{background: #f0f0f0;border-color: rgba(0,0,0,0.1)}.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: rgba(0,0,0,0.7);border: none;border-radius: 50%;color: #fff;cursor: pointer;display: flex;align-items: center;justify-content: center;opacity: 0;transition: opacity 0.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: rgba(255,190,77,0.08);border-color: rgba(255,190,77,0.3)}body:not(.dark-mode) .add-image-btn:hover{background: rgba(255,190,77,0.12)}.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,0.1);grid-row: span 2}body:not(.dark-mode) .duration-display{background: #f0f0f0;border-color: rgba(0,0,0,0.1)}.duration-number{font-size: 48px;font-weight: 700;line-height: 1}.duration-unit{font-size: 16px;color: rgba(255,255,255,0.5);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,0.1);border-radius: 12px;color: #fff;cursor: pointer;transition: all 0.3s ease;padding: 16px}body:not(.dark-mode) .duration-btn{background: #f0f0f0;border-color: rgba(0,0,0,0.1);color: #333}.duration-btn:hover{background: #ffbe4d;border-color: #ffbe4d;color: #040405}.duration-btn:active{transform: scale(0.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,0.1);display: flex;flex-direction: column;align-items: center;gap: 10px;cursor: pointer;transition: all 0.3s ease}body:not(.dark-mode) .setting-toggle-item{background: #f0f0f0;border-color: rgba(0,0,0,0.1)}.setting-toggle-item:hover{border-color: #ffbe4d;background: rgba(255,190,77,0.1)}body:not(.dark-mode) .setting-toggle-item:hover{border-color: #ffbe4d;background: rgba(255,190,77,0.1)}.setting-toggle-item.active{border-color: #ffbe4d;background: rgba(255,190,77,0.1)}.setting-toggle-icon{width: 44px;height: 44px;display: flex;align-items: center;justify-content: center;background: #1a1a1b;border-radius: 50%;color: rgba(255,255,255,0.5);transition: all 0.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 0%,#ffa726 100%);color: #040405;box-shadow: 0 4px 12px rgba(255,190,77,0.3)}body:not(.dark-mode) .setting-toggle-item:hover .setting-toggle-icon{background: linear-gradient(135deg,#ffbe4d 0%,#ffa726 100%);color: #040405;box-shadow: 0 4px 12px rgba(255,190,77,0.3)}.setting-toggle-label{font-size: 11px;font-weight: 600;color: rgba(255,255,255,0.5);text-transform: uppercase;letter-spacing: 0.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;inset: 0;width: 100vw;height: 100vh;background: rgba(0,0,0,0.85);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 rgba(0,0,0,0.4);animation: modalPop 0.4s cubic-bezier(0.175,0.885,0.32,1.275);max-width: 90%}body:not(.dark-mode) .result-content{background: #ffffff}@keyframes modalPop{from{transform: scale(0.8) translateY(20px);opacity: 0}to{transform: scale(1) translateY(0);opacity: 1}}.result-decoration{margin-bottom: 16px;animation: bounce 0.6s ease infinite alternate;color: #ffbe4d}@keyframes bounce{from{transform: translateY(0)}to{transform: translateY(-8px)}}.result-content h2{font-size: 38px;margin: 0 0 8px 0;color: #ffbe4d}.result-subtitle{color: rgba(255,255,255,0.7);font-size: 16px;margin: 0 0 28px 0}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 0.3s ease;letter-spacing: 0.3px}.btn-primary:hover{transform: translateY(-2px);box-shadow: 0 6px 20px rgba(255,184,76,0.35)}body.dark-mode .sidebar{border-color: rgba(255,255,255,0.3)}body.dark-mode .sidebar::after{color: rgba(255,255,255,0.5)}body.dark-mode .ad-hor,body.dark-mode .ad-ver{border-color: rgba(76,175,80,0.5)}body.dark-mode .ad-hor::after,body.dark-mode .ad-ver::after{color: rgba(76,175,80,0.7)}body.dark-mode .wheel-container{border-color: rgba(76,175,80,0.6)}body.dark-mode .wheel-container::after{color: rgba(76,175,80,0.8)}@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,0.1);--shadow-color: rgba(4,4,5,0.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,0.8);--text-muted: rgba(255,255,255,0.5);--border-color: rgba(255,255,255,0.05);--shadow-color: rgba(0,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 0.3s ease,color 0.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 0.3s ease,color 0.3s ease,transform 0.3s ease,box-shadow 0.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 15px;display: flex;flex-direction: column;gap: 20px;overflow-y: auto;max-height: 100vh;transition: background 0.3s ease,border-color 0.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 0.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,0.15)}body.dark-mode .section-header{border-bottom-color: rgba(255,255,255,0.15)}.section-header h3{color: var(--text-primary);font-size: 15px;font-weight: 600;margin: 0;flex: 1;text-transform: uppercase;letter-spacing: 0.5px}.section-icon{font-size: 18px;opacity: 0.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 0.3s ease;transition: background 0.2s ease}.result-item:hover{background: rgba(255,184,76,0.1)}@keyframes slideIn{from{opacity: 0;transform: translateX(-10px)}to{opacity: 1;transform: translateX(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 0.2s}.btn-clear:hover{background: rgba(255,184,76,0.1);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 0.2s}.stat-item:hover{background: rgba(255,184,76,0.1)}.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: 0.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 0;letter-spacing: -0.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,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: #ffffff;font-size: 14px;font-weight: 700;cursor: pointer;z-index: 20;box-shadow: 0 4px 20px rgba(4,4,5,0.4);transition: all 0.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 rgba(4,4,5,0.5)}.spin-button:active{transform: translate(-50%,-50%) scale(0.95)}.spin-button:disabled{cursor: not-allowed;opacity: 0.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 0.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 rgba(255,184,76,0.3)}.control-btn::after{content: attr(data-tooltip);position: absolute;bottom: -36px;left: 50%;transform: translateX(-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 0.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 0.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 rgba(255,184,76,0.15)}.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 0.2s;margin-top: 12px;letter-spacing: 0.3px}.btn-primary:hover{}.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);appearance: none;cursor: pointer}.range-wrapper input[type="range"]::-webkit-slider-thumb{appearance: none;width: 18px;height: 18px;border-radius: 50%;background: var(--brand-primary);cursor: pointer;box-shadow: 0 2px 6px rgba(255,184,76,0.4);transition: transform 0.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 0.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: 0.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 0.2s ease}.setting-item:hover{border-color: rgba(255,190,77,0.3);box-shadow: 0 4px 12px rgba(255,190,77,0.1)}.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: 0.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 0.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(0.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: 0.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 0.2s ease}.winning-label-group .setting-input:focus{outline: none;border-color: var(--brand-primary);box-shadow: 0 0 0 2px rgba(255,190,77,0.15)}.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 0.2s ease}.setting-toggle-item:hover{border-color: rgba(255,190,77,0.3);background: var(--bg-main)}.setting-toggle-item.active{border-color: var(--brand-primary);background: rgba(255,190,77,0.1)}.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 0.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 rgba(255,190,77,0.3)}.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: 0.3px;transition: color 0.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: rgba(255,190,77,0.08)}.result-modal{display: none;position: fixed;inset: 0;width: 100vw;height: 100vh;background: rgba(0,0,0,0.85);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 rgba(0,0,0,0.4);animation: modalPop 0.4s cubic-bezier(0.175,0.885,0.32,1.275);max-width: 90%}body:not(.dark-mode) .result-modal .result-content{background: #ffffff}.result-content{background: #1a1a1b;padding: 50px 60px;border-radius: 20px;text-align: center;border: 1px solid #ffbe4d;box-shadow: 0 30px 80px rgba(0,0,0,0.4);animation: modalPop 0.4s cubic-bezier(0.175,0.885,0.32,1.275);max-width: 90%}body:not(.dark-mode) .result-content{background: #ffffff}@keyframes modalPop{from{transform: scale(0.8) translateY(20px);opacity: 0}to{transform: scale(1) translateY(0);opacity: 1}}.result-decoration{margin-bottom: 16px;animation: bounce 0.6s ease infinite alternate;color: #ffbe4d}.result-decoration svg{width: 56px;height: 56px}@keyframes bounce{from{transform: translateY(0)}to{transform: translateY(-8px)}}.result-content h2{font-size: 38px;margin: 0 0 8px 0;color: #ffbe4d}.result-subtitle{color: rgba(255,255,255,0.7);font-size: 16px;margin: 0 0 28px 0}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 0.3s ease;letter-spacing: 0.3px}.result-content .btn-primary:hover{transform: translateY(-2px);box-shadow: 0 6px 20px rgba(255,184,76,0.35)}.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 0.3s ease,color 0.3s ease,transform 0.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: yellow;margin-bottom: 20px}.ad-placeholder-bottom{margin-top: 20px}@media (max-width: 1200px){:root{--sidebar-width: 260px}.wod-app{grid-template-columns: 260px 1fr 260px}.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 rgba(0,0,0,0.2)}.sidebar-left,.sidebar-right{left: 0;transform: translateX(-100%);transition: transform 0.3s ease;width: 100%;padding-top: 100px;padding-right: 100px}.sidebar-left.open,.sidebar-right.open{transform: translateX(0);display: flex}.panel-toggles,.mobile-toggles{display: flex}.wod-app.shared-wheel-view .panel-toggles,.wod-app.shared-wheel-view .mobile-toggles{display: none !important}.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 20px}.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: rgba(0,0,0,0.4);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 0.3s ease,color 0.3s ease,transform 0.3s ease,box-shadow 0.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 0.4s cubic-bezier(0.4,0,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,0.2);color: #fff;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all 0.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 0.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: 0.1s}.nav-overlay.show .nav-link:nth-child(2){transition-delay: 0.15s}.nav-overlay.show .nav-link:nth-child(3){transition-delay: 0.2s}.nav-overlay.show .nav-link:nth-child(4){transition-delay: 0.25s}.nav-overlay.show .nav-link:nth-child(5){transition-delay: 0.3s}.nav-overlay.show .nav-link:nth-child(6){transition-delay: 0.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 0.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,0.1);opacity: 0;transform: translateY(30px);transition: all 0.4s ease}.nav-overlay.show .nav-legal-links{opacity: 1;transform: translateY(0);transition-delay: 0.4s}.nav-link.nav-link-small{font-size: 16px;font-weight: 500;color: rgba(255,255,255,0.6);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 0.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: translateX(10px);transition: all 0.2s ease;z-index: 10000}.tools-dropdown.show{opacity: 1;visibility: visible;transform: translateX(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 0.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 0.3s ease;box-shadow: 0 4px 20px var(--shadow-color)}.match-up-slot:hover{border-color: rgba(255,190,77,0.3)}.match-up-slot.spinning{border-color: var(--brand-primary);box-shadow: 0 0 30px rgba(255,190,77,0.3)}.match-up-slot.winner{border-color: var(--brand-primary);animation: slotWin 0.5s ease}@keyframes slotWin{0%,100%{transform: scale(1)}50%{transform: scale(1.02)}}.slot-header{background: linear-gradient(135deg,#4a5568 0%,#2d3748 100%);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 0%,#1a202c 100%)}.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 rgba(255,190,77,0.4)}.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 rgba(255,190,77,0.5),0 0 0 4px rgba(255,190,77,0.2);border: 3px solid rgba(255,255,255,0.2)}.match-up-app .spin-button:hover{transform: scale(1.1);box-shadow: 0 12px 40px rgba(255,190,77,0.6),0 0 0 6px rgba(255,190,77,0.3)}.match-up-app .spin-button:active{transform: scale(0.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 0.2s ease}.mode-toggle-btn:hover{color: var(--text-primary);background: rgba(255,190,77,0.1)}.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 0.2s}.btn-add-image:hover{border-color: var(--brand-primary);color: var(--brand-primary);background: rgba(255,190,77,0.1)}.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: rgba(0,0,0,0.6);border: none;color: white;font-size: 14px;line-height: 1;cursor: pointer;display: flex;align-items: center;justify-content: center;opacity: 0;transition: opacity 0.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: 0.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 0.8s linear infinite;margin-bottom: 16px}@keyframes spin{to{transform: rotate(360deg)}}.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 0.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: 0.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 0.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 rgba(255,190,77,0.3);transition: box-shadow 0.3s ease,filter 0.3s ease;display: flex;align-items: center;justify-content: center}.generate-button:hover{box-shadow: 0 6px 20px rgba(255,190,77,0.5);filter: brightness(1.1)}.generate-button:active{filter: brightness(0.95)}.generate-button:disabled{opacity: 0.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 rgba(255,255,255,0.1);margin-bottom: 24px;transition: transform 0.3s ease,box-shadow 0.3s ease,border-color 0.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 rgba(255,190,77,0.2),inset 0 2px 10px rgba(255,255,255,0.1)}.emoji-display.clickable:active{transform: scale(0.95)}.emoji-display::before{content: '';position: absolute;inset: -8px;border-radius: 50%;border: 2px dashed var(--brand-primary);opacity: 0.3;animation: emoji-border-rotate 20s linear infinite}@keyframes emoji-border-rotate{from{transform: rotate(0deg)}to{transform: rotate(360deg)}}.emoji-display.spinning{animation: emoji-pulse 0.1s ease-in-out infinite}.emoji-display.spinning::before{animation: emoji-border-rotate 1s linear infinite}@keyframes emoji-pulse{0%,100%{transform: scale(1)}50%{transform: scale(1.05)}}.emoji-display.result-shown{animation: emoji-pop 0.4s ease-out}@keyframes emoji-pop{0%{transform: scale(0.8)}50%{transform: scale(1.1)}100%{transform: scale(1)}}.emoji-face{font-size: 140px;line-height: 1;transition: transform 0.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: white}.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 0.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 0.2s ease}.emoji-history-item:hover{background: var(--brand-primary);color: var(--brand-dark)}.emoji-history-item.copied{background: #22c55e;color: white}.history-emoji{font-size: 24px;line-height: 1}.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;padding-bottom: 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: rgba(4,4,5,0.85);backdrop-filter: blur(8px);display: flex;align-items: flex-start;justify-content: center;z-index: 10000;opacity: 0;visibility: hidden;transition: all 0.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,0.1));border-radius: 16px;padding: 32px;padding-bottom: 32px;max-width: 420px;width: 90%;position: relative;transform: scale(0.9) translateY(20px);transition: transform 0.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: translateX(-50%);background: rgba(255,190,77,0.15);border: 1px solid rgba(255,190,77,0.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%,100%{transform: translateX(-50%) translateY(0)}50%{transform: translateX(-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: rgba(255,255,255,0.05);border-radius: 8px;color: var(--text-muted,rgba(255,255,255,0.5));cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all 0.2s ease}.share-modal-close:hover{background: rgba(255,255,255,0.1);color: var(--text-primary,#fff)}.share-content{text-align: center}.share-icon{width: 80px;height: 80px;margin: 0 auto 20px;background: linear-gradient(135deg,rgba(255,190,77,0.2) 0%,rgba(255,190,77,0.05) 100%);border-radius: 50%;display: flex;align-items: center;justify-content: center;color: var(--brand-primary,#ffbe4d)}.share-icon.login-required{background: linear-gradient(135deg,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.02) 100%);color: var(--text-muted,rgba(255,255,255,0.5))}.share-content h3{font-family: 'Rubik',sans-serif;font-size: 22px;font-weight: 600;color: var(--text-primary,#fff);margin: 0 0 12px 0}.share-content p{font-size: 14px;color: var(--text-muted,rgba(255,255,255,0.5));line-height: 1.6;margin: 0 0 24px 0}.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,0.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 0.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,0.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 0.2s ease}.btn-share-generate:hover{background: #ffc966;transform: translateY(-2px);box-shadow: 0 8px 24px rgba(255,190,77,0.3)}.btn-share-generate:disabled{opacity: 0.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 0.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 0.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 rgba(255,190,77,0.3)}.btn-share-register{background: rgba(255,255,255,0.05);border: 1px solid rgba(255,255,255,0.1);color: var(--text-primary,#fff)}.btn-share-register:hover{background: rgba(255,255,255,0.1);border-color: rgba(255,255,255,0.2)}body:not(.dark-mode) .share-modal-content,.wod-app.light-mode .share-modal-content{background: #ffffff;border-color: rgba(0,0,0,0.1)}body:not(.dark-mode) .share-modal-close,.wod-app.light-mode .share-modal-close{background: rgba(0,0,0,0.05);color: #505152}body:not(.dark-mode) .share-modal-close:hover,.wod-app.light-mode .share-modal-close:hover{background: rgba(0,0,0,0.1);color: #040405}body:not(.dark-mode) .share-icon.login-required,.wod-app.light-mode .share-icon.login-required{background: linear-gradient(135deg,rgba(0,0,0,0.05) 0%,rgba(0,0,0,0.02) 100%);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: rgba(0,0,0,0.1);color: #040405}body:not(.dark-mode) .btn-share-register,.wod-app.light-mode .btn-share-register{background: rgba(0,0,0,0.05);border-color: rgba(0,0,0,0.1);color: #040405}body:not(.dark-mode) .btn-share-register:hover,.wod-app.light-mode .btn-share-register:hover{background: rgba(0,0,0,0.1)}body:not(.dark-mode) .share-scroll-indicator,.wod-app.light-mode .share-scroll-indicator{background: rgba(255,190,77,0.2);border-color: rgba(255,190,77,0.4);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,0.1));border-radius: 8px;color: var(--text-primary,#fff);font-size: 14px;font-family: inherit;transition: all 0.2s ease}.share-form-input:focus{outline: none;border-color: var(--brand-primary,#ffbe4d);box-shadow: 0 0 0 3px rgba(255,190,77,0.1)}.share-form-input::placeholder{color: var(--text-muted,rgba(255,255,255,0.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,0.1));border-radius: 10px;cursor: pointer;transition: all 0.2s ease;text-align: center}.share-radio-option:hover{border-color: rgba(255,255,255,0.2);background: rgba(255,255,255,0.05)}.share-radio-option.active{border-color: var(--brand-primary,#ffbe4d);background: rgba(255,190,77,0.1)}.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: rgba(255,255,255,0.05);border-radius: 8px;color: var(--text-muted,rgba(255,255,255,0.5));transition: all 0.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,0.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,0.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: rgba(0,0,0,0.1);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: rgba(0,0,0,0.1)}body:not(.dark-mode) .share-radio-option:hover,.wod-app.light-mode .share-radio-option:hover{border-color: rgba(0,0,0,0.2);background: rgba(0,0,0,0.05)}body:not(.dark-mode) .share-radio-option.active,.wod-app.light-mode .share-radio-option.active{border-color: var(--brand-primary,#ffbe4d);background: rgba(255,190,77,0.15)}body:not(.dark-mode) .share-radio-option .radio-icon,.wod-app.light-mode .share-radio-option .radio-icon{background: rgba(0,0,0,0.05);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: rgba(255,190,77,0.15);border: 1px solid rgba(255,190,77,0.3);color: var(--brand-primary,#ffbe4d)}.spin-limit-banner.no-spins{background: rgba(239,68,68,0.15);border: 1px solid rgba(239,68,68,0.3);color: #ef4444}.spin-limit-banner svg{flex-shrink: 0}.wod-app.light-mode .spin-limit-banner.has-spins{background: rgba(255,190,77,0.2);color: #b8860b}.wod-app.light-mode .spin-limit-banner.no-spins{background: rgba(239,68,68,0.1);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: rgba(255,190,77,0.1);border: 1px solid rgba(255,190,77,0.2);color: var(--brand-primary,#ffbe4d)}.shared-wheel-spin-count svg{flex-shrink: 0;animation: spin-icon 2s linear infinite}@keyframes spin-icon{from{transform: rotate(0deg)}to{transform: rotate(360deg)}}.shared-wheel-spin-count .spin-count-label{opacity: 0.8}.shared-wheel-spin-count .spin-count-number{font-weight: 700;font-size: 16px}.wod-app.light-mode .shared-wheel-spin-count{background: rgba(255,190,77,0.15);border: 1px solid rgba(255,190,77,0.3);color: #b8860b}.wheel-login-required-overlay{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(4,4,5,0.9);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,0.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 0}.login-required-content p{font-size: 14px;color: var(--text-muted,rgba(255,255,255,0.6));line-height: 1.6;margin: 0 0 24px 0}.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 0.2s ease}.btn-login-wheel:hover{background: #ffc966;transform: translateY(-2px);box-shadow: 0 8px 24px rgba(255,190,77,0.3)}.spin-button.disabled{opacity: 0.5;cursor: not-allowed;pointer-events: none}.wod-app.light-mode .wheel-login-required-overlay{background: rgba(255,255,255,0.95)}.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,0.1));border-radius: 12px;cursor: pointer;transition: all 0.2s ease;position: relative}.share-toggle-option:hover{border-color: rgba(255,190,77,0.5);background: rgba(255,190,77,0.08)}.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: rgba(255,190,77,0.1);border-color: #ffbe4d}.share-toggle-option .radio-icon{flex-shrink: 0;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;background: rgba(255,255,255,0.05);border-radius: 10px;transition: all 0.2s ease}.share-toggle-option.active .radio-icon{background: #ffbe4d}.share-toggle-option .radio-icon svg{stroke: #ffbe4d;transition: all 0.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,0.5));line-height: 1.4}body:not(.dark-mode) .share-toggle-option,.wod-app.light-mode .share-toggle-option{background: #f5f5f5;border-color: rgba(0,0,0,0.1)}body:not(.dark-mode) .share-toggle-option:hover,.wod-app.light-mode .share-toggle-option:hover{background: rgba(255,190,77,0.1);border-color: rgba(255,190,77,0.5)}body:not(.dark-mode) .share-toggle-option.active,.wod-app.light-mode .share-toggle-option.active{background: rgba(255,190,77,0.15);border-color: #ffbe4d}body:not(.dark-mode) .share-toggle-option .radio-icon,.wod-app.light-mode .share-toggle-option .radio-icon{background: rgba(0,0,0,0.05)}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: rgba(0,0,0,0.6)}.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{display: none !important}.wod-app.shared-wheel-view .entries-section,.main.shared-wheel-view .entries-section{display: none !important}.wod-app.shared-wheel-view #removeWinnerToggle,.main.shared-wheel-view #removeWinnerToggle{display: none !important}.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: rgba(255,190,77,0.15);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 0}.previous-result-view .result-subtitle{font-size: 16px;color: var(--text-muted,rgba(255,255,255,0.5));margin: 0 0 32px 0}.previous-result-view .result-card{display: flex;flex-direction: column;align-items: center;gap: 8px;padding: 32px 48px;background: linear-gradient(135deg,rgba(255,190,77,0.2) 0%,rgba(255,190,77,0.1) 100%);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,0.5));margin: 0 0 32px 0}.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 0.2s ease}.btn-back-home:hover{background: #ffc94d;transform: translateY(-2px);box-shadow: 0 8px 24px rgba(255,190,77,0.3)}.btn-back-home svg{stroke: currentColor}.unique-results-banner{display: flex;align-items: center;justify-content: center;gap: 8px;padding: 10px 16px;background: rgba(168,85,247,0.15);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,0.05));border-radius: 12px;padding: 16px;border: 1px solid var(--border-color,rgba(255,255,255,0.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,0.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,0.5));background: var(--bg-tertiary,rgba(255,255,255,0.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,0.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,0.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,0.1));border: none;border-radius: 8px;color: var(--text-primary,#fff);font-size: 13px;font-weight: 500;cursor: pointer;transition: all 0.2s ease}.user-spin-history .load-more-btn:hover{background: var(--bg-hover,rgba(255,255,255,0.15))}.user-spin-history .load-more-btn:disabled{opacity: 0.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,0.3);border-top-color: var(--brand-primary,#ffbe4d);border-radius: 50%;animation: spin 0.8s linear infinite}[data-theme="light"] .user-spin-history{background: rgba(0,0,0,0.03);border-color: rgba(0,0,0,0.1)}[data-theme="light"] .user-spin-history .spin-history-header{border-color: rgba(0,0,0,0.1);color: #1a1a2e}[data-theme="light"] .user-spin-history .spin-history-count{background: rgba(0,0,0,0.08);color: rgba(0,0,0,0.5)}[data-theme="light"] .user-spin-history .spin-history-item{border-color: rgba(0,0,0,0.05)}[data-theme="light"] .user-spin-history .spin-result{color: #1a1a2e}[data-theme="light"] .user-spin-history .spin-date{color: rgba(0,0,0,0.5)}[data-theme="light"] .user-spin-history .load-more-btn{background: rgba(0,0,0,0.08);color: #1a1a2e}[data-theme="light"] .user-spin-history .load-more-btn:hover{background: rgba(0,0,0,0.12)}[data-theme="light"] .loading-spinner-small{border-color: rgba(0,0,0,0.2);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: rgba(239,68,68,0.15);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 0}.wheel-not-found-view .not-found-message{font-size: 16px;color: var(--text-muted,rgba(255,255,255,0.5));margin: 0 0 32px 0;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 0.2s ease}.btn-go-home:hover{background: #ffc94d;transform: translateY(-2px);box-shadow: 0 8px 24px rgba(255,190,77,0.3)}.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: rgba(0,0,0,0.5)}.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: rgba(34,197,94,0.15);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 0}.all-claimed-view .claimed-subtitle{font-size: 16px;color: var(--text-muted,rgba(255,255,255,0.5));margin: 0 0 32px 0;max-width: 300px}.wod-app.light-mode .previous-result-view .result-title,.wod-app.light-mode .all-claimed-view .claimed-title{color: #040405}.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: 0.8}.shared-wheel-message{font-size: 14px;color: var(--text-muted);line-height: 1.6;margin: 0 0 24px 0;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 0.2s ease}.btn-create-own:hover{background: #ffc861;transform: translateY(-1px);box-shadow: 0 4px 12px rgba(255,190,77,0.3)}.btn-create-own svg{flex-shrink: 0}body.dark-mode .shared-wheel-message{color: rgba(255,255,255,0.6)}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 0.2s ease;text-align: left}.filter-toggle-btn:hover{border-color: var(--brand-primary);background: rgba(255,190,77,0.05)}.filter-toggle-btn.active{background: rgba(255,190,77,0.15);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 0.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: 0.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: rgba(255,190,77,0.08)}body.dark-mode .filter-toggle-btn.active{background: rgba(255,190,77,0.12)}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: translateX(-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 0%,#0d0d0e 100%);border: 3px dashed rgba(255,190,77,0.4);display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all 0.3s ease;box-shadow: 0 20px 60px rgba(0,0,0,0.5),inset 0 2px 20px rgba(0,0,0,0.3)}.emoji-display:hover{transform: scale(1.02);border-color: rgba(255,190,77,0.6)}.emoji-display:active{transform: scale(0.98)}.emoji-display.spinning{animation: emojiSpin 0.1s linear infinite}.emoji-display.result-shown{animation: emojiPop 0.3s ease-out}@keyframes emojiSpin{0%{transform: scale(1)}50%{transform: scale(1.1)}100%{transform: scale(1)}}@keyframes emojiPop{0%{transform: scale(0.8)}50%{transform: scale(1.15)}100%{transform: scale(1)}}.emoji-result{font-size: 120px;line-height: 1;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 0.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: white}.emoji-control-btn[data-tooltip]:hover::after{content: attr(data-tooltip);position: absolute;bottom: -32px;left: 50%;transform: translateX(-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 0%,#e0e0e2 100%);border-color: rgba(255,190,77,0.5);box-shadow: 0 20px 60px rgba(0,0,0,0.1),inset 0 2px 20px rgba(0,0,0,0.05)}.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 0.2s ease;min-height: 80px}.category-btn:hover{background: rgba(255,190,77,0.15)}.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 0.2s ease}.emoji-history-item:hover{background: rgba(255,190,77,0.1)}.emoji-history-item.copied{background: rgba(76,175,80,0.2)}.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: rgba(255,190,77,0.08)}body.dark-mode .category-btn.active{background: rgba(255,190,77,0.12)}@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)}}
.mq-screen{display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;min-height: 320px;padding: 24px 16px}.math-quiz-center{position: relative}.mq-screen.hidden{display: none}.mq-setup-icon{color: var(--text-tertiary,#6b7280);margin-bottom: 16px;opacity: 0.5}.mq-setup-text{font-size: 15px;color: var(--text-secondary,#9ca3af);text-align: center;max-width: 280px;line-height: 1.5}.mq-quiz-screen{justify-content: flex-start;gap: 20px}.mq-progress{width: 100%;height: 6px;background: var(--surface-secondary,rgba(255,255,255,0.06));border-radius: 3px;overflow: hidden}.mq-progress-bar{height: 100%;width: 0%;background: linear-gradient(90deg,#f59e0b,#ffbe4d);border-radius: 3px;transition: width 0.4s ease}.mq-quiz-meta{display: flex;justify-content: space-between;align-items: center;width: 100%}.mq-question-count{font-size: 13px;font-weight: 600;color: var(--text-secondary,#9ca3af)}.mq-timer{font-size: 13px;font-weight: 700;color: #ffbe4d;font-variant-numeric: tabular-nums;background: var(--surface-secondary,rgba(255,255,255,0.06));padding: 4px 10px;border-radius: 6px}.mq-question{display: flex;align-items: center;justify-content: center;gap: 12px;flex-wrap: wrap;padding: 20px 0}.mq-operand{font-size: 42px;font-weight: 700;color: var(--text-primary,#f3f4f6);font-variant-numeric: tabular-nums;line-height: 1}.mq-operator{font-size: 32px;font-weight: 600;color: #ffbe4d;line-height: 1}.mq-equals{font-size: 32px;font-weight: 600;color: var(--text-tertiary,#6b7280);line-height: 1}.mq-answer-slot{font-size: 42px;font-weight: 700;color: #ffbe4d;min-width: 80px;text-align: center;padding: 8px 16px;background: var(--surface-secondary,rgba(255,255,255,0.06));border-radius: 12px;border: 2px dashed var(--border-primary,rgba(255,255,255,0.08));line-height: 1;transition: all 0.3s ease}.mq-answer-slot.correct{border-color: #22c55e;background: rgba(34,197,94,0.1);color: #22c55e}.mq-answer-slot.incorrect{border-color: #ef4444;background: rgba(239,68,68,0.1);color: #ef4444}.mq-choices{display: grid;grid-template-columns: 1fr 1fr;gap: 10px;width: 100%;max-width: 360px}.mq-choice-btn{display: flex;align-items: center;justify-content: center;padding: 14px 12px;font-size: 20px;font-weight: 700;font-variant-numeric: tabular-nums;color: var(--text-primary,#f3f4f6);background: var(--surface-secondary,rgba(255,255,255,0.06));border: 2px solid var(--border-primary,rgba(255,255,255,0.08));border-radius: 12px;cursor: pointer;transition: all 0.2s ease;-webkit-user-select: none;user-select: none}.mq-choice-btn:hover:not(:disabled){border-color: #ffbe4d;background: rgba(255,190,77,0.08);transform: translateY(-1px)}.mq-choice-btn:active:not(:disabled){transform: translateY(0)}.mq-choice-btn:disabled{cursor: default;opacity: 0.6}.mq-choice-btn.correct{border-color: #22c55e;background: rgba(34,197,94,0.15);color: #22c55e}.mq-choice-btn.incorrect{border-color: #ef4444;background: rgba(239,68,68,0.15);color: #ef4444}.mq-feedback{display: flex;align-items: center;gap: 8px;font-size: 15px;font-weight: 600;padding: 8px 16px;border-radius: 8px;transition: opacity 0.3s ease}.mq-feedback.hidden{display: none}.mq-feedback.correct{color: #22c55e;background: rgba(34,197,94,0.1)}.mq-feedback.incorrect{color: #ef4444;background: rgba(239,68,68,0.1)}.mq-feedback-icon{font-size: 18px}.mq-results-screen{gap: 16px}.mq-results-badge{color: #ffbe4d;margin-bottom: 4px}.mq-results-badge.gold{color: #facc15}.mq-results-badge.silver{color: #94a3b8}.mq-results-badge.bronze{color: #f97316}.mq-results-title{font-size: 20px;font-weight: 700;color: var(--text-primary,#f3f4f6);margin: 0}.mq-results-score{display: flex;align-items: baseline;gap: 4px}.mq-score-value{font-size: 56px;font-weight: 800;color: #ffbe4d;line-height: 1;font-variant-numeric: tabular-nums}.mq-score-divider{font-size: 32px;font-weight: 600;color: var(--text-tertiary,#6b7280)}.mq-score-total{font-size: 32px;font-weight: 600;color: var(--text-tertiary,#6b7280);font-variant-numeric: tabular-nums}.mq-results-details{display: flex;gap: 24px;margin-top: 8px}.mq-result-detail{display: flex;flex-direction: column;align-items: center;gap: 4px}.mq-detail-label{font-size: 11px;font-weight: 600;color: var(--text-tertiary,#6b7280);text-transform: uppercase;letter-spacing: 0.05em}.mq-detail-value{font-size: 16px;font-weight: 700;color: var(--text-primary,#f3f4f6);font-variant-numeric: tabular-nums}.mq-btn{display: inline-flex;align-items: center;justify-content: center;gap: 8px;padding: 12px 24px;font-size: 14px;font-weight: 600;border-radius: 10px;border: none;cursor: pointer;transition: all 0.2s ease}.mq-btn-primary{background: linear-gradient(135deg,#f59e0b,#ffbe4d);color: #040405;box-shadow: 0 2px 8px rgba(255,190,77,0.3)}.mq-btn-primary:hover{transform: translateY(-1px);box-shadow: 0 4px 16px rgba(255,190,77,0.4)}.mq-btn-primary:active{transform: translateY(0)}.mq-start-btn{width: 100%;margin-top: 8px;padding: 14px 24px;font-size: 15px}.math-quiz-app .category-emoji{color: #fff;font-weight: 700}.math-quiz-app .category-btn.active .category-emoji{color: #040405}.mq-setting-group{margin-bottom: 16px}.mq-setting-label{display: block;font-size: 12px;font-weight: 600;color: var(--text-secondary,#9ca3af);text-transform: uppercase;letter-spacing: 0.05em;margin-bottom: 8px}.mq-difficulty-options,.mq-question-options{display: flex;gap: 6px}.mq-difficulty-btn,.mq-question-btn{flex: 1;padding: 8px 4px;font-size: 13px;font-weight: 600;color: var(--text-secondary,#9ca3af);background: var(--surface-secondary,rgba(255,255,255,0.06));border: 1.5px solid var(--border-primary,rgba(255,255,255,0.08));border-radius: 8px;cursor: pointer;transition: all 0.2s ease;text-align: center}.mq-difficulty-btn:hover,.mq-question-btn:hover{border-color: #ffbe4d;color: var(--text-primary,#f3f4f6)}.mq-difficulty-btn.active,.mq-question-btn.active{background: rgba(255,190,77,0.15);border-color: #ffbe4d;color: #ffbe4d}.mq-controls{margin-top: 16px}.mq-controls .hidden{display: none}.math-quiz-app.is-fullscreen{position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;z-index: 99999;background: var(--bg-main,#040405);display: flex;align-items: center;justify-content: center}.math-quiz-app.is-fullscreen .sidebar,.math-quiz-app.is-fullscreen .ad-hor,.math-quiz-app.is-fullscreen .ad-ver,.math-quiz-app.is-fullscreen .wheel-title{display: none !important}.math-quiz-app.is-fullscreen .content{width: 100%;max-width: 600px;margin: 0 auto}.math-quiz-app.is-fullscreen .wheel{display: flex;align-items: center;justify-content: center}.math-quiz-app.is-fullscreen .math-quiz-center{width: 100%;padding: 40px 24px}.math-quiz-app.is-fullscreen .mq-operand{font-size: 56px}.math-quiz-app.is-fullscreen .mq-operator,.math-quiz-app.is-fullscreen .mq-equals{font-size: 42px}.math-quiz-app.is-fullscreen .mq-answer-slot{font-size: 56px;min-width: 100px}.math-quiz-app.is-fullscreen .mq-choice-btn{padding: 18px 16px;font-size: 24px}.math-quiz-app.is-fullscreen .mq-choices{max-width: 440px}.math-quiz-app.is-fullscreen .mq-score-value{font-size: 72px}@media (max-width: 768px){.mq-question{gap: 8px}.mq-operand{font-size: 32px}.mq-operator,.mq-equals{font-size: 24px}.mq-answer-slot{font-size: 32px;min-width: 64px;padding: 6px 12px}.mq-choices{max-width: 100%}.mq-choice-btn{padding: 12px 10px;font-size: 18px}.mq-score-value{font-size: 44px}.mq-results-details{gap: 16px}}
.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: rgba(255,255,255,0.7);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}}