:root{--modal-scrim:#1e1c188c;--modal-shadow:0 24px 60px #00000052;--drawer-scrim:#1e1c1880;--drawer-shadow:-12px 0 44px #00000047}.modal-scrim{background:var(--modal-scrim);z-index:var(--z-modal);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-box{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--modal-shadow);--modal-gutter:22px;--modal-pad-top:18px;width:100%;max-width:580px;max-height:82vh;padding:0 var(--modal-gutter) 22px;outline:none;overflow:auto}.modal-handle{border-radius:var(--r-pill);background:var(--line);width:40px;height:4px;margin:var(--modal-pad-top) auto 12px;display:none}.modal-h{z-index:1;background:var(--surface);margin-inline:calc(var(--modal-gutter) * -1);padding-block-start:var(--modal-pad-top);padding-inline:var(--modal-gutter);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;padding-bottom:12px;display:flex;position:sticky;top:0}.modal-h h3{font-family:var(--font-title);margin:0;font-size:17px}.modal-h-leading{align-items:flex-start;gap:4px;display:flex}.modal-h-action{flex:auto;justify-content:flex-end;align-items:center;min-width:0;display:flex}.modal-body{isolation:isolate;padding-top:4px}.modal-footer{border-top:1px solid var(--line);z-index:1;background:var(--surface);justify-content:flex-end;gap:10px;margin-top:18px;padding-top:14px;display:flex;position:sticky;bottom:0}.modal-close{flex-shrink:0}@media (width<=767px){.modal-scrim{align-items:flex-end;padding:0}.modal-box{border-radius:22px 22px 0 0;max-width:100%;max-height:88vh}.modal-handle{display:block}.modal-h{padding-block-start:0}.modal-h:has(>.modal-h-action){flex-wrap:wrap}.modal-h-action{flex-basis:100%;order:3;justify-content:flex-start;padding-block-end:8px}}.drawer-scrim{background:var(--drawer-scrim);z-index:var(--z-drawer);justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:var(--page);width:60vw;min-width:min(460px,100%);max-width:100%;height:100%;box-shadow:var(--drawer-shadow);flex-direction:column;display:flex}.drawer-h{border-bottom:1px solid var(--line);background:var(--surface);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:10px;padding:16px 20px;display:flex}.drawer-h h3{font-family:var(--font-title);margin:0;font-size:18px}.drawer-x{width:var(--tap-min);height:var(--tap-min);min-width:var(--tap-min);min-height:var(--tap-min);border:1px solid var(--line);background:var(--surface);flex:0 0 var(--tap-min);border-radius:50%}.drawer-body{flex:1;padding:18px 20px;overflow-y:auto}.drawer-foot{border-top:1px solid var(--line);background:var(--surface);padding:14px 20px;padding-bottom:max(14px, env(safe-area-inset-bottom));flex-shrink:0;justify-content:flex-end;gap:10px;display:flex}[data-theme=dark] .drawer{background:var(--surface)}