*{box-sizing:border-box}html{background:#08090d}body{color:#f8fafc;background:radial-gradient(circle at 50% -10%,#4ade8038,#0000 32%),radial-gradient(circle at 0 20%,#3b82f629,#0000 30%),#08090d;min-height:100vh;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit;color:inherit;cursor:pointer;border:0}.phoneShell{width:100%;max-width:430px;min-height:100vh;padding:calc(env(safe-area-inset-top) + 22px) 18px 106px;margin:0 auto;position:relative;overflow:hidden}.homePage,.detailPage{animation:.22s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.helloBlock{flex-direction:column;justify-content:center;min-height:108px;display:flex}.hello{letter-spacing:-1.4px;margin:0;font-size:35px;font-weight:400;line-height:1.05}.hello span{font-weight:800}.microNote{color:#b8c0cc;background:#ffffff14;border-radius:999px;width:max-content;margin:10px 0 0 142px;padding:6px 11px;font-size:12px}.todayScore{text-align:center;place-items:center;gap:11px;min-height:230px;margin-top:4px;display:grid}.todayScore p{color:#e5e7eb;letter-spacing:.5px;margin:0;font-size:25px;font-weight:600}.todayScore span{color:#97a2b5;font-size:14px}.mainScoreBox{letter-spacing:-4px;background:linear-gradient(145deg,#ffffff1f,#ffffff0a);border:2px dashed #ffffff52;border-radius:18px;min-width:124px;padding:12px 28px 14px;font-size:72px;font-weight:850;line-height:.9;box-shadow:inset 0 0 0 1px #ffffff14,0 18px 60px #00000059}.scoreGrid{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px;display:grid}.scoreTile{background:#14181fdb;border:1px solid #ffffff1f;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;min-height:124px;padding:12px 8px 10px;transition:transform .16s,background .16s,border-color .16s;display:flex;position:relative;box-shadow:0 16px 38px #0000004d}.scoreTile:active{transform:scale(.96)}.scoreTile.sleep{background:linear-gradient(160deg,#4454a152,#14181fe6)}.scoreTile.recovery{background:linear-gradient(160deg,#22c55e3d,#14181fe6)}.scoreTile.activity{background:linear-gradient(160deg,#f973163d,#14181fe6)}.scoreTile.food{background:linear-gradient(160deg,#facc1538,#14181fe6)}.paperClip{background:#ffffff38;border-radius:0 0 10px 10px;width:28px;height:8px;position:absolute;top:0}.scoreTile svg{color:#d5e3ff;margin-bottom:6px}.scoreTile strong{letter-spacing:-1px;font-size:31px;line-height:1}.scoreTile span{margin-top:5px;font-size:13px;font-weight:800}.scoreTile small{color:#98a3b6;margin-top:5px;font-size:10.5px}.dailyPlan,.featureCard,.detailScoreCard,.listCard,.profileCard{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#14181fc7;border:1px solid #ffffff1a;border-radius:28px;margin-top:18px;box-shadow:0 18px 50px #00000047}.dailyPlan{padding:18px}.sectionKicker,.pageHeader p{color:#7dd3fc;text-transform:uppercase;letter-spacing:1.2px;margin:0;font-size:12px;font-weight:800}h1,h2,p{margin:0}h1{letter-spacing:-1px;margin-top:3px;font-size:28px}h2{letter-spacing:-.6px;margin-top:4px;font-size:24px}.planRows{gap:11px;margin-top:16px;display:grid}.planRow{background:#ffffff0e;border-radius:18px;align-items:center;gap:12px;padding:12px;display:flex}.planIcon{color:#7dd3fc;background:#7dd3fc24;border-radius:13px;place-items:center;width:36px;height:36px;display:grid}.planRow b{font-size:14px;display:block}.planRow p{color:#9aa5b6;margin-top:3px;font-size:12px}.bottomNav{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:10;background:#0c0e13db;border:1px solid #ffffff1f;border-radius:26px;grid-template-columns:repeat(5,1fr);gap:5px;width:min(410px,100vw - 20px);height:76px;padding:8px;display:grid;position:fixed;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 -14px 44px #0000005c}.bottomNav button{color:#9ca3af;background:0 0;border-radius:20px;place-items:center;gap:3px;display:grid}.bottomNav button span{font-size:10px;font-weight:750}.bottomNav button.active{color:#0b1220;background:linear-gradient(145deg,#f8fafc,#c7d2fe)}.pageHeader{align-items:center;gap:13px;margin-bottom:18px;display:flex}.backBtn{background:#ffffff14;border-radius:17px;place-items:center;width:46px;height:46px;display:grid}.detailScoreCard,.featureCard,.profileCard{text-align:center;padding:24px}.detailScoreCard svg,.featureCard svg{color:#93c5fd}.bigScore{letter-spacing:-5px;margin:12px auto 10px;font-size:80px;font-weight:900;line-height:.95}.detailScoreCard p,.featureCard p,.profileCard p{color:#a3adbc;font-size:15px;line-height:1.5}.foodDetail svg{color:#fde68a}.listCard{overflow:hidden}.listRow{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;min-height:58px;padding:0 18px;display:flex}.listRow:last-child{border-bottom:0}.listRow span{color:#cbd5e1;align-items:center;gap:8px;display:flex}.listRow b{font-size:15px}.actionGrid{gap:10px;margin-top:18px;display:grid}.actionGrid button{background:#ffffff14;border-radius:17px;padding:14px;font-weight:800}.avatarBig{background:linear-gradient(145deg,#22c55e,#60a5fa);border-radius:50%;place-items:center;width:86px;height:86px;margin:0 auto 12px;font-size:34px;font-weight:900;display:grid}@media (width<=370px){.phoneShell{padding-left:12px;padding-right:12px}.scoreGrid{gap:7px}.scoreTile{border-radius:20px;min-height:114px}.scoreTile strong{font-size:27px}.scoreTile span{font-size:12px}.bottomNav{width:calc(100vw - 12px)}}