.field{min-width:0;margin:0 0 var(--s4);border:0;padding:0}.field-label{display:block;margin:0 0 var(--s2);font-weight:700;font-size:var(--fs-ui);color:var(--ink);padding:0}.field-hint{margin:var(--s2) 0 0;color:var(--ink-3);line-height:1.45}.field-error,.field-hint{font-size:var(--fs-small)}.field-error{margin:0;font-weight:700;color:var(--error);line-height:1.4}.field-error:not(:empty){margin-top:var(--s2);padding-left:.75rem;border-left:3px solid var(--error)}.field-after{margin-top:var(--s2);font-size:var(--fs-small)}.control{display:block;width:100%;min-height:52px;padding:0 var(--s4);border:1.5px solid var(--edge);border-radius:var(--r1);background:var(--surface);color:var(--ink);font:650 1.125rem/1.2 var(--f-ui);font-feature-settings:lining-nums proportional-nums;font-variant-numeric:lining-nums proportional-nums;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.control:hover{border-color:var(--ink-2)}.control:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--focus)}.control[aria-invalid=true]{border-color:var(--error);box-shadow:inset 0 -3px 0 var(--error)}.control::placeholder{color:var(--ink-3);opacity:1;font-weight:500}.control--zip{max-width:calc(11ch + 2 * var(--s4));letter-spacing:.02em}.select-wrap{position:relative;display:block;max-width:calc(var(--chars, 10) * .68em + 3.5rem)}.select-wrap select{padding-right:2.5rem;cursor:pointer}.select-caret{position:absolute;right:.8rem;top:50%;width:1.1rem;height:1.1rem;transform:translateY(-50%);pointer-events:none;color:var(--ink-2)}.num-wrap{position:relative;display:flex;align-items:center;max-width:calc(var(--chars, 7) * .7em + 4.5rem)}.num-wrap .control{padding-right:3.25rem}.num-wrap .unit{position:absolute;right:var(--s4);color:var(--ink-3);font-weight:600;pointer-events:none}.field--time .time-row{display:flex;align-items:flex-start;gap:var(--s2)}.time-part{display:flex;flex-direction:column;align-items:center;gap:2px}.time-part .control{width:calc(2ch + 2 * var(--s4) + .5rem);text-align:center;padding:0 var(--s3)}.time-part label{font-size:var(--fs-small);color:var(--ink-3);font-weight:600;min-height:1.4em}.time-colon{font-weight:800;font-size:1.5rem;line-height:52px;color:var(--ink-2)}.seg{display:flex;flex-wrap:wrap;width:100%;max-width:min(100%,calc(var(--n, 2) * 9.5rem));border:1.5px solid var(--edge);border-radius:var(--r1);overflow:hidden;background:var(--surface)}.seg-opt{position:relative;display:flex;min-width:0;flex-grow:1;flex-shrink:1;flex-basis:calc((12rem - 100%) * 999)}.seg--long{max-width:min(100%,calc(var(--n, 2) * 13rem))}.seg--xlong{max-width:min(100%,calc(var(--n, 2) * 16rem))}.seg--long .seg-opt{flex-basis:calc((20rem - 100%) * 999)}.seg--xlong .seg-opt{flex-basis:calc((30rem - 100%) * 999)}.seg--short{width:calc(var(--n, 2) * var(--sw, 5.5rem) + 3px);max-width:100%}.seg--short .seg-opt{flex-basis:calc((var(--n, 2) * var(--sw, 5.5rem) - 100%) * 999)}.seg-opt input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer;width:100%;height:100%}.seg-opt span{flex:1 1;display:flex;align-items:center;justify-content:center;min-height:48px;min-width:44px;padding:.45rem var(--s3);font-weight:650;line-height:1.25;text-align:center;text-wrap:balance;color:var(--ink-2);box-shadow:-1px 0 0 var(--line),0 -1px 0 var(--line);transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.seg-opt input:hover+span{background:var(--bg-2);color:var(--ink)}.seg-opt input:checked+span{background:var(--ink);color:var(--bg)}.seg-opt input:focus-visible+span{outline:3px solid var(--focus);outline-offset:-3px}.keypad{margin:0 0 var(--s4)}.keypad-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:var(--s2);gap:var(--s2);max-width:26rem}.key{min-height:56px;border:1.5px solid var(--edge);border-radius:var(--r1);background:var(--surface);color:var(--ink);font:800 1.1875rem/1 var(--f-ui);cursor:pointer}.key span{font-weight:600;font-size:.8em;color:var(--ink-3);margin-left:1px}.key:hover{border-color:var(--ink);background:var(--bg-2)}.key:active{background:var(--accent-wash)}.toggle{display:inline-flex;align-items:center;gap:var(--s3);min-height:44px;cursor:pointer;font-weight:600}.toggle input{width:1.375rem;height:1.375rem;accent-color:var(--accent);margin:0;flex:none}.sentence{font:600 clamp(1.25rem,1.05rem + 1.1vw,1.875rem) /2.3 var(--f-ui);letter-spacing:-.012em;color:var(--ink-2);margin:0;text-wrap:pretty}.sentence .nw{white-space:nowrap}.slot{position:relative;display:inline-flex;align-items:center;vertical-align:baseline}.slot input,.slot select{font:800 1em/1.2 var(--f-ui);letter-spacing:-.015em;color:var(--ink);background:var(--surface);border:0;border-bottom:2.5px solid var(--accent);border-radius:var(--r1) var(--r1) 0 0;min-height:max(1.75em,2.75rem);padding:.05em .45em;margin:0 .1em;-moz-appearance:none;appearance:none;-webkit-appearance:none;box-shadow:0 0 0 1px var(--band-line)}.slot select{padding-right:1.5em;cursor:pointer;width:calc(var(--chars, 6) * .56em + 2.05em);min-width:3.2em;max-width:100%}.slot input{width:calc(var(--chars, 5) * .64em + 1.1em);min-width:4.3em}.slot .select-caret{right:.55em;width:.7em;height:.7em;color:var(--accent)}.slot input:hover,.slot select:hover{background:var(--bg-2)}.slot input:focus-visible,.slot select:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.slot input[aria-invalid=true],.slot.is-invalid input{border-bottom-color:var(--error);background:var(--error-wash)}@media (max-width:380px){.sentence{line-height:2.3}.slot input,.slot select{padding-left:.35em;padding-right:.35em}.slot select{padding-right:1.25em}}@media (max-width:20em){.sentence{line-height:2.2;font-size:1rem}.sentence .nw{white-space:normal}.slot,.slot select{max-width:100%}.slot select{width:auto;padding-left:.3em;padding-right:1.3em}}.field-tip{margin:0;font-size:var(--fs-small);color:var(--ink-2);line-height:1.45}.field-tip:not(:empty){margin-top:var(--s2);padding-left:.75rem;border-left:3px solid var(--accent)}.field-tip a,.slot-tip a{display:inline-block;padding:.55rem 0;margin:-.55rem 0;font-weight:700}.slot-tip:empty{display:none}.slot-tip{position:absolute;left:0;top:calc(100% + 6px);z-index:4;width:max-content;max-width:min(20rem,80vw);padding:var(--s2) var(--s3);border:1px solid var(--band-line);border-left:3px solid var(--accent);border-radius:var(--r1);background:var(--surface);box-shadow:var(--shadow);font:500 var(--fs-small) /1.45 var(--f-ui);letter-spacing:0;color:var(--ink-2);white-space:normal}@media (max-width:30em){.slot-tip{left:auto;right:0}}