/* Canoe 1.7.99 — virtual wallet recovery, tall scrollable heart/monthly dialogs. */
.pwd-recovery{display:flex;flex-direction:column;align-items:flex-end;gap:7px;margin:8px 0 4px;min-width:0}
.pwd-recovery[hidden],.pwd-revealed[hidden]{display:none!important}
.pwd-forgot{border:0;background:transparent;color:var(--gray-1);font:inherit;font-size:12px;padding:5px 0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.pwd-revealed{display:block;width:100%;box-sizing:border-box;text-align:center;padding:9px 12px;background:var(--fill);border-radius:10px;color:var(--ink);font:600 14px/1.5 ui-monospace,monospace;letter-spacing:.08em;font-variant-numeric:tabular-nums}
/* Most phones should show almost the entire card; any excess scrolls inside. */
#heartBackdrop.center-backdrop{padding:8px 12px;box-sizing:border-box;align-items:center;overscroll-behavior:contain}
#heartBackdrop.center-backdrop>.center-card{box-sizing:border-box;width:min(100%,540px);max-width:540px;max-height:calc(100% - 4px)!important;min-height:0;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;padding-top:14px;padding-bottom:14px;scrollbar-width:thin}
#heartBackdrop .heart-head{padding-top:0}
#heartBackdrop .heart-actions{padding-bottom:5px}
/* Monthly report: almost full screen, with scroll area able to reach every row. */
#weeklyMask.weekly-mask{padding:8px max(8px,env(safe-area-inset-left,0px)) 8px max(8px,env(safe-area-inset-right,0px));box-sizing:border-box;align-items:center}
#weeklyMask .weekly-card{width:min(480px,100%);max-height:calc(100dvh - 16px);height:auto;min-height:0;display:flex;flex-direction:column}
#weeklyMask .weekly-body{flex:1 1 auto;min-height:0;overflow-y:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;padding-top:12px;padding-bottom:12px}
#weeklyMask .weekly-cover{padding-top:14px;padding-bottom:11px}
#weeklyMask .weekly-cover h3{margin-top:8px}
#weeklyMask .weekly-acts{padding-top:10px;padding-bottom:max(10px,env(safe-area-inset-bottom,0px))}
@media(max-height:640px){#weeklyMask .weekly-cover{padding-top:10px;padding-bottom:8px}#weeklyMask .weekly-cover h3{margin-top:4px}#heartBackdrop.center-backdrop>.center-card{padding-top:10px;padding-bottom:9px}}

/* The full-page heart-template editor must also remain scrollable on short screens. */
.view[data-view="settings-skin-heart"] .user-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:max(20px,env(safe-area-inset-bottom,0px))}