#shareBtn,body{font-family:Roboto,sans-serif}#wheelTitle,#winnerText{margin-bottom:0}#wheelDescription,#winnerText{margin-top:0}.danger,.modal-save-btn,.primary{text-shadow:0 -1px 1px rgba(0,0,0,.2)}#shareBtn,#toastNotification{background-color:var(--primary-color)}:root{--bg-color:#f0f2f5;--surface-color:#ffffff;--text-color:#0b0b0b;--text-color-secondary:#65676b;--border-color:#ced0d4;--primary-color:#1877f2;--primary-color-hover:#166fe5;--danger-color:#fa383e;--shadow-dark:rgba(0, 0, 0, 0.15);--shadow-light:rgba(255, 255, 255, 0.7);--bg-color-depressed:#e6e9ef}body.dark-theme{--bg-color:#18191a;--surface-color:#242526;--text-color:#e4e6eb;--text-color-secondary:#b0b3b8;--border-color:#3a3b3c;--shadow-dark:rgba(0, 0, 0, 0.3);--shadow-light:rgba(255, 255, 255, 0.05);--bg-color-depressed:#1c1d1f}body{background-color:var(--bg-color);color:var(--text-color);margin:0;line-height:1.5;transition:background-color .3s,color .3s}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.focus-mode-header,.site-header{background-color:var(--surface-color);border-bottom:1px solid var(--border-color);padding:.5rem 0;box-shadow:0 2px 4px rgba(0,0,0,.05)}.focus-mode-header .container,.site-header .container{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;color:var(--primary-color);text-decoration:none;margin-right:1.5rem}#shareBtn,.nav-button,.nav-button-icon{font-weight:500;box-shadow:5px 5px 10px var(--shadow-dark),-5px -5px 10px var(--shadow-light);cursor:pointer}.palette-item,.site-nav{display:flex;align-items:center;gap:.5rem}.nav-button,.nav-button-icon{background-color:var(--bg-color);border:1px solid transparent;color:var(--text-color);padding:.5rem 1rem;font-size:1rem;border-radius:8px;transition:.15s ease-in-out}.title-block,.wheel-pointer{transition:background-color .2s}.nav-button-icon{padding:.5rem}.nav-button-icon:hover,.nav-button:hover{box-shadow:7px 7px 14px var(--shadow-dark),-7px -7px 14px var(--shadow-light)}.nav-button-icon:active,.nav-button:active{color:var(--primary-color);transform:translateY(1px);box-shadow:inset 3px 3px 6px var(--shadow-dark),inset -3px -3px 6px var(--shadow-light)}.nav-button-icon svg{width:24px;height:24px;fill:currentColor}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;right:0;background-color:var(--surface-color);min-width:160px;box-shadow:0 8px 16px rgba(0,0,0,.2);z-index:1001;border-radius:8px;overflow:hidden}.dropdown-content a,.dropdown-content button{color:var(--text-color);padding:12px 16px;text-decoration:none;display:block;width:100%;text-align:left;border:none;background:0 0;cursor:pointer}.dropdown-content a:hover,.dropdown-content button:hover{background-color:rgba(0,0,0,.05)}#mobileDropdown.show,.dropdown-content.show,.faq-item.open .faq-content,.modal-tab-content.active{display:block}#addEntryBtn,#customizeModal .close-btn,#titleModal .close-btn,.focus-mode-header,.mobile-only,.modal-tab-content,body.focus-mode .editor-section,body.focus-mode .main-footer,body.focus-mode .simple-banner,body.focus-mode .site-header,body.focus-mode .text-content-block,body.focus-mode .wheel-actions{display:none}.title-block{text-align:center;padding:1rem 0;position:relative;cursor:pointer;min-height:40px}.constructor-layout{display:flex;gap:2rem;align-items:flex-start}.wheel-section{flex:2;display:flex;flex-direction:column;align-items:center;gap:1.5rem;overflow:visible}.wheel-container{position:relative;width:100%;max-width:600px;overflow:visible}#wheelCanvas{width:100%;height:auto;visibility:hidden}#wheelCanvas.loaded{visibility:visible}.wheel-pointer{position:absolute;top:50%;right:0;transform:translateY(-50%);width:0;height:0;z-index:10;background-color:var(--danger-color)}.wheel-pointer-visual{width:30px;height:40px;background-color:inherit;position:absolute;top:0;left:0;transform:translate(-20px,-22px) rotate(180deg);clip-path:polygon(0 0,100% 50%,0 100%);filter:drop-shadow(-2px 4px 4px rgba(0, 0, 0, .25))}.wheel-pointer-visual::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.4) 0,rgba(255,255,255,0) 50%);clip-path:inherit}.modal-tabs,.wheel-actions{display:flex;gap:1rem}#shareBtn{color:#fff;border:none;padding:8px 12px;font-size:.95rem;letter-spacing:.3px;border-radius:8px;transition:.2s ease-in-out;display:flex;align-items:center;gap:6px}#shareBtn:hover{background-color:var(--primary-color-hover);transform:translateY(-1px);box-shadow:6px 6px 12px var(--shadow-dark),-6px -6px 12px var(--shadow-light)}#shareBtn:active{transform:translateY(1px);box-shadow:inset 3px 3px 6px rgba(0,0,0,.2)}.editor-section{flex:1;min-width:340px;background-color:var(--bg-color-depressed,#e6e9ef);border:none;border-radius:12px;box-shadow:inset 4px 4px 8px var(--shadow-dark,#d1d9e6),inset -4px -4px 8px var(--shadow-light,#fff);display:flex;flex-direction:column;height:600px;overflow:hidden}.editor-tabs{display:flex;border-bottom:1px solid var(--border-color)}.tab-button{flex:1;padding:1rem;border:none;background:0 0;cursor:pointer;font-size:1rem;color:var(--text-color-secondary);border-bottom:2px solid transparent}.modal-tab-button.active,.tab-button.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.tab-content{flex-grow:1;display:none;flex-direction:column;padding:1rem;overflow:hidden}.tab-content.active{display:flex}.editor-toolbar{display:flex;gap:.5rem;margin-bottom:1rem;flex-shrink:0}.editor-toolbar button{background:0 0;border:1px solid var(--border-color);padding:.5rem;border-radius:4px}.advanced-editor-list,.editor-textarea,.results-list{flex-grow:1;border:1px solid var(--border-color);border-radius:6px;padding:.5rem;font-family:inherit;font-size:1rem;background-color:var(--bg-color);color:var(--text-color);overflow-y:auto}.editor-textarea{resize:none;white-space:pre;overflow-x:auto}.add-entry-btn{margin-top:1rem;width:100%;padding:.5rem;flex-shrink:0}.advanced-editor-list .advanced-editor-card{display:flex;align-items:center;gap:.5rem;padding:0;border-radius:4px;margin-bottom:.5rem;background-color:var(--surface-color)}.drag-handle{cursor:grab;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;width:24px}.card-content{flex-grow:1;display:flex;align-items:center;gap:.5rem;min-width:0}#burger-menu,.card-image-wrapper,.pickr{position:relative}.card-thumbnail{width:30px;height:30px;object-fit:cover;border-radius:4px}.delete-card-image-btn{position:absolute;top:-5px;right:-5px;width:16px;height:16px;border-radius:50%;background-color:var(--danger-color);color:#fff;border:none;font-size:10px;line-height:16px;text-align:center;cursor:pointer}.dropdown-item,.faq-item h3{text-align:left;cursor:pointer}.card-text-input{flex-grow:1;width:100%;border:none;background:0 0;color:var(--text-color);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-controls{display:flex;gap:.25rem;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.card-control-btn{background:0 0;border:none;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.advanced-editor-card.dragging{opacity:.5}.drag-over{background-color:var(--primary-color-hover)!important;opacity:.3}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.5);justify-content:center;align-items:center}.modal.show{display:flex;animation:.2s ease-out forwards modalFadeIn}@keyframes modalFadeIn{from{background-color:rgba(0,0,0,0)}to{background-color:rgba(0,0,0,.5)}}@keyframes modalSlideUp{from{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-content{background-color:var(--bg-color);border-radius:12px;box-shadow:5px 5px 15px var(--shadow-dark),-5px -5px 15px var(--shadow-light);width:90%;max-width:500px;display:flex;flex-direction:column;max-height:90vh;border:1px solid rgba(0,0,0,.05);animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards modalSlideUp}.modal-close-btn,.modal-save-btn,.primary{box-shadow:5px 5px 10px var(--shadow-dark),-5px -5px 10px var(--shadow-light);transition:.15s ease-in-out}.modal-content.large{max-width:800px}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color)}.modal-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:1rem 1.5rem;border-top:1px solid var(--border-color)}.close-btn{font-size:1.5rem;font-weight:700;background:0 0;border:none;cursor:pointer;color:var(--text-color-secondary)}.winner-popup .winner-popup-header{padding:1rem 1.5rem;text-align:center;border:none;color:#fff;border-top-left-radius:12px;border-top-right-radius:12px}.winner-popup .winner-popup-body{text-align:center;font-size:2rem;font-weight:700;padding:10px 1.5rem}#winnerText{word-break:break-word}.winner-popup .winner-popup-header h2{margin-top:0;margin-bottom:0}body.focus-mode .focus-mode-header{display:block;position:fixed;top:0;left:0;right:0;z-index:1001}body.focus-mode main.container{position:fixed;top:0;left:0;width:100vw;height:100vh;max-width:none;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:60px 1rem 1rem;box-sizing:border-box}body.focus-mode .title-block{flex-shrink:0;padding-bottom:1rem}body.focus-mode .constructor-layout{flex-grow:1;width:100%;display:flex;justify-content:center;align-items:center;gap:0}body.focus-mode .wheel-section{height:100%;width:100%;max-height:none}body.focus-mode .wheel-container{width:auto;height:100%;max-width:100%;aspect-ratio:1/1;position:relative}body.focus-mode #wheelCanvas{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}hr{border:none;border-top:1px solid var(--border-color);margin:1.5rem 0}.modal-close-btn,.modal-save-btn,button{cursor:pointer;font-family:inherit}.modal-save-btn,.primary{background:linear-gradient(145deg,var(--primary-color),#005bb5);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:8px;font-weight:500}#mobileDropdown,.image-preview,.modal-close-btn{background-color:var(--bg-color)}.modal-save-btn:hover,.primary:hover{background-color:var(--primary-color-hover);background-color:transparent;background:linear-gradient(145deg,#1a8cff,#006ce5)}.modal-close-btn{border:1px solid transparent;color:var(--text-color);padding:.6rem 1.2rem;border-radius:8px}.danger:active,.modal-close-btn:active,.modal-save-btn:active,.preset-card:active{transform:translateY(1px);box-shadow:inset 3px 3px 6px var(--shadow-dark),inset -3px -3px 6px var(--shadow-light)}.setting-group label{display:block;font-weight:500}.setting-group input[type=range],.setting-group input[type=text],.setting-group select{width:100%;padding:.5rem;border-radius:4px;border:1px solid var(--border-color);background-color:var(--bg-color);color:var(--text-color);box-sizing:border-box}.setting-group input[type=range]{padding:0}.setting-group input[type=email],.setting-group input[type=text],.setting-group select,.setting-group textarea{background-color:var(--bg-color-depressed,#e6e9ef);padding:.6rem 1rem;box-shadow:inset 2px 2px 5px var(--shadow-dark),inset -2px -2px 5px var(--shadow-light);color:var(--text-color)}.palette-controls{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.image-upload-control,.sound-control{display:flex;align-items:center;gap:1rem}.image-preview{width:60px;height:60px;border:2px dashed var(--border-color);border-radius:6px;background-size:cover;background-position:center}.checkbox-group{display:flex;flex-direction:column;gap:.5rem}.checkbox-group label,.checkbox-group.single-line label{display:flex;align-items:center;gap:.5rem;font-weight:400}.checkbox-group.single-line{margin-top:.5rem}.pickr .pcr-button{width:24px;height:24px;border-radius:50%;border:2px solid var(--border-color)}.pickr .pcr-button::before{border-radius:50%}.pcr-app{z-index:1002}.color-picker-placeholder{width:24px;height:24px;border-radius:50%;border:2px solid var(--border-color);cursor:pointer}#titleModal .modal-body label{display:block;margin-bottom:.5rem}#titleModal .modal-body input[type=text],#titleModal .modal-body textarea{display:block;width:100%;box-sizing:border-box;margin-bottom:1.5rem}#titleModal .modal-body textarea{min-height:80px}#titleBlock{padding-top:0;padding-bottom:0}#titleModal .modal-footer #titleModalClearBtn{margin-right:auto;background-color:var(--danger-color);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:6px;font-weight:500}#titleModal .modal-header{justify-content:center}.title-block:hover{background-color:rgba(0,0,0,.03);border-radius:8px}.dropdown-item-icon{display:flex;align-items:center;gap:12px}.dropdown-item-icon svg{width:20px;height:20px;fill:currentColor}.modal-tab-button{background:var(--bg-color);border:2px solid transparent;border-radius:8px;padding:.5rem 1rem;cursor:pointer;font-weight:500;color:var(--text-color);box-shadow:3px 3px 6px var(--shadow-dark),-3px -3px 6px var(--shadow-light);transition:.15s ease-in-out}.danger,.faq-item{box-shadow:5px 5px 10px var(--shadow-dark),-5px -5px 10px var(--shadow-light)}.modal-tab-button:hover{transform:translateY(-1px)}.modal-tab-button.active{color:var(--primary-color);transform:translateY(1px);box-shadow:inset 2px 2px 5px var(--shadow-dark),inset -2px -2px 5px var(--shadow-light)}.setting-group select{border:1px solid transparent;border-radius:8px;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:1em}@media (max-height:700px){.editor-section{width:100%;height:50vh;min-height:300px;max-height:600px;margin:20px 0}}#burgerBtn{width:42px;height:42px;padding:0;display:flex;align-items:center;justify-content:center;font-size:1.5rem}#mobileDropdown{position:absolute;top:100%;right:0;margin-top:10px;min-width:180px;white-space:nowrap;box-shadow:10px 10px 15px var(--shadow-dark),-10px -10px 15px var(--shadow-light);border-radius:12px;padding:.5rem;z-index:1002;display:none}.dropdown-item{width:100%;background:0 0;border:none;padding:.75rem 1rem;border-radius:8px;color:var(--text-color);font-size:1rem;font-weight:500;display:block}#toastNotification,.danger{color:#fff;font-weight:500}.dropdown-item:hover{background-color:var(--bg-color-depressed);color:var(--primary-color)}.dropdown-separator{height:1px;background-color:var(--border-color);margin:.5rem 0}@media (max-width:799px){.container{ppadding-left:20px;padding-right:20px}.text-content-block{padding-left:20px;padding-right:20px}.constructor-layout{flex-direction:column;align-items:center;gap:2rem}.editor-section,.wheel-section{width:100%}.editor-section{width:100%;height:50vh;min-height:300px;max-height:600px;margin:20px 0}.logo{font-size:1.2rem;margin-right:.5rem}.nav-button{padding:.4rem .6rem;font-size:.9rem}.nav-button-icon{padding:.4rem}.site-nav{gap:.25rem}#wheelTitle{font-size:1.5rem}.modal-body{padding:1rem}.modal-footer,.modal-header{padding:.75rem 1rem}.desktop-nav{display:none!important}.mobile-only{display:flex!important;align-items:center;gap:5px}}.danger{background:linear-gradient(145deg,#e53935,#b71c1c);border:none;padding:.6rem 1.2rem;border-radius:8px;transition:.15s ease-in-out;cursor:pointer}.faq-item,.main-footer{background-color:var(--bg-color)}.danger:hover{background:linear-gradient(145deg,#f44336,#c62828)}.setting-group input[type=email],.setting-group input[type=text],.setting-group textarea{border:1px solid transparent;border-radius:8px;width:100%;box-sizing:border-box;font-family:inherit;font-size:1rem;resize:vertical}.honeypot-field{position:absolute;left:-5000px;top:-5000px;opacity:0;pointer-events:none}.faq-item h3{color:var(--text-color);display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem}.faq-item h3::after{content:'▼';font-size:.9rem;color:var(--text-color-secondary);transition:transform .2s;flex-shrink:0;margin-left:1rem;display:none}.faq-item.open{background-color:var(--bg-color-depressed);box-shadow:inset 4px 4px 8px var(--shadow-dark),inset -4px -4px 8px var(--shadow-light)}.faq-item.open h3{color:var(--primary-color);padding-bottom:1rem}.faq-section .faq-content div,.main-footer,.modal-instruction,div#simpleEditor:empty:before{color:var(--text-color-secondary)}.faq-item.open h3::after{transform:rotate(180deg)}.faq-content{display:none;padding:1rem 1.5rem 1.25rem;border-top:1px solid var(--shadow-dark)}.footer-container,.main-footer{padding:1rem 0;text-align:center}.faq-section .faq-content,.main-footer,.text-content-block{border-top:1px solid var(--border-color)}.main-footer{margin-top:2rem}.footer-container{display:flex;flex-direction:column;align-items:center;gap:1.2rem}.footer-about,.footer-contact,.footer-copyright,.footer-social{display:flex;flex-direction:column;gap:.3rem}.footer-contact p,.footer-copyright p,.footer-email,.footer-link,.footer-social p{font-size:.8rem;color:var(--text-color-secondary);margin:0}.footer-email:hover,.footer-link:hover{opacity:.8;text-decoration:none}.social-icons{display:flex;justify-content:center;gap:1rem}.social-icons a svg{width:24px;height:24px;fill:var(--text-color-secondary);transition:transform .2s,fill .2s}.social-icons a:hover svg{fill:var(--primary-color);transform:scale(1.1)}@media (min-width:768px){.footer-container{flex-direction:row;justify-content:space-between;align-items:center}}.text-content-block{max-width:800px;margin-left:auto;margin-right:auto;margin-top:3rem;padding-top:2rem}.faq-section{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.faq-item{border-radius:12px;padding:1.5rem}#imageDropdownContainer .dropdown-item:hover,.sortable-ghost{background-color:var(--bg-color-depressed)!important}.faq-item h3{font-weight:700;font-size:1.2rem;margin-top:0;margin-bottom:1rem;color:var(--primary-color)}.faq-section .faq-content{display:block;padding:1rem 0 0}.faq-section .faq-content div{line-height:1.6}.text-content-block h2{text-align:center}.text-content-block h3{text-align:center;padding-top:0;padding-bottom:0}#imageDropdownContainer{align-items:center;position:relative!important;display:inline-block}#imageDropdownContainer .dropdown-content{border:1px solid var(--border-color);box-shadow:0 8px 16px rgba(0,0,0,.15)}div#simpleEditor{outline:0;overflow-y:auto;white-space:pre-wrap}div#simpleEditor:empty:before{content:attr(data-placeholder);pointer-events:none;display:block}.simple-editor-thumbnail{height:24px;width:24px;object-fit:cover;border-radius:4px;vertical-align:middle;margin-right:8px;user-select:none}div#simpleEditor div{min-height:28px;line-height:28px}.sortable-ghost{opacity:.4;border:2px dashed var(--primary-color)}.sortable-drag{cursor:grabbing!important}.drag-handle{cursor:grab;padding:0;font-size:1.2rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center}.drag-handle:active{cursor:grabbing}#toastNotification{visibility:hidden;min-width:250px;text-align:center;border-radius:8px;padding:16px;position:fixed;z-index:2000;left:50%;bottom:30px;transform:translateX(-50%);box-shadow:0 4px 12px rgba(0,0,0,.3);opacity:0;transition:opacity .3s,bottom .3s}#toastNotification.show{visibility:visible;opacity:1;bottom:50px}.presets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.5rem;padding:.5rem 0;overflow-y:auto}.preset-card{background-color:var(--bg-color);border:1px solid transparent;border-radius:10px;padding:.8rem .5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;cursor:pointer;transition:.2s ease-in-out;box-shadow:4px 4px 8px var(--shadow-dark),-4px -4px 8px var(--shadow-light)}.preset-card:hover{transform:translateY(-2px);color:var(--primary-color)}.preset-icon{font-size:1.5rem}.preset-name{font-size:.85rem;font-weight:500;text-align:center;line-height:1.1}.modal-content.compact-modal{max-width:400px}.modal-header.center-header{justify-content:center;padding:1.5rem 0 .5rem}.modal-header.center-header h2{margin:0}.modal-instruction{font-size:.9rem;margin-top:0;margin-bottom:1.5rem;line-height:1.4;text-align:center}#saveFileModal .modal-body{padding-bottom:.5rem}#feedbackMessage{min-height:80px;height:100px}.modal-header h2{margin-top:0;margin-bottom:0;width:100%;text-align:center}.modal-body{padding:10px 1.5rem;overflow-y:auto}.setting-group{margin-bottom:10px}.setting-group label{margin-bottom:3px;font-size:.95rem}.modal-header{padding:1rem 1.5rem;display:flex;justify-content:center;align-items:center}#imageDropdownContainer .dropdown-content{top:100%!important;left:auto!important;right:0!important;margin-top:8px!important;min-width:220px!important;background-color:var(--surface-color)!important;border:1px solid var(--border-color)!important;border-radius:8px!important;box-shadow:0 10px 25px rgba(0,0,0,.2)!important;overflow:hidden!important;z-index:1005!important}#imageDropdownContainer .dropdown-item{background:0 0!important;border:none!important;border-bottom:1px solid rgba(0,0,0,.05)!important;margin:0!important;border-radius:0!important;padding:12px 16px!important;text-align:left!important;width:100%!important;color:var(--text-color)!important;transition:background-color .1s!important}#imageDropdownContainer .dropdown-item:last-child{border-bottom:none!important}#imageDropdownContainer .dropdown-separator{height:1px!important;background-color:var(--border-color)!important;margin:0!important}