@import"https://fonts.googleapis.com/css2?family=Archivo+Black&family=Barlow+Condensed:wght@600;700;800&display=swap";:root{--bg: #131720;--bg-2: #0d1016;--card: #1a1f2b;--text: #f5f6ff;--muted: #b7bfd8;--salmon: #ff8f88;--periwinkle: #9ca8ff;--yellow: #ffd964;--stroke: #1f2432}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Barlow Condensed,sans-serif;text-transform:uppercase;letter-spacing:.04em;color:var(--text);background:radial-gradient(circle at 15% -10%,#2f374f 0%,transparent 45%),radial-gradient(circle at 120% 10%,#33243f 0%,transparent 40%),linear-gradient(150deg,var(--bg),var(--bg-2));padding:20px 12px 36px}.app-shell{max-width:1120px;margin:0 auto}.app-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:14px}.eyebrow{margin:0;color:var(--yellow);font-size:.76rem}h1{margin:6px 0 0;font-size:clamp(1.4rem,5vw,2.6rem);line-height:1;font-family:Archivo Black,sans-serif}.chip{border-radius:999px;border:2px solid var(--periwinkle);padding:8px 12px;color:var(--periwinkle);background:#9ca8ff26;white-space:nowrap}.tab-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}.tab{border:2px solid #2f3549;background:#171c27;color:var(--muted);border-radius:14px;padding:10px 8px;cursor:pointer;font-family:Barlow Condensed,sans-serif;text-transform:uppercase;font-size:.9rem;font-weight:700;letter-spacing:.08em}.tab.active{color:var(--bg-2);border-color:var(--yellow);background:var(--yellow)}.bento-grid{display:grid;grid-template-columns:1fr;gap:14px}.card{border-radius:22px;background:linear-gradient(160deg,#1a1f2b,#171b25);border:2px solid var(--stroke);padding:16px;box-shadow:6px 6px #00000059}.accent-salmon{border-color:color-mix(in srgb,var(--salmon) 55%,#1e2433)}.accent-periwinkle{border-color:color-mix(in srgb,var(--periwinkle) 55%,#1e2433)}.accent-yellow{border-color:color-mix(in srgb,var(--yellow) 65%,#1e2433)}.card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.card p,.card h2,.card strong{margin:0}.card p{font-size:.85rem}.card strong,.card h2{font-size:1.25rem;font-family:Archivo Black,sans-serif;line-height:1}.muted{color:var(--muted);font-size:.8rem;margin-top:10px}.line-chart{width:100%;height:118px;background:#ffffff08;border-radius:14px;padding:6px}.line-chart-path{fill:none;stroke:var(--periwinkle);stroke-width:3;stroke-linecap:round}.moon-icon{width:24px;height:24px;border-radius:50%;background:var(--yellow);box-shadow:inset -8px -1px #1a1f2b}.meter-row{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;margin-top:10px}.meter{height:14px;border-radius:999px;overflow:hidden;background:#262d3f}.meter i{display:block;height:100%;background:var(--salmon)}.meter.secondary i{background:var(--periwinkle)}.meter.tertiary i{background:var(--yellow)}.water-tank{height:152px;width:84px;border-radius:24px;border:2px solid color-mix(in srgb,var(--periwinkle) 70%,#1a1f2b);margin:12px auto 4px;overflow:hidden;display:flex;align-items:flex-end;background:#10141d}.water-fill{width:100%;background:linear-gradient(180deg,#b2c0ff 0%,var(--periwinkle) 100%);transition:height .4s ease}.battery-shell{width:100%;height:22px;border-radius:8px;padding:3px;border:2px solid var(--yellow);background:#10141d}.battery-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,#ffe7a6 0%,var(--yellow) 100%)}.ring-wrap{display:flex;align-items:center;gap:10px}.rings{width:124px;height:124px}.ring-bg{fill:none;stroke:#2a3042;stroke-width:9}.ring{fill:none;stroke-linecap:round;stroke-width:9;transform:rotate(-90deg);transform-origin:center}.ring-salmon{stroke:var(--salmon)}.ring-periwinkle{stroke:var(--periwinkle)}.ring-yellow{stroke:var(--yellow)}.legend{list-style:none;padding:0;margin:0;display:grid;gap:6px;font-size:.85rem}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}.dot.salmon{background:var(--salmon)}.dot.periwinkle{background:var(--periwinkle)}.dot.yellow{background:var(--yellow)}.step-bars,.trend-track{display:flex;gap:8px;align-items:flex-end;min-height:130px;margin-top:8px}.bar-col,.trend-col{flex:1;text-align:center}.bar,.trend-pill{width:100%;border-radius:8px 8px 0 0}.bar{background:linear-gradient(180deg,#ffb8b2 0%,var(--salmon) 100%)}.trend-pill{background:linear-gradient(180deg,#ffe89f 0%,var(--yellow) 100%)}.bar-col small,.trend-col small{color:var(--muted);font-size:.68rem}.dial{width:130px;height:130px;border-radius:50%;margin:6px auto;padding:10px;background:conic-gradient(var(--periwinkle) 76%,#283046 0)}.dial-inner{width:100%;height:100%;border-radius:50%;background:#131821;display:grid;place-items:center;font-family:Archivo Black,sans-serif;font-size:1.2rem}.simple-list{list-style:none;margin:0;padding:0;display:grid;gap:8px;color:var(--muted);font-size:.8rem}.simple-list li{display:flex;justify-content:space-between;gap:8px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.08)}.screen-enter .card{animation:card-rise .45s ease both}.screen-enter .card:nth-child(2){animation-delay:.05s}.screen-enter .card:nth-child(3){animation-delay:.1s}.screen-enter .card:nth-child(4){animation-delay:.15s}.screen-enter .card:nth-child(5){animation-delay:.2s}.screen-enter .card:nth-child(6){animation-delay:.25s}@keyframes card-rise{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(min-width:720px){body{padding:24px 16px 40px}.tab-row{grid-template-columns:repeat(5,minmax(0,1fr))}.bento-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1080px){.bento-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.card-heart,.span-4{grid-column:span 4}.card-sleep,.card-hydration,.card-recovery,.span-2{grid-column:span 2}.card-calories,.card-activity,.span-3{grid-column:span 3}}