.lg{--gate-bg: #FAFAF8;--gate-fg: #1A1A1A;--gate-muted: #5C5C58;--gate-rule: rgba(0,0,0,.14);--gate-accent: #4724F2;--gate-accent-fg: #fff;--gate-label: #4724F2;--gate-error: #C62828;--gate-radius: 16px;--gate-font: inherit;--gate-mono: ui-monospace, "SF Mono", Menlo, monospace;color:var(--gate-fg);font-family:var(--gate-font)}.lg--dark{--gate-bg: #141418;--gate-fg: #FAFAFA;--gate-muted: #D4D2CE;--gate-rule: rgba(255,255,255,.16);--gate-accent: #4724F2;--gate-accent-fg: #fff;--gate-label: #A08CFF;--gate-error: #FF8A8A}.lg--dialog{border:1px solid var(--gate-rule);border-radius:var(--gate-radius);background:var(--gate-bg);padding:0;width:min(560px,calc(100vw - 32px));max-height:calc(100svh - 32px);overflow:auto}.lg--dialog::backdrop{background:#0009}.lg--dialog[open]{animation:lg-in .25s cubic-bezier(.2,.7,.2,1)}@keyframes lg-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.lg--inline{background:var(--gate-bg);border:1px solid var(--gate-rule);border-radius:var(--gate-radius)}.lg-body{padding:clamp(24px,4vw,40px);position:relative}.lg-close{position:absolute;top:10px;right:12px;z-index:1;width:40px;height:40px;border:0;background:transparent;color:var(--gate-muted);font-size:26px;line-height:1;cursor:pointer;border-radius:50%}.lg-close:hover{color:var(--gate-fg)}.lg-title{margin:0;padding-right:32px;font-weight:600;font-size:clamp(24px,2.6vw,32px);line-height:1.1;letter-spacing:-.025em;text-wrap:balance}.lg-text{margin:14px 0 0;color:var(--gate-muted);font-size:16px;line-height:1.55;text-wrap:pretty}.lg-bullets{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:8px}.lg-bullets li{position:relative;padding-left:1.4em;color:var(--gate-muted);font-size:16px;line-height:1.5}.lg-bullets li:before{content:"▸";position:absolute;left:0;color:var(--gate-label)}.lg-form{margin-top:22px;display:grid;gap:14px}.lg [hidden]{display:none!important}.lg-hp{position:absolute;left:-9999px}.lg-field{border-bottom:1px solid var(--gate-rule);padding:8px 0}.lg-field:focus-within{border-bottom-color:var(--gate-label)}.lg-field label{display:block;font-family:var(--gate-mono);font-size:13px;color:var(--gate-muted);text-transform:lowercase}.lg-field input{display:block;width:100%;background:transparent;border:0;outline:0;padding:6px 0 0;font:inherit;font-size:17px;color:var(--gate-fg)}.lg-consent{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:start;font-size:14px;line-height:1.5;color:var(--gate-muted);cursor:pointer}.lg-consent input{appearance:none;-webkit-appearance:none;width:20px;height:20px;margin:calc((1.5em - 20px)/2) 0 0;display:grid;place-content:center;border:1.5px solid var(--gate-rule);border-radius:6px;background:transparent;cursor:pointer;transition:border-color .15s ease,background .15s ease}.lg-consent input:before{content:"";width:11px;height:11px;clip-path:polygon(14% 46%,0 60%,39% 100%,100% 20%,86% 7%,38% 71%);background:var(--gate-accent-fg);transform:scale(0);transition:transform .15s cubic-bezier(.2,.7,.2,1)}.lg-consent:hover input{border-color:var(--gate-label)}.lg-consent input:checked{border-color:var(--gate-accent);background:var(--gate-accent)}.lg-consent input:checked:before{transform:scale(1)}.lg-consent input:focus-visible{outline:2px solid var(--gate-label);outline-offset:3px}@media(prefers-reduced-motion:reduce){.lg-consent input,.lg-consent input:before{transition:none}}.lg-error{margin:0;font-size:14px;color:var(--gate-error)}.lg-button{justify-self:start;display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border:1px solid var(--gate-accent);border-radius:100px;background:var(--gate-accent);color:var(--gate-accent-fg);font:inherit;font-size:16px;font-weight:500;cursor:pointer}.lg-button:hover{filter:brightness(.9)}.lg-button[disabled]{opacity:.7;cursor:progress}.lg-note{margin:0;font-size:14px;color:var(--gate-muted)}.lg-success{margin-top:22px;outline:none}.lg-success-title{margin:0;font-weight:600;font-size:20px}.lg-link{display:inline-block;margin-top:14px;color:var(--gate-label);font-weight:600;text-decoration:underline;text-underline-offset:3px}@media(prefers-reduced-motion:reduce){.lg--dialog[open]{animation:none}}
