:root{--bg-primary: #0a0a0b;--bg-secondary: #111113;--bg-card: #18181b;--bg-card-hover: #1f1f23;--text-primary: #fafafa;--text-secondary: #a1a1aa;--text-muted: #52525b;--accent-sleep: #818cf8;--accent-sleep-glow: rgba(129, 140, 248, .2);--accent-readiness: #34d399;--accent-readiness-glow: rgba(52, 211, 153, .2);--accent-activity: #fb923c;--accent-activity-glow: rgba(251, 146, 60, .2);--border-subtle: rgba(255, 255, 255, .06);--border-medium: rgba(255, 255, 255, .1);--font-display: "Instrument Serif", Georgia, serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "Geist Mono", "SF Mono", Consolas, monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--container-max: 72rem;--radius-sm: .375rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem}@media (prefers-color-scheme: light){:root{--bg-primary: #fafafa;--bg-secondary: #f4f4f5;--bg-card: #ffffff;--bg-card-hover: #f8f8fa;--text-primary: #18181b;--text-secondary: #52525b;--text-muted: #a1a1aa;--accent-sleep: #6366f1;--accent-sleep-glow: rgba(99, 102, 241, .15);--accent-readiness: #10b981;--accent-readiness-glow: rgba(16, 185, 129, .15);--accent-activity: #f97316;--accent-activity-glow: rgba(249, 115, 22, .15);--border-subtle: rgba(0, 0, 0, .06);--border-medium: rgba(0, 0, 0, .12)}.noise{opacity:.02}.gradient-orb{opacity:.3}.last-updated__tooltip{box-shadow:0 4px 12px #0000001a}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-body);font-size:15px;line-height:1.6;color:var(--text-primary);background:var(--bg-primary);min-height:100vh;overflow-x:hidden}.noise{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");z-index:100}.gradient-orb{position:fixed;border-radius:50%;filter:blur(100px);opacity:.4;pointer-events:none;z-index:-1}.gradient-orb--1{width:600px;height:600px;background:radial-gradient(circle,var(--accent-sleep-glow) 0%,transparent 70%);top:-200px;right:-100px;animation:float 20s ease-in-out infinite}.gradient-orb--2{width:500px;height:500px;background:radial-gradient(circle,var(--accent-readiness-glow) 0%,transparent 70%);bottom:-150px;left:-100px;animation:float 25s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}.container{max-width:var(--container-max);margin:0 auto;padding:var(--space-xl) var(--space-lg)}@media (min-width: 768px){.container{padding:var(--space-3xl) var(--space-xl)}}.header{display:flex;flex-direction:column;gap:var(--space-lg);margin-bottom:var(--space-3xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--border-subtle);animation:fadeInUp var(--duration-slow) var(--ease-out-expo)}@media (min-width: 640px){.header{flex-direction:row;justify-content:space-between;align-items:center}}.header__brand{display:flex;align-items:center;gap:var(--space-md)}.ring-icon{width:48px;height:48px;color:var(--accent-sleep);animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.95)}}.header__title{font-family:var(--font-display);font-size:2rem;font-weight:400;letter-spacing:-.02em;line-height:1.1}.header__subtitle{font-size:.875rem;color:var(--text-secondary);margin-top:var(--space-xs)}.header__social{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out-quart);margin-left:var(--space-md)}.header__social:hover{color:var(--text-primary);border-color:var(--border-medium);background:var(--bg-card-hover)}.header__meta{display:flex;align-items:center;gap:var(--space-md)}.status-badge{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:#34d3991a;border:1px solid rgba(52,211,153,.2);border-radius:100px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-readiness)}.status-badge__dot{width:6px;height:6px;background:var(--accent-readiness);border-radius:50%;animation:blink 2s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.last-updated{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);position:relative;cursor:help}.last-updated__tooltip{position:absolute;top:calc(100% + 8px);right:0;padding:var(--space-sm) var(--space-md);background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-md);font-size:.75rem;color:var(--text-secondary);white-space:nowrap;opacity:0;visibility:hidden;transform:translateY(-4px);transition:all var(--duration-fast) var(--ease-out-quart);z-index:10;box-shadow:0 4px 12px #0000004d}.last-updated__tooltip:before{content:"";position:absolute;top:-5px;right:12px;width:8px;height:8px;background:var(--bg-card);border-left:1px solid var(--border-medium);border-top:1px solid var(--border-medium);transform:rotate(45deg)}.last-updated:hover .last-updated__tooltip{opacity:1;visibility:visible;transform:translateY(0)}.section-label{font-family:var(--font-mono);font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:var(--space-lg)}.today{margin-bottom:var(--space-3xl);animation:fadeInUp var(--duration-slow) var(--ease-out-expo) .1s backwards}.score-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md)}@media (min-width: 640px){.score-grid{grid-template-columns:repeat(3,1fr)}}.score-card{position:relative;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-xl);overflow:hidden;transition:all var(--duration-normal) var(--ease-out-quart)}.score-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--card-accent-glow) 0%,transparent 50%);opacity:0;transition:opacity var(--duration-normal) var(--ease-out-quart)}.score-card:hover{background:var(--bg-card-hover);border-color:var(--border-medium);transform:translateY(-2px)}.score-card:hover:before{opacity:1}.score-card--sleep{--card-accent: var(--accent-sleep);--card-accent-glow: var(--accent-sleep-glow)}.score-card--readiness{--card-accent: var(--accent-readiness);--card-accent-glow: var(--accent-readiness-glow)}.score-card--activity{--card-accent: var(--accent-activity);--card-accent-glow: var(--accent-activity-glow)}.score-card__header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.score-card__icon{width:20px;height:20px;color:var(--card-accent)}.score-card__label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.score-card__value{position:relative;display:flex;align-items:baseline;gap:var(--space-xs)}.score-card__number{font-family:var(--font-display);font-size:3.5rem;font-weight:400;line-height:1;color:var(--text-primary);letter-spacing:-.03em}.score-card__number--na{font-size:1.5rem;color:var(--text-muted)}.score-card__suffix{font-size:1.25rem;color:var(--text-muted)}.score-card__ring{position:absolute;right:var(--space-lg);top:50%;transform:translateY(-50%);width:80px;height:80px}.score-card__ring circle{fill:none;stroke:var(--card-accent);stroke-width:4;stroke-linecap:round}.score-card__ring .ring-bg{opacity:.2}.score-card__ring .ring-progress{stroke-dasharray:226;stroke-dashoffset:calc(226 - (226 * var(--progress, 0) / 100));transform:rotate(-90deg);transform-origin:center;transition:stroke-dashoffset 1s var(--ease-out-expo);filter:drop-shadow(0 0 6px var(--card-accent-glow))}.score-card__meta{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--border-subtle);font-size:.75rem;color:var(--text-muted);display:flex;gap:var(--space-md)}.score-card__meta-item{display:flex;align-items:center;gap:var(--space-xs)}.history{animation:fadeInUp var(--duration-slow) var(--ease-out-expo) .2s backwards}.timeline{display:grid;grid-template-columns:1fr;gap:var(--space-md)}@media (min-width: 768px){.timeline{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.timeline{grid-template-columns:repeat(3,1fr)}}.timeline-day{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-lg);transition:all var(--duration-normal) var(--ease-out-quart)}.timeline-day:hover{background:var(--bg-card-hover);border-color:var(--border-medium);transform:translateY(-2px)}.timeline-day__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-subtle)}.timeline-day__date{display:flex;flex-direction:column}.timeline-day__weekday{font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.timeline-day__full{font-family:var(--font-mono);font-size:.875rem;color:var(--text-secondary);margin-top:2px}.timeline-day__steps{display:flex;align-items:center;gap:var(--space-xs);font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.timeline-day__steps svg{width:14px;height:14px;opacity:.6}.timeline-day__scores{display:flex;justify-content:space-around;gap:var(--space-md)}.circular-score{display:flex;flex-direction:column;align-items:center;position:relative}.circular-score--sleep{--score-color: var(--accent-sleep);--score-glow: var(--accent-sleep-glow)}.circular-score--readiness{--score-color: var(--accent-readiness);--score-glow: var(--accent-readiness-glow)}.circular-score--activity{--score-color: var(--accent-activity);--score-glow: var(--accent-activity-glow)}.circular-score__svg{width:72px;height:72px;transform:rotate(-90deg)}@media (min-width: 640px){.circular-score__svg{width:80px;height:80px}}.circular-score__bg{fill:none;stroke:var(--border-subtle);stroke-width:6}.circular-score__progress{fill:none;stroke:var(--score-color);stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset 1s var(--ease-out-expo);filter:drop-shadow(0 0 6px var(--score-glow))}.circular-score__value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-display);font-size:1.5rem;font-weight:400;color:var(--text-primary);margin-top:-8px}@media (min-width: 640px){.circular-score__value{font-size:1.75rem}}.circular-score__value--na{font-size:1rem;color:var(--text-muted)}.circular-score__label{font-family:var(--font-mono);font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-top:var(--space-sm)}.footer{margin-top:var(--space-3xl);padding-top:var(--space-xl);border-top:1px solid var(--border-subtle);text-align:center;font-size:.75rem;color:var(--text-muted);animation:fadeInUp var(--duration-slow) var(--ease-out-expo) .3s backwards}.loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--text-muted)}.loading__spinner{width:24px;height:24px;border:2px solid var(--border-medium);border-top-color:var(--accent-sleep);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{text-align:center;padding:var(--space-2xl);color:var(--text-secondary)}.error__title{font-family:var(--font-display);font-size:1.5rem;margin-bottom:var(--space-sm);color:var(--text-primary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.timeline-day{animation:fadeInUp var(--duration-normal) var(--ease-out-expo) backwards}.timeline-day:nth-child(1){animation-delay:50ms}.timeline-day:nth-child(2){animation-delay:80ms}.timeline-day:nth-child(3){animation-delay:.11s}.timeline-day:nth-child(4){animation-delay:.14s}.timeline-day:nth-child(5){animation-delay:.17s}.timeline-day:nth-child(6){animation-delay:.2s}.timeline-day:nth-child(7){animation-delay:.23s}.timeline-day:nth-child(8){animation-delay:.26s}.timeline-day:nth-child(9){animation-delay:.29s}.timeline-day:nth-child(10){animation-delay:.32s}.timeline-day:nth-child(11){animation-delay:.35s}.timeline-day:nth-child(12){animation-delay:.38s}.timeline-day:nth-child(13){animation-delay:.41s}.timeline-day:nth-child(14){animation-delay:.44s}.score-card:nth-child(1){animation:fadeInUp var(--duration-slow) var(--ease-out-expo) .15s backwards}.score-card:nth-child(2){animation:fadeInUp var(--duration-slow) var(--ease-out-expo) .2s backwards}.score-card:nth-child(3){animation:fadeInUp var(--duration-slow) var(--ease-out-expo) .25s backwards}