/* Profile + Inbox: index cards on a desk. Paper surfaces, ink borders, flat offset shadows. */
body.rwp{margin:0;background:var(--bg);color:var(--tx);font-family:var(--font);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased}
.rwp-top{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line,#d9d0bd)}
.rwp-back{justify-self:start;display:inline-flex;align-items:center;gap:4px;color:var(--ac-tx,#a3261a);font-weight:600;text-decoration:none;padding:6px 8px;margin-left:-8px;border-radius:8px}
.rwp-back span[aria-hidden]{font-size:26px;line-height:.7;margin-top:-2px}
.rwp-back:focus-visible{outline:2px solid var(--ac-tx,#a3261a)}
.rwp-h{margin:0;font-family:var(--serif);font-size:18px;font-weight:700;text-align:center}
.rwp-top-r{justify-self:end}
.rwp-main{max-width:640px;margin:0 auto;padding:18px 16px calc(48px + env(safe-area-inset-bottom));outline:none;view-transition-name:rw-page}
.rwp-loading{color:var(--mu);text-align:center;padding:40px 0}
.rwp-view{display:flex;flex-direction:column;gap:14px}
.rwp-sec{background:var(--sf);border:1.5px solid var(--bd);border-radius:6px;box-shadow:3px 3px 0 var(--bd);padding:14px 16px}
.rwp-sec-h{margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ac-tx,#a3261a)}
.rwp-sec>.rwp-row+.rwp-row{border-top:1px solid var(--line,#d9d0bd)}
.rwp-row{display:flex;align-items:center;gap:10px;min-height:44px;color:inherit;text-decoration:none}
.rwp-row-k{flex:1;font-weight:600}
.rwp-row-v{color:var(--mu);display:inline-flex;align-items:center}
.rwp-chev{font-size:22px;color:var(--mu);line-height:1}
a.rwp-go:hover .rwp-row-k{text-decoration:underline;text-underline-offset:3px}
a.rwp-go:focus-visible{outline:2px solid var(--ac-tx,#a3261a);outline-offset:2px;border-radius:4px}
.rw-badge.rwp-badge{position:static;border-color:var(--sf)}

/* hero */
.rwp-hero{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.rwp-me-hero{view-transition-name:rw-me}
.rwp-who{flex:1;min-width:180px}
.rwp-name{margin:0;font-family:var(--serif);font-size:26px;line-height:1.15;outline:none}
.rwp-name-s{font-size:20px}
.rwp-handle{margin:2px 0 0;color:var(--mu);font-weight:600}
.rwp-email{margin:6px 0 0;font-size:14px}
.rwp-email-note{margin:0;font-size:12px;color:var(--mu)}
.rwp-pill{display:inline-block;margin-top:8px;padding:2px 10px;border:1.5px solid var(--bd);border-radius:999px;font-size:12px;font-weight:700}
.rwp-pill.rwp-pro{background:var(--hl,#fff2a8)}
.rwp-edit{align-self:flex-start;text-decoration:none}
.rwp-out{flex-direction:column;text-align:center;padding:24px 18px}
.rwp-out .rwp-name{font-size:24px}.rwp-sub{color:var(--mu);margin:4px 0 8px;max-width:44ch}

/* stats */
.rwp-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.rwp-stat{display:flex;flex-direction:column;align-items:flex-start;padding:10px 12px;border:1px solid var(--line,#d9d0bd);border-radius:6px;background:var(--bg)}
.rwp-stat b{font-family:var(--serif);font-size:28px;line-height:1.1;font-variant-numeric:tabular-nums}
.rwp-stat span{font-size:13px;color:var(--mu)}
.rwp-sync{margin:0;font-weight:600}
.rwp-sync[data-state=error],.rwp-sync[data-state=paused]{color:var(--ac-tx,#a3261a)}

/* controls */
.rwp-seg{display:inline-flex;border:1.5px solid var(--bd);border-radius:999px;padding:2px;gap:2px;background:var(--bg)}
.rwp-seg .rws-btn{border:0;box-shadow:none;border-radius:999px;background:transparent;padding:6px 14px;margin:0}
.rwp-seg .rws-btn[aria-checked=true]{background:var(--tx);color:var(--sf)}
.rwp-btns{display:flex;flex-wrap:wrap;gap:8px}
.rwp-danger{color:var(--bad,#a3261a)!important;border-color:var(--bad,#a3261a)!important}
.rwp-danger-q{margin-left:auto}
.rwp-toggle{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line,#d9d0bd);cursor:pointer}
.rwp-toggle-t{flex:1;display:flex;flex-direction:column}.rwp-toggle-t span{font-size:13px;color:var(--mu)}
.rwp-toggle input{appearance:none;-webkit-appearance:none;flex:none;width:46px;height:28px;border-radius:14px;border:1.5px solid var(--bd);background:var(--bg-2,#ebe4d4);position:relative;cursor:pointer;margin:0}
.rwp-toggle input::after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--sf);border:1.5px solid var(--bd);transition:transform var(--rw-t2,.2s) var(--rw-ease,ease)}
.rwp-toggle input:checked{background:var(--ok,#1f6b3a)}
.rwp-toggle input:checked::after{transform:translateX(18px)}
.rwp-toggle input:focus-visible{outline:2px solid var(--ac-tx,#a3261a);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.rwp-toggle input::after{transition:none}}
.rwp-photo{display:flex;gap:14px;align-items:center}
.rwp-form .rw-in{font-size:16px}
.rwp-plan p{margin:0 0 10px}
.rwp-foot{text-align:center;font-size:14px;color:var(--mu);padding:6px 0}
.rwp-foot a{color:inherit}

/* inbox: ruled index card */
.rwp-paper{background-color:var(--sf);background-image:repeating-linear-gradient(transparent 0 31px,var(--rule,#c9d7e6) 31px 32px);background-position:0 44px}
.rwp-inbox-top{justify-content:flex-end}
.rwp-convs{list-style:none;margin:0;padding:0}
.rw-row.rwp-conv{display:flex;align-items:center;gap:12px;padding:10px 4px;color:inherit;text-decoration:none;border-bottom:1px solid var(--line,#d9d0bd)}
.rwp-conv:hover .rwp-conv-n b{text-decoration:underline}
.rwp-conv:focus-visible{outline:2px solid var(--ac-tx,#a3261a);outline-offset:2px}
.rwp-conv-t{flex:1;min-width:0;display:flex;flex-direction:column}
.rwp-conv-n{display:flex;justify-content:space-between;gap:8px}
.rwp-time{font-size:12px;color:var(--mu);white-space:nowrap}
.rwp-conv-l{font-size:14px;color:var(--mu);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rwp-unread .rwp-conv-l{color:var(--tx);font-weight:600}
.rwp-empty{color:var(--mu);margin:8px 0;list-style:none}
.rwp-conv-hd{display:flex;align-items:center;gap:12px}
.rw-msgs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;max-height:min(60vh,560px);overflow:auto;overscroll-behavior:contain}
.rw-msg{display:flex;flex-direction:column;max-width:82%}
.rw-mine{align-self:flex-end;align-items:flex-end}
.rw-theirs{align-self:flex-start;align-items:flex-start}
.rw-bub{margin:0;padding:8px 12px;border:1.5px solid var(--bd);border-radius:10px;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--sf)}
.rw-mine .rw-bub{background:var(--tx);color:var(--sf);border-bottom-right-radius:3px}
.rw-theirs .rw-bub{border-bottom-left-radius:3px}
.rw-msg .rw-setcard{min-width:220px}
.rw-msg .rw-setcard .rws-btn{margin-top:8px;align-self:flex-start}
.rw-mine .rw-setcard + .rw-bub{margin-top:6px}
.rwp-setmsg-k{font-size:11px!important;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ac-tx,#a3261a)!important}
.rw-msg-meta{font-size:12px;color:var(--mu);margin-top:3px}
.rw-report{font-size:12px}
.rwp-compose{position:sticky;bottom:0;display:flex;align-items:flex-end;gap:8px;padding:10px;background:var(--sf);border:1.5px solid var(--bd);border-radius:6px;box-shadow:3px 3px 0 var(--bd);margin-bottom:env(safe-area-inset-bottom)}
.rwp-compose .rw-in{flex:1;resize:none;min-height:42px;max-height:160px}
.rwp-compose .rws-btn{margin:0}
.rwp-count{position:absolute;right:92px;top:-18px;font-size:12px;color:var(--mu)}
@media (prefers-reduced-motion:no-preference){
  .rw-msg-new{animation:rw-pop var(--rw-t2,.22s) var(--rw-spring,ease-out) both}
  html.rw-back::view-transition-old(rw-page){animation-name:rw-vt-out-back}
  html.rw-back::view-transition-new(rw-page){animation-name:rw-vt-in-back}
  html:not(.rw-back)::view-transition-old(rw-page){animation-name:rw-vt-out-fwd}
  html:not(.rw-back)::view-transition-new(rw-page){animation-name:rw-vt-in-fwd}
  @keyframes rw-vt-out-fwd{to{opacity:0;transform:translateX(-24px)}}
  @keyframes rw-vt-in-fwd{from{opacity:0;transform:translateX(32px)}}
  @keyframes rw-vt-out-back{to{opacity:0;transform:translateX(32px)}}
  @keyframes rw-vt-in-back{from{opacity:0;transform:translateX(-24px)}}
}
@media (max-width:600px){.rwp-main{padding:12px 10px 40px}.rwp-sec{padding:12px}.rwp-name{font-size:22px}.rwp-stat b{font-size:22px}.rwp-hero .rwp-edit{width:100%;text-align:center}}
/* Appearance: layout switch, hook slot, version; people on this device */
.rwp-lab{margin:10px 0 6px;font-size:.85rem;font-weight:600;color:var(--mt,inherit)}
.rwp-lab:first-of-type{margin-top:0}
.rwp-hook:empty{display:none}
.rwp-hook{margin-top:12px}
.rwp-ver{margin:12px 0 0;font-size:.82rem;opacity:.75}
.rwp-person .rwp-row-v{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.rwp-mini{min-height:44px;padding:6px 12px;margin:0;background:transparent;box-shadow:none}
.rwp-people{margin-bottom:10px}