html{width:100%;min-height:100%;overflow-x:hidden;background:var(--us-surface-canvas);scroll-padding-bottom:calc(var(--us-nav-height) + var(--us-safe-bottom) + 28px)}
body{width:100%;min-height:100dvh;min-height:var(--us-viewport-height);overflow-x:hidden;overscroll-behavior-x:none;-webkit-text-size-adjust:100%}
.app{position:relative;min-height:100dvh!important;min-height:var(--us-viewport-height)!important;padding-top:max(var(--us-safe-top),0px)!important;padding-right:max(16px,var(--us-safe-right))!important;padding-left:max(16px,var(--us-safe-left))!important;padding-bottom:calc(var(--us-nav-height) + var(--us-safe-bottom) + 34px)!important}
.page,.section{max-width:100%}.page{padding-bottom:16px}img,video,canvas{max-width:100%}
textarea,input,select{font-size:16px;scroll-margin-top:90px;scroll-margin-bottom:calc(var(--us-nav-height) + 36px)}
.nav{bottom:max(8px,var(--us-safe-bottom))!important;min-height:var(--us-nav-height);padding:7px!important;width:min(456px,calc(100% - max(18px,calc(var(--us-safe-left) + var(--us-safe-right) + 18px))))!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
.nav button{min-width:0;min-height:52px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.nav button .nicon{min-width:32px;min-height:32px}
#home{max-width:none}.home-hero-only{height:calc(var(--us-viewport-height) - 84px - var(--us-nav-height) - var(--us-safe-top) - var(--us-safe-bottom) - 18px)!important;min-height:360px!important;max-height:none!important}.home-photo-shade{background:linear-gradient(180deg,rgba(3,5,9,.14) 0%,rgba(3,5,9,.02) 38%,rgba(3,5,9,.20) 68%,rgba(3,5,9,.72) 100%)!important}.push-optin-card{max-width:calc(100% - 36px)}
.today-overlay,.moment-viewer,.modal{height:100dvh;height:var(--us-viewport-height)}.today-sheet{max-height:calc(var(--us-viewport-height) - max(8px,var(--us-safe-top)))!important;overflow:auto;overscroll-behavior:contain;padding-bottom:calc(24px + var(--us-safe-bottom))!important}.auth-overlay{height:100dvh;height:var(--us-viewport-height);padding:max(14px,var(--us-safe-top)) max(14px,var(--us-safe-right)) max(14px,var(--us-safe-bottom)) max(14px,var(--us-safe-left))}.auth-card{max-height:calc(var(--us-viewport-height) - var(--us-safe-top) - var(--us-safe-bottom) - 28px);overflow:auto}.moment-viewer{padding-top:max(14px,var(--us-safe-top));padding-right:max(10px,var(--us-safe-right));padding-bottom:max(14px,var(--us-safe-bottom));padding-left:max(10px,var(--us-safe-left))}.moment-viewer-card>img{max-height:min(68dvh,calc(var(--us-viewport-height) * .68))}
body.us-keyboard-open .nav{opacity:0;pointer-events:none;transform:translateX(-50%) translateY(120%);transition:transform var(--us-motion-fast) var(--us-ease-standard),opacity var(--us-motion-micro) var(--us-ease-standard)}body.us-keyboard-open .app{padding-bottom:26px!important}body.us-keyboard-open .toast,body.us-keyboard-open .app-status-bar,body.us-keyboard-open .app-update-bar{bottom:18px!important}
body.us-keyboard-open #homeHero.is-empty .home-empty-state{display:none}
.online-badge.ok{display:none!important}.online-badge.warn{min-height:30px;display:inline-flex;align-items:center;box-shadow:none!important}
.app-status-bar,.app-update-bar{position:fixed;left:50%;z-index:70;width:min(374px,calc(100% - 92px - var(--us-safe-left) - var(--us-safe-right)));transform:translateX(calc(-50% + 31px));border:1px solid rgba(255,255,255,.12);border-radius:17px;background:rgba(18,21,29,.92);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);box-shadow:0 14px 38px rgba(0,0,0,.30);color:var(--us-color-text);transition:bottom var(--us-motion-base) var(--us-ease-standard)}.app-status-bar{bottom:calc(var(--us-nav-height) + var(--us-safe-bottom) + 22px);padding:11px 13px;font-size:11px;line-height:1.35;display:flex;align-items:center;gap:9px}.app-status-bar::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--us-color-warning);flex:0 0 auto}.app-status-bar[data-kind="error"]::before{background:var(--us-color-rose)}.app-status-bar[data-kind="online"]::before{background:var(--us-color-positive)}.app-update-bar{bottom:calc(var(--us-nav-height) + var(--us-safe-bottom) + 22px);padding:9px 9px 9px 13px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.app-update-bar span{display:flex;flex-direction:column;gap:2px;min-width:0}.app-update-bar b{font-size:11px}.app-update-bar small{font-size:var(--us-text-meta);color:var(--us-color-text-2)}.app-update-bar button{min-height:44px;padding:8px 13px;border-radius:13px;background:linear-gradient(135deg,var(--us-color-rose),var(--us-color-violet));color:white;font-size:var(--us-text-meta)}.app-status-bar[hidden],.app-update-bar[hidden]{display:none!important}
body.us-update-visible.us-status-visible .app-status-bar{bottom:calc(var(--us-nav-height) + var(--us-safe-bottom) + 96px)}
body.us-status-visible:not(.us-update-visible) .home-distance-pill{bottom:74px!important}
body.us-update-visible:not(.us-status-visible) .home-distance-pill{bottom:102px!important}
body.us-status-visible.us-update-visible .home-distance-pill{bottom:146px!important}
body.us-status-visible #homeHero.is-empty .home-empty-state,body.us-update-visible #homeHero.is-empty .home-empty-state{top:32%}
body.us-keyboard-open.us-update-visible.us-status-visible .app-status-bar{bottom:92px!important}
.empty-state{color:var(--us-color-text)}.empty-state[aria-busy="true"]{position:relative;overflow:hidden}.empty-state[aria-busy="true"]::after{content:"";position:absolute;inset:0;transform:translateX(-110%);background:linear-gradient(105deg,transparent 25%,rgba(255,255,255,.055) 48%,transparent 72%);animation:usStateShimmer 1.5s ease-in-out infinite}@keyframes usStateShimmer{to{transform:translateX(110%)}}
button:disabled{cursor:default;opacity:.58!important;filter:saturate(.72)}button.us-action-busy{pointer-events:none;position:relative}button.us-action-busy::after{content:"";width:13px;height:13px;margin-left:7px;display:inline-block;vertical-align:-2px;border:2px solid rgba(255,255,255,.34);border-top-color:#fff;border-radius:50%;animation:usSpin .65s linear infinite}@keyframes usSpin{to{transform:rotate(360deg)}}
.toast{bottom:calc(var(--us-nav-height) + var(--us-safe-bottom) + 26px)!important;max-width:calc(100% - 34px);white-space:normal!important;text-align:center;line-height:1.25}
.memory-refresh,.quest-reroll,.us-story-add-only{min-width:44px!important;min-height:44px!important}button:focus-visible,input:focus-visible,textarea:focus-visible,[role="button"]:focus-visible{outline:none;box-shadow:var(--us-focus)!important}
.card,.bond-progress-card,.bond-quest,.moment-picker,.moment-card{box-shadow:var(--us-shadow-card)!important}.think-heart-ring{box-shadow:0 0 34px rgba(255,102,142,.08),inset 0 0 32px rgba(169,133,255,.045)!important}.badge{letter-spacing:.03em}
@media (orientation:landscape) and (max-height:560px){:root{--us-nav-height:52px}.app{padding-bottom:calc(var(--us-nav-height) + var(--us-safe-bottom) + 24px)!important}.top{padding-top:8px!important;padding-bottom:7px!important}.home-hero-only{height:calc(var(--us-viewport-height) - 60px - var(--us-nav-height) - var(--us-safe-top) - var(--us-safe-bottom) - 14px)!important;min-height:220px!important}.home-distance-pill{bottom:16px!important}.home-empty-state{top:43%;grid-template-columns:44px minmax(0,1fr) auto;justify-items:start;text-align:left;gap:9px;align-items:center}.home-empty-mark{width:44px;height:44px;font-size:23px}.home-empty-copy b{font-size:17px}.home-empty-copy small{display:none}.push-optin-card{bottom:76px!important}.nav{padding:4px!important;border-radius:25px!important}.nav button{min-height:46px;font-size:9px!important}.nav button .nicon{width:28px!important;height:28px!important;font-size:16px!important;margin-bottom:0!important}.think-page{min-height:auto!important}.think-heart{width:146px!important;height:146px!important;margin-top:14px!important}.think-heart-glyph{font-size:48px!important}.today-sheet{max-width:620px;margin:0 auto;border-radius:24px 24px 0 0}body.us-status-visible:not(.us-update-visible) .home-distance-pill{bottom:62px!important}body.us-update-visible:not(.us-status-visible) .home-distance-pill{bottom:88px!important}body.us-status-visible.us-update-visible .home-distance-pill{bottom:126px!important}body.us-update-visible #homeHero.is-empty .home-empty-state{display:none}}
@media (max-width:360px){.app{padding-right:max(12px,var(--us-safe-right))!important;padding-left:max(12px,var(--us-safe-left))!important}.push-optin-card{left:12px!important;right:12px!important;max-width:calc(100% - 24px)}.app-update-bar small{display:none}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
