.om-scrim{position:fixed;top:0;left:0;right:0;height:100vh;height:var(--app-vh,100dvh);background:var(--scrim);display:flex;align-items:center;justify-content:center;z-index:calc(var(--z-modal) + 1);padding:var(--space-5);overflow-y:auto}.om-card{display:flex;flex-direction:column;width:100%;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:calc(100vh - 2 * var(--space-5));max-height:calc(var(--app-vh, 100dvh) - 2 * var(--space-5));overflow:hidden;margin:auto}.om-card--sm{max-width:420px}.om-card--md{max-width:500px}.om-card--lg{max-width:640px}.om-card--wide{max-width:760px}.om-card--xwide{max-width:min(1200px,92vw)}.om-header{flex:0 0 auto;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1;background:var(--bg-surface)}.om-title{flex:1;font-size:15px;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.om-back-btn{display:inline-flex;align-items:center;gap:4px;padding:0 var(--space-2);min-height:44px;min-width:44px;border:none;background:transparent;color:var(--text-secondary);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;border-radius:var(--radius-sm);white-space:nowrap;transition:color var(--motion-fast),background var(--motion-fast);flex:0 0 auto}.om-back-btn:hover{color:var(--text-primary);background:var(--bg-raised)}.om-back-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.om-back-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.om-close-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2);min-height:44px;min-width:44px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--motion-fast),background var(--motion-fast);flex:0 0 auto}.om-close-btn:hover{color:var(--text-primary);background:var(--bg-raised)}.om-close-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.om-close-btn svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.om-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:var(--space-4) var(--space-5)}.om-footer{flex:0 0 auto;padding:var(--space-3) var(--space-5);border-top:1px solid var(--border);background:var(--bg-canvas);display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2)}@media (max-width:639px){.om-scrim{align-items:flex-start;justify-content:flex-start;padding:0}.om-card{max-width:none!important;max-height:100vh;max-height:var(--app-vh,100dvh);height:var(--app-vh,100dvh);border-radius:0;border:none;margin:0}.om-body{padding-bottom:max(var(--space-4),env(safe-area-inset-bottom))}.om-footer{padding-bottom:max(var(--space-3),env(safe-area-inset-bottom))}.om-scrim--sheet{align-items:flex-end;justify-content:center}.om-card--sheet{height:auto;max-height:min(92vh,calc(var(--app-vh, 100dvh) - var(--space-6, 40px)));border-radius:var(--radius-lg) var(--radius-lg) 0 0;border:1px solid var(--border);border-bottom:none;animation:om-sheet-up .22s var(--ease-out,cubic-bezier(0,0,.2,1))}.om-card--sheet .om-header:before{content:"";position:absolute;top:6px;left:50%;transform:translateX(-50%);width:36px;height:4px;border-radius:var(--radius-full,999px);background:var(--border-strong)}.om-card--sheet .om-header{padding-top:calc(var(--space-4) + 8px)}@keyframes om-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}}