.zona-suggest{--bg:#050505;--panel:#0a0a0a;--ink:#f4f4f4;--dim:#8d8d90;--line:#f4f4f4db;--track-xl:.62em;--track-lg:.34em;--track-md:.16em;--track-sm:.1em;--ease:cubic-bezier(.2, .7, .25, 1);--font-display:"Grifter", ui-sans-serif, system-ui, "Segoe UI", sans-serif;--u:min(.09259vh, .05208vw);isolation:isolate;width:100%;height:100%;min-height:100%;color:var(--ink);font-family:var(--font-display);text-transform:uppercase;letter-spacing:var(--track-md);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#050505;font-weight:300;position:relative;overflow:hidden}.zona-suggest *,.zona-suggest :before,.zona-suggest :after{box-sizing:border-box}.zona-suggest button,.zona-suggest input,.zona-suggest textarea{font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;background:0 0;border:0;border-radius:0;margin:0;padding:0}.zona-suggest button{cursor:pointer}.zona-suggest .sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.zona-suggest .hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.zona-suggest .bg{z-index:0;background:var(--bg);image-rendering:pixelated;image-rendering:crisp-edges;display:block;position:absolute;top:0;left:0}.zona-suggest .stage{z-index:1;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);place-items:center;display:grid;position:absolute;inset:0}.zona-suggest .panel{width:min(94vw, calc(810 * var(--u)));max-height:96svh;padding:calc(48 * var(--u)) calc(60 * var(--u)) calc(44 * var(--u));text-align:center;background-color:var(--panel);background-image:radial-gradient(circle,#ffffff13 .8px,#0000 1.4px);background-size:calc(22 * var(--u)) calc(22 * var(--u));isolation:isolate;will-change:transform;background-position:50%;flex-direction:column;align-items:center;display:flex;position:relative;box-shadow:0 0 0 1px #000000e6,0 30px 80px -30px #000000e6}.zona-suggest .wordmark{font-weight:100;font-size:calc(40 * var(--u));letter-spacing:var(--track-xl);margin-left:var(--track-xl);color:var(--ink);line-height:1;position:relative}.zona-suggest .tagline{margin-top:calc(26 * var(--u));font-size:calc(21 * var(--u));letter-spacing:var(--track-lg);margin-left:var(--track-lg);color:var(--dim);line-height:1}.zona-suggest .box{width:100%;height:calc(365 * var(--u));margin-top:calc(58 * var(--u));padding:calc(18 * var(--u)) calc(20 * var(--u)) calc(16 * var(--u));gap:calc(14 * var(--u));border:1px solid var(--line);text-align:left;flex-direction:column;display:flex;position:relative}.zona-suggest .box__name{width:min(100%, calc(292 * var(--u)));padding:calc(9 * var(--u)) calc(9 * var(--u)) calc(8 * var(--u));border:1px solid var(--line);font-size:calc(19 * var(--u));letter-spacing:var(--track-md);color:var(--ink);outline:none;align-self:flex-start;line-height:1.15}.zona-suggest .box__name::placeholder{color:#f4f4f4c7}.zona-suggest .box__name:focus{border-color:#fff}.zona-suggest .box__field{flex:1;min-height:0;display:flex;position:relative}.zona-suggest .box__text{resize:none;width:100%;min-height:0;font-size:calc(17 * var(--u));letter-spacing:var(--track-sm);text-transform:none;color:var(--ink);caret-color:var(--ink);scrollbar-width:thin;scrollbar-color:#f4f4f440 transparent;outline:none;flex:1;line-height:1.5}.zona-suggest .box__hint{font-size:calc(17 * var(--u));letter-spacing:var(--track-lg);color:var(--dim);cursor:text;text-align:left;text-transform:inherit;line-height:1.5;position:absolute;top:0;left:0}.zona-suggest .box__hint .bar{color:var(--ink);animation:1.1s step-end infinite zona-blink}@keyframes zona-blink{50%{opacity:0}}.zona-suggest .box__foot{justify-content:space-between;align-items:flex-end;gap:calc(16 * var(--u));display:flex}.zona-suggest .box__status{font-size:calc(12 * var(--u));letter-spacing:var(--track-md);color:#f4f4f4b8;min-height:1.5em}.zona-suggest .box__status.is-bad{color:#f4f4f4}.zona-suggest .box__submit{min-width:calc(180 * var(--u));padding:calc(11 * var(--u)) calc(24 * var(--u)) calc(9 * var(--u));border:1px solid var(--line);font-size:calc(19 * var(--u));letter-spacing:var(--track-lg);text-indent:var(--track-lg);color:var(--ink);transition:background .15s var(--ease), color .15s var(--ease), opacity .2s;flex:none;line-height:1}.zona-suggest .box__submit:hover,.zona-suggest .box__submit:focus-visible{background:var(--ink);color:#0a0a0a;outline:none}.zona-suggest .box__submit:disabled{opacity:.45;cursor:progress}.zona-suggest .box__submit:disabled:hover{color:var(--ink);background:0 0}.zona-suggest .box.is-done>:not(.box__done){visibility:hidden}.zona-suggest .box__done{justify-content:center;align-items:center;gap:calc(14 * var(--u));text-align:center;flex-direction:column;display:flex;position:absolute;inset:0}.zona-suggest .box__done-line{font-weight:100;font-size:calc(34 * var(--u));letter-spacing:var(--track-xl);margin-left:var(--track-xl);line-height:1}.zona-suggest .box__done-sub{font-size:calc(14 * var(--u));letter-spacing:var(--track-lg);color:#f4f4f4bf}.zona-suggest .box__again{margin-top:calc(10 * var(--u));font-size:calc(12 * var(--u));letter-spacing:var(--track-lg);color:var(--dim);text-underline-offset:.35em;text-decoration:underline}.zona-suggest .box__again:hover{color:var(--ink)}.zona-suggest .note{margin-top:calc(44 * var(--u))}.zona-suggest .note p{font-size:calc(18 * var(--u));letter-spacing:.13em;white-space:nowrap;color:var(--ink);line-height:1.5}.zona-suggest .crt{z-index:2;pointer-events:none;background:repeating-linear-gradient(0deg,#00000029 0 1px,#0000 1px 3px),radial-gradient(120% 100%,#0000 55%,#00000080 100%);position:absolute;inset:0}.zona-suggest .wordmark:before,.zona-suggest .wordmark:after{content:attr(data-text);width:100%;color:var(--ink);opacity:0;pointer-events:none;position:absolute;top:0;left:0}html.is-glitch .zona-suggest .wordmark:before{animation:.14s steps(2,end) zona-tearA}html.is-glitch .zona-suggest .wordmark:after{animation:.14s steps(2,end) zona-tearB}@keyframes zona-tearA{0%{opacity:.9;clip-path:inset(0 0 55%);transform:translate(-6px)}50%{opacity:.9;clip-path:inset(30% 0 20%);transform:translate(5px)}to{opacity:0}}@keyframes zona-tearB{0%{opacity:.9;clip-path:inset(60% 0 0);transform:translate(5px)}50%{opacity:.9;clip-path:inset(0 0 70%);transform:translate(-4px)}to{opacity:0}}@media (width<=820px),(height<=560px){.zona-suggest .panel{background-size:18px 18px;width:min(94vw,560px);padding:clamp(22px,5svh,40px) clamp(16px,4vw,28px) clamp(18px,4svh,32px)}.zona-suggest .wordmark{font-size:clamp(24px,8vw,34px)}.zona-suggest .tagline{margin-top:clamp(10px,2svh,16px);font-size:clamp(10px,3vw,13px)}.zona-suggest .box{gap:10px;height:clamp(200px,100svh - 300px,380px);margin-top:clamp(18px,4svh,34px);padding:12px 12px 10px}.zona-suggest .box__name{letter-spacing:.04em;width:min(100%,13em);padding:7px 10px 6px;font-size:16px}.zona-suggest .box__text{letter-spacing:.02em;font-size:16px;line-height:1.4}.zona-suggest .box__hint{letter-spacing:var(--track-md);font-size:12px;line-height:1.9}.zona-suggest .box__foot{gap:10px}.zona-suggest .box__status{font-size:10px}.zona-suggest .box__submit{min-width:0;padding:9px 16px 8px;font-size:13px}.zona-suggest .box__done{gap:10px}.zona-suggest .box__done-line{font-size:clamp(22px,7vw,30px)}.zona-suggest .box__done-sub{font-size:11px}.zona-suggest .box__again{margin-top:8px;font-size:10px}.zona-suggest .note{margin-top:clamp(14px,3svh,26px)}.zona-suggest .note br{display:none}.zona-suggest .note p{white-space:normal;letter-spacing:.1em;max-width:34em;margin:0 auto;font-size:clamp(9.5px,2.75vw,12px);line-height:1.6}}@media (prefers-reduced-motion:reduce){.zona-suggest .box__hint .bar,html.is-glitch .zona-suggest .wordmark:before,html.is-glitch .zona-suggest .wordmark:after{animation:none}.zona-suggest *{transition:none!important}}
