@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-color:#0d0e12;--text-primary:#fff;--text-secondary:#9ca3af;--card-bg:#ffffff0a;--card-border:#ffffff14;--accent-blue:#3b82f6;--accent-purple:#8b5cf6;--accent-orange:#f59e0b;--accent-green:#10b981;--font-family:"Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 50% 0,#1f2030 0%,#0d0e12 50%);min-height:100vh;margin:0}#root{max-width:600px;margin:0 auto;padding:2rem 1.5rem}h1{letter-spacing:-.02em;background:linear-gradient(135deg,#fff 0%,#cbd5e1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.25rem;font-size:3rem;font-weight:700}h2{margin-bottom:1rem;font-size:1.5rem;font-weight:600}h3{font-size:1.25rem;font-weight:500}p{color:var(--text-secondary);line-height:1.6}.card{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(12px);border-radius:20px;margin-bottom:1.5rem;padding:1.5rem;transition:transform .3s,border-color .3s;box-shadow:0 4px 30px #0000001a}.card:hover{border-color:#ffffff26;transform:translateY(-2px)}.hero{text-align:center;margin-top:2rem;margin-bottom:3rem;animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeInDown}.hero p{color:var(--text-secondary);font-size:1.25rem;font-weight:300}.status-leap{position:relative;overflow:hidden}.status-leap:before{content:"";background:linear-gradient(90deg, var(--accent-purple), var(--accent-blue));height:3px;position:absolute;top:0;left:0;right:0}.status-sunny:before{content:"";background:linear-gradient(90deg, var(--accent-orange), #fbbf24);height:3px;position:absolute;top:0;left:0;right:0}.status-normal{border-color:var(--card-border)}.status-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:.25rem .75rem;font-size:.875rem;font-weight:500;display:inline-block}.badge.purple{color:#c4b5fd;background:#8b5cf626;border:1px solid #8b5cf64d}.badge.orange{color:#fcd34d;background:#f59e0b26;border:1px solid #f59e0b4d}.badge.green{color:#6ee7b7;background:#10b98126;border:1px solid #10b9814d}.badge.red{color:#fca5a5;background:#ef444426;border:1px solid #ef44444d}.timeline{flex-direction:column;gap:1rem;display:flex}.timeline-item{background:#ffffff05;border:1px solid #ffffff08;border-radius:12px;align-items:flex-start;gap:1rem;padding:1rem;display:flex}.timeline-week{white-space:nowrap;min-width:85px;color:var(--accent-blue);font-size:1.1rem;font-weight:600}.timeline-content h4{color:#f8fafc;margin-bottom:.25rem;font-size:1.1rem}.timeline-content p{font-size:.9rem}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0;animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeInDown}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}a{color:var(--accent-blue);text-decoration:none;transition:color .2s}a:hover{color:#60a5fa;text-decoration:underline}.progress-container{background:#ffffff1a;border-radius:3px;width:100%;height:6px;margin-top:1rem;overflow:hidden}.progress-bar{background:linear-gradient(90deg, var(--accent-blue), var(--accent-purple));border-radius:3px;height:100%;transition:width .5s ease-out}