: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:#f0f4ff;--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);padding:1.5rem 1.5rem 2rem}.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}.tabs{--tab-border:1px solid var(--color-border-light);--tab-active-color:var(--color-btn-blue);--tab-inactive-color:var(--color-btn-main);background-color:var(--color-bg-white);border:var(--tab-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.tabs .tab-header{background:rgba(0,0,0,.03);border-bottom:var(--tab-border);display:flex;gap:0;min-height:48px;padding:6px 8px 0}.tab-header .tab{align-items:center;background:transparent;border:none;border-radius:8px 8px 0 0;color:var(--tab-inactive-color);cursor:pointer;display:flex;flex:1 1 auto;font-size:.9375rem;font-weight:600;gap:6px;justify-content:center;padding:12px 16px;position:relative;transition:color .2s ease,background-color .2s ease}.tab-header .tab:hover{background:var(--color-btn-blue-light);color:var(--tab-active-color)}.tabs .tab-header .tab[active]{background-color:var(--color-bg-white);box-shadow:0 -1px 0 0 var(--color-bg-white);color:var(--tab-active-color)}.tabs .tab-header .tab[active]:after{background:var(--tab-active-color);border-radius:3px 3px 0 0;bottom:0;content:"";height:3px;left:50%;min-width:60px;position:absolute;transform:translateX(-50%);width:40%}.tab-header .tab .counter-label{background:rgba(0,0,0,.06);border-radius:999px;color:#6b7280;font-size:.75rem;font-weight:500;padding:2px 8px}.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:var(--color-bg-white);border-radius:0 0 var(--radius-md) var(--radius-md);min-height:120px;padding:16px}.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{font-size:.75rem;font-weight:700;letter-spacing:.03em;line-height:1.25;text-transform:uppercase}input,label,textarea{color:var(--color-text)}input,textarea{background-color:var(--color-white);border:1px solid var(--color-border-light);border-radius:var(--radius-md);font-size:.9375rem;line-height:1.5;padding:.75rem 1rem;transition:border-color .2s ease,box-shadow .2s ease}input:hover,textarea:hover{border-color:var(--color-border)}input:focus,textarea:focus{border-color:var(--color-focus-ring);box-shadow:0 0 0 3px var(--color-focus-ring-soft);outline:none}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}.btn{border:none;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;font-size:.9375rem;font-weight:600;min-width:65px;padding:.5rem .75rem;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:12px}.btn-secondary{background:transparent;border:1px 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{font-size:1rem;padding:.75rem 1rem}.select{display:block;width:100%}.select select,select{appearance:none;background-color:var(--color-white);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:1px solid var(--color-border-light);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;font-size:.9375rem;height:40px;padding:0 2rem 0 .75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.select select:hover,select:hover{border-color:var(--color-border)}.select select:focus,select:focus{border-color:var(--color-focus-ring);box-shadow:0 0 0 3px 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:.75rem}}.quiz-element{align-items:flex-end;bottom:24px;display:flex;flex-direction:column;gap:0;position:fixed;right:24px;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);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}}* [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{align-items:center;background-color:var(--color-btn-main);box-shadow:var(--shadow-sm);box-sizing:border-box;display:flex;height:60px;justify-content:space-between;padding:0 20px 0 10px;width:100%;z-index:2}.header .header-text{color:var(--color-white);display:inline-block;font-size:14px;margin:0 20px 0 0;padding:10px 0 0 10px}.header .header-links{align-items:center;display:flex;gap:4px}.header .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}.header .page-link:hover{background-color:var(--color-hover);color:var(--color-white)}@media(max-width:500px){header{flex-wrap:wrap;gap:6px;height:auto;min-height:52px;padding:8px 12px}.header .header-text{display:none}.header .header-links{flex:1 1 auto;flex-wrap:wrap;gap:2px;justify-content:flex-start;min-width:0}.header .header-links img{flex-shrink:0;height:36px;width:36px}.header .page-link{align-items:center;box-sizing:border-box;display:inline-flex;font-size:13px;min-height:44px;padding:6px 8px}.header .as-a-button{flex-shrink:0;min-height:44px;min-width:44px;padding:8px}}footer{background:var(--color-btn-main);box-shadow:0 -1px 0 0 rgba(0,0,0,.1)}.footer,footer{max-height:56px;min-height:48px}.footer{box-sizing:border-box;flex-direction:row;flex-wrap:nowrap;gap:12px;justify-content:space-between;padding:8px 24px}.footer,.footer>div{align-items:center;display:flex}.footer>div{flex-shrink:0;gap:8px}.footer .link+.link{margin-left:12px}.footer .copy-right,.footer .link{color:var(--color-white);font-size:.8125rem;white-space:nowrap}.footer .link{padding:4px 6px!important;text-decoration:none;transition:opacity .2s ease}.footer .link:hover{opacity:.85}.footer .copy-right{color:hsla(0,0%,100%,.9);font-size:.75rem}.footer br{display:none}.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{align-items:center;display:flex;justify-content:center;min-height:700px}.canvas-container::backdrop{background-color:var(--color-focus-ring)}.canvas-container:fullscreen{align-items:center;background:var(--color-bg-white)}.wheel{border-radius:var(--radius-md);cursor:pointer}.letter-generator-wheel a[data-letter-generator-wheel],.name-wheel a[data-name-wheel],.random-numbers-wheel a[data-random-numbers-wheel],.range-numbers-wheel a[data-range-numbers-wheel],.yes-or-no-wheel a[data-yes-or-no-wheel]{background:var(--color-hover);border-radius:var(--radius-sm)}.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:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;flex:1 1 30%;flex-direction:column;height:fit-content;max-width:380px;min-width:200px;padding:20px 24px}.control-panel .panel-row{flex:1 1 auto}.control-panel .panel-row+.panel-row{margin:16px 0 0}.button-row{display:flex;flex-wrap:wrap;gap:16px}.control-panel .button-row{margin-top:8px}.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{height:100%;min-height:140px;padding-right:0}.textarea-input{border-radius:var(--radius-md);height:80%;min-height:120px;resize:vertical;width:90%}.flex-column{display:flex;flex-direction:column;gap:8px}.flex-row-container{align-items:baseline;display:flex;flex-direction:row;gap:8px;justify-content:flex-end}.tab-form .flex-row{width:32%}.input-row{display:flex;flex-direction:column;justify-items:start}.input-row+.flex-row,.input-row+.input-row{margin:8px 0}.counter-label{color:var(--color-orange);font-size:1rem;font-weight:600}.winner-title{color:var(--color-btn-main);font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;letter-spacing:-.02em;margin:0 0 8px}.winner-label{color:var(--color-orange);font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.2;margin:0;max-width:min(400px,90vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1000px){.content{align-items:center;flex-direction:column;gap:20px;justify-content:center;padding:20px 16px}.content .canvas-container{height:100%;min-height:400px;width:100%}.control-panel{flex:1 1 auto;justify-content:center;max-width:100%;min-width:200px}.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:16px 12px}.control-panel{padding:16px}footer{max-height:72px;min-height:48px}.footer{flex-wrap:wrap;gap:6px;justify-content:center;padding:8px 12px;text-align:center}.footer .link+.link{margin-left:8px}}.w100{width:100%}