:root{--color-btn-main:#0c0c0c;--color-btn-blue:#5656ec;--color-btn-blue-drk:#4747f5;--color-btn-blue-light:rgba(86,86,236,.12);--color-white:#fff;--color-hover:#3c3c3c;--color-bg-white:#f7e9f7;--color-bg-tab:#0c0c0c;--color-orange:#e97451;--color-border:#6b7280;--color-text:#374151;--color-text-muted:#6b7280;--color-border-light:rgba(59,130,246,.25);--color-focus-ring:#a39ef3;--color-focus-ring-soft:rgba(163,158,243,.35);--color-surface-subtle:rgba(0,0,0,.03);--color-surface-overlay:rgba(0,0,0,.4);--radius-sm:4px;--radius-md:8px;--radius-lg:10px;--radius-xl:16px;--shadow-sm:0 1px 3px rgba(0,0,0,.06);--shadow-md:0 4px 12px rgba(0,0,0,.08);--shadow-modal:0 12px 40px rgba(0,0,0,.15)}.texts{background:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin:1rem 1.5rem;padding:1.5rem 1.5rem 2rem}.texts+.texts{margin-top:1rem}.texts p{color:var(--color-text);line-height:1.65;margin:0 0 1rem}.texts p:last-child{margin-bottom:0}.texts p:first-letter{font-size:1.1em;font-weight:700}.texts dl{background:var(--color-white);border:1px solid var(--color-border-light);border-radius:var(--radius-md);margin:0;padding:1.25rem 1.5rem}.texts dt{border-bottom:1px solid var(--color-border-light);color:var(--color-btn-main);font-size:1.05rem;font-weight:700;margin-bottom:.25rem;padding-bottom:.5rem}.texts dd{color:var(--color-text);line-height:1.6;margin:0 0 1rem;padding-left:0}.texts dd:last-child{margin-bottom:0}.texts--collapsible{overflow:hidden;position:relative}.texts--collapsed:after{background:linear-gradient(to bottom,transparent,var(--color-bg-white));bottom:0;content:"";height:6rem;left:0;pointer-events:none;position:absolute;right:0}.texts__toggle{background:none;border:none;color:var(--color-btn-main);cursor:pointer;display:block;font-size:.95rem;font-weight:600;margin-top:.5rem;min-height:48px;padding:12px 0;text-align:center;width:100%}.texts__toggle:hover{text-decoration:underline}.tabs{--tab-active-color:var(--color-btn-blue);--tab-inactive-color:#000;background-color:transparent;border:none;border-radius:0;box-shadow:none;overflow:visible}.tabs .tab-header{border-bottom:1.5px solid #e5e7eb;gap:0;min-height:0;padding:0}.tab-header .tab,.tabs .tab-header{align-items:center;background:transparent;display:flex}.tab-header .tab{border:none;border-radius:0;color:var(--tab-inactive-color);cursor:pointer;flex:0 0 auto;font-size:.875rem;font-weight:600;gap:6px;justify-content:center;margin-right:16px;padding:8px 4px;position:relative;transition:color .2s ease}.tab-header .tab:hover{background:transparent;color:var(--tab-active-color)}.tabs .tab-header .tab[active]{background-color:transparent;box-shadow:none;color:var(--tab-active-color)}.tabs .tab-header .tab[active]:after{background:var(--tab-active-color);border-radius:2px 2px 0 0;bottom:-1.5px;content:"";height:2.5px;left:0;position:absolute;right:0;width:100%}.tab-header .tab .counter-label{background:rgba(0,0,0,.05);border-radius:999px;color:var(--color-text-muted);font-size:.7rem;font-weight:500;padding:1px 7px}.tabs .tab-header .tab[active] .counter-label{background:var(--color-btn-blue-light);color:var(--tab-active-color)}.tabs .tab-body{position:relative}.tabs .tab-content{background-color:transparent;border-radius:0;min-height:100px;padding:14px 0 0}.tabs .tab-content[active]{animation:tabFadeIn .2s ease;display:block}.tabs .tab-content:not([active]){display:none}@keyframes tabFadeIn{0%{opacity:.6}to{opacity:1}}.modal-window{align-items:center;animation:modalBackdropIn .2s ease;background:var(--color-surface-overlay);display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:999}@keyframes modalBackdropIn{0%{opacity:0}to{opacity:1}}.modal-window-content{animation:modalContentIn .25s ease;background:var(--color-bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-modal);display:flex;flex-direction:column;max-width:90vw;min-height:240px;min-width:300px;padding:24px}@keyframes modalContentIn{0%{opacity:0;transform:scale(.96) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-window-content .modal-header{border-bottom:1px solid var(--color-border-light);padding-bottom:12px;text-align:center}.modal-window-content .modal-body{align-items:center;display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;overflow:hidden;padding:20px 0;text-align:center}.modal-window-content .buttons-row{align-items:center;display:flex;flex:0 0 auto;gap:12px;justify-content:center;padding-top:16px}@media (max-width:400px){.modal-window{padding:16px}.modal-window-content{min-width:260px;padding:20px}}.mt12{margin-top:12px}.mb12{margin-bottom:12px}.mt8{margin-top:8px}.mb8{margin-bottom:8px}.mt16{margin-top:16px}.mb16{margin-bottom:16px}.mx-auto{margin-left:auto;margin-right:auto}.p4{padding:1rem}.px4{padding-left:1rem;padding-right:1rem}.py2{padding-bottom:.5rem;padding-top:.5rem}.container{margin-left:auto;margin-right:auto;max-width:1200px;width:100%}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}label{color:var(--color-text-muted);font-size:.7rem;font-weight:600;letter-spacing:.06em;line-height:1.25;text-transform:uppercase}input,textarea{background-color:#e8eaed;border:none;border-radius:10px;box-sizing:border-box;color:var(--color-text);font-size:.9375rem;line-height:1.5;padding:.7rem .85rem;transition:box-shadow .2s ease}input:hover,textarea:hover{box-shadow:0 0 0 1px rgba(0,0,0,.08)}input:focus,textarea:focus{box-shadow:0 0 0 2px var(--color-focus-ring-soft);outline:none}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}.btn{align-items:center;border:none;border-radius:50px;color:var(--color-white);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:6px;justify-content:center;min-width:0;padding:.55rem 1rem;transition:background-color .2s ease,transform .1s ease}.btn:focus-visible{box-shadow:0 0 0 3px var(--color-focus-ring-soft);outline:none}.btn:active{transform:scale(.98)}.btn+.btn{margin-left:0}.btn-secondary{background:transparent;border:1.5px solid var(--color-btn-main);color:var(--color-btn-main)}.btn-secondary:hover{background-color:var(--color-hover);border-color:var(--color-hover);color:var(--color-white)}.btn-main{background-color:var(--color-btn-main)}.btn-main:hover{background-color:var(--color-hover)}.btn-blue{background-color:var(--color-btn-blue)}.btn-blue:hover{background-color:var(--color-btn-blue-drk)}.btn-big{border-radius:50px;font-size:1rem;padding:14px 1.25rem;width:100%}.select{display:block;width:100%}.select select,select{appearance:none;background-color:#e8eaed;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236b7280' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;border:none;border-radius:10px;color:var(--color-text);cursor:pointer;font-size:.9375rem;height:42px;padding:0 2rem 0 .85rem;transition:box-shadow .2s ease;width:100%}.select select:hover,select:hover{box-shadow:0 0 0 1px rgba(0,0,0,.08)}.select select:focus,select:focus{box-shadow:0 0 0 2px var(--color-focus-ring-soft);outline:none}.select select:disabled,select:disabled{cursor:not-allowed;opacity:.6}@supports not (appearance:none){.select select,select{background-image:none;padding-right:.85rem}}.quiz-element{align-items:flex-end;bottom:24px;display:flex;flex-direction:column;gap:0;left:24px;position:fixed;z-index:10}.quiz-element:has(.quiz-close-checkbox:checked){display:none!important}.quiz-close-checkbox{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.quiz-close-btn{align-items:center;background:var(--color-btn-main);border-radius:50%;box-shadow:var(--shadow-sm);color:var(--color-white);cursor:pointer;display:flex;font-size:18px;font-weight:400;height:24px;justify-content:center;line-height:1;position:absolute;right:-8px;top:-8px;transition:background-color .2s ease,transform .1s ease;width:24px;z-index:11}.quiz-close-btn:hover{background:var(--color-hover)}.quiz-close-btn:active{transform:scale(.95)}.quiz-close-btn:before{content:"×"}.quiz-button,.quiz-button-link{text-decoration:none}.quiz-button{background-color:var(--color-btn-blue);border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--color-white);display:none;font-weight:600;padding:.75rem 1.25rem;position:relative;transition:background-color .2s ease,transform .15s ease,box-shadow .2s ease}.quiz-button:hover{background-color:var(--color-btn-blue-drk);box-shadow:0 6px 16px rgba(86,86,236,.35);transform:translateY(-2px)}.quiz-button:active{transform:translateY(0)}.quiz-button:focus-visible{box-shadow:0 0 0 3px var(--color-focus-ring-soft);outline:none}@media (max-width:500px){.quiz-element{align-items:stretch;bottom:max(16px,env(safe-area-inset-bottom,0));left:max(16px,env(safe-area-inset-left,0));padding:0;right:max(16px,env(safe-area-inset-right,0))}.quiz-element .quiz-button-link{flex:1;min-width:0}.quiz-button{box-sizing:border-box;font-size:.9375rem;min-height:48px;padding:14px 44px 14px 16px;text-align:center;width:100%}.quiz-button:hover{transform:none}.quiz-close-btn{align-items:center;display:flex;font-size:26px;height:24px;justify-content:center;left:auto;right:6px;top:6px;width:24px}}.share-qr-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.btn-obs-link{align-items:center;background:#9146ff;border-radius:50px;color:var(--color-white);display:inline-flex;font-size:.8rem;font-weight:600;gap:6px;padding:6px 14px}.btn-obs-link:hover{background:#772ce8}.btn-obs-link svg{flex:0 0 auto}.btn-share-qr{align-items:center;background:#28a745;border-radius:50px;color:var(--color-white);display:inline-flex;font-size:.8rem;font-weight:600;gap:6px;padding:6px 14px}.btn-share-qr:hover{background:#1e7e34}.btn-share-qr svg{flex:0 0 auto}.share-qr-modal{max-width:420px;min-width:320px}.share-qr-title{font-size:1.125rem;font-weight:700}.share-qr-body{gap:14px}.share-qr-canvas{align-items:center;background:#fff;border-radius:var(--radius-md,8px);box-shadow:0 0 0 1px var(--color-border-light,rgba(0,0,0,.08));display:flex;height:220px;justify-content:center;padding:10px;width:220px}.share-qr-canvas svg{display:block;height:100%;width:100%}.share-qr-hint{color:var(--color-text-muted,#555);font-size:.875rem;line-height:1.4;margin:0;text-align:center}.share-qr-url-row{align-items:stretch;display:flex;gap:8px;width:100%}.share-qr-url{background:var(--color-bg-input,#fafafa);border:1px solid var(--color-border-light,rgba(0,0,0,.15));color:var(--color-text,#222);flex:1 1 auto;min-width:0;padding:8px 10px}.share-qr-copy-btn,.share-qr-url{border-radius:6px;font-size:.85rem}.share-qr-copy-btn{flex:0 0 auto;padding:8px 14px}@media (max-width:400px){.share-qr-modal{min-width:260px}.share-qr-canvas{height:180px;width:180px}.share-qr-url-row{flex-direction:column}}.obs-link-modal{max-width:480px;min-width:340px}.obs-link-title{font-size:1.125rem;font-weight:700}.obs-link-body{gap:16px}.obs-link-hint{color:var(--color-text-muted,#555);font-size:.875rem;line-height:1.45;margin:0}.obs-link-field{width:100%}.obs-link-label{display:block;font-size:.85rem;font-weight:700;margin-bottom:4px}.obs-link-url-row{align-items:stretch;display:flex;gap:8px;width:100%}.obs-link-url{background:var(--color-bg-input,#fafafa);border:1px solid var(--color-border-light,rgba(0,0,0,.15));color:var(--color-text,#222);flex:1 1 auto;min-width:0;padding:8px 10px}.obs-link-copy-btn,.obs-link-url{border-radius:6px;font-size:.85rem}.obs-link-copy-btn{flex:0 0 auto;padding:8px 14px}.obs-link-setup{color:#5656ec;font-size:.875rem;font-weight:600;text-decoration:underline}@media (max-width:400px){.obs-link-modal{min-width:260px}.obs-link-url-row{flex-direction:column}}body.obs-display{background:transparent!important;overflow:hidden}body.obs-display main>:not(.content),body.obs-display>:not(main){display:none!important}body.obs-display .content,body.obs-display main{background:transparent!important;margin:0!important;max-width:none!important;padding:0!important}body.obs-display .content>:not(.canvas-container){display:none!important}body.obs-display .canvas-container{align-items:center;background:transparent!important;display:flex!important;justify-content:center;min-height:100vh}body.obs-display .winner-buttons-row,body.obs-display .winner-controls{display:none!important}body.obs-dock{background:#f4f4f7;overflow-x:hidden;padding-bottom:68px}body.obs-dock #shareQrCodeBtn,body.obs-dock main>:not(.content):not(#obsLinkModal),body.obs-dock>:not(main){display:none!important}body.obs-dock .content,body.obs-dock main{display:block!important;margin:0!important;max-width:100%!important;padding:8px!important}body.obs-dock .canvas-container{display:none!important}body.obs-dock .control-panel{max-width:100%!important;width:100%!important}body.obs-dock .control-panel .panel-row:last-child{background:#fff;bottom:0;box-shadow:0 -2px 8px rgba(0,0,0,.12);left:0;margin:0;padding:8px;position:fixed;right:0;z-index:20}body.obs-dock #rotateButton{width:100%}body.obs-dock .obs-dock-controls{background:#fff;border:1px solid #e3e3ea;border-radius:8px;display:flex;flex-direction:column;gap:8px;margin-top:12px;padding:10px}body.obs-dock .obs-dock-control{align-items:center;display:flex;font-size:.85rem;font-weight:600;gap:8px;justify-content:space-between}body.obs-dock .obs-dock-control input[type=number]{border:1px solid #d0d0d8;border-radius:6px;font:inherit;padding:4px 6px;width:72px}body.obs-dock .obs-dock-toggle{align-items:center;display:inline-flex;flex-shrink:0;position:relative}body.obs-dock .obs-dock-winner-actions:not([hidden]){display:flex;gap:8px;margin-top:12px}body.obs-dock .obs-dock-winner-btn{flex:1 1 0}* [hidden]{display:none!important}html{-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;height:100%;overflow:auto;width:100%}body{background:linear-gradient(to bottom,var(--color-surface-subtle) 0,transparent 12rem);font-family:inherit;margin:0;min-height:100%;overflow-x:hidden;padding:0}body,main{height:100%}main{height:fit-content;min-height:calc(100% - 140px)}header.header{background-color:var(--color-btn-main);box-shadow:var(--shadow-sm);box-sizing:border-box;position:relative;width:100%;z-index:2}.header .header-bar{align-items:center;box-sizing:border-box;display:flex;gap:8px;height:60px;justify-content:space-between;padding:0 20px 0 10px}.header .header-brand{align-items:center;display:flex;gap:4px;min-width:0}.header .header-brand a{align-items:center;color:var(--color-white);display:flex;text-decoration:none}.header .header-text{color:var(--color-white);display:inline-block;font-size:14px;margin:0;padding:0 0 0 10px;white-space:nowrap}.header .header-nav{align-items:center;display:flex;flex:1 1 auto;gap:4px;justify-content:flex-end;min-width:0}.header .header-nav .page-link{align-items:center;border-radius:var(--radius-sm);color:var(--color-white);display:flex;font-size:16px;font-weight:600;padding:8px 12px;text-decoration:none;transition:background-color .2s ease,color .2s ease;white-space:nowrap}.header .header-nav .page-link:hover{background-color:var(--color-hover);color:var(--color-white)}.header .header-menu-btn{align-items:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-white);cursor:pointer;justify-content:center;min-height:44px;min-width:44px;padding:8px}.header .header-menu-btn:hover{background-color:var(--color-hover)}.header .header-menu-icon{background:currentColor;border-radius:1px;display:block;height:2px;position:relative;width:22px}.header .header-menu-icon:after,.header .header-menu-icon:before{background:currentColor;border-radius:1px;content:"";height:2px;left:0;position:absolute;right:0;transition:transform .2s ease}.header .header-menu-icon:before{top:-6px}.header .header-menu-icon:after{top:6px}.header .as-a-button{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;min-height:44px;min-width:44px;padding:8px}.header .header-menu-btn{display:none}@media(max-width:1300px){.header .header-menu-btn{display:inline-flex}.header .header-nav{align-items:stretch;background:var(--color-btn-main);box-shadow:var(--shadow-sm);flex-direction:column;gap:4px;left:0;max-height:0;opacity:0;overflow:hidden;padding:8px 12px 16px;position:absolute;right:0;top:60px;transition:max-height .25s ease,opacity .2s ease,visibility .2s ease;visibility:hidden;z-index:1}.header.header-nav-open .header-nav{max-height:80vh;opacity:1;overflow-y:auto;visibility:visible}.header .header-nav .page-link{border-radius:var(--radius-sm);box-sizing:border-box;font-size:16px;min-height:48px;padding:12px 16px}.header .header-text{display:none}.header .header-logo-img{height:40px;width:40px}}@media(max-width:500px){.header .header-bar{height:56px;padding:0 12px}.header .header-nav{top:56px}}footer{background:var(--color-btn-main);box-shadow:0 -1px 0 0 rgba(0,0,0,.1)}.footer{box-sizing:border-box;display:flex;flex-direction:column;gap:22px;padding:36px 24px 20px}.footer-inner{flex-direction:row;flex-wrap:wrap;gap:24px 64px;justify-content:center;margin:0 auto;max-width:1100px;width:100%}.footer-col,.footer-inner{align-items:flex-start;display:flex}.footer-col{flex-direction:column;gap:10px;min-width:0}.footer-wheel-link{align-items:start;display:grid;gap:10px 48px;grid-auto-flow:column;grid-template-rows:repeat(4,auto)}.footer .copy-right,.footer .link{color:var(--color-white);font-size:.8125rem;white-space:nowrap}.footer .link{padding:2px 0!important;text-decoration:none;transition:opacity .2s ease}.footer .link:hover{opacity:.85}.footer-bottom{align-items:center;border-top:1px solid hsla(0,0%,100%,.15);display:flex;justify-content:center;padding-top:16px;width:100%}.footer .copy-right{color:hsla(0,0%,100%,.9);font-size:.75rem}.footer-lang{align-items:flex-start;display:flex;justify-content:center}.footer-lang-select{appearance:none;-webkit-appearance:none;background-color:hsla(0,0%,100%,.08);background-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27><path fill=%27%23ffffff%27 d=%27M6 8.5L1.5 4h9z%27/></svg>");background-position:right 8px center;background-repeat:no-repeat;border:1px solid hsla(0,0%,100%,.2);border-radius:var(--radius-sm);color:var(--color-white);cursor:pointer;font-family:inherit;font-size:.8125rem;line-height:1.2;padding:6px 28px 6px 10px}.footer-lang-select:hover{background-color:hsla(0,0%,100%,.14)}.footer-lang-select:focus{outline:2px solid hsla(0,0%,100%,.4);outline-offset:2px}.footer-lang-select option{background-color:#fff;color:#111}.as-a-button{background-color:var(--color-btn-main);border:none;border-radius:var(--radius-sm);color:var(--color-white);cursor:pointer;padding:6px 10px}.canvas-container{display:flex;min-height:700px;position:relative}.canvas-container,.mic-indicator{align-items:center;justify-content:center}.mic-indicator{animation:mic-idle-pulse 2s ease-in-out infinite;background:var(--color-white);border:2px solid #d1d5db;border-radius:50%;box-shadow:0 2px 10px rgba(0,0,0,.18);color:#6b7280;display:inline-flex;height:52px;left:50%;position:absolute;top:24px;transform:translateX(-50%);transition:color .2s ease,background-color .2s ease,border-color .2s ease,transform .15s ease;width:52px;z-index:5}.mic-indicator[hidden]{display:none}.mic-indicator svg{height:24px;width:24px}.mic-indicator.mic-indicator-speaking{animation:mic-speaking-pulse .7s ease-in-out infinite;border-color:var(--color-btn-main);color:var(--color-btn-main)}.mic-indicator.mic-indicator-match{animation:none;background:#16a34a;border-color:#16a34a;color:#fff;transform:translateX(-50%) scale(1.08)}.mic-indicator.mic-indicator-nomatch{animation:none;background:#dc2626;border-color:#dc2626;color:#fff}@keyframes mic-idle-pulse{0%,to{box-shadow:0 2px 10px rgba(0,0,0,.18),0 0 0 0 rgba(99,102,241,0)}50%{box-shadow:0 2px 10px rgba(0,0,0,.18),0 0 0 6px rgba(99,102,241,.12)}}@keyframes mic-speaking-pulse{0%,to{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.12)}}.canvas-container::backdrop{background-color:var(--color-focus-ring)}.canvas-container.fullscreen-fallback,.canvas-container:-webkit-full-screen,.canvas-container:fullscreen{align-items:center;background:var(--color-bg-white);flex-direction:column;flex-wrap:nowrap;justify-content:center}.canvas-container.fullscreen-fallback{height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999}.wheel{border-radius:var(--radius-md);cursor:pointer}.english-names-page a[data-english-names],.japanese-names-page a[data-japanese-names],.letter-generator-wheel a[data-letter-generator-wheel],.mexican-names-page a[data-mexican-names],.name-wheel a[data-name-wheel],.names-page a[data-names-hub],.native-americans-names-page a[data-native-americans-names],.polish-names-page a[data-polish-names],.random-numbers-wheel a[data-random-numbers-wheel],.range-numbers-wheel a[data-range-numbers-wheel],.twister-spinner a[data-twister-spinner],.yes-or-no-wheel a[data-yes-or-no-wheel]{background:var(--color-hover);border-radius:var(--radius-sm)}.header .header-nav .page-link-group{align-items:center;display:inline-flex;gap:0;position:relative}.header .header-nav .page-link-group .page-link-parent{padding-right:4px}.header .header-nav .page-link-submenu-toggle{align-items:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-white);cursor:pointer;display:inline-flex;padding:8px 6px;transition:background-color .2s ease}.header .header-nav .page-link-submenu-toggle:hover{background-color:var(--color-hover)}.header .header-nav .page-link-chevron{border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid;height:0;transition:transform .2s ease;width:0}.header .header-nav .page-link-submenu-toggle[aria-expanded=true] .page-link-chevron{transform:rotate(180deg)}.header .header-nav .page-link-submenu{background:var(--color-btn-main);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm),0 4px 12px rgba(0,0,0,.25);left:0;list-style:none;margin:4px 0 0;min-width:180px;opacity:0;padding:6px 0;position:absolute;top:100%;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease,visibility .15s ease;visibility:hidden;z-index:3}.header .header-nav .page-link-group:focus-within .page-link-submenu,.header .header-nav .page-link-group:hover .page-link-submenu,.header .header-nav .page-link-submenu-toggle[aria-expanded=true]+.page-link-submenu{opacity:1;transform:translateY(0);visibility:visible}.header .header-nav .page-link-submenu li{margin:0}.header .header-nav .page-link-submenu .page-link-sub{border-radius:0;color:var(--color-white);display:block;font-size:14px;font-weight:600;padding:8px 16px;text-decoration:none;white-space:nowrap}.header .header-nav .page-link-submenu .page-link-sub:hover{background-color:var(--color-hover)}@media(max-width:1300px){.header .header-nav .page-link-group{align-items:stretch;display:flex;flex-direction:column;gap:0;position:static;width:100%}.header .header-nav .page-link-group .page-link-parent{padding-right:16px}.header .header-nav .page-link-submenu-toggle{display:none}.header .header-nav .page-link-submenu{background:transparent;border-radius:0;box-shadow:none;margin:0;min-width:0;opacity:1;padding:0 0 4px 16px;position:static;transform:none;visibility:visible;z-index:auto}.header .header-nav .page-link-submenu li{list-style:none}.header .header-nav .page-link-submenu .page-link-sub{align-items:center;display:flex;font-size:15px;min-height:44px;padding:10px 16px}}.content{align-items:flex-start;display:flex;gap:24px;justify-content:center;padding:24px 40px}.content .canvas-container{align-items:center;display:flex;flex:1 1 70%;height:60%;justify-content:center;width:80%}.control-panel{background:var(--color-bg-white);border-radius:20px;box-shadow:0 2px 16px rgba(0,0,0,.07);box-sizing:border-box;display:flex;flex:1 1 30%;flex-direction:column;gap:16px;height:fit-content;max-width:420px;min-width:200px;overflow:hidden;padding:28px 24px}.control-panel h2{color:var(--color-btn-main);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin:0;text-transform:none}.control-panel-header{align-items:center;display:flex;gap:12px;justify-content:space-between;position:relative}.settings-new-feature{align-items:center;animation:new-feature-pop .25s ease-out,new-feature-bob 2.4s ease-in-out .3s infinite;background:#16a34a;border-radius:10px;box-shadow:0 4px 14px rgba(0,0,0,.22);color:#fff;display:inline-flex;font-size:.8rem;font-weight:700;gap:8px;padding:7px 8px 7px 12px;position:absolute;right:0;top:calc(100% + 10px);white-space:nowrap;z-index:20}.settings-new-feature:before{border:6px solid transparent;border-bottom-color:#16a34a;bottom:100%;content:"";position:absolute;right:16px}.settings-new-feature-close{align-items:center;background:hsla(0,0%,100%,.25);border:none;border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:15px;height:18px;justify-content:center;line-height:1;padding:0;width:18px}.settings-new-feature-close:hover{background:hsla(0,0%,100%,.45)}@keyframes new-feature-pop{0%{opacity:0;transform:translateY(-4px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes new-feature-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.settings-gear-btn{align-items:center;background:transparent;border:none;border-radius:50%;color:var(--color-btn-main);cursor:pointer;display:inline-flex;flex-shrink:0;height:38px;justify-content:center;padding:0;transition:background-color .2s ease,transform .2s ease;width:38px}.settings-gear-btn:hover{background:rgba(0,0,0,.06);transform:rotate(30deg)}.settings-modal{max-width:360px}.settings-body{display:flex;flex-direction:column;gap:14px;width:100%}.settings-row,.settings-toggle-label{align-items:center;display:flex}.settings-toggle-label{background:none;color:var(--color-text);cursor:pointer;font-size:.9rem;font-weight:600;gap:12px;justify-content:space-between;margin:0;padding:0;width:100%}.settings-toggle-label:hover{background:none}.settings-period-row{color:var(--color-text);font-size:.9rem;gap:8px;padding-left:4px}.settings-voice-control-row{align-items:stretch;flex-direction:column;gap:8px}.settings-row-head{align-items:center;display:flex;gap:12px;justify-content:space-between;position:relative}.settings-label-with-info{align-items:center;color:var(--color-text);display:inline-flex;font-size:.9rem;font-weight:600;gap:6px}.settings-toggle-only{align-items:center;background:none;cursor:pointer;display:inline-flex;flex-shrink:0;margin:0;padding:0}.settings-toggle-only:hover{background:none}.settings-info{align-items:center;color:var(--color-btn-main);cursor:help;display:inline-flex;opacity:.7}.settings-info:focus,.settings-info:hover{opacity:1;outline:none}.settings-tooltip{background:#1f2937;border-radius:8px;box-shadow:0 4px 14px rgba(0,0,0,.25);color:#fff;font-size:.75rem;font-weight:500;left:0;letter-spacing:normal;line-height:1.35;opacity:0;padding:8px 10px;pointer-events:none;position:absolute;right:0;text-transform:none;top:calc(100% + 8px);transform:translateY(4px);transition:opacity .15s ease,transform .15s ease;visibility:hidden;z-index:10}.settings-info:focus .settings-tooltip,.settings-info:hover .settings-tooltip{opacity:1;transform:translateY(0);visibility:visible}.settings-voice-command-field{display:flex;flex-direction:column;gap:4px;position:relative}.settings-subfield-head{gap:5px}.settings-subfield-label{color:var(--color-text);font-size:.8rem;font-weight:600;opacity:.8}.settings-text-input{background:var(--color-white);border:1.5px solid rgba(0,0,0,.15);border-radius:8px;box-sizing:border-box;color:var(--color-text);font-size:.9rem;font-weight:600;padding:7px 10px;width:100%}.settings-text-input:focus{border-color:var(--color-btn-main);outline:none}.settings-command-input-row{align-items:center;display:flex;gap:8px}.settings-command-input-row .settings-text-input{flex:1 1 auto}.settings-speak-btn{align-items:center;background:var(--color-white);border:1.5px solid rgba(0,0,0,.15);border-radius:8px;color:var(--color-btn-main);cursor:pointer;display:inline-flex;flex-shrink:0;height:40px;justify-content:center;padding:0;transition:background-color .2s ease,border-color .2s ease,color .2s ease;width:40px}.settings-speak-btn:hover{background:rgba(0,0,0,.06);border-color:var(--color-btn-main)}.settings-speak-btn.is-speaking{background:var(--color-btn-main);border-color:var(--color-btn-main);color:var(--color-white)}.control-panel .panel-row{flex:1 1 auto}.control-panel .panel-row+.panel-row{margin:0}.button-row{display:flex;flex-wrap:wrap;gap:10px}.control-panel .button-row{margin-top:10px}.letter-generator-wheel .panel-row>span[data-id=letterOptions]{display:block;margin-top:10px}.content-title{display:flex;justify-content:center;margin:24px 0 16px}.content-title h1{color:var(--color-btn-main);font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:700;letter-spacing:-.02em;margin:0}.textarea-wrapper{box-sizing:border-box;height:100%;min-height:140px;padding-right:0;width:100%}.textarea-input{background:#fff;border:none;border-radius:12px;box-sizing:border-box;color:var(--color-text);font-size:.9375rem;height:80%;line-height:1.6;max-width:100%;min-height:120px;padding:14px 16px;resize:vertical;width:100%}.textarea-input:focus{box-shadow:0 0 0 2px var(--color-focus-ring-soft);outline:none}.flex-column{display:flex;flex-direction:column;gap:8px}.flex-row-container{align-items:flex-end;display:flex;flex-direction:row;gap:10px;min-width:0;width:100%}.flex-row-container>*{min-width:0}.flex-row-container input,.tab-form{box-sizing:border-box;width:100%}.button-row .tab-form{flex:0 1 auto;width:auto}.tab-form .flex-row{flex:1 1 0;min-width:0}.input-row{display:flex;flex-direction:column;gap:4px;justify-items:start}.input-row+.flex-row,.input-row+.input-row{margin:0}.counter-label{color:var(--color-orange);font-size:1rem;font-weight:600}.action-buttons-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.btn-action{background:var(--color-btn-blue);border-radius:50px;color:var(--color-white);font-size:.8rem;font-weight:600;padding:5px 14px}.btn-action:hover{background:var(--color-btn-blue-drk)}.btn-fill{border-radius:50px;font-size:.9375rem;margin-top:12px;padding:12px 1rem;width:100%}.control-panel select{background-color:#e8eaed;border:none;border-radius:10px;height:42px;padding:0 2rem 0 .85rem}.control-panel select:focus{box-shadow:0 0 0 2px var(--color-focus-ring-soft)}#rotateButton:before{background:currentColor;content:"";display:inline-block;flex-shrink:0;height:18px;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' viewBox='0 0 24 24'%3E%3Cpath d='M21 2v6h-6'/%3E%3Cpath d='M3 12a9 9 0 0 1 15-6.7L21 8M3 22v-6h6'/%3E%3Cpath d='M21 12a9 9 0 0 1-15 6.7L3 16'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' viewBox='0 0 24 24'%3E%3Cpath d='M21 2v6h-6'/%3E%3Cpath d='M3 12a9 9 0 0 1 15-6.7L21 8M3 22v-6h6'/%3E%3Cpath d='M21 12a9 9 0 0 1-15 6.7L3 16'/%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:18px}.winner-modal{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:hsla(0,0%,100%,.85);border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.12);max-width:440px;padding:32px 28px 24px;width:100%}.winner-modal-header{border-bottom:none!important;padding-bottom:0!important}.winner-title{color:#8b2020;font-size:.85rem;font-weight:800;letter-spacing:.12em;margin:0;text-transform:uppercase}.winner-modal-body{padding:8px 0 12px!important}.winner-label{align-items:center;color:var(--color-btn-main);display:flex;font-size:clamp(2rem,6vw,3.2rem);font-weight:700;gap:.5rem;justify-content:center;line-height:1.15;margin:4px 0 0;max-width:100%;overflow:hidden;overflow-wrap:break-word;text-overflow:ellipsis;white-space:normal;word-break:break-word}.winner-color-swatch{border:2px solid rgba(0,0,0,.15);border-radius:50%;display:inline-block;flex-shrink:0;height:1.25em;width:1.25em}.winner-controls{border-top:1px solid rgba(0,0,0,.08);margin-top:16px;padding-top:16px;width:100%}.winner-auto-spin-row{align-items:center;color:var(--color-text);display:flex;flex-direction:column;font-size:.85rem;gap:10px}.winner-auto-spin-line{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.winner-auto-spin-input{background:var(--color-white);border:1.5px solid rgba(0,0,0,.15);border-radius:8px;font-size:.9rem;font-weight:600;padding:4px 6px;text-align:center;width:3.2rem}.winner-options-line{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.winner-voice-over-label{align-items:center;background:none;border-radius:0;color:var(--color-text);cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:6px;letter-spacing:.02em;margin:0;padding:0;text-transform:uppercase}.winner-voice-over-label:hover{background:none}.winner-toggle-input{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.winner-toggle-track{background:#d1d5db;border-radius:11px;display:inline-block;flex-shrink:0;height:22px;position:relative;transition:background-color .2s ease;width:38px}.winner-toggle-thumb{background:var(--color-white);border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.2);height:18px;left:2px;position:absolute;top:2px!important;transition:transform .2s ease;width:18px}.winner-toggle-input:checked+.winner-toggle-track{background:var(--color-btn-main)}.winner-toggle-input:checked+.winner-toggle-track .winner-toggle-thumb{transform:translateX(16px)}.winner-auto-spin-enable-label{align-items:center;background:none;border-radius:0;color:var(--color-text);cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:6px;letter-spacing:.02em;margin:0;padding:0;text-transform:uppercase}.winner-auto-spin-enable-label:hover{background:none}.winner-buttons-row{border-top:1px solid rgba(0,0,0,.08);flex-wrap:wrap;gap:10px!important;margin-top:4px;padding-top:20px!important}.winner-btn{align-items:center;border-radius:50px!important;display:inline-flex;font-size:.875rem!important;font-weight:600;gap:6px;justify-content:center;min-width:0!important;padding:10px 20px!important;white-space:nowrap}.winner-btn+.winner-btn{margin-left:0}.winner-btn-icon{flex-shrink:0;height:16px;width:16px}.btn-blue-outline{background:transparent;border:1.5px solid var(--color-btn-blue);color:var(--color-btn-blue)}.btn-blue-outline:hover{background-color:var(--color-btn-blue);color:var(--color-white)}@media(max-width:480px){.winner-modal{max-width:100%;padding:24px 20px 20px}.winner-label{font-size:clamp(1.6rem,7vw,2.4rem)}.winner-options-line{flex-direction:column;gap:8px}.winner-buttons-row{flex-direction:column;gap:8px!important}.winner-btn{width:100%}}@media(max-width:1000px){.content{align-items:center;flex-direction:column;gap:20px;justify-content:center;padding:20px 16px}.content .canvas-container{height:100%;max-width:100%;min-height:400px;overflow:hidden;width:100%}.control-panel{flex:1 1 auto;justify-content:center;max-width:520px;min-width:200px;width:95%}.control-panel .panel-row{display:flex;flex-direction:column;justify-content:center}#mainInput,#winnerInput,.textarea-input{height:200px;min-height:200px}}@media(max-width:500px){.content{padding:12px 4px}.control-panel{border-radius:16px;max-width:95%;padding:20px 14px}.flex-row-container{gap:8px}.action-buttons-row{gap:6px}.btn-action{font-size:.75rem;padding:4px 10px}.footer{gap:18px;padding:28px 16px 16px;text-align:center}.footer-inner{flex-direction:column;gap:22px}.footer-col,.footer-inner{align-items:center}.footer-wheel-link{gap:12px 28px;grid-auto-flow:row;grid-template-columns:repeat(2,auto);grid-template-rows:none;justify-content:center}}.w100{width:100%}.consent-banner{background:var(--color-bg-white,#fff);border-radius:var(--radius-md,8px);bottom:16px;box-shadow:0 12px 40px rgba(0,0,0,.25),0 2px 8px rgba(0,0,0,.08);color:var(--color-text,#374151);font-size:.9375rem;left:16px;line-height:1.55;margin:0 auto;max-width:720px;padding:18px 22px;position:fixed;right:16px;z-index:10000}.consent-banner-inner{display:flex;flex-direction:column;gap:14px}.consent-banner-title{color:var(--color-btn-main,#0c0c0c);font-size:1.125rem;margin:0 0 6px}.consent-banner-desc{margin:0 0 8px}.consent-banner-links{font-size:.8125rem;margin:0 0 4px}.consent-banner-links a{color:var(--color-btn-blue,#5656ec);text-decoration:underline}.consent-banner-links a:hover{text-decoration:none}.consent-banner-options{background:var(--color-surface-subtle,rgba(0,0,0,.03));border-radius:var(--radius-sm,4px);display:none;flex-direction:column;gap:10px;margin-top:4px;padding:12px 14px}.consent-banner-expanded .consent-banner-options{display:flex}.consent-banner-option{align-items:start;column-gap:10px;cursor:pointer;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto}.consent-banner-option input{accent-color:var(--color-btn-blue,#5656ec);cursor:pointer;grid-row:1/3;height:18px;margin:4px 0 0;width:18px}.consent-banner-option input:disabled{cursor:not-allowed;opacity:.7}.consent-banner-option-label{color:var(--color-btn-main,#0c0c0c);font-weight:600}.consent-banner-option-desc{color:var(--color-text-muted,#6b7280);font-size:.8125rem;line-height:1.45}.consent-banner-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.consent-btn{border:none;border-radius:50px;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:600;padding:10px 18px;transition:opacity .15s ease,background-color .15s ease}.consent-btn-primary{background:var(--color-btn-main,#0c0c0c);color:var(--color-white,#fff)}.consent-btn-primary:hover{opacity:.9}.consent-btn-secondary{background:transparent;border:1.5px solid var(--color-btn-main,#0c0c0c);color:var(--color-btn-main,#0c0c0c)}.consent-btn-secondary:hover{background:var(--color-surface-subtle,rgba(0,0,0,.06))}.consent-save{display:none}.consent-banner-expanded .consent-save{display:inline-flex}.consent-banner-expanded .consent-toggle-customize{display:none}@media(max-width:600px){.consent-banner{bottom:8px;left:8px;padding:14px 16px;right:8px}.consent-banner-buttons{flex-direction:column}.consent-btn{width:100%}.consent-accept-all{order:1}.consent-reject-all{order:2}.consent-save,.consent-toggle-customize{order:3}}