.oddz{border:0;padding:0;width:min(460px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;border-radius:var(--r-card);background:var(--surface);color:var(--ink);font-family:var(--f-body);box-shadow:0 40px 80px -30px rgba(8,14,28,.55)}.oddz::backdrop{background:rgba(10,16,28,.62)}html:has(.oddz[open]){overflow:hidden}.oddz__head{position:relative;padding:26px 68px 22px 28px;background:var(--dark);color:#fff;border-top:4px solid var(--accent-on-dark);transition:background-color 250ms,border-color 250ms}.oddz__head h2{margin:0 0 8px;color:#fff;font-family:var(--f-head);font-weight:var(--head-w);font-size:1.5rem;line-height:1.15;letter-spacing:var(--h-ls)}.oddz__head p{margin:0;color:rgba(255,255,255,.8);font-size:.95rem;line-height:1.45}.oddz__x{position:absolute;top:12px;right:12px;width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;border-radius:var(--r-btn);background:transparent;color:rgba(255,255,255,.8);cursor:pointer}.oddz__x svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.oddz__x:hover{color:#fff;background:rgba(255,255,255,.1)}.oddz__x:focus-visible{outline:3px solid #fff;outline-offset:0}.oddz__f,.oddz__ok{padding:24px 28px 28px}.oddz__f[hidden],.oddz__ok[hidden]{display:none}.oddz__field{margin-bottom:20px}.oddz__in{display:flex;align-items:stretch;border:1px solid #A9B0AE;border-radius:var(--r-btn);background:#fff;overflow:hidden}.oddz__in:focus-within{border-color:var(--brand);outline:2px solid var(--brand);outline-offset:0}.oddz__in:has([aria-invalid=true]){border-color:var(--err)}.oddz__pre{display:flex;align-items:center;padding:0 12px 0 14px;background:var(--paper);border-right:1px solid var(--line);color:var(--muted);font-weight:600;font-size:1.15rem;font-variant-numeric:tabular-nums}.oddz .oddz__in input,.oddz .oddz__in input:focus{flex:1;min-width:0;min-height:56px;border:0;border-radius:0;outline:0;padding:0 14px;font-size:1.25rem;letter-spacing:.02em;font-variant-numeric:tabular-nums}.oddz fieldset{border:0;padding:0;margin:0 0 18px;min-width:0}.oddz legend{padding:0;margin-bottom:8px;font-weight:600;font-size:.95rem}.oddz__seg,.oddz__pora{display:flex;flex-wrap:wrap;gap:8px}.oddz__seg label{flex:1 1 150px;position:relative}.oddz__pora label{position:relative}.oddz__seg input,.oddz__pora input{position:absolute;opacity:0;width:1px;height:1px;margin:0}.oddz__seg label>span{display:flex;align-items:center;gap:10px;min-height:56px;padding:10px 14px;border:1.5px solid var(--line);border-radius:var(--r-btn);background:#fff;font-weight:600;line-height:1.25;cursor:pointer;transition:border-color 180ms,background-color 180ms}.oddz__seg label>span::before{content:'';flex:none;width:6px;height:26px;border-radius:2px;background:linear-gradient(180deg,var(--r-navy) 0 55%,var(--r-gold) 55%)}.oddz__seg label+label span::before{background:linear-gradient(180deg,var(--t-green) 0 55%,var(--t-red) 55%)}.oddz__pora label>span{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:.93rem;cursor:pointer;transition:border-color 180ms,background-color 180ms}.oddz__seg label>span:hover,.oddz__pora label>span:hover{border-color:var(--muted)}.oddz__seg input:checked+span,.oddz__pora input:checked+span{border-color:var(--brand);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--brand)}.oddz__pora input:checked+span{font-weight:600}.oddz__seg input:focus-visible+span,.oddz__pora input:focus-visible+span{outline:3px solid var(--brand);outline-offset:2px}.oddz__rodo{margin:12px 0 0;color:var(--muted);font-size:.85rem;line-height:1.5}.oddz a{color:var(--link)}.oddz__go{width:100%;min-height:54px;font-size:1.05rem}.oddz__st:empty{display:none}.oddz__st.status{margin-top:14px}.oddz__st p{margin:0 0 10px}.oddz__st .btn{width:100%;color:var(--ink)}.oddz .err{margin-top:6px}.oddz__ok-ic{width:52px;height:52px;padding:12px;border-radius:50%;background:var(--accent-soft);fill:none;stroke:var(--brand);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.oddz__ok h2{margin:16px 0 10px;font-family:var(--f-head);font-weight:var(--head-w);font-size:1.35rem;line-height:1.25}.oddz__ok h2:focus{outline:0}.oddz__ok p{color:var(--muted);margin:0 0 20px}.oddz__ok .btn{width:100%}.oddz[open]{animation:oddzIn 260ms var(--ease-out)}.oddz[open]::backdrop{animation:oddzTlo 200ms ease-out}@keyframes oddzIn{from{opacity:0;transform:translateY(18px)}}@keyframes oddzTlo{from{opacity:0}}@media (max-width:560px){.oddz{width:100%;max-width:100%;margin:auto 0 0;border-radius:14px 14px 0 0;max-height:calc(100dvh - 12px)}.oddz__head{padding:22px 64px 18px 20px}.oddz__head h2{font-size:1.32rem}.oddz__f,.oddz__ok{padding:20px 20px calc(22px + env(safe-area-inset-bottom,0px))}@keyframes oddzIn{from{transform:translateY(100%)}}}@media (prefers-reduced-motion:reduce){.oddz[open],.oddz[open]::backdrop{animation:none}.oddz__head,.oddz__seg span,.oddz__pora label>span{transition:none}}