.sheet__scrim{z-index:var(--z-overlay);background:var(--color-overlay);justify-content:center;align-items:flex-end;transition:opacity .22s;animation:.22s backwards sheet-scrim-in;display:flex;position:fixed;inset:0}.sheet__scrim--out{opacity:0}.sheet{background:var(--color-surface);width:100%;max-width:560px;max-height:88vh;color:var(--color-text);border-radius:var(--radius-lg) var(--radius-lg) 0 0;outline:none;flex-direction:column;transition:transform .24s cubic-bezier(.32,.72,0,1);animation:.28s cubic-bezier(.32,.72,0,1) backwards sheet-up;display:flex;transform:translateY(0);box-shadow:0 -8px 32px #00000047}.sheet--out{transform:translateY(100%)}.sheet__grabwrap{padding:var(--space-2) 0;cursor:grab;touch-action:none;justify-content:center;display:flex}.sheet__grab{background:var(--color-border-strong);border-radius:999px;width:40px;height:5px}.sheet__head{padding:0 var(--space-4) var(--space-3);border-bottom:1px solid var(--color-border)}.sheet__title{font-size:var(--fs-500);margin:0;font-weight:800}.sheet__sub{color:var(--color-text-muted);font-size:var(--fs-400);margin:2px 0 0}.sheet__body{padding:var(--space-3) var(--space-4);gap:var(--space-3);flex-direction:column;flex:1;display:flex;overflow-y:auto}.sheet__footer{gap:var(--space-2);padding:var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom,0px));border-top:1px solid var(--color-border);background:var(--color-surface);flex:none;display:flex}.sheet__footer>*{flex:1}.sheet__footer .btn{min-height:56px}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sheet-scrim-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.sheet,.sheet__scrim{animation:none}.sheet{transition:none}}