.situation-panel{border:0;border-left:1px solid var(--line);background:var(--surface);width:480px;max-width:100vw;height:100dvh;max-height:none;color:var(--text);overscroll-behavior:contain;margin:0 0 0 auto;padding:0;overflow:auto}.situation-panel::backdrop{background:#08090b99}.situation-panel-body{flex-direction:column;gap:22px;padding:28px 32px 40px;display:flex}.situation-panel-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.situation-panel-head h2{letter-spacing:-.02em;font-size:26px;font-weight:500;font-stretch:125%}.situation-panel-lead{color:var(--muted);margin-top:-10px;font-size:14px}.situation-preview{border:1px solid var(--line);background:var(--surface-sunken);border-radius:6px;padding:18px 20px}.situation-preview .section-label{letter-spacing:.18em;font-size:11px}.situation-preview-row{flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-top:8px;display:flex}.situation-preview-figure{letter-spacing:-.02em;font-size:42px;font-weight:500;font-stretch:120%;line-height:1}.situation-panel .profile-inline-form>p.small.muted:first-child,.situation-grabber,.situation-done{display:none}@media (width<=640px){.situation-panel{border-left:0;border-top:1px solid var(--line-strong);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;width:100%;height:auto;max-height:calc(100dvh - 56px);margin:auto 0 0}.situation-panel-body{padding:12px 20px calc(32px + env(safe-area-inset-bottom));gap:20px}.situation-grabber{background:var(--control-border);border-radius:2px;align-self:center;width:40px;height:4px;display:block}.situation-panel-head h2{font-size:24px}.situation-preview-figure{font-size:30px}.situation-done{margin-top:4px;display:inline-flex}}