.ob-root{z-index:9999;background:var(--hp-paper);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ob-frame{background:var(--hp-paper);flex-direction:column;width:100%;max-width:480px;height:100dvh;display:flex;position:relative;overflow:hidden}@media (min-width:540px){.ob-root{background:var(--hp-sunken)}.ob-frame{border-radius:var(--hp-radius-xl);border:1px solid var(--hp-line);height:min(900px,100dvh)}}.ob-head,.ob-stage,.ob-foot{z-index:2;flex:none;position:relative}.ob-head{padding:18px 22px 10px}.ob-stage{padding:4px 22px 14px}.ob-body{z-index:2;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;min-height:0;padding:4px 22px 24px;position:relative;overflow-y:auto}.ob-body::-webkit-scrollbar{display:none}.ob-foot{padding:12px 22px calc(20px + env(safe-area-inset-bottom));border-top:1px solid var(--hp-line-soft);background:var(--hp-paper)}@media (max-height:720px){.ob-head{padding-top:12px;padding-bottom:8px}.ob-stage{padding-bottom:10px}.ob-foot{padding-top:10px}}.ob-kbd{display:none}@media (hover:hover) and (pointer:fine){.ob-kbd{border-radius:var(--hp-radius-xs);background:var(--hp-sunken);border:1px solid var(--hp-line-soft);min-width:20px;height:20px;color:var(--hp-ink-fade);font-variant-numeric:tabular-nums;flex:none;place-items:center;padding:0 5px;font-size:11px;font-weight:650;display:grid}}