@font-face{font-family:Souffle;src:local('Avenir Next');font-display:swap}*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}body{margin:0;background:#0b0b0d;color:#faf9f7;font-family:Souffle,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}[hidden]{display:none!important}.sprite{position:absolute;width:0;height:0;overflow:hidden}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button,a,input,select{-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #ff5d67;outline-offset:5px}button,a{touch-action:manipulation}button{border:0}h1,h2,h3,p{margin:0}em{font-style:normal;color:#fa454f}.red{color:#ff616a!important}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.2px;color:#aaa9b0;display:block}.topbar{max-width:650px;margin:auto;padding:calc(25px + env(safe-area-inset-top)) 25px 26px;display:flex;align-items:center;justify-content:space-between}.wordmark{text-decoration:none;font-size:29px;letter-spacing:-1.5px;font-weight:750;display:flex;align-items:center;gap:9px}.wordmark svg{color:#fa454f;width:29px;height:29px}.wordmark span{color:#fa454f;margin-left:-9px}.icon-button{width:43px;height:43px;border-radius:50%;background:#171719;border:1px solid #2a2a2d;display:grid;place-items:center;position:relative}.icon-button svg{width:19px}.dot{position:absolute;right:10px;top:9px;width:5px;height:5px;border-radius:50%;background:#ff4b55}main{max-width:600px;margin:auto;padding:8px 25px 110px}.view h1{font-size:clamp(36px,9.8vw,49px);font-weight:650;line-height:1.08;letter-spacing:-2px;margin-top:13px}.intro{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.live-label{white-space:nowrap;font-size:8px;letter-spacing:1px;font-weight:700;color:#b8b8bc;background:#19191c;border:1px solid #27272b;padding:7px 9px;border-radius:30px;margin-top:33px;display:flex;align-items:center;gap:6px}.live-label i,.tiny-dot{width:5px;height:5px;background:#ff4b55;border-radius:50%;display:inline-block}.live-label i{box-shadow:0 0 9px #fa454f70;animation:pulse 2s infinite}.counter-card{margin:15px 0 32px;text-align:center;position:relative}.orbit-wrap{position:relative;width:min(100%,340px);aspect-ratio:1;margin:auto}.orbit{width:100%;height:100%;transform:rotate(-90deg)}.orbit-dashes{stroke:#38383c;stroke-width:4;stroke-dasharray:1 9}.orbit-track{stroke:#242125;stroke-width:5}.orbit-progress{stroke:#ff4853;stroke-width:5;stroke-linecap:round;stroke-dasharray:848.23;stroke-dashoffset:848.23;transition:stroke-dashoffset 1s linear;filter:drop-shadow(0 0 5px #f23a4740)}.orbit-inner{stroke:#222124;stroke-width:1}.orbit-content{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse at center,#a6182120,transparent 60%)}.orbit-label{font-size:9px;letter-spacing:2.4px;color:#b5a7aa;font-weight:600}.orbit-content>strong{font-size:112px;line-height:1.15;font-weight:600;letter-spacing:-7px;font-variant-numeric:tabular-nums;margin-left:-5px}.orbit-content>span:nth-of-type(2){font-size:10px;letter-spacing:1.8px;color:#ded6d8}.orbit-mini{display:flex;align-items:center;gap:6px;font-size:10px;color:#a99599;margin-top:18px}.orbit-mini svg{width:16px;height:16px;color:#ff6570}.time-grid{max-width:290px;margin:9px auto 22px;display:grid;grid-template-columns:1fr 10px 1fr 10px 1fr;align-items:start}.time-grid strong{font-size:38px;line-height:1.2;font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:-1px}.time-grid span{display:block;color:#9c9ca4;font-size:8px;letter-spacing:2px;margin-top:7px}.time-grid i{font-style:normal;color:#5b5155;padding-top:5px;font-size:25px}.since{font-size:10px;color:#9a969e;display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.tiny-dot{width:4px;height:4px;background:#867e82}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;gap:12px}h2{font-size:16px;font-weight:600;letter-spacing:-.3px}.pill{font-size:9px;letter-spacing:.5px;color:#c7bec1;background:#242023;border:1px solid #38282d;border-radius:20px;padding:5px 9px;white-space:nowrap}.next-card{display:grid;grid-template-columns:46px 1fr;gap:15px 13px;padding:20px;background:linear-gradient(115deg,#25171b,#171416 70%);border:1px solid #49252e;border-radius:20px;width:100%;text-align:left}.next-icon{width:44px;height:48px;border-radius:12px;background:#fa454f16;color:#ff616a;display:grid;place-items:center;border:1px solid #ff454f26}.next-copy .eyebrow{font-size:8px;letter-spacing:1.6px}.next-copy h3{font-size:19px;letter-spacing:-.6px;line-height:1.25;margin:7px 0}.next-copy p{font-size:11px;line-height:1.7;color:#bbb0b4}.progress-track{grid-column:1/-1;height:4px;border-radius:10px;background:#3e2b30;overflow:hidden}.progress-track div{height:100%;border-radius:10px;background:#fb4854;width:0;transition:width 1s}.progress-caption{grid-column:1/-1;display:flex;justify-content:space-between;font-size:9px;color:#c9b7bd;margin-top:-5px}.progress-caption strong{color:#ff737c;font-weight:500}.stats-row{display:grid;grid-template-columns:1fr 1fr;margin:22px 0;gap:12px}.stats-row>div{background:#151517;border:1px solid #242428;border-radius:17px;padding:18px 15px}.stats-row>div>span{color:#a5a2ab;font-size:8px;letter-spacing:1.1px;font-weight:600}.stats-row strong{display:block;font-size:30px;font-weight:500;margin:6px 0;letter-spacing:-1px;font-variant-numeric:tabular-nums}.stats-row strong b{font-weight:500}.stats-row small{font-size:15px;color:#8d8993;letter-spacing:0}.stats-row p{font-size:9px;color:#aaa6ae;line-height:1.5}.motivation{display:flex;align-items:flex-start;gap:13px;padding:5px 4px 25px;margin:20px 0 0}.motivation>svg{color:#fa5c64;width:19px;height:19px}.motivation .eyebrow{font-size:8px;letter-spacing:1.5px}.motivation p{font-size:13px;color:#d8d2d6;line-height:1.7;margin-top:9px}.install-card{display:flex;align-items:center;gap:13px;text-align:left;background:#1a191c;border:1px solid #302b30;padding:16px;border-radius:15px;width:100%}.install-card>svg:first-child{color:#ff646f;width:19px}.install-card>svg:last-child{margin-left:auto;width:17px;color:#b7a4ac}.install-card strong{font-size:11px;display:block;font-weight:500}.install-card small{font-size:9px;color:#a49aa1;display:block;margin-top:6px}.bottom-note{text-align:center;font-size:9px;color:#87828c;padding:28px 0 12px;letter-spacing:.8px}.bottom-nav{position:fixed;z-index:20;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:650px;background:#111113f2;backdrop-filter:blur(18px);border-top:1px solid #28252b;display:flex;justify-content:space-around;padding:14px 8px calc(14px + env(safe-area-inset-bottom))}.bottom-nav a{min-width:90px;display:flex;align-items:center;flex-direction:column;gap:6px;text-decoration:none;color:#a19aa5;font-size:9px}.bottom-nav svg{width:21px;height:21px}.bottom-nav a.active{color:#ff5b66}.bottom-nav a.active span{color:#f4e7ea}.journey-summary{display:flex;gap:15px;align-items:center;background:#181619;border:1px solid #30252c;border-radius:18px;padding:18px;margin:27px 0 23px}.journey-summary strong{font-size:18px}.journey-summary p{font-size:11px;color:#b1a7af;margin-top:7px}.filter-row{display:flex;gap:7px;margin-bottom:26px;flex-wrap:wrap}.chip{background:#171719;color:#aaa3ae;border:1px solid #302b32;border-radius:24px;padding:10px 13px;font-size:10px}.chip.selected{color:#fff;background:#3a1d24;border-color:#7e333e}.timeline{position:relative}.timeline:before{content:'';position:absolute;top:24px;bottom:24px;left:22px;width:1px;background:#31262c}.milestone{position:relative;display:flex;align-items:flex-start;gap:15px;width:100%;text-align:left;background:transparent;padding:0 0 27px}.milestone-icon{flex-shrink:0;width:45px;height:45px;display:grid;place-items:center;background:#18171b;border:1px solid #3b3037;border-radius:14px;color:#8f8490}.milestone.earned .milestone-icon{background:#331a22;border-color:#7e333e;color:#ff6471}.milestone-icon svg{width:22px;height:22px}.milestone-body{padding:3px 0 0;flex:1}.milestone-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.milestone-at{color:#a89ca8;font-size:9px;letter-spacing:.6px}.milestone-state{color:#aaa0ab;font-size:8px}.milestone.earned .milestone-state{color:#ff8992}.milestone-body h3{font-size:16px;margin:6px 0;font-weight:550;letter-spacing:-.4px}.milestone-body p{font-size:11px;line-height:1.6;color:#a89eaa}.health-note{border-top:1px solid #2b252f;padding-top:20px;display:flex;align-items:flex-start;gap:12px;margin:0 0 20px}.health-note svg{width:18px;color:#b0a2ac}.health-note p{font-size:10px;line-height:1.7;color:#aaa0aa}.health-note a{display:block;margin-top:8px;text-underline-offset:4px}.settings-card{background:#161518;border:1px solid #2c272e;border-radius:20px;padding:22px;margin-top:23px}.settings-card>p{font-size:12px;line-height:1.7;color:#b4aab6;margin-top:9px}.settings-card form{margin-top:20px}label{font-size:11px;color:#c0b6c2;display:block;margin-bottom:9px}label span{font-size:10px;color:#948a98}input:not([type=checkbox]),select{border:1px solid #403542;border-radius:10px;padding:14px;width:100%;background:#0e0d10;color:#fff;min-height:48px;font-size:16px;margin-bottom:16px;min-width:0}input[type=datetime-local]{max-width:100%;-webkit-appearance:none}input::-webkit-calendar-picker-indicator{opacity:.6}.primary,.secondary{display:flex;align-items:center;justify-content:center;gap:12px;border-radius:12px;min-height:49px;padding:13px 16px;font-size:12px;font-weight:600;width:100%}.primary{background:#f44854;color:white;box-shadow:0 6px 25px #fa324e17}.primary svg,.secondary svg{width:18px;height:18px}.secondary{background:#28232b;border:1px solid #443747;color:#f0e6f3}.settings-card>.primary{margin-top:18px}.button-row{display:flex;gap:10px;align-items:center;margin-top:13px}.button-row .secondary{flex:1}.text-button{background:none;color:#c0aebd;font-size:11px;padding:14px 4px;text-decoration:underline;text-underline-offset:4px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 0;margin:0;border-top:1px solid #302730;position:relative}.toggle-row:first-of-type{margin-top:20px}.toggle-row strong{display:block;color:#eee6ee;font-size:12px;font-weight:500}.toggle-row small{display:block;color:#aaa0ae;font-size:10px;margin-top:7px;line-height:1.6}.toggle-row input{position:absolute;right:0;opacity:0;width:44px;height:28px}.switch{width:42px;height:25px;flex-shrink:0;border-radius:20px;background:#433a45;position:relative;pointer-events:none}.switch:before{content:'';position:absolute;left:3px;top:3px;width:19px;height:19px;border-radius:50%;background:#e9e1e8;transition:transform .2s}.toggle-row input:checked+.switch{background:#e34452}.toggle-row input:checked+.switch:before{transform:translateX(17px)}.toggle-row input:focus-visible+.switch{outline:2px solid #ff8d96;outline-offset:3px}.hour-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 0 18px}.hour-row label{margin:0;font-size:11px}.hour-row small{display:block;margin-top:4px;color:#968a9a;font-size:9px}.hour-row select{width:90px;margin:0;font-size:13px;min-height:42px;padding:9px}.privacy-note{display:flex;gap:12px;justify-content:center;margin-top:30px;font-size:10px;line-height:1.8;color:#a69aa9}.privacy-note svg{width:18px;height:18px;margin-top:3px}.logout{display:block;margin:15px auto 0}.install-steps{background:#251c25;border:1px solid #4e354d;border-radius:12px;padding:17px;margin-top:17px;font-size:12px}.install-steps ol{padding-left:17px;color:#c9b9cd;line-height:1.9;font-size:11px}.install-steps small{color:#b4a2bb;font-size:10px}.small-note{font-size:10px!important;line-height:1.6!important;color:#b8a9be;margin-top:13px}.notice{font-size:12px;line-height:1.7;border:1px solid #8c4b43;padding:15px;border-radius:12px;margin-top:15px}.toast{position:fixed;bottom:calc(95px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:100;width:max-content;max-width:calc(100vw - 36px);padding:15px 21px;background:#f7f0f4;color:#261b24;font-size:12px;line-height:1.5;border-radius:14px;box-shadow:0 10px 40px #0008}.login-screen{min-height:100svh;padding:calc(55px + env(safe-area-inset-top)) 30px 30px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;overflow:hidden}.login-content{max-width:340px;width:100%;position:relative;z-index:1}.brand-mark{width:50px;height:50px;border:1px solid #63262f;background:#30151b;border-radius:16px;display:grid;place-items:center;color:#ff5864;margin-bottom:38px}.brand-mark svg{width:30px;height:30px}.login-content h1{font-size:64px;font-weight:600;letter-spacing:-4px;line-height:1.02;margin:15px 0 22px}.login-content h1 span{color:#fa454f}.login-content>p{color:#b5a9b2;font-size:15px;line-height:1.7}.login-content form{margin-top:34px}.login-content input{font-size:24px;letter-spacing:15px;text-align:center;height:60px;padding-left:30px}.login-orbit{position:absolute;left:35%;top:-100px;width:600px;height:600px;border:1px solid #4a252c;border-radius:50%;box-shadow:0 0 0 45px #ff425004,0 0 0 46px #422027,0 0 0 90px #ff425003,0 0 0 91px #2b1a20;pointer-events:none}.login-wordmark{position:relative;margin-top:45px;font-size:25px;font-weight:600;letter-spacing:-1px;color:#d1c7ce}.login-wordmark span{color:#ef5360;font-size:13px;vertical-align:top;margin-left:3px}.private-note{display:flex;align-items:center;justify-content:center;gap:6px;color:#9b8b99;font-size:10px;margin-top:18px}.private-note svg{width:12px;height:12px}.error{font-size:12px;color:#ff9ca6;line-height:1.6;margin-top:12px}dialog{background:#181319;border:1px solid #54303e;border-radius:25px;color:#f8edf3;padding:32px 26px;max-width:380px;width:calc(100% - 36px);text-align:center;box-shadow:0 25px 100px #000a}dialog::backdrop{background:#050407cf;backdrop-filter:blur(7px)}.dialog-close{position:absolute;right:13px;top:9px;font-size:28px;background:none;color:#b2a1af;padding:5px}.dialog-icon{width:90px;height:90px;margin:7px auto 25px;background:radial-gradient(circle,#642536,#29131e);border:1px solid #a8475b;border-radius:28px;display:grid;place-items:center;color:#ff8593;transform:rotate(-5deg)}.dialog-icon svg{width:44px;height:44px;transform:rotate(5deg)}dialog h2{font-size:27px;letter-spacing:-1px;margin:15px 0}dialog>p{font-size:13px;line-height:1.8;color:#c5b4c4}dialog .pill{display:inline-block;margin-top:20px}dialog .primary{margin-top:24px}.empty-state{color:#b5a5b9;font-size:13px;padding:30px 10px;text-align:center;line-height:1.8}@keyframes pulse{50%{opacity:.35}}@media(min-width:760px){body{background:radial-gradient(ellipse at 50% 20%,#201218 0,transparent 50%),#09090b}.topbar{padding-top:35px}main{padding-top:15px}.counter-card{margin-top:22px}.orbit-wrap{width:340px}.next-card{padding:23px}.next-copy p{font-size:13px}.stats-row>div{padding:23px}.stats-row>div>span{font-size:10px}.stats-row p{font-size:11px}.motivation p{font-size:15px}.bottom-nav{border:1px solid #32232b;border-bottom:0;border-radius:20px 20px 0 0}.bottom-nav a{font-size:11px}.section-heading h2{font-size:18px}.milestone-body p{font-size:13px}.milestone-body h3{font-size:18px}}@media(max-width:360px){main{padding-left:18px;padding-right:18px}.topbar{padding-left:18px;padding-right:18px}.intro h1{font-size:34px}.live-label{font-size:7px;padding:6px}.orbit-content>strong{font-size:94px}.next-card{padding:16px}.next-copy h3{font-size:17px}.login-content h1{font-size:56px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}