.c-sheet{width:100%;max-width:none;max-height:calc(100dvh - var(--safe-t) - var(--s-8));background:var(--surface);color:var(--text);box-shadow:var(--shadow);border:0;border-radius:20px 20px 0 0;margin:0;padding:0;position:fixed;inset:auto 0 0;overflow-y:auto}.c-sheet::backdrop{background:color-mix(in oklch, var(--n-990) 45%, transparent)}.c-sheet-in{gap:var(--s-4);padding:var(--s-4) var(--s-4) calc(var(--s-6) + var(--safe-b));display:grid}.c-sheet-h{align-items:center;gap:var(--s-3);display:flex}.c-sheet-ic{background:var(--chip);width:40px;height:40px;color:var(--muted);border-radius:50%;flex:none;place-items:center;display:grid}.c-sheet-ic.is-on{background:var(--accent-fill);color:var(--on-accent)}.c-sheet-t{font-size:var(--fs-18);flex:1;font-weight:700;line-height:1.25}.c-sheet-p{color:var(--muted);max-width:60ch}.c-sheet-steps{gap:var(--s-2);padding-inline-start:var(--s-6);list-style:decimal;display:grid}.c-sheet-err{align-items:flex-start;gap:var(--s-2);padding:var(--s-3);border:1px solid var(--danger-line);background:var(--danger-soft);color:var(--danger);font-size:var(--fs-15);border-radius:12px;display:flex}.c-sheet-err .ic{margin-top:2px}.c-sheet-btn{width:100%}.c-sheet-btn:disabled{cursor:progress;opacity:.7}@media (width>=1024px){.c-sheet{width:min(420px, 100% - var(--s-16));border-radius:20px;height:fit-content;margin:auto;inset:0}.c-sheet-in{padding:var(--s-4) var(--s-6) var(--s-6)}}.c-sheet,.c-sheet::backdrop{transition:opacity var(--d-med) var(--ease-out), overlay var(--d-med) allow-discrete, display var(--d-med) allow-discrete}.c-sheet:not([open]),.c-sheet:not([open])::backdrop{opacity:0}@starting-style{.c-sheet[open],.c-sheet[open]::backdrop{opacity:0}}@media (prefers-reduced-motion:no-preference){.c-sheet{transition:transform var(--d-med) var(--ease-out), opacity var(--d-med) var(--ease-out), overlay var(--d-med) allow-discrete, display var(--d-med) allow-discrete}.c-sheet:not([open]){transition-timing-function:var(--ease-io);transform:translateY(100%)}@starting-style{.c-sheet[open]{transform:translateY(100%)}}}@media (prefers-reduced-motion:no-preference) and (width>=1024px){.c-sheet:not([open]){transform:translateY(var(--s-4))}@starting-style{.c-sheet[open]{transform:translateY(var(--s-4))}}}