:root{--paper:#fff5f9;--ink:#2c1760;--purple:#4a2a8f;--pink:#ff9ad5;--lime:#d8f28c;--orange:#ff6a1f;--blue:#3a3ae0;--sky:#c8e6ff;--white:#fff;--display:"Bricolage Grotesque", "Arial Black", sans-serif;--mono:"Space Mono", ui-monospace, monospace;--gut:clamp(14px, 3.4vw, 48px);--sec:clamp(56px, 8vw, 110px);--line:2px solid var(--ink);--hard:3px 3px 0 var(--ink);--hard-lg:6px 6px 0 var(--ink);--spring:cubic-bezier(.3, 1.6, .5, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--display);margin:0;font-size:16px;line-height:1.5;overflow-x:clip}img{max-width:100%;display:block}a{color:var(--purple)}a:hover{color:var(--ink)}:focus-visible{outline:3px solid var(--orange);outline-offset:3px}button{font:inherit;color:inherit}.h{font-family:var(--display);text-transform:uppercase;letter-spacing:-.01em;margin:0;font-weight:800;font-stretch:75%;line-height:.95}.h-sec{font-size:clamp(34px,4.6vw,64px)}.mono{font-family:var(--mono)}.small{font-size:13px}.muted{opacity:.8}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.word{font:800 clamp(64px, 19vw, 300px) / .86 var(--display);text-transform:uppercase;letter-spacing:-.02em;white-space:nowrap;text-align:center;color:var(--purple);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:1px 1px 0 var(--pink), 2px 2px 0 var(--pink), 3px 3px 0 var(--pink), 4px 4px 0 var(--pink), 5px 5px 0 var(--ink), 6px 6px 0 var(--ink), 7px 7px 0 var(--ink), 8px 8px 0 var(--ink);margin:0;padding-bottom:14px;font-stretch:75%}.word--inv{color:var(--pink);text-shadow:1px 1px 0 var(--ink), 2px 2px 0 var(--ink), 3px 3px 0 var(--ink), 4px 4px 0 var(--ink), 5px 5px 0 var(--ink), 6px 6px 0 var(--ink), 7px 7px 0 var(--ink), 8px 8px 0 var(--ink)}.word--lime{color:var(--lime)}.logo{font:800 34px / 1 var(--display);text-transform:uppercase;color:var(--purple);-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;text-shadow:2px 2px 0 var(--pink), 3px 3px 0 var(--ink);white-space:nowrap;font-stretch:75%;text-decoration:none}.logo:hover{color:var(--purple)}.logo--on-dark{color:var(--pink);text-shadow:2px 2px 0 var(--ink), 3px 3px 0 var(--ink)}.tag{font:800 clamp(26px, 3.4vw, 48px) / 1 var(--display);text-transform:uppercase;border:var(--line);box-shadow:var(--hard);color:var(--purple);background:var(--lime);border-radius:12px;padding:6px 14px 4px;font-stretch:75%;display:inline-block}.tag-stack{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.tag-stack--center{align-items:center}.tag-stack>.tag:nth-child(2){margin-left:24px}.bg-lime{background:var(--lime);color:var(--purple)}.bg-pink{background:var(--pink);color:var(--purple)}.bg-sky{background:var(--sky);color:var(--purple)}.bg-orange{background:var(--orange);color:var(--ink)}.bg-purple{background:var(--purple);color:var(--white)}.bg-blue{background:var(--blue);color:var(--white)}.bg-white{background:var(--white);color:var(--ink)}.bg-paper{background:var(--paper);color:var(--ink)}.btn{background:var(--pink);min-height:46px;color:var(--purple);font:700 16px / 1.2 var(--display);border:var(--line);box-shadow:var(--hard);cursor:pointer;transition:transform .35s var(--spring);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 26px;text-decoration:none;display:inline-flex}.btn:hover{color:var(--purple);transform:scale(1.05)rotate(-2deg)}.btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none}.btn--white{background:var(--white);color:var(--ink)}.btn--white:hover{color:var(--ink)}.btn--ink{background:var(--purple);color:var(--white)}.btn--ink:hover{color:var(--white)}.btn--lime{background:var(--lime)}.btn--sm{min-height:38px;padding:6px 16px;font-size:14px}.btn--lg{min-height:56px;padding:12px 34px;font-size:19px}.btn--block{width:100%}.linkbtn{font:inherit;color:var(--purple);cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.chip{background:var(--white);border:var(--line);font:700 12px / 1.5 var(--mono);color:var(--ink);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:2px 10px;display:inline-flex}.chip.bg-lime{background:var(--lime)}.chip.bg-pink{background:var(--pink)}.chip.bg-sky{background:var(--sky)}.chip.bg-orange{background:var(--orange)}.chip.bg-purple{background:var(--purple);color:var(--white)}.chip.bg-blue{background:var(--blue);color:var(--white)}.pro{background:var(--orange);color:var(--ink);border:var(--line);font:700 10px / 1.6 var(--mono);vertical-align:middle;border-radius:999px;padding:0 7px;display:inline-block}.card{border:var(--line);box-shadow:var(--hard);border-radius:22px;padding:22px;position:relative;overflow:hidden}.panel{background:var(--white);border:var(--line);box-shadow:var(--hard);border-radius:22px;padding:20px}.arch{border:var(--line);border-radius:999px 999px 0 0;overflow:hidden}.cta-card{background:var(--purple);color:var(--white);border:var(--line);box-shadow:6px 6px 0 var(--ink);transition:transform .35s var(--spring);border-radius:22px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px 32px;padding:clamp(22px,4vw,40px);text-decoration:none;display:flex;transform:rotate(-1deg)}.cta-card:hover{color:var(--white);transform:rotate(.5deg)scale(1.01)}.cta-card:active{box-shadow:3px 3px 0 var(--ink);transform:translate(3px,3px)}.cta-card__title{color:var(--white);font-size:clamp(40px,7vw,72px)}.cta-card:hover .cta-card__btn{transform:scale(1.05)rotate(-2deg)}@media (width<=760px){.cta-card__btn{width:100%}}.grid-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:22px;display:grid}.badge{background:var(--white);border:var(--line);width:110px;height:110px;box-shadow:var(--hard);text-align:center;font:800 15px / 1 var(--display);text-transform:uppercase;color:var(--purple);transition:transform .35s var(--spring);border-radius:50%;justify-content:center;align-items:center;font-stretch:75%;display:flex;transform:rotate(10deg)}.badge:hover{transform:rotate(-6deg)scale(1.05)}.field{flex-direction:column;gap:6px;display:flex}.label{font:700 12px / 1.2 var(--mono);text-transform:uppercase}.input,.textarea,.select{border:var(--line);background:var(--white);width:100%;font:500 17px / 1.3 var(--display);color:var(--ink);border-radius:14px;padding:12px 16px}.input:focus,.textarea:focus,.select:focus{outline:3px solid var(--orange);outline-offset:2px}.textarea{resize:vertical}.input--hard{box-shadow:var(--hard)}.seg-row{flex-wrap:wrap;gap:8px;display:flex}.seg{border:var(--line);background:var(--white);min-height:40px;font:700 14px / 1.2 var(--display);color:var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:6px 16px;display:inline-flex}.seg[aria-pressed=true]{background:var(--purple);color:var(--white);box-shadow:var(--hard)}.seg:disabled{cursor:not-allowed;opacity:.6}.switch{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;font-weight:700;display:flex}.switch input{appearance:none;border:var(--line);background:var(--white);cursor:pointer;border-radius:999px;flex:none;width:52px;height:30px;margin:0;position:relative}.switch input:after{content:"";background:var(--ink);border:var(--line);width:20px;height:20px;transition:transform .25s var(--spring);border-radius:50%;position:absolute;top:3px;left:3px}.switch input:checked{background:var(--lime)}.switch input:checked:after{background:var(--purple);transform:translate(22px)}.switch input:disabled{opacity:.5;cursor:not-allowed}.notice{border:var(--line);box-shadow:var(--hard);background:var(--white);border-radius:18px;padding:12px 16px}.notice--error{background:var(--orange);color:var(--ink)}.notice--ok{background:var(--lime);color:var(--purple)}.marquee{background:var(--lime);border-top:var(--line);border-bottom:var(--line);padding:14px 0;overflow:hidden}.marquee__track{width:max-content;animation:38s linear infinite kz-marquee;display:flex}.marquee:hover .marquee__track{animation-play-state:paused}.marquee__item{font:800 30px / 1 var(--display);text-transform:uppercase;color:var(--purple);white-space:nowrap;padding-right:24px;font-stretch:75%}.marquee__dot{color:var(--orange)}@keyframes kz-marquee{to{transform:translate(-50%)}}details.faq{background:var(--white);border:var(--line);box-shadow:var(--hard);border-radius:28px;padding:16px 24px}details.faq summary{cursor:pointer;font:800 22px / 1.15 var(--display);text-transform:uppercase;color:var(--purple);align-items:baseline;gap:12px;font-stretch:75%;list-style:none;display:flex}details.faq summary::-webkit-details-marker{display:none}details.faq summary:before{content:"+";color:var(--orange);font-size:28px;line-height:.8}details.faq[open] summary:before{content:"–"}details.faq p{margin:10px 0 4px 26px}.wrap{max-width:1240px;padding:0 var(--gut);margin:0 auto}.section{padding:var(--sec) var(--gut)}.stack{flex-direction:column;gap:16px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.spacer{flex:1}.center{text-align:center}.infobar{background:var(--purple);color:var(--white);font:400 12px / 1.4 var(--mono);padding:8px var(--gut);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;display:flex}.infobar a{color:var(--white)}.site-header{padding:14px var(--gut);border-bottom:var(--line);background:var(--paper);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 28px;display:flex}.site-nav{flex-wrap:wrap;align-items:center;gap:8px 24px;display:flex}.navlink{color:var(--ink);font-weight:700;text-decoration:none}.navlink:hover,.navlink.active{color:var(--purple);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px}.menu-btn{border:var(--line);background:var(--white);width:48px;height:48px;color:var(--ink);box-shadow:var(--hard);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;display:none}.menu-btn[aria-expanded=true]{background:var(--purple);color:var(--white)}.mobile-menu{display:none}@media (width<=760px){.site-nav,.site-actions{display:none}.menu-btn{display:inline-flex}.mobile-menu{flex-direction:column;flex-basis:100%;gap:18px;padding:6px 0 4px;animation:.2s ease-out q-enter;display:flex}.mobile-menu__links{flex-direction:column;display:flex}.mobile-menu__links .navlink{font:800 26px / 1 var(--display);text-transform:uppercase;border-bottom:2px dashed var(--ink);padding:12px 2px;font-stretch:75%}.mobile-menu__actions{gap:10px;display:grid}.mobile-menu__actions .btn{justify-content:center}}.site-footer{background:var(--purple);color:var(--white);border-top:var(--line);padding:56px var(--gut) 0;overflow:hidden}.site-footer a{color:var(--white)}.answer-btn{border:var(--line);width:100%;min-height:60px;box-shadow:var(--hard);font:700 19px / 1.15 var(--display);cursor:pointer;text-align:left;transition:transform .3s var(--spring), opacity .2s;border-radius:999px;align-items:center;gap:12px;padding:6px 18px 6px 6px;display:flex}.answer-btn:hover:not(:disabled){transform:scale(1.02)rotate(-1deg)}.answer-btn:disabled{cursor:default}.answer-btn__letter{background:var(--white);border:var(--line);width:44px;height:44px;font:800 21px / 1 var(--display);color:var(--ink);border-radius:50%;flex:none;justify-content:center;align-items:center;font-stretch:75%;display:flex}.answer-btn--dim{opacity:.45}.answer-btn--right{background:var(--lime)!important;color:var(--purple)!important}.answer-btn--wrong{background:var(--ink)!important;color:var(--white)!important}.answer-btn--chosen{outline:4px solid var(--orange);outline-offset:2px}.answer-btn--chosen .answer-btn__letter{background:var(--lime);color:var(--purple);animation:.35s ease-out answer-pop}@keyframes answer-pop{0%{transform:scale(.6)rotate(-12deg)}60%{transform:scale(1.2)rotate(4deg)}to{transform:scale(1)rotate(0)}}.q-enter{animation:.3s ease-out q-enter}@keyframes q-enter{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.answer-btn--chosen .answer-btn__letter,.q-enter{animation:none}}.timer{background:var(--white);border:var(--line);border-radius:999px;height:14px;overflow:hidden}.timer__fill{background:var(--lime);border-right:var(--line);height:100%;transition:width .25s linear}.timer__fill--low{background:var(--orange)}.overlay{z-index:100;padding:var(--gut);text-align:center;animation:kz-pop .4s var(--spring);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.overlay__text{font:800 clamp(56px, 16vw, 200px) / .9 var(--display);text-transform:uppercase;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:6px 6px 0 var(--ink);font-stretch:75%}@keyframes kz-pop{0%{opacity:0;transform:scale(.6)rotate(-6deg)}}.big-code{font:800 clamp(56px, 11vw, 160px) / .86 var(--display);letter-spacing:.02em;white-space:nowrap;color:var(--lime);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:1px 1px 0 var(--pink), 2px 2px 0 var(--pink), 3px 3px 0 var(--pink), 4px 4px 0 var(--pink), 5px 5px 0 var(--ink), 6px 6px 0 var(--ink), 7px 7px 0 var(--ink), 8px 8px 0 var(--ink);margin:0;padding-bottom:14px;font-stretch:75%}.loading{min-height:50vh;font:800 32px / 1 var(--display);text-transform:uppercase;color:var(--purple);justify-content:center;align-items:center;font-stretch:75%;display:flex}@media (width<=760px){.hide-sm{display:none!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.adder-modes{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.adder-mode{text-align:left;border:var(--line);color:var(--ink);cursor:pointer;box-shadow:var(--hard);border-radius:18px;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 16px;transition:transform .1s;display:flex}.adder-mode strong{font-family:var(--display);text-transform:uppercase;font-size:22px;font-weight:800;font-stretch:75%;line-height:1}.adder-mode span{font-size:14px}.adder-mode:hover{transform:translate(-1px,-1px)}.adder-mode[aria-pressed=true]{color:var(--white)}.help p,.help ul,.help ol{margin:0}.help ul,.help ol{gap:6px;padding-left:22px;display:grid}.help-h3{font:800 18px / 1.2 var(--display);text-transform:uppercase;color:var(--purple);margin:8px 0 0;font-stretch:75%}.help-steps li::marker{color:var(--purple);font-weight:800}