html,body,#root{background:#02050c;width:100%;height:100%;min-height:0;margin:0;overflow:hidden}body{color:#edf1f6}.retention-screen{isolation:isolate;background:#02050c;height:100dvh;position:relative;overflow:hidden}.retention-nebula{z-index:1;object-fit:cover;opacity:.64;filter:saturate(1.15)contrast(1.08);pointer-events:none;width:110%;height:110%;position:fixed;inset:-5%}.retention-nebula--blue{object-position:68% center;filter:saturate(1.45)contrast(1.1)hue-rotate(5deg)}.retention-nebula--share{object-position:34% center;opacity:.56;filter:saturate(1.35)contrast(1.12)}.retention-scroll{z-index:4;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;height:100dvh;position:relative;overflow:hidden auto}.retention-scroll::-webkit-scrollbar{display:none}.retention-content{width:min(100%,560px);min-height:100%;padding:max(72px, calc(18px + env(safe-area-inset-top))) var(--page-pad) calc(48px + env(safe-area-inset-bottom));margin:0 auto}.retention-header{grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:10px;margin-bottom:24px;display:grid}.retention-header__title{color:#b6c1d2;letter-spacing:.16em;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.retention-header__action,.retention-secondary-button{color:#f7ecdb;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#030812e0;border:1px solid #becfeb47;min-height:48px}.retention-header__action{backdrop-filter:blur(16px);border-radius:50%;place-items:center;width:48px;height:48px;padding:0;display:inline-grid;box-shadow:0 12px 34px #00000057,inset 0 1px #ffffff09}.retention-header__action:disabled{opacity:.38;cursor:default}.retention-header__action svg{width:22px;height:22px}.retention-header__action:focus-visible,.retention-day-button:focus-visible,.retention-secondary-button:focus-visible,.retention-primary-star:focus-visible{outline-offset:3px;outline:2px solid #f3d59b}.retention-hero{align-content:start;margin-bottom:28px;display:grid;position:relative;overflow:hidden;transform:translateZ(0)}.retention-hero--archive,.retention-hero--weekly{min-height:clamp(490px,78vh,650px)}.retention-hero--share{min-height:245px}.retention-hero__copy{z-index:4;max-width:500px;position:relative}.retention-hero__copy>div{gap:14px;display:grid}.retention-eyebrow,.retention-eyebrow.animated-gradient-text{color:#f3d59b;letter-spacing:.19em;text-align:left;text-transform:uppercase;justify-content:flex-start;max-width:none;margin:0;font-size:10px;font-weight:600}.retention-eyebrow .text-content{text-align:left}.retention-hero h1{color:#f7ecdb;max-width:10ch;font:500 clamp(50px, 14.5vw, 78px)/.88 var(--serif);letter-spacing:-.05em;text-wrap:balance;text-shadow:0 16px 46px #0000009e;margin:0}.retention-hero__intro{color:#b4c0d2;text-shadow:0 3px 18px #000000eb;max-width:43ch;margin:0;font-size:15px;line-height:1.62}.retention-hero__planet-pair{z-index:2;pointer-events:none;height:min(64vw,340px);position:absolute;bottom:4px;left:-9%;right:-9%;overflow:hidden}.retention-hero__planet{object-fit:contain;filter:drop-shadow(0 30px 44px #000000b3);width:min(54vw,280px);height:min(54vw,280px);position:absolute}.retention-hero__planet--jupiter{bottom:0;left:-2%}.retention-hero__planet--neptune{filter:saturate(1.35)drop-shadow(0 0 30px #356fff66)drop-shadow(0 30px 44px #000000b3);bottom:-2%;right:-1%}.retention-hero__asset{z-index:2;pointer-events:none;position:absolute}.retention-hero__asset--celestial{object-fit:cover;object-position:center 39%;opacity:.9;filter:saturate(1.2)contrast(1.05)drop-shadow(0 30px 42px #0009);width:132%;height:78%;bottom:-9%;right:-31%;-webkit-mask-image:linear-gradient(#0000 0,#000 5% 95%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 5% 95%,#0000 100%)}.retention-stack,.retention-day-list,.retention-actions,.share-stage{display:grid}.retention-stack,.share-stage{gap:18px}.retention-day-list{gap:15px;margin:0;padding:0;list-style:none}.retention-day-button{width:100%;color:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:25px;padding:0}.retention-day-card.card-spotlight,.retention-panel.card-spotlight,.share-artwork-spotlight.card-spotlight{backdrop-filter:blur(18px);background:#050c19e8;border-color:#becfeb38;padding:0;box-shadow:0 24px 66px #00000063,inset 0 1px #ffffff0a}.retention-day-card.is-today{border-color:#ebc57999;box-shadow:0 24px 70px #00000070,0 0 34px #d7a44724,inset 0 1px #ffffff0d}.retention-day-card__inner,.retention-panel__inner{z-index:1;gap:15px;padding:22px;display:grid;position:relative}.retention-day-card__top,.retention-card-row,.retention-date-range,.retention-signal-row{align-items:center;gap:10px;display:flex}.retention-day-card__top{justify-content:space-between}.retention-day-card__date,.retention-day-card__journal,.retention-date-range{color:#95a5bc;letter-spacing:.09em;text-transform:uppercase;margin:0;font-size:11px;font-weight:600}.retention-day-card__date.is-today,.retention-date-range{color:#f3d59b}.retention-day-card__journal.is-saved{color:#7fd7cd}.retention-day-card h2,.retention-panel h2,.retention-share-card h2{color:#f7ecdb;font:500 clamp(27px, 7.4vw, 36px)/1 var(--serif);letter-spacing:-.03em;margin:0}.retention-day-card__summary,.retention-panel p,.retention-share-card p{color:#aebbd0;margin:0;font-size:14px;line-height:1.58}.retention-rituals{flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none;display:flex}.retention-ritual{color:#78879c;background:#020812cc;border:1px solid #becfeb2e;border-radius:999px;align-items:center;gap:6px;min-height:31px;padding:5px 10px;font-size:11px;font-weight:600;display:inline-flex}.retention-ritual.is-complete{color:#7fd7cd;background:#20565452;border-color:#77d7cd61}.retention-ritual svg{width:14px;height:14px}.retention-card-link{color:#83b8ff;letter-spacing:.04em;align-items:center;gap:7px;font-size:12px;font-weight:600;display:flex}.retention-card-link svg{width:16px;height:16px}.retention-glass.glass-surface{background:#050c19db;border:1px solid #ebc57966;overflow:hidden;box-shadow:0 28px 70px #0000006b,0 0 32px #417adb14}.retention-glass .glass-surface__content{width:100%;height:auto}.retention-cta-card{gap:13px;padding:23px;display:grid}.retention-cta-card__title{color:#f7ecdb;align-items:center;gap:9px;font-weight:600;display:flex}.retention-cta-card__title svg{color:#f3d59b;width:19px;height:19px}.retention-cta-card p{color:#aebbd0;margin:0;font-size:13px;line-height:1.57}.retention-secondary-button{border-radius:17px;width:100%;padding:0 18px;font-weight:600}.retention-primary-star.star-border-container{cursor:pointer;background:0 0;border:0;border-radius:20px;width:100%;display:block;padding-inline:0!important}.retention-primary-star .inner-content{color:#f7ecdb;min-height:56px;font-family:var(--sans);background:#071020fa;border-color:#f0cb81b8;border-radius:20px;place-items:center;padding:0 20px;font-size:14px;font-weight:600;display:grid;box-shadow:inset 0 0 24px #4b84e41a}.retention-primary-star:disabled{opacity:.58;cursor:wait}.retention-status{place-items:center;min-height:min(54vh,450px);display:grid}.retention-status-card{text-align:center;backdrop-filter:blur(18px);background:#050c19e8;border:1px solid #becfeb38;border-radius:28px;width:100%;padding:30px 23px;box-shadow:0 28px 74px #00000073}.retention-status-card.is-error{border-color:#f17a866b}.retention-status-card.is-warning{border-color:#eebe6270}.retention-loading-icon{color:#83b8ff;filter:drop-shadow(0 0 14px #5391ff94);width:35px;height:35px;margin:0 auto 18px;animation:1.1s linear infinite retention-icon-spin}.retention-status-card h2{color:#f7ecdb;font:500 33px/1.02 var(--serif);margin:0}.retention-status-card p{color:#aebbd0;max-width:38ch;margin:13px auto 21px;font-size:14px;line-height:1.58}.retention-status-mark{color:#f3d59b;background:#050c19d6;border:1px solid #ebc5796b;border-radius:50%;place-items:center;width:58px;height:58px;margin:0 auto 18px;display:grid;box-shadow:0 0 34px #417adb1f}.retention-status-mark svg{width:25px;height:25px}.weekly-date-row{margin-bottom:2px}.weekly-mood-card{min-height:190px;overflow:hidden}.weekly-mood-label,.weekly-signal-label,.share-card__label{color:#f3d59b;letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:10px;font-weight:600}.weekly-mood-value{z-index:1;color:#f7ecdb;font:500 clamp(40px, 11vw, 54px)/.94 var(--serif);letter-spacing:-.04em;margin:4px 0 0;position:relative}.weekly-focus-card{border-color:#77d7cd61!important;box-shadow:0 28px 70px #0000006b,0 0 36px #4288ff1f!important}.weekly-focus-card h2{font-size:clamp(29px,8vw,40px)}.weekly-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.weekly-metric{background:#050c19e6;border:1px solid #becfeb38;border-radius:23px;flex-direction:column;justify-content:space-between;gap:8px;min-height:132px;padding:19px;display:flex;box-shadow:0 22px 55px #00000057,inset 0 1px #ffffff09}.weekly-metric:first-child{border-color:#77d7cd59}.weekly-metric:last-child{border-color:#ebc57966}.weekly-metric__value{color:#f7ecdb;font:500 clamp(35px, 10vw, 48px)/1 var(--serif);font-variant-numeric:tabular-nums}.weekly-metric--theme .weekly-metric__value{font-size:clamp(22px,6vw,34px);line-height:1.08}.weekly-metric__note{color:#7f8fa7;font-size:11px}.weekly-signals{background:#050c19e6;border:1px solid #becfeb33;border-radius:25px;padding:4px 20px;display:grid;box-shadow:0 24px 62px #0000005c}.weekly-signal-row{border-bottom:1px solid #becfeb21;justify-content:space-between;min-height:80px}.weekly-signal-row:last-child{border-bottom:0}.weekly-signal-row__copy{gap:4px;display:grid}.weekly-signal-row__value{color:#f7ecdb;text-align:right;max-width:58%;font-size:13px;font-weight:600;line-height:1.35}.weekly-signal-label svg{color:#83b8ff;width:16px;height:16px}.weekly-reminder{background:#05111de0;border:1px solid #77d7cd3d;border-left-width:3px;border-radius:4px 21px 21px 4px;gap:10px;padding:21px;display:grid}.weekly-reminder strong{color:#f7ecdb;font:500 24px/1.08 var(--serif)}.weekly-reminder p{color:#aebbd0;margin:0;font-size:13px;line-height:1.56}.retention-actions{gap:12px}.retention-live-message{color:#7fd7cd;text-align:center;justify-content:center;margin:0;font-size:12px;line-height:1.45}.retention-live-message.is-error{color:#f18b97}.share-artwork-spotlight.card-spotlight{border-color:#ebc57980;border-radius:30px}.retention-share-card{background:#030914ad;border-radius:29px;flex-direction:column;justify-content:space-between;gap:28px;min-height:500px;padding:28px 24px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d}.share-card__asset{z-index:0;object-fit:cover;object-position:center;opacity:.54;filter:saturate(1.22)contrast(1.1);width:100%;height:100%;position:absolute;inset:0}.share-card__brand,.share-card__signature{z-index:2;justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.share-card__brand strong{color:#f3d59b;letter-spacing:.23em;font-size:12px}.share-card__brand svg{color:#f3d59b;filter:drop-shadow(0 0 12px #e8bf70b8);width:22px;height:22px}.share-card__body{z-index:2;backdrop-filter:blur(9px);background:#020710d1;border:1px solid #becfeb29;border-radius:23px;gap:18px;padding:19px;display:grid;position:relative}.share-card__body h2{max-width:12ch;font-size:clamp(38px,11vw,54px);line-height:.94}.share-card__connection{border-top:1px solid #becfeb33;border-bottom:1px solid #becfeb33;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);align-items:center;gap:8px;padding:16px 0;display:grid}.share-card__connection span{color:#83b8ff;letter-spacing:.08em;text-align:center;text-transform:uppercase;font-size:10px;font-weight:600}.share-card__connection svg{color:#f3d59b;filter:drop-shadow(0 0 8px #e8bf709e);width:20px;height:20px;margin:0 auto}.share-card__reason{font-weight:600;color:#f3d59b!important}.share-card__signature{color:#95a5bc;font-size:11px}.share-privacy{background:#05111de6;border:1px solid #77d7cd40;border-radius:22px;grid-template-columns:38px 1fr;align-items:flex-start;gap:13px;padding:21px;display:grid}.share-privacy svg{color:#7fd7cd;width:25px;height:25px}.share-privacy strong{color:#f7ecdb;margin-bottom:6px;font-size:13px;display:block}.share-privacy p{color:#aebbd0;margin:0;font-size:12px;line-height:1.56}@keyframes retention-icon-spin{to{transform:rotate(360deg)}}@media (hover:hover){.retention-day-button:hover .retention-day-card{border-color:#ebc57975;transform:translateY(-2px)}.retention-day-card{transition:transform .18s,border-color .18s}}@media (width<=360px){.retention-hero--archive,.retention-hero--weekly{min-height:455px}.retention-hero__planet-pair{left:-15%;right:-15%}.weekly-metrics{grid-template-columns:1fr}.weekly-signal-row{flex-direction:column;justify-content:center;align-items:flex-start;min-height:0;padding-block:16px}.weekly-signal-row__value{text-align:left;max-width:none}.retention-share-card{min-height:470px;padding:24px 20px}}@media (width>=700px){.retention-content{padding-top:28px}.retention-hero__planet-pair{left:-3%;right:-3%}}@media (prefers-reduced-motion:reduce){.retention-loading-icon{animation:none}}.retention-screen.is-reduced-motion *,.retention-screen.is-reduced-motion :before,.retention-screen.is-reduced-motion :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}