






.mr-room { font-family: Inter, system-ui, sans-serif; color: #1a1d1c; position: relative; }

.mr-head { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; margin: 0 0 5px; }
.mr-title { font: 700 27px Fraunces, Georgia, serif; color: #1f4a2d; }
.mr-sub { font: 400 13.5px Inter; color: #9aa39b; margin: 0 0 20px; }

.mr-sec { margin: 0 0 30px; }
.mr-sec-h { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; margin: 0 0 12px; }
.mr-sec-h h3 { font: 700 13px Inter; letter-spacing: .09em; text-transform: uppercase;
  color: #6b7669; margin: 0; }
.mr-only { font: 700 10px Inter; letter-spacing: .08em; text-transform: uppercase; color: #7c5a10;
  background: #fdf7ec; border: 1px solid #f0e2c8; border-radius: 999px; padding: 2px 8px; }

.mr-big { font: 700 44px Fraunces, Georgia, serif; color: #1f4a2d; line-height: 1; }
.mr-big-l { font: 500 13px Inter; color: #6b7669; }
.mr-caveat { font: 400 12px Inter; color: #9aa39b; display: block; margin-top: 4px; }


.mr-strip { display: flex; align-items: flex-end; gap: 3px; height: 74px;
  background: #f8f5ef; border: 1px solid #e7e2d4; border-radius: 10px; padding: 8px 10px; }
.mr-strip .mr-tick { position: relative; flex: 1 1 0; min-width: 4px; border-radius: 3px 3px 0 0;
  background: #3e7d5c; overflow: hidden; }
.mr-strip .mr-tick i { position: absolute; left: 0; right: 0; top: 0; display: block;
  background: #b87a14; }
.mr-strip-x { display: flex; justify-content: space-between; font: 400 11px Inter; color: #9aa39b;
  padding: 4px 2px 0; }


.mr-find { border: 1px solid #e7e2d4; border-radius: 11px; background: #fff;
  padding: 12px 14px; margin: 0 0 9px; display: flex; align-items: flex-start; gap: 14px;
  flex-wrap: wrap; }
.mr-find[data-level="hot"] { background: #fdf1f0; border-color: #f0d3d0; }
.mr-find[data-level="warm"] { background: #fdf7ec; border-color: #f0e2c8; }
.mr-find-t { flex: 1 1 320px; min-width: 0; }
.mr-find-t b { display: block; font: 600 14px Inter; color: #1a1d1c; margin: 0 0 3px; }
.mr-find-t span { font: 400 12.5px Inter; color: #6b7669; }
.mr-find-a { display: flex; gap: 7px; flex-wrap: wrap; flex: none; }
.mr-hand { flex: 1 1 100%; display: grid; grid-template-columns: auto 1fr; gap: 4px 12px;
  margin: 10px 0 0; padding: 10px 0 0; border-top: 1px solid rgba(0, 0, 0, .07); }
.mr-hand[hidden] { display: none; }
.mr-hand-w { font: 700 10px Inter; letter-spacing: .08em; text-transform: uppercase; color: #9aa39b; }
.mr-hand span, .mr-hand code { font: 400 12.5px Inter; color: #4b544a; }
.mr-hand code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px;
  background: #f4f1e9; border-radius: 5px; padding: 1px 5px; }
.mr-clear { font: 400 13px Inter; color: #3e7d5c; background: #f2f7f3; border: 1px solid #dbe7de;
  border-radius: 10px; padding: 12px 14px; margin: 0; }

.mr-btn { border: 1px solid #cfe0d4; background: #f2f7f3; color: #1f4a2d; border-radius: 8px;
  font: 600 12px Inter; padding: 5px 11px; cursor: pointer; }
.mr-btn:hover { background: #e7f0ea; }
.mr-btn.ghost { border-color: #e4e2d8; background: #fff; color: #6b7669; }
.mr-btn.ghost:hover { background: #f8f5ef; }
.mr-btn.mr-wide { width: 100%; margin-top: 9px; }
.mr-routines { margin-top: 14px; }


.mr-mirror { font: 400 12.5px Inter; color: #6b7669; background: #f8f5ef; border: 1px solid #e7e2d4;
  border-radius: 10px; padding: 10px 13px; margin: 0 0 14px; }
.mr-total, .mr-roll, .mr-pulse-top { display: flex; align-items: baseline; gap: 11px;
  flex-wrap: wrap; margin: 0 0 16px; }
.mr-caveat { flex: 1 1 100%; }
.mr-pools { display: grid; grid-template-columns: repeat(auto-fill, minmax(292px, 1fr)); gap: 12px; }
.mr-pool { border: 1px solid #e7e2d4; background: #fff; border-radius: 12px; padding: 13px 14px; }
.mr-pool[data-band="warm"] { border-color: #f0e2c8; }
.mr-pool[data-band="hot"] { border-color: #f0d3d0; background: #fdf6f5; }
.mr-pool-h { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.mr-pool-n { font: 700 19px Fraunces, Georgia, serif; color: #1f4a2d; }
.mr-pool-c { font: 700 10.5px Inter; letter-spacing: .06em; color: #9aa39b; background: #f4f1e9;
  border-radius: 5px; padding: 1px 5px; }
.mr-pool-s { margin-left: auto; font: 600 11px Inter; color: #6b7669; }
.mr-pool[data-band="warm"] .mr-pool-s { color: #b87a14; }
.mr-pool[data-band="hot"] .mr-pool-s { color: #c0524d; }
.mr-desk { font: 700 10px Inter; letter-spacing: .05em; color: #1f4a2d; background: #eaf3ed;
  border: 1px solid #cfe0d4; border-radius: 999px; padding: 1px 7px; }
.mr-pool-e { font: 400 12px Inter; color: #9aa39b; margin: 3px 0 8px; word-break: break-all; }
.mr-pool-money { display: flex; align-items: baseline; gap: 8px; margin: 0 0 10px; }
.mr-pool-money b { font: 700 26px Fraunces, Georgia, serif; color: #1a1d1c; }
.mr-pool-money span { font: 400 11.5px Inter; color: #9aa39b; }

.mr-bar { display: grid; grid-template-columns: 46px 1fr 42px; align-items: center; gap: 8px;
  margin: 0 0 5px; }
.mr-bar-l { font: 700 11px Inter; letter-spacing: .06em; color: #9aa39b; }
.mr-bar-t { height: 8px; border-radius: 999px; background: #eeeae0; overflow: hidden; }
.mr-bar-t i { display: block; height: 100%; background: #3e7d5c; border-radius: 999px; }
.mr-bar[data-band="warm"] .mr-bar-t i { background: #b87a14; }
.mr-bar[data-band="hot"] .mr-bar-t i { background: #c0524d; }
.mr-bar-p { font: 700 14px Inter; color: #4b544a; text-align: right; }
.mr-bar-r { grid-column: 2 / 4; font: 400 11px Inter; color: #9aa39b; margin: -2px 0 4px; }


.mr-gap { font: 400 13px Inter; color: #7c5a10; background: #fdf7ec; border: 1px solid #f0e2c8;
  border-radius: 10px; padding: 12px 14px; margin: 0 0 14px; }
.mr-tblwrap { overflow-x: auto; border: 1px solid #e7e2d4; border-radius: 11px; }
.mr-tbl { width: 100%; border-collapse: collapse; font: 400 12.5px Inter; }
.mr-tbl th { text-align: left; font: 700 10.5px Inter; letter-spacing: .07em; text-transform: uppercase;
  color: #9aa39b; background: #f8f5ef; padding: 8px 11px; border-bottom: 1px solid #e7e2d4;
  white-space: nowrap; }
.mr-tbl td { padding: 8px 11px; border-bottom: 1px solid #f2efe6; vertical-align: top; color: #4b544a; }
.mr-tbl tr:last-child td { border-bottom: 0; }
.mr-tbl .n { text-align: right; white-space: nowrap; }
.mr-tbl .b { font-weight: 700; color: #1a1d1c; }
.mr-tbl tr.neg .b { color: #c0524d; }
.mr-resp { display: block; font: 400 11px Inter; color: #9aa39b; }
.mr-none { color: #9aa39b; font-style: italic; }
.mr-basis { font: 400 11.5px Inter; color: #9aa39b; }

.mr-note { font: 400 11.5px Inter; color: #9aa39b; margin: 8px 0 0; }
.mr-note code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 11px; }
.mr-absent { font: 400 12.5px Inter; color: #6b7669; background: #f8f5ef; border: 1px solid #e7e2d4;
  border-radius: 10px; padding: 12px 14px; margin: 0; }


.mr-pop { position: absolute; inset: -14px; z-index: 30; background: rgba(28, 34, 30, .34);
  border-radius: 14px; display: flex; align-items: flex-start; justify-content: center;
  padding: 22px 18px; overflow: auto; }
.mr-pop[hidden] { display: none; }
.mr-pop-box { background: #fff; border: 1px solid #e7e2d4; border-radius: 14px; padding: 20px 22px;
  max-width: 820px; width: 100%; position: relative; box-shadow: 0 12px 40px rgba(0, 0, 0, .18); }
.mr-pop-x { position: absolute; top: 12px; right: 12px; width: 28px; height: 28px; border-radius: 8px;
  border: 1px solid #e7e2d4; background: #fff; color: #9aa39b; cursor: pointer; font-size: 13px; }
.mr-pop-h { font: 700 20px Fraunces, Georgia, serif; color: #1f4a2d; margin: 0 0 10px; }
.mr-pop-h2 { font: 700 12px Inter; letter-spacing: .08em; text-transform: uppercase; color: #6b7669;
  margin: 18px 0 8px; }
.mr-pop-top { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; margin: 0 0 12px; }
.mr-sq { display: flex; gap: 3px; flex-wrap: wrap; margin: 0 0 4px; }
.mr-sq i { width: 13px; height: 13px; border-radius: 3px; background: #eeeae0; }
.mr-sq[data-band="ok"] i[data-on="1"] { background: #3e7d5c; }
.mr-sq[data-band="warm"] i[data-on="1"] { background: #b87a14; }
.mr-sq[data-band="hot"] i[data-on="1"] { background: #c0524d; }
.mr-split { display: flex; gap: 16px; flex-wrap: wrap; margin: 12px 0 0; }
.mr-split span { font: 400 12px Inter; color: #6b7669; }
.mr-split b { display: block; font: 700 10.5px Inter; letter-spacing: .07em; text-transform: uppercase;
  color: #9aa39b; }
.mr-lanes { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 8px; }
.mr-lane { border: 1px solid #e7e2d4; border-radius: 9px; padding: 8px 10px; background: #f8f5ef; }
.mr-lane[data-on="1"] { background: #f2f7f3; border-color: #cfe0d4; }
.mr-lane b { display: block; font: 600 12.5px Inter; color: #1a1d1c; }
.mr-lane span { font: 400 11.5px Inter; color: #9aa39b; }
.mr-lane-t { display: block; }
.mr-rts { display: grid; gap: 7px; max-height: 52vh; overflow: auto; }
.mr-rt { border: 1px solid #f2efe6; border-radius: 9px; padding: 8px 10px; }
.mr-rt b { display: block; font: 600 12.5px Inter; color: #1a1d1c; }
.mr-rt span { font: 400 11.5px Inter; color: #9aa39b; }
