.mbr-page{max-width:560px;margin:0 auto;padding:calc(20px + env(safe-area-inset-top)) 16px 48px}.mbr-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.mbr-top form{margin:0}.mbr-h1{font-family:var(--serif);font-weight:400;font-size:32px;margin:6px 0 22px}.mbr-card{background:var(--card);border:1px solid var(--hair);border-radius:16px;padding:18px 20px;margin-bottom:14px}.mbr-label{font-family:var(--label);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--taupe);margin-bottom:8px}.mbr-units{font-family:var(--serif);font-size:40px;line-height:1.1;margin-bottom:4px}.mbr-units span{font-family:var(--sans);font-size:16px;color:var(--ink2)}.mbr-soon{background:var(--sunk);border-style:dashed}.mbr-uses{list-style:none;margin:14px 0 0;padding:0;border-top:1px solid var(--hair)}.mbr-uses li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:10px;gap:10px;align-items:baseline;padding:9px 0;border-bottom:1px solid var(--hair);font-size:14px}.mbr-when{color:var(--muted);font-size:12.5px;white-space:nowrap}.mbr-what{color:var(--ink2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mbr-amt{font-weight:500;white-space:nowrap}.mbr-viewas{background:var(--wash);border:1px solid var(--pink);border-radius:12px;padding:10px 14px;font-size:14px;color:var(--ink2);margin-bottom:18px;display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between}.mbr-frame{max-width:560px}