@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;700&family=DM+Mono:wght@300;400;500&family=DM+Sans:wght@300;400;500&display=swap";:root{--sky-dawn:#1a1a2e;--gold:#ffd93d;--good:#6bcb77;--warn:#ffd93d;--bad:#ff6b6b;--text:#e8e4f0;--text-muted:#e8e4f080;--text-dim:#e8e4f040;--mist:#ffffff0f;--border:#ffffff14}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;min-height:100%}body{background:var(--sky-dawn);color:var(--text);min-height:100vh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);font-family:DM Sans,sans-serif;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(#4d96ff14 0%,#0000 70%);width:80%;height:80%;position:fixed;top:-40%;left:-20%}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(#9b72cf12 0%,#0000 70%);width:60%;height:60%;position:fixed;bottom:-20%;right:-10%}.stars{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.star{animation:twinkle var(--d,3s) ease-in-out infinite alternate;opacity:var(--o,.3);background:#fff;border-radius:50%;position:absolute}@keyframes twinkle{0%{opacity:var(--o,.3)}to{opacity:calc(var(--o,.3) * .3)}}.container{z-index:1;max-width:480px;margin:0 auto;padding:1.5rem 1rem 5rem;position:relative}header{text-align:center;padding:2rem 0 1.5rem}.logo-arc{justify-content:center;margin-bottom:1rem;display:flex}.wordmark{letter-spacing:-.02em;background:linear-gradient(135deg,#ffd93d 0%,#ff6b6b 40%,#9b72cf 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.25rem;font-family:Playfair Display,serif;font-size:2.2rem;font-weight:700}.tagline{letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);font-family:DM Mono,monospace;font-size:.72rem;font-weight:300}.card{background:var(--mist);border:.5px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;margin-bottom:.875rem;padding:1.25rem}.card-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.875rem;font-family:DM Mono,monospace;font-size:.68rem}.coord-display{color:var(--text-muted);justify-content:space-between;align-items:center;gap:12px;font-family:DM Mono,monospace;font-size:.85rem;display:flex}.geo-btn{color:#4d96ff;cursor:pointer;white-space:nowrap;background:#4d96ff1a;border:.5px solid #4d96ff40;border-radius:8px;padding:7px 14px;font-family:DM Mono,monospace;font-size:.75rem;transition:background .2s}.geo-btn:hover{background:#4d96ff2e}.geo-btn:disabled{opacity:.4;cursor:not-allowed}.status-text{color:var(--text-muted);font-family:DM Mono,monospace;font-size:.78rem}.status-warn{color:var(--warn)}.error-msg{color:var(--bad);background:#ff6b6b12;border:.5px solid #ff6b6b33;border-radius:8px;padding:8px 10px;font-family:DM Mono,monospace;font-size:.75rem}.score-main{align-items:center;gap:1.25rem;margin-bottom:1rem;display:flex}.score-number{min-width:100px;font-family:Playfair Display,serif;font-size:3.6rem;font-weight:700;line-height:1;transition:color .4s}.score-right{flex:1}.verdict-text{margin-bottom:6px;font-size:.9rem;font-weight:500;line-height:1.3}.arc-bar-track{background:#ffffff14;border-radius:99px;height:5px;margin-bottom:6px;overflow:hidden}.arc-bar-fill{border-radius:99px;height:100%;transition:width .6s cubic-bezier(.34,1.56,.64,1)}.update-row{justify-content:space-between;align-items:center;display:flex}.update-time{color:var(--text-dim);letter-spacing:.04em;font-family:DM Mono,monospace;font-size:.65rem}.refresh-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1rem;transition:color .2s}.refresh-btn:hover{color:var(--text)}.refresh-btn:disabled{opacity:.3;cursor:not-allowed}.metrics-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:.875rem;display:grid}.metric-tile{border:.5px solid var(--border);text-align:center;background:#ffffff0a;border-radius:10px;padding:.7rem}.metric-tile-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:3px;font-family:DM Mono,monospace;font-size:.6rem}.metric-tile-value{font-family:Playfair Display,serif;font-size:1.3rem;font-weight:500}.metric-tile-sub{color:var(--text-dim);margin-top:1px;font-family:DM Mono,monospace;font-size:.6rem}.flags-row{flex-wrap:wrap;gap:5px;margin-bottom:.75rem;display:flex}.flag{letter-spacing:.03em;border-radius:99px;padding:3px 9px;font-family:DM Mono,monospace;font-size:.67rem}.flag-good{color:var(--good);background:#6bcb771f;border:.5px solid #6bcb7740}.flag-warn{color:var(--warn);background:#ffd93d1a;border:.5px solid #ffd93d33}.flag-bad{color:var(--bad);background:#ff6b6b1a;border:.5px solid #ff6b6b33}.info-row{background:#4d96ff0f;border:.5px solid #4d96ff1f;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;display:flex}.info-row-warn{background:#ffd93d0f;border-color:#ffd93d2e}.info-row-text{color:#4d96ffd9;letter-spacing:.03em;font-family:DM Mono,monospace;font-size:.68rem;line-height:1.5}.forecast-strip{grid-template-columns:repeat(6,1fr);gap:5px;display:grid}.forecast-hour{border:.5px solid var(--border);text-align:center;background:#ffffff08;border-radius:8px;padding:7px 3px}.forecast-hour.highlighted{background:#ffd93d0f;border-color:#ffd93d4d}.fh-time{color:var(--text-muted);margin-bottom:2px;font-family:DM Mono,monospace;font-size:.6rem}.fh-score{margin-bottom:1px;font-size:.85rem;font-weight:500}.fh-dot{border-radius:50%;width:5px;height:5px;margin:2px auto 0}.fh-details{flex-direction:column;gap:2px;margin-top:6px;display:flex}.fh-detail-row{color:var(--text-muted);justify-content:space-between;font-family:DM Mono,monospace;font-size:.55rem;display:flex}.fh-label{color:var(--text-dim)}.section-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.live-badge{color:var(--good);letter-spacing:.08em;align-items:center;gap:5px;font-family:DM Mono,monospace;font-size:.62rem;display:flex}.live-dot{background:var(--good);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.sighting-list{flex-direction:column;display:flex}.sighting-item{border-bottom:.5px solid var(--border);align-items:flex-start;gap:9px;padding:9px 0;display:flex}.sighting-item:last-child{border-bottom:none}.sighting-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:5px}.sighting-location{font-size:.82rem;font-weight:500}.sighting-meta{color:var(--text-muted);margin-top:2px;font-family:DM Mono,monospace;font-size:.65rem}.sighting-time{color:var(--text-dim);white-space:nowrap;padding-top:3px;font-family:DM Mono,monospace;font-size:.62rem}.report-btn{width:100%;color:var(--good);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:#6bcb7714;border:.5px solid #6bcb7733;border-radius:8px;margin-top:.875rem;padding:10px;font-family:DM Mono,monospace;font-size:.72rem;transition:background .2s}.report-btn:hover{background:#6bcb7724}.check-btn{width:100%;color:var(--gold);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,#ffd93d26,#9b72cf26);border:.5px solid #ffd93d4d;border-radius:10px;padding:13px;font-family:DM Mono,monospace;font-size:.78rem;transition:all .2s}.check-btn:hover{background:linear-gradient(135deg,#ffd93d38,#9b72cf38)}.location-search{position:relative}.search-row{gap:8px;display:flex}.search-input{color:var(--text);-webkit-appearance:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#ffffff0d;border:.5px solid #ffffff1f;border-radius:8px;outline:none;flex:1;padding:8px 12px;font-family:DM Sans,sans-serif;font-size:.85rem;transition:border-color .2s,background .2s}.search-input:focus{background:#ffffff14;border-color:#ffd93d66}.search-input::placeholder{color:var(--text-dim)}.search-results{z-index:50;background:#16213efa;border:.5px solid #ffffff1f;border-radius:10px;max-height:240px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden auto}.search-result-item{cursor:pointer;text-align:left;background:0 0;border:none;flex-direction:column;width:100%;padding:8px 12px;transition:background .15s;display:flex}.search-result-item:hover{background:#ffffff0f}.search-result-name{color:var(--text);font-size:.82rem}.search-result-meta{color:var(--text-muted);margin-top:2px;font-family:DM Mono,monospace;font-size:.65rem}.search-result-muted{color:var(--text-muted);padding:8px 12px;font-family:DM Mono,monospace;font-size:.75rem}.best-time{color:var(--gold);background:#ffd93d0f;border:.5px solid #ffd93d26;border-radius:8px;margin-bottom:.5rem;padding:6px 10px;font-family:DM Mono,monospace;font-size:.7rem}.error-boundary{text-align:center;padding:2rem}.error-boundary-text{color:var(--text-muted);margin-bottom:1rem;font-family:DM Mono,monospace;font-size:.8rem}.toast{bottom:calc(2rem + env(safe-area-inset-bottom));color:var(--good);letter-spacing:.05em;z-index:100;white-space:nowrap;background:#16213ef5;border:.5px solid #6bcb774d;border-radius:10px;padding:11px 18px;font-family:DM Mono,monospace;font-size:.75rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:fixed;left:50%;transform:translate(-50%)translateY(80px)}.toast.show{transform:translate(-50%)translateY(0)}footer{text-align:center;color:var(--text-dim);letter-spacing:.07em;margin-top:1.5rem;font-family:DM Mono,monospace;font-size:.62rem;line-height:2}footer a{color:#4d96ff99;text-decoration:none}