.form{flex-direction:column;gap:12px;display:flex}.form>.btn{margin-top:10px}.field{flex-direction:column;gap:2px;min-width:0;display:flex}.field label,.fieldset legend{font:500 10.5px / 1.2 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);padding:0}.field-hint{color:var(--ink-soft);font-size:13.5px;line-height:1.4}.field input,.field select{margin-top:4px}.field-error{font-size:var(--t-small);color:var(--ink);font-weight:700}.field-error:before{content:"";background:var(--berry);border-radius:50%;width:10px;height:10px;margin-right:8px;display:inline-block}.field input,.field select,.zone-pick select{width:100%;min-height:44px;font:600 19px / 1.2 var(--f-hand);font-variation-settings:"INFM" 50;color:var(--pen);background:rgb(var(--grid-rgb) / 22%);border:0;border-bottom:2px solid var(--ink-soft);border-radius:6px 6px 0 0;padding:8px 2px 4px}.field select,.zone-pick select{font:400 17px / 1.2 var(--f-read);color:var(--ink)}.field input:hover,.field select:hover{background:rgb(var(--sky-rgb) / 10%)}.field input:focus-visible,.field select:focus-visible,.zone-pick select:focus-visible{outline:2px dashed var(--pen);outline-offset:4px;border-bottom-color:var(--pen)}.field input[aria-invalid=true]{border-bottom-color:color-mix(in srgb, var(--berry) 80%, var(--ink));background:rgb(var(--berry-rgb) / 14%)}.fieldset{border:0;flex-direction:column;gap:0;margin:0;padding:0;display:flex}.search{flex-wrap:wrap;align-items:center;gap:6px 18px;display:flex}.search-field{flex-direction:row;flex:420px;align-items:center;gap:10px}.search-field .field-label{white-space:nowrap;flex:none}.search-field input{flex:200px;margin-top:0;font-size:18px}.search-found{font:700 15px / 1.3 var(--f-read);color:var(--ink);white-space:nowrap;margin:0}@media (width<=700px){.search-field{flex-wrap:wrap;flex-basis:100%}.search-field .field-label{flex-basis:100%}}.fieldset legend{margin-bottom:2px}.check{cursor:pointer;align-items:center;gap:12px;min-height:44px;font-size:14.5px;line-height:1.35;display:flex;position:relative}.check input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.check-box{border:1.5px solid color-mix(in srgb, var(--ink) 45%, var(--card));background:var(--card);border-radius:6px;flex:none;place-items:center;width:22px;height:22px;transition:background-color .12s,border-color .12s;display:grid}.check-box:after{content:"";border-left:2.5px solid var(--card);border-bottom:2.5px solid var(--card);opacity:0;width:10px;height:5px;margin-top:-3px;rotate:-45deg}.check:hover .check-box{border-color:var(--pen)}.check input:checked+.check-box{border-color:var(--pen);background:var(--pen)}.check input:checked+.check-box:after{opacity:1}.check input:focus-visible+.check-box{outline:2px dashed var(--pen);outline-offset:3px}@media (prefers-reduced-motion:reduce){.check-box{transition:none}}.acts{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.btn{min-height:48px;font:700 16px / 1 var(--f-read);cursor:pointer;border:1.5px solid var(--ink);background:var(--ink);color:var(--card);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 20px;text-decoration:none;display:inline-flex}.btn:hover{background:var(--pen);border-color:var(--pen)}.btn.second{background:var(--card);color:var(--ink)}.btn.second:hover{color:var(--pen);border-color:var(--pen)}.btn.wide{width:100%}.btn.pick[aria-pressed=true]{color:var(--card);background:var(--ink);border-color:var(--ink)}.btn[aria-disabled=true]{opacity:.55;cursor:progress}.link{min-height:44px;font:700 14.5px / 1.3 var(--f-read);color:var(--pen);cursor:pointer;text-align:left;text-underline-offset:3px;background:0 0;border:0;align-items:center;padding:0 2px;text-decoration:underline;text-decoration-thickness:1.5px;display:inline-flex}.note{font-size:var(--t-small);color:var(--ink-soft);line-height:1.5}.zone{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:2px 10px;font-size:14px;display:flex}.zone b{color:var(--ink);font-weight:700}.zone-pick{font:500 10.5px / 1.2 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;flex-direction:column;flex-basis:100%;gap:2px;display:flex}.code{align-self:flex-start;max-width:100%;margin-block:2px 4px;display:inline-flex;position:relative}.code-boxes{flex-wrap:wrap;align-items:center;gap:8px 6px;width:194px;display:flex}.code-cell{width:44px;height:56px;font:700 28px / 1 var(--f-mono);color:var(--ink);background:var(--card);border:1.5px solid var(--ink-soft);border-radius:9px;place-items:center;display:grid}.code-cell:empty{border-color:color-mix(in srgb, var(--ink) 30%, var(--card))}.code-cell.now{border-color:var(--pen);box-shadow:inset 0 -4px 0 color-mix(in srgb, var(--pen) 40%, var(--card))}.code-gap{flex-basis:100%;height:0}.code input{color:#0000;caret-color:#0000;opacity:0;cursor:text;background:0 0;border:0;width:100%;height:100%;margin:0;padding:0;font-size:16px;position:absolute;inset:0}.code:focus-within .code-boxes{outline:2px dashed var(--pen);outline-offset:6px;border-radius:10px}.code.wrong .code-cell:not(:empty){border-color:color-mix(in srgb, var(--berry) 80%, var(--ink))}.say{--notice-color:var(--margin);background:color-mix(in srgb, var(--notice-color) 18%, var(--card));border-left:4px solid var(--notice-color);border-radius:10px;padding:10px 14px;font-size:15px;line-height:1.5}.say.dismissible{min-height:44px;padding-right:54px;position:relative}.say-dismiss{width:44px;height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;font-size:24px;display:grid;position:absolute;top:0;right:2px}.say-dismiss:hover{background:rgb(var(--ink-rgb) / 7%)}.say-dismiss:focus-visible{outline:2px solid var(--pen);outline-offset:-4px}.say.success{--notice-color:var(--ok)}.say.info{--notice-color:var(--glow)}.say.error,.say.warning{--notice-color:color-mix(in srgb, var(--margin) 75%, var(--ink))}.say .acts{margin-top:6px}.notice{font-size:var(--t-small);background:rgb(var(--card-rgb) / 88%);border:1.5px solid var(--rule-firm);border-radius:10px;flex-direction:column;gap:8px;padding:12px 14px;line-height:1.5;display:flex}.choices{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.choice{background:var(--card);border:1.5px solid var(--rule-firm);cursor:pointer;width:100%;min-height:56px;font:700 16px / 1.25 var(--f-read);color:var(--ink);text-align:left;border-radius:10px;align-items:center;gap:14px;padding:8px 14px;text-decoration:none;display:flex}.choice:hover{border-color:var(--pen);color:var(--pen)}.choice[aria-disabled=true]{cursor:progress}.choice-words{flex-direction:column;gap:2px;display:flex}.choice-words small{font:400 14px / 1.35 var(--f-read);color:var(--ink-soft)}.mails{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.mail{background:var(--card);border:1.5px solid var(--rule-firm);border-radius:10px;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.mail pre{font:400 14px / 1.5 var(--f-mono);white-space:pre-wrap;margin:0}@media (width<=460px){.code-boxes{gap:8px 4px;width:156px}.code-cell{border-radius:8px;width:36px;height:50px;font-size:24px}}
