:root{--bg: #0b1020;--bg2: #0e1530;--card: rgba(255, 255, 255, .04);--card-border: rgba(148, 163, 184, .12);--text: #e8edf6;--muted: #93a0b5}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Fredoka,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(1200px 600px at 50% -10%,#16204a 0%,transparent 60%),linear-gradient(180deg,var(--bg2),var(--bg));background-attachment:fixed;min-height:100vh;-webkit-font-smoothing:antialiased}#root{min-height:100vh}.page{max-width:520px;margin:0 auto;padding:16px 16px 40px;animation:fade-in .5s ease}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.card{background:var(--card);border:1px solid var(--card-border);border-radius:20px;padding:18px;margin-bottom:14px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 10px 30px #00000040}.center{text-align:center}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.caption{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:600;margin-bottom:10px}.muted{color:var(--muted)}.tiny{font-size:12px}.statusbar{display:flex;align-items:center;justify-content:space-between;margin:2px 4px 14px}.pill{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600}.dot{width:8px;height:8px;border-radius:50%;box-shadow:0 0 8px currentColor}.risk-name{font-size:20px;font-weight:700;margin-top:10px}.risk-blurb{font-size:13px;color:var(--muted);margin-top:4px;max-width:320px;margin-left:auto;margin-right:auto}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat{display:flex;align-items:center;gap:10px;padding:10px;border-radius:14px;background:#ffffff08}.stat-icon{font-size:22px}.stat-value{font-size:18px;font-weight:700}.stat-label{font-size:12px;color:var(--muted)}.chips{display:flex;gap:8px;margin-top:12px}.chip{flex:1;text-align:center;background:#ffffff08;border-radius:12px;padding:8px 6px}.chip-label{display:block;font-size:11px;color:var(--muted);font-weight:600}.chip-value{display:block;font-size:13px;font-weight:600;margin-top:2px}.chart-row{display:flex;gap:8px;align-items:stretch}.y-axis{display:flex;flex-direction:column;justify-content:space-between;font-size:11px;color:var(--muted);text-align:right;min-width:36px;padding:1px 0}.chart-svg{flex:1;display:block}.x-axis{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:6px;padding-left:44px}.grid{stroke:#94a3b82e;stroke-width:1;vector-effect:non-scaling-stroke}.chart-empty{display:flex;align-items:center;justify-content:center;color:#64748b;font-size:13px}.quail-wrap{width:120px;height:146px;flex-shrink:0}.quail-bob{animation:bob 4s ease-in-out infinite;transform-origin:50% 100%}@keyframes bob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(-1.5deg)}}.footer{text-align:center;color:var(--muted);font-size:13px;margin-top:18px}.sky{position:relative;height:184px;border-radius:24px;overflow:hidden;margin-bottom:14px;box-shadow:0 14px 40px #00000059}.sky-sunny{background:linear-gradient(165deg,#3f8fde,#79bdf0 55%,#bfe4ff)}.sky-cloudy{background:linear-gradient(165deg,#5a6b81,#8395ab 60%,#aab8c8)}.sky-night{background:linear-gradient(165deg,#0a1030,#182a5e 70%,#243a78)}.sun,.moon{position:absolute;top:24px;right:30px;font-size:56px;animation:float 5s ease-in-out infinite;filter:drop-shadow(0 6px 14px rgba(0,0,0,.25))}.moon{animation-duration:6.5s}.cloud{position:absolute;left:0;font-size:46px;opacity:.92;animation:drift linear infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.12))}.cloud-a{top:26px;animation-duration:34s}.cloud-b{top:78px;font-size:64px;opacity:.72;animation-duration:52s;animation-delay:-12s}.stars{position:absolute;top:0;right:0;bottom:0;left:0}.star{position:absolute;background:#fff;border-radius:50%;opacity:.7;animation:twinkle 2.6s ease-in-out infinite}.sky-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:16px 20px;display:flex;flex-direction:column;justify-content:flex-end}.sky-title{font-size:15px;font-weight:600;color:#fffffff2;text-shadow:0 1px 6px rgba(0,0,0,.35)}.sky-temp{font-size:56px;font-weight:700;line-height:1;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3)}.sky-cond{font-size:14px;color:#ffffffe6;margin-top:2px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes twinkle{0%,to{opacity:.2}50%{opacity:.85}}@keyframes drift{0%{transform:translate(-90px)}to{transform:translate(560px)}}@media(prefers-reduced-motion:reduce){.quail-bob,.sun,.moon,.cloud,.star{animation:none}}