dialog[open]{--dialog-top:max(16px, env(safe-area-inset-top,0px));--dialog-right:max(16px, env(safe-area-inset-right,0px));--dialog-bottom:max(16px, env(safe-area-inset-bottom,0px));--dialog-left:max(16px, env(safe-area-inset-left,0px));inset:var(--dialog-top) var(--dialog-right) var(--dialog-bottom) var(--dialog-left);height:fit-content;max-width:calc(100vw - var(--dialog-left) - var(--dialog-right));max-height:calc(100vh - var(--dialog-top) - var(--dialog-bottom));max-height:calc(100dvh - var(--dialog-top) - var(--dialog-bottom));overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;box-shadow:var(--shadow);margin:auto;position:fixed;overflow:auto}.route-modal{border:1px solid var(--line);background:var(--surface-1);width:min(600px,100vw - 32px);color:var(--text-primary);animation:route-modal-in .18s var(--ease);border-radius:16px;padding:0}.route-modal:focus,.route-modal:focus-visible{outline:none}.route-modal::backdrop{background:#11111380}:root[data-theme=dark] .route-modal::backdrop{background:#0000009e}.route-modal-page{flex-direction:column;min-height:0;display:flex}.route-modal-header{z-index:2;background:var(--surface-1);border-bottom:1px solid var(--line);align-items:center;gap:4px;min-height:60px;padding:10px 12px 10px 24px;display:flex;position:sticky;top:0}.route-modal-header h2{letter-spacing:-.01em;overflow-wrap:anywhere;flex:1;min-width:0;font-size:17px;font-weight:600}.route-modal-header .platform-actions{margin:0}.route-modal-close{width:40px;height:40px;color:var(--text-secondary);background:0 0;border:0;border-radius:10px;place-items:center;padding:0;display:grid}.route-modal-close:hover{background:var(--surface-2);color:var(--text-primary)}.route-modal-body{padding:20px 24px 24px}.route-modal .route-modal-body .platform-form,.route-modal .route-modal-body .profile-form{background:0 0;border:0;border-radius:0;padding:0}.route-modal .route-modal-body>.context-page{padding:0}.route-modal-body form>.platform-actions:last-child{z-index:1;border-top:1px solid var(--line);background:var(--surface-1);justify-content:flex-end;margin:24px -24px -24px;padding:12px 24px 20px;position:sticky;bottom:-24px}.route-modal-loading{min-height:200px;color:var(--text-muted);place-items:center;display:grid}@keyframes route-modal-in{0%{opacity:0;transform:translateY(8px)}}@media (width<=640px){.route-modal[open]{border-bottom:0;border-radius:16px 16px 0 0;width:100vw;max-width:100vw;max-height:92dvh;margin:0;inset:auto 0 0}.route-modal-header{padding-left:20px}.route-modal-body{padding:16px 20px calc(20px + env(safe-area-inset-bottom))}.route-modal-body form>.platform-actions:last-child{margin-inline:-20px;padding-inline:20px}}
