:root{--bg-dark:#030712;--panel-bg:#11182773;--panel-border:#ffffff0f;--input-bg:#03071299;--input-border:#ffffff14;--c-spectacular:#f43f5e;--c-spectacular-gradient:linear-gradient(135deg, #f43f5e, #be123c);--c-spectacular-glow:#f43f5e40;--c-excellent:#f97316;--c-excellent-gradient:linear-gradient(135deg, #f97316, #b45309);--c-excellent-glow:#f9731640;--c-good:#eab308;--c-good-gradient:linear-gradient(135deg, #eab308, #a16207);--c-good-glow:#eab30826;--c-fair:#06b6d4;--c-fair-gradient:linear-gradient(135deg, #06b6d4, #0f766e);--c-fair-glow:#06b6d426;--c-poor:#64748b;--c-poor-gradient:linear-gradient(135deg, #64748b, #334155);--c-poor-glow:#64748b1a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,system-ui,-apple-system,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:#f3f4f6;font-size:15px;line-height:1.5;overflow-x:hidden}.app-root{flex-direction:column;min-height:100vh;display:flex;position:relative}.bg-glow{filter:blur(140px);pointer-events:none;z-index:0;opacity:.15;border-radius:50%;width:500px;height:500px;position:absolute}.bg-glow-left{background:radial-gradient(circle,#db2777,#0000);top:-100px;left:5%}.bg-glow-right{background:radial-gradient(circle,#ea580c,#0000);top:30%;right:5%}.app-header{z-index:100;-webkit-backdrop-filter:blur(12px);border-b:1px solid #ffffff0d;background-color:#030712cc;padding:.75rem 1.5rem;position:sticky;top:0}.header-content{flex-direction:column;justify-content:space-between;align-items:center;gap:.75rem;max-width:1200px;margin:0 auto;display:flex}@media (width>=640px){.header-content{flex-direction:row}}.brand{align-items:center;gap:.75rem;display:flex}.brand-logo{background:linear-gradient(135deg,#f97316,#ec4899,#8b5cf6);border-radius:.75rem;justify-content:center;align-items:center;padding:.5rem;display:flex;box-shadow:0 4px 12px #f9731633}.icon-main{color:#fff;width:1.5rem;height:1.5rem}.brand-text{text-align:left}.logo-title{letter-spacing:-.025em;background:linear-gradient(90deg,#f97316,#f43f5e,#a855f7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:800}.logo-subtitle{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin-top:1px;font-size:.7rem;font-weight:500}.status-container{align-items:center;display:flex}.status-badge{border-radius:9999px;align-items:center;gap:.35rem;padding:.3rem .75rem;font-size:.75rem;font-weight:600;display:flex}.status-online{color:#fdba74;background-color:#f973161a;border:1px solid #f9731633}.status-offline{color:#9ca3af;background-color:#1f293780;border:1px solid #ffffff0d}.main-content{z-index:1;flex:1;width:100%;max-width:1200px;margin:0 auto;padding:1.5rem 1rem}@media (width>=640px){.main-content{padding:2rem 1.5rem}}.location-bar{background:var(--panel-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--panel-border);border-radius:1rem;flex-direction:column;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;padding:1rem;display:flex}@media (width>=768px){.location-bar{flex-direction:row;align-items:center}}.location-details{align-items:flex-start;gap:.75rem;display:flex}.icon-orange{color:#f97316;flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:.15rem}.location-name{color:#fff;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700}.location-coords{color:#9ca3af;margin-top:2px;font-size:.8rem}.controls-form{gap:.5rem;width:100%;display:flex}@media (width>=768px){.controls-form{width:auto;max-width:400px}}.search-box{flex:1;position:relative}.search-input{background-color:var(--input-bg);border:1px solid var(--input-border);color:#f3f4f6;border-radius:.75rem;width:100%;padding:.5rem .75rem .5rem 2.25rem;font-size:.85rem;transition:border-color .2s}.search-input:focus{border-color:#f9731666;outline:none}.search-icon{color:#6b7280;width:.9rem;height:.9rem;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.btn-action{background-color:var(--input-bg);border:1px solid var(--input-border);color:#d1d5db;cursor:pointer;border-radius:.75rem;justify-content:center;align-items:center;padding:.5rem .85rem;transition:all .2s;display:flex}.btn-action:hover{color:#fff;background-color:#ffffff0d;border-color:#ffffff26}.btn-accent{color:#fff;cursor:pointer;background-color:#f97316;border:none;border-radius:.75rem;justify-content:center;align-items:center;padding:.5rem .85rem;transition:background-color .2s;display:flex}.btn-accent:hover{background-color:#ea580c}.loader-container{text-align:center;background-color:#11182733;border:1px solid #ffffff05;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem;display:flex}.icon-spinner{color:#f97316;width:2rem;height:2rem;animation:1s linear infinite spin}.loader-text{color:#9ca3af;font-size:.9rem;font-weight:500}.error-container{color:#fca5a5;text-align:left;background-color:#dc262614;border:1px solid #dc262633;border-radius:1rem;gap:.75rem;margin-bottom:1.5rem;padding:1.25rem;display:flex}.icon-danger{color:#ef4444;flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:.1rem}.error-title{color:#fecaca;font-size:.95rem;font-weight:700}.error-message{color:#fca5a5;margin-top:.25rem;font-size:.85rem}.btn-retry{color:#fca5a5;cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;margin-top:.5rem;font-size:.75rem;font-weight:600;text-decoration:underline;display:inline-flex}.forecast-section{text-align:left;margin-bottom:2rem}.section-title{text-transform:uppercase;letter-spacing:.1em;color:#9ca3af;margin-bottom:.75rem;font-size:.75rem;font-weight:700}.cards-grid{grid-template-cols:1fr;gap:1rem;display:grid}@media (width>=640px){.cards-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.cards-grid{grid-template-columns:repeat(4,1fr)}}.event-card{background-color:var(--panel-bg);-webkit-backdrop-filter:blur(8px);border:1px solid var(--panel-border);cursor:pointer;border-radius:1.25rem;flex-direction:column;justify-content:space-between;min-height:170px;padding:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.event-card:hover{border-color:#ffffff26;transform:translateY(-2px)}.card-indicator{background:0 0;height:4px;position:absolute;top:0;left:0;right:0}.card-active{background-color:#11182799}.card-active.border-spectacular{box-shadow:0 0 25px var(--c-spectacular-glow);border-color:var(--c-spectacular)}.card-active.border-spectacular .card-indicator{background:var(--c-spectacular-gradient)}.card-active.border-excellent{box-shadow:0 0 25px var(--c-excellent-glow);border-color:var(--c-excellent)}.card-active.border-excellent .card-indicator{background:var(--c-excellent-gradient)}.card-active.border-good{box-shadow:0 0 20px var(--c-good-glow);border-color:var(--c-good)}.card-active.border-good .card-indicator{background:var(--c-good-gradient)}.card-active.border-fair{box-shadow:0 0 20px var(--c-fair-glow);border-color:var(--c-fair)}.card-active.border-fair .card-indicator{background:var(--c-fair-gradient)}.card-active.border-poor{box-shadow:0 0 15px var(--c-poor-glow);border-color:var(--c-poor)}.card-active.border-poor .card-indicator{background:var(--c-poor-gradient)}.card-top{justify-content:space-between;align-items:flex-start;display:flex}.card-meta{align-items:center;gap:.5rem;display:flex}.icon-bg-sunset{color:#f43f5e;background-color:#f43f5e26;border:1px solid #f43f5e33;border-radius:.5rem;padding:.4rem;display:flex}.icon-bg-sunrise{color:#f97316;background-color:#f9731626;border:1px solid #f9731633;border-radius:.5rem;padding:.4rem;display:flex}.card-label-block{text-align:left}.card-date-label{color:#9ca3af;font-size:.7rem;font-weight:500;display:block}.card-event-name{color:#fff;margin-top:1px;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:700}.card-score-block{text-align:right}.card-score-val{color:#fff;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:900}.card-score-unit{color:#9ca3af;margin-left:2px;font-size:.6rem;font-weight:700}.card-middle{text-align:left;margin-top:.75rem}.card-info-row{align-items:center;gap:.5rem;display:flex}.card-time{color:#9ca3af;font-size:.75rem;font-weight:500}.card-prediction-preview{color:#9ca3af;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.5rem;font-size:.7rem;line-height:1.4;display:-webkit-box;overflow:hidden}.event-card:hover .card-prediction-preview{color:#d1d5db}.mini-grid-preview{opacity:.3;grid-template-columns:repeat(3,1fr);gap:2px;transition:opacity .2s;display:grid;position:absolute;bottom:.75rem;right:.75rem}.event-card:hover .mini-grid-preview{opacity:.7}.mini-grid-dot{border-radius:1px;width:6px;height:6px}.dot-center{box-shadow:inset 0 0 0 1px #fff}.bg-spectacular{background:var(--c-spectacular-gradient)}.bg-excellent{background:var(--c-excellent-gradient)}.bg-good{background:var(--c-good-gradient)}.bg-fair{background:var(--c-fair-gradient)}.bg-poor{background:var(--c-poor-gradient)}.badge{text-transform:uppercase;letter-spacing:.025em;border:1px solid #0000;border-radius:9999px;padding:.1rem .5rem;font-size:.65rem;font-weight:800}.badge-spectacular{color:#fda4af;background-color:#f43f5e1a;border-color:#f43f5e33}.badge-excellent{color:#fed7aa;background-color:#f973161a;border-color:#f9731633}.badge-good{color:#fef08a;background-color:#eab30814;border-color:#eab30826}.badge-fair{color:#c5f2f7;background-color:#06b6d41a;border-color:#06b6d433}.badge-poor{color:#cbd5e1;background-color:#64748b1a;border-color:#64748b26}.details-section{grid-template-cols:1fr;text-align:left;gap:1.5rem;display:grid}@media (width>=1024px){.details-section{grid-template-columns:5fr 7fr}}.shadow-panel{background-color:var(--panel-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--panel-border);border-radius:1.5rem;padding:1.5rem}.panel-header{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}.panel-title{color:#fff;font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:700}.panel-subtitle{color:#9ca3af;margin-top:1px;font-size:.75rem}.grid-avg-badge{color:#fdba74;background-color:#f9731614;border:1px solid #f9731626;border-radius:.5rem;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.7rem;font-weight:700;display:flex}.icon-pulse{width:.85rem;height:.85rem;animation:2s infinite pulse}.grid-widget-wrapper{aspect-ratio:1;background-color:#03071280;border:1px solid #ffffff0a;border-radius:1.25rem;justify-content:center;align-items:center;width:100%;max-width:320px;margin:.5rem auto;padding:2.25rem;display:flex;position:relative}.compass-label{color:#4b5563;letter-spacing:.05em;text-transform:uppercase;font-size:.6rem;font-weight:800;position:absolute}.compass-north{top:.75rem;left:50%;transform:translate(-50%)}.compass-south{bottom:.75rem;left:50%;transform:translate(-50%)}.compass-west{top:50%;left:.75rem;transform:translateY(-50%)rotate(-90deg)}.compass-east{top:50%;right:.75rem;transform:translateY(-50%)rotate(90deg)}.grid-matrix{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:.65rem;width:100%;height:100%;display:grid}.grid-cell{cursor:pointer;border:1px solid #ffffff0d;border-radius:.85rem;flex-direction:column;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 4px 6px #0000001a}.grid-cell:hover{border-color:#fff3;transform:scale(1.03)}.cell-selected{outline-offset:1px;z-index:10;border-color:#fff;outline:2px solid #f97316;transform:scale(1.05)}.cell-score{color:#fff;font-family:Outfit,sans-serif;font-size:1.4rem;font-weight:900}.cell-label{opacity:.75;text-transform:uppercase;margin-top:1px;font-size:.6rem;font-weight:700}.cell-center-dot{background-color:#fff;border-radius:50%;width:.35rem;height:.35rem;position:absolute;top:.35rem;right:.35rem}.cell-bg-spectacular{background:var(--c-spectacular-gradient);border-color:#f43f5e33}.cell-bg-excellent{background:var(--c-excellent-gradient);border-color:#f9731633}.cell-bg-good{background:var(--c-good-gradient);color:#0f172a;border-color:#eab30826}.cell-bg-good .cell-score,.cell-bg-good .cell-label{color:#0f172a}.cell-bg-fair{background:var(--c-fair-gradient);border-color:#06b6d433}.cell-bg-poor{background:var(--c-poor-gradient);border-color:#64748b26}.grid-legend{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.25rem;display:flex}.legend-item{color:#9ca3af;align-items:center;gap:.3rem;font-size:.75rem;font-weight:500;display:flex}.dot{border-radius:.125rem;width:.5rem;height:.5rem}.dot-spectacular{background-color:var(--c-spectacular)}.dot-excellent{background-color:var(--c-excellent)}.dot-good{background-color:var(--c-good)}.dot-fair{background-color:var(--c-fair)}.dot-poor{background-color:var(--c-poor)}.inspector-panel{flex-direction:column;display:flex}.inspector-content{flex-direction:column;flex:1;justify-content:space-between;display:flex}.inspector-top{sm-flex-direction:row;border-bottom:1px solid #ffffff0a;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;display:flex}@media (width>=640px){.inspector-top{flex-direction:row;align-items:center}}.inspector-tag{color:#f97316;text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:700}.inspector-coords-title{color:#fff;margin-top:1px;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700}.inspector-score-badge{align-items:center;gap:.5rem;display:flex}.inspector-score-val{font-family:Outfit,sans-serif;font-size:2rem;font-weight:900}.color-text-spectacular{color:var(--c-spectacular)}.color-text-excellent{color:var(--c-excellent)}.color-text-good{color:var(--c-good)}.color-text-fair{color:var(--c-fair)}.color-text-poor{color:var(--c-poor)}.inspector-score-meta{text-align:left;flex-direction:column;display:flex}.sqi-label{color:#9ca3af;font-size:.6rem;font-weight:700;line-height:1}.badge-inspector{align-self:flex-start;margin-top:.25rem;font-size:.6rem}.prediction-bubble{background-color:#03071280;border:1px solid #ffffff0a;border-radius:.75rem;margin-bottom:1.25rem;padding:1rem}.bubble-header{align-items:center;gap:.4rem;display:flex}.icon-info{color:#f97316;width:.9rem;height:.9rem}.bubble-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:700}.bubble-text{color:#e5e7eb;margin-top:.35rem;font-size:.85rem;font-style:italic;line-height:1.45}.breakdown-title{text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;margin-bottom:.75rem;font-size:.75rem;font-weight:700}.metrics-grid{grid-template-cols:1fr;gap:1rem;margin-bottom:1.5rem;display:grid}@media (width>=640px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}.metric-card{background-color:#03071240;border:1px solid #ffffff08;border-radius:.75rem;padding:1rem}.metric-card-title{color:#e5e7eb;border-bottom:1px solid #ffffff05;align-items:center;gap:.4rem;margin-bottom:.5rem;padding-bottom:.5rem;font-size:.8rem;font-weight:700;display:flex}.icon-sky{color:#38bdf8;width:.95rem;height:.95rem}.icon-blue{color:#60a5fa;width:.95rem;height:.95rem}.metric-list{flex-direction:column;gap:.35rem;display:flex}.metric-row{justify-content:space-between;font-size:.75rem;display:flex}.metric-label{color:#9ca3af}.metric-val{font-weight:600}.text-white{color:#fff}.text-rose{color:#f43f5e}.text-amber{color:#f59e0b}.inspector-footer{color:#6b7280;border-top:1px solid #ffffff0a;flex-direction:column;gap:.5rem;padding-top:1rem;font-size:.65rem;font-weight:500;display:flex}@media (width>=640px){.inspector-footer{flex-direction:row;justify-content:space-between;align-items:center}}.formula-desc{align-items:center;gap:.25rem;display:flex}.icon-check{color:#10b981;width:.8rem;height:.8rem}.baseline-desc{text-align:right}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-spin-slow{animation:8s linear infinite spin}.animate-pulse-slow{animation:3s cubic-bezier(.4,0,.6,1) infinite pulse}.icon-xs{width:.9rem;height:.9rem}.icon-sm{width:1.1rem;height:1.1rem}.icon-md{width:1.4rem;height:1.4rem}.icon-lg{width:1.8rem;height:1.8rem}