.beta-dialog{--surface:oklch(99.5% 0 0);--surface-2:oklch(92.5% 0 0);--ink:oklch(18% 0 0);--ink-2:oklch(36% 0 0);--ink-3:oklch(50% 0 0);--on-ink:oklch(99% 0 0);--line:oklch(18% 0 0/.09);--overlay-hover:oklch(18% 0 0/.05);--overlay-selected:oklch(18% 0 0/.09);--focus:oklch(52% .21 265);--success:oklch(50% .14 150);--danger:oklch(52% .19 27);--radius-panel:28px;--shadow:0 1px 2px oklch(0% 0 0/.04), 0 12px 32px -12px oklch(0% 0 0/.14);--shadow-lift:0 2px 4px oklch(0% 0 0/.05), 0 24px 48px -16px oklch(0% 0 0/.22);--pop-line:var(--line);--pop-shadow:var(--shadow-lift);--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-soft:cubic-bezier(.22, 1, .36, 1);--ease-pop:cubic-bezier(.28, 1.3, .36, 1);--ease-pop-soft:cubic-bezier(.3, 1.12, .4, 1);--dur-fade:.12s;--dur-pop:.26s;--dur-glide:.3s;--dur-unblur:.18s;font-family:Medeo,sans-serif;font-size:16px;font-weight:400;line-height:1.5}:is(html.dark,html[data-theme=dark]) .beta-dialog{--surface:oklch(21% 0 0);--surface-2:oklch(25.5% 0 0);--ink:oklch(97% 0 0);--ink-2:oklch(85% 0 0);--ink-3:oklch(72% 0 0);--on-ink:oklch(17% 0 0);--line:oklch(100% 0 0/.09);--overlay-hover:oklch(100% 0 0/.05);--overlay-selected:oklch(100% 0 0/.09);--focus:oklch(74% .14 265);--success:oklch(72% .14 150);--danger:oklch(74% .15 27);--shadow-lift:none;--pop-line:oklch(100% 0 0/.16);--pop-shadow:0 2px 6px oklch(0% 0 0/.4), 0 20px 40px -12px oklch(0% 0 0/.7)}.beta-dialog *,.beta-dialog :before,.beta-dialog :after{box-sizing:border-box}.beta-dialog :is(h2,p,ul){margin:0}.beta-dialog :is(button,input,textarea){font:inherit;border:0}.beta-dialog button{cursor:pointer}.beta-dialog [hidden]{display:none!important}.beta-dialog svg{flex-shrink:0;width:16px;height:16px;display:block}.beta-dialog .field{position:relative}.beta-dialog .field input,.beta-dialog .field textarea{background:var(--surface-2);width:100%;height:60px;color:var(--ink);appearance:none;transition:background-color var(--dur-fade) var(--ease-out), box-shadow var(--dur-fade) var(--ease-out);border-radius:14px;outline:none;padding:22px 16px 6px;font-size:16px;display:block}@media (hover:hover) and (pointer:fine){.beta-dialog .field input:not(:focus):hover,.beta-dialog .field textarea:not(:focus):hover{background:color-mix(in oklch, var(--surface-2) 88%, var(--ink))}}.beta-dialog .field textarea{resize:vertical;height:auto;min-height:112px;padding-top:28px;padding-bottom:12px;line-height:1.5}.beta-dialog .field input:focus,.beta-dialog .field textarea:focus{background:var(--surface);box-shadow:0 0 0 1px var(--line), var(--shadow)}.beta-dialog .field input:focus-visible,.beta-dialog .field textarea:focus-visible{box-shadow:0 0 0 2px var(--focus)}.beta-dialog .field input[aria-invalid=true],.beta-dialog .field textarea[aria-invalid=true]{box-shadow:0 0 0 1.5px var(--danger)}.beta-dialog .field label{color:var(--ink-3);pointer-events:none;transform-origin:0 0;transition:transform var(--dur-glide) var(--ease-out);font-size:16px;line-height:60px;position:absolute;top:0;left:16px}.beta-dialog .field input:focus+label,.beta-dialog .field input:not(:placeholder-shown)+label,.beta-dialog .field textarea:focus+label,.beta-dialog .field textarea:not(:placeholder-shown)+label{transform:translateY(-12px)scale(.78)}.beta-dialog .field-error{color:var(--danger);padding:6px 4px 0;font-size:14px;line-height:20px}.beta-dialog .field-error:empty{display:none}.beta-dialog .check{cursor:pointer;color:var(--ink-3);align-items:flex-start;gap:12px;font-size:14px;line-height:20px;display:flex}.beta-dialog .check-box{background:var(--surface-2);width:20px;height:20px;box-shadow:inset 0 0 0 1px var(--line);color:var(--on-ink);transition:background-color var(--dur-fade) var(--ease-out), box-shadow var(--dur-fade) var(--ease-out), transform .34s var(--ease-pop);border-radius:6px;flex-shrink:0;place-items:center;display:grid;position:relative}.beta-dialog .check input{opacity:0;width:1px;height:1px;position:absolute}.beta-dialog .check-box svg path{stroke-dasharray:14;stroke-dashoffset:14px;transition:stroke-dashoffset var(--dur-glide) var(--ease-out)}.beta-dialog .check input:checked+.check-box{background:var(--ink);box-shadow:none}.beta-dialog .check input:checked+.check-box svg path{stroke-dashoffset:0}.beta-dialog .check:active .check-box{transition-duration:.1s;transform:scale(.92)}.beta-dialog .check input:focus-visible+.check-box{outline:2px solid var(--focus);outline-offset:2px}.beta-dialog .check input[aria-invalid=true]+.check-box{box-shadow:inset 0 0 0 1.5px var(--danger)}.beta-dialog .check a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:3px;transition:text-decoration-color var(--dur-fade) var(--ease-out)}@media (hover:hover) and (pointer:fine){.beta-dialog .check:hover input:not(:checked)+.check-box{background:color-mix(in oklch, var(--surface-2) 80%, var(--ink))}.beta-dialog .check a:hover{text-decoration-color:currentColor}}.beta-dialog{width:min(440px,100vw - 24px);max-width:none;max-height:calc(100dvh - 24px);color:var(--ink);background:0 0;border:0;margin:auto;padding:0;overflow:visible}.beta-dialog[open]{animation:wl-in var(--dur-pop) var(--ease-pop-soft)}.beta-dialog[data-closing]{animation:wl-out var(--dur-fade) var(--ease-out) forwards}.beta-dialog::backdrop{animation:wl-scrim-in var(--dur-glide) var(--ease-out);background:oklch(18% 0 0/.4)}.beta-dialog[data-closing]::backdrop{animation:wl-scrim-out var(--dur-fade) var(--ease-out) forwards}@keyframes wl-in{0%{opacity:0;filter:blur(6px);transform:translateY(-4px)scale(.96)}}@keyframes wl-out{to{opacity:0;filter:blur(4px);transform:translateY(-2px)scale(.97)}}@keyframes wl-scrim-in{0%{opacity:0}}@keyframes wl-scrim-out{to{opacity:0}}.beta-dialog .wl-card{overscroll-behavior:contain;border-radius:var(--radius-panel);background:var(--surface);max-height:calc(100dvh - 24px);box-shadow:var(--shadow-lift);padding:28px;position:relative;overflow:auto}.beta-dialog .wl-close{width:36px;height:36px;color:var(--ink-3);border-radius:999px;place-items:center;display:grid;position:absolute;top:18px;right:18px}@media (hover:hover) and (pointer:fine){.beta-dialog .wl-close:hover{background:var(--overlay-hover);color:var(--ink)}}.beta-dialog .wl-title{letter-spacing:-.03em;padding-right:44px;font-size:28px;font-weight:500;line-height:1.15}.beta-dialog .wl-lead{color:var(--ink-3);text-wrap:pretty;margin-top:8px;font-size:16px;line-height:1.5}.beta-dialog .wl-form{flex-direction:column;gap:12px;margin-top:20px;display:flex}.beta-dialog .wl-consent{padding:4px 4px 0}.beta-dialog .wl-consent-error{padding-left:32px}.beta-dialog .wl-submit{width:100%;height:52px;margin-top:8px}.beta-dialog .wl-status{text-align:center;color:var(--ink-3);font-size:14px;line-height:20px}.beta-dialog .wl-status:empty{display:none}.beta-dialog .wl-status[data-error]{color:var(--danger)}.beta-dialog .wl-done[hidden],.beta-dialog [data-view][hidden]{display:none}.beta-dialog .wl-done{text-align:center;padding-top:12px}.beta-dialog .wl-done .wl-title{padding-inline:44px}.beta-dialog .wl-done .wl-submit{margin-top:28px}.beta-dialog .wl-check{background:color-mix(in oklch, var(--success) 14%, transparent);width:56px;height:56px;color:var(--success);border-radius:999px;place-items:center;margin:0 auto;display:grid}@media (width<=420px){.beta-dialog .wl-card{padding:24px 20px}.beta-dialog .wl-close{top:14px;right:14px}}@media (prefers-reduced-motion:reduce){.beta-dialog[open],.beta-dialog[data-closing],.beta-dialog::backdrop{animation-name:wl-scrim-in}}.beta-dialog .select-trigger{background:var(--surface-2);text-align:left;width:100%;height:60px;color:var(--ink);transition:background-color var(--dur-fade) var(--ease-out), box-shadow var(--dur-fade) var(--ease-out);border-radius:14px;align-items:center;padding:22px 44px 6px 16px;font-size:16px;display:flex}.beta-dialog .select-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.beta-dialog .select-trigger:not([data-filled]) .select-text{color:var(--ink-3)}.beta-dialog .select-trigger[aria-expanded=true]{background:var(--surface);box-shadow:0 0 0 1px var(--line), var(--shadow)}.beta-dialog .select-trigger:focus-visible{box-shadow:0 0 0 2px var(--focus);outline:none}@media (hover:hover) and (pointer:fine){.beta-dialog .select-trigger[aria-expanded=false]:hover{background:color-mix(in oklch, var(--surface-2) 88%, var(--ink))}}.beta-dialog .select label{cursor:pointer;transform:translateY(-12px)scale(.78)}.beta-dialog .select-chevron{color:var(--ink-3);pointer-events:none;transition:transform var(--dur-pop) var(--ease-pop-soft);position:absolute;top:22px;right:16px}.beta-dialog .select-trigger[aria-expanded=true]~.select-chevron{transform:rotate(180deg)}.beta-dialog .select-pop{color:var(--ink);background:0 0;border:0;margin:0;padding:0;position:fixed;inset:auto;overflow:visible}.beta-dialog .select-pop:popover-open{animation:select-in var(--dur-pop) var(--ease-pop-soft)}.beta-dialog .select-pop[data-closing]{animation:select-out var(--dur-fade) var(--ease-out) forwards}@keyframes select-in{0%{opacity:0;filter:blur(6px);transform:translateY(-4px)scale(.96)}}@keyframes select-out{to{opacity:0;transform:scale(.98)}}.beta-dialog .select-list{background:var(--surface);max-height:280px;box-shadow:0 0 0 1px var(--pop-line), var(--pop-shadow);transform-origin:top;border-radius:18px;outline:none;padding:6px;position:relative;overflow:auto}.beta-dialog .select-glide{background:var(--overlay-selected);opacity:0;pointer-events:none;height:44px;transition:transform var(--dur-pop) var(--ease-pop-soft), opacity var(--dur-fade) var(--ease-out);border-radius:12px;position:absolute;top:0;left:6px;right:6px}.beta-dialog .select-glide[data-instant]{transition:opacity var(--dur-fade) var(--ease-out)}.beta-dialog .select-option{z-index:1;height:44px;color:var(--ink-2);cursor:pointer;transition:color var(--dur-fade) var(--ease-out);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:0 12px;font-size:16px;display:flex;position:relative}.beta-dialog .select-option[data-active],.beta-dialog .select-option[aria-selected=true]{color:var(--ink)}.beta-dialog .select-tick{opacity:0;transition:opacity var(--dur-fade) var(--ease-out), transform var(--dur-glide) var(--ease-soft);transform:scale(.25)}.beta-dialog .select-option[aria-selected=true] .select-tick{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){:is(.beta-dialog .select-pop:popover-open,.beta-dialog .select-pop[data-closing]){animation-name:fade-in}.beta-dialog .select-pop[data-closing]{animation:none}.beta-dialog .select-chevron,.beta-dialog .select-tick,.beta-dialog .select-glide{transition:opacity var(--dur-fade) var(--ease-out)}.beta-dialog .select-option[aria-selected=true] .select-tick{transform:none}}.beta-dialog .field input[type=hidden]{display:none}.beta-dialog .field textarea{resize:none}.beta-dialog .field :is(input,textarea):focus{background:var(--surface-2)}.beta-dialog .select-trigger,.beta-dialog .select-trigger:focus-visible{outline:none}.beta-dialog .select-trigger[aria-expanded=true]{background:var(--surface-2)}.beta-dialog .select-trigger[aria-invalid=true]{box-shadow:0 0 0 1.5px var(--danger)}.beta-dialog .btn{background:var(--ink);color:var(--on-ink);border-radius:999px;justify-content:center;align-items:center;font-size:16px;font-weight:500;display:flex}.beta-dialog .btn:focus-visible,.beta-dialog .wl-close:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.beta-dialog .btn-ghost{background:var(--surface-2);color:var(--ink)}.beta-dialog .wl-close{background:0 0}.beta-dialog .wl-check svg{width:20px;height:20px}.beta-dialog .wl-lead{margin-top:8px}.beta-dialog .wl-done .wl-title{margin-top:20px}.beta-dialog .text-ink{color:var(--ink)}.beta-dialog .select-list{max-height:min(280px,100dvh - 24px);list-style:none}.beta-dialog .select-text{filter:none;transform:none}.beta-dialog .field input[aria-invalid=true],.beta-dialog .field textarea[aria-invalid=true]{box-shadow:0 0 0 1.5px var(--danger);outline:none}@keyframes beta-swap{0%{opacity:0;transform:translateY(4px)}}.beta-dialog .beta-swap{animation:beta-swap var(--dur-unblur) var(--ease-out)}@media (prefers-reduced-motion:reduce){.beta-dialog *,.beta-dialog :before,.beta-dialog :after{animation-duration:var(--dur-fade)!important;transition-duration:0s!important}}