.percentile-container{display:flex;flex-direction:column;gap:.875rem}.percentile-row{display:flex;flex-direction:column;gap:.25rem}.percentile-header{display:flex;justify-content:space-between;align-items:baseline}.percentile-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}@media (min-width: 640px){.percentile-label{font-size:.85rem}}.percentile-value{font-size:1.1rem;font-weight:700;color:#f1f5f9}@media (min-width: 640px){.percentile-value{font-size:1.25rem}}.percentile-bar-container{height:8px;background:#33415580;border-radius:4px;overflow:hidden}@media (min-width: 640px){.percentile-bar-container{height:10px}}.percentile-bar{height:100%;border-radius:4px;transition:width .4s ease-out}.percentile-meaning{font-size:.7rem;color:#64748b}@media (min-width: 640px){.percentile-meaning{font-size:.75rem}}.percentile-explainer{margin-top:.75rem;padding:.875rem;background:#3b82f614;border-radius:10px;border:1px solid rgba(59,130,246,.15)}@media (min-width: 640px){.percentile-explainer{padding:1rem;margin-top:1rem}}.explainer-title{font-size:.8rem;font-weight:600;color:#60a5fa;margin-bottom:.375rem}.explainer-text{font-size:.8rem;color:#94a3b8;line-height:1.5}@media (min-width: 640px){.explainer-text{font-size:.85rem}}.explainer-text strong{color:#e2e8f0}.chart-container{display:flex;flex-direction:column;gap:1rem}.chart-wrapper{width:100%;height:280px}@media (min-width: 640px){.chart-wrapper{height:320px}}@media (min-width: 1024px){.chart-wrapper{height:360px}}.chart-loading{display:flex;align-items:center;justify-content:center;height:280px;color:#94a3b8;font-size:.9rem}.chart-tooltip{background:#0f172af2;border:1px solid rgba(148,163,184,.2);border-radius:10px;padding:.75rem 1rem;box-shadow:0 4px 20px #0000004d}.tooltip-value{font-size:.95rem;font-weight:600;color:#f1f5f9;margin-bottom:.375rem}.tooltip-prob{font-size:.8rem;color:#94a3b8}.tooltip-prob.highlight{color:#a78bfa;font-weight:500}.chart-legend{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap}@media (min-width: 640px){.chart-legend{gap:1.25rem}}.legend-item{display:flex;align-items:center;gap:.375rem;font-size:.75rem}@media (min-width: 640px){.legend-item{font-size:.85rem}}.legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}@media (min-width: 640px){.legend-dot{width:10px;height:10px}}.legend-label{color:#94a3b8}.legend-value{color:#e2e8f0;font-weight:600}.query-container{display:flex;flex-direction:column;gap:1rem}.query-tabs{display:flex;gap:.25rem;background:#3341554d;padding:.25rem;border-radius:10px}.query-tab{flex:1;padding:.5rem;border-radius:8px;border:none;cursor:pointer;font-size:.75rem;font-weight:500;transition:all .2s;background:transparent;color:#94a3b8}@media (min-width: 640px){.query-tab{padding:.625rem .75rem;font-size:.85rem}}.query-tab:hover{color:#e2e8f0}.query-tab.active{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff}.query-input-area{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.query-inputs{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.query-label{font-size:.85rem;color:#94a3b8}.query-operator{font-size:1.1rem;font-weight:600;color:#60a5fa;width:20px;text-align:center}.query-input{width:60px;padding:.5rem .625rem;border-radius:8px;border:1px solid rgba(148,163,184,.2);background:#33415580;color:#f1f5f9;font-size:1rem;font-weight:600;text-align:center;-moz-appearance:textfield}.query-input::-webkit-outer-spin-button,.query-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.query-input:focus{outline:none;border-color:#3b82f6;background:#3b82f61a}.query-button{padding:.5rem 1rem;border-radius:8px;border:none;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:transform .15s,opacity .15s;margin-left:auto}.query-button:hover{transform:translateY(-1px)}.query-button:active{transform:translateY(0)}.query-button:disabled{opacity:.7;cursor:not-allowed}.query-presets{display:flex;gap:.375rem;flex-wrap:wrap}.preset-btn{padding:.375rem .625rem;border-radius:6px;border:1px solid rgba(148,163,184,.2);background:transparent;color:#94a3b8;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s}@media (min-width: 640px){.preset-btn{padding:.4rem .75rem;font-size:.8rem}}.preset-btn:hover{background:#3b82f626;border-color:#3b82f666;color:#60a5fa}.query-result{padding:1.25rem;border-radius:12px;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border:1px solid rgba(139,92,246,.25);text-align:center}.result-probability{font-size:2.5rem;font-weight:700;background:linear-gradient(90deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1;margin-bottom:.25rem}@media (min-width: 640px){.result-probability{font-size:3rem}}.result-text{font-size:.9rem;color:#94a3b8}.range-selector{padding:.5rem 0;-webkit-user-select:none;user-select:none;touch-action:none}.range-track{position:relative;height:40px;margin:0 12px}.range-track-bg{position:absolute;top:50%;left:0;right:0;height:6px;background:#33415599;border-radius:3px;transform:translateY(-50%)}.range-track-fill{position:absolute;top:50%;height:6px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:3px;transform:translateY(-50%);transition:left .1s,width .1s}.range-markers{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.range-marker{position:absolute;width:10px;height:10px;background:#334155;border-radius:50%;transform:translate(-50%);cursor:pointer;transition:background .15s,transform .15s}.range-marker.in-range{background:#8b5cf6}.range-marker.has-snow{box-shadow:0 0 0 2px #60a5fa66}.range-marker:hover{transform:translate(-50%) scale(1.2)}.range-handle{position:absolute;top:50%;width:24px;height:24px;background:#fff;border:3px solid #8b5cf6;border-radius:50%;transform:translate(-50%,-50%);cursor:grab;transition:transform .1s,box-shadow .15s;z-index:10}.range-handle:hover{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 0 0 4px #8b5cf64d}.range-handle.dragging{cursor:grabbing;transform:translate(-50%,-50%) scale(1.15);box-shadow:0 0 0 6px #8b5cf666}.range-handle.start{border-color:#3b82f6}.range-handle.start:hover,.range-handle.start.dragging{box-shadow:0 0 0 4px #3b82f64d}.range-labels{position:relative;height:32px;margin:4px 12px 0}.range-label{position:absolute;transform:translate(-50%);text-align:center;font-size:.7rem;color:#64748b;line-height:1.2}@media (min-width: 640px){.range-label{font-size:.75rem}}.range-label.endpoint{color:#e2e8f0;font-weight:600}.range-label-date{display:block;font-size:.8em;opacity:.8}.snow-viz-container{display:flex;flex-direction:column;align-items:center;padding:1rem 0}.snow-viz-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.75rem}.snow-viz-wrapper{display:flex;align-items:flex-end;gap:1rem}.snow-viz-image-container{position:relative;width:80px;height:240px;overflow:hidden;border-radius:10px;background:linear-gradient(180deg,#1a1a2e,#0f172a)}@media (min-width: 640px){.snow-viz-image-container{width:100px;height:300px}}.snow-viz-aaron{position:absolute;bottom:0;left:50%;transform:translate(-50%);height:100%;width:auto;object-fit:contain;object-position:bottom;z-index:2}.snow-viz-snow{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(180deg,#fff0,#ffffffb3 5%,#f0f8ffd9 20%,#e6f0faf2);z-index:3;transition:height .5s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.snow-viz-snow-surface{position:absolute;top:0;left:0;right:0;height:20px;display:flex;justify-content:space-around;align-items:flex-start;transform:translateY(-50%)}.snowflake{color:#fff;font-size:.8rem;opacity:.9;animation:snowflake-bob 2s ease-in-out infinite;text-shadow:0 0 4px rgba(255,255,255,.8)}.snowflake:nth-child(2){animation-delay:.5s}.snowflake:nth-child(3){animation-delay:1s}@keyframes snowflake-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.snow-viz-marker{position:absolute;left:0;right:0;z-index:4;display:flex;align-items:center;transform:translateY(50%)}.marker-line{flex:1;height:2px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);box-shadow:0 0 6px #3b82f699}.marker-value{position:absolute;right:-40px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;font-size:.65rem;font-weight:700;padding:.15rem .35rem;border-radius:4px;white-space:nowrap}@media (min-width: 640px){.marker-value{font-size:.7rem;right:-45px}}.snow-viz-info{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.snow-viz-depth{font-size:1.5rem;font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}@media (min-width: 640px){.snow-viz-depth{font-size:1.75rem}}.snow-viz-description{font-size:.8rem;color:var(--text-secondary);font-weight:500}*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-card: rgba(30, 41, 59, .8);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-blue: #3b82f6;--accent-purple: #8b5cf6;--accent-gradient: linear-gradient(135deg, #3b82f6, #8b5cf6);--border-color: rgba(148, 163, 184, .15);--success: #22c55e;--warning: #f59e0b;--danger: #ef4444}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(135deg,var(--bg-primary) 0%,#1a1a2e 50%,#16213e 100%);min-height:100vh;color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}.container{max-width:1000px;margin:0 auto;padding:1rem}@media (min-width: 640px){.container{padding:1.5rem}}@media (min-width: 1024px){.container{padding:2rem}}.header{text-align:center;margin-bottom:1.5rem}.title{font-size:2rem;font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.25rem}@media (min-width: 640px){.title{font-size:2.5rem}}.subtitle{font-size:1rem;color:var(--text-secondary)}.updated{font-size:.8rem;color:var(--text-muted);margin-top:.5rem}.card{background:var(--bg-card);border-radius:16px;padding:1.25rem;border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:1rem}@media (min-width: 640px){.card{padding:1.5rem;margin-bottom:1.5rem}}.card-title{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}@media (min-width: 640px){.card-title{font-size:1.25rem}}.card-subtitle{font-size:.85rem;color:var(--text-muted);margin-bottom:1rem}.hero-card{background:linear-gradient(135deg,#3b82f61f,#8b5cf61f);border:1px solid rgba(139,92,246,.25)}.hero-header{text-align:center;margin-bottom:1rem}.hero-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.hero-dates{font-size:.9rem;color:var(--accent-blue);font-weight:500}.hero-totals{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:.5rem;text-align:center;margin-bottom:1.25rem}@media (min-width: 640px){.hero-totals{gap:1rem}}.hero-totals-wrapper{display:flex;justify-content:center;align-items:flex-end;gap:.5rem;margin-bottom:.5rem;padding:0 .5rem}.hero-totals-main{display:flex;justify-content:center;align-items:flex-end;gap:.25rem}@media (min-width: 640px){.hero-totals-main{gap:.5rem}}.hero-totals-tail{display:flex;align-items:flex-end;gap:.25rem;padding-left:.25rem;border-left:1px solid rgba(167,139,250,.3);margin-left:.25rem}@media (min-width: 640px){.hero-totals-tail{gap:.375rem;padding-left:.5rem;margin-left:.5rem}}.modeling-note{font-size:.6rem;color:var(--text-muted);text-align:center;margin-bottom:1rem;font-style:italic}@media (min-width: 640px){.modeling-note{font-size:.7rem}}.modeled-tag{color:#a78bfa;font-weight:600}.hero-total-item{display:flex;flex-direction:column;align-items:center;padding:.375rem .25rem;border-radius:8px}.hero-total-item.side{min-width:2.5rem}.hero-total-item.main{background:#ffffff0d;padding:.5rem .75rem;min-width:4rem}.hero-total-item.tail{opacity:.9;min-width:2rem}@media (min-width: 640px){.hero-total-item.side{min-width:3rem}.hero-total-item.main{min-width:5rem}}.hero-total-label{font-size:.5rem;text-transform:uppercase;letter-spacing:.02em;color:var(--text-muted);margin-bottom:.15rem;white-space:nowrap}.hero-total-item.tail .hero-total-label{font-size:.45rem}@media (min-width: 640px){.hero-total-label{font-size:.65rem}.hero-total-item.tail .hero-total-label{font-size:.55rem}}.hero-total-value{font-size:.85rem;font-weight:700;color:var(--text-primary);line-height:1.1}.hero-total-item.main .hero-total-value{font-size:1.5rem;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-total-item.tail .hero-total-value{font-size:.75rem;color:#a78bfa}@media (min-width: 640px){.hero-total-item{border-radius:10px}.hero-total-item.main{padding:.625rem 1rem}.hero-total-value{font-size:1.1rem}.hero-total-item.main .hero-total-value{font-size:2.25rem}.hero-total-item.tail .hero-total-value{font-size:.9rem}}.hero-total-percentile{font-size:.6rem;color:var(--text-muted);margin-top:.125rem}@media (min-width: 640px){.hero-total-percentile{font-size:.7rem}}.range-selector-container{margin:1rem 0}.range-instruction{font-size:.8rem;color:var(--text-muted);text-align:center;margin-bottom:.5rem}.snow-viz-card{display:flex;justify-content:center}.stats-note{font-size:.65rem;color:var(--text-muted);background:#0003;padding:.625rem;border-radius:8px;line-height:1.45}@media (min-width: 640px){.stats-note{font-size:.75rem}}.stats-note strong{color:var(--text-secondary)}.period-selector{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem}.period-btn{padding:.5rem .875rem;border-radius:8px;border:none;cursor:pointer;font-size:.8rem;font-weight:500;transition:all .2s;background:#33415580;color:var(--text-secondary)}@media (min-width: 640px){.period-btn{padding:.625rem 1rem;font-size:.875rem}}.period-btn:hover{background:#334155cc}.period-btn.active{background:var(--accent-gradient);color:#fff}.period-info{font-size:.85rem;color:var(--text-muted)}.main-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.main-grid{grid-template-columns:1fr 1fr;gap:1.5rem}}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:-.5rem;padding:.5rem}.forecast-table{width:100%;border-collapse:collapse;font-size:.8rem}@media (min-width: 640px){.forecast-table{font-size:.9rem}}.forecast-table th,.forecast-table td{padding:.625rem .5rem;text-align:right;border-bottom:1px solid var(--border-color)}@media (min-width: 640px){.forecast-table th,.forecast-table td{padding:.75rem}}.forecast-table th{color:var(--text-muted);font-weight:500;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}.forecast-table .day-cell{text-align:left;font-weight:500;color:var(--text-primary)}.forecast-table td{color:var(--text-secondary)}.forecast-table .highlight-col{color:var(--accent-blue);font-weight:600}.forecast-table tbody tr{cursor:pointer;transition:background .15s}.forecast-table tbody tr:hover{background:#3b82f61a}.forecast-table tbody tr.selected,.forecast-table tbody tr.in-range{background:#3b82f61f}.forecast-table tbody tr.total-row{background:#8b5cf626;border-top:2px solid rgba(139,92,246,.3)}.forecast-table tbody tr.total-row td{font-weight:600;color:var(--text-primary)}.forecast-table.clickable tbody tr{cursor:pointer}.in-range-dot{display:inline-block;width:6px;height:6px;background:var(--accent-blue);border-radius:50%;margin-right:6px}.table-hint{font-size:.75rem;color:var(--text-muted);text-align:center;margin-top:.75rem}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:var(--text-secondary)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-blue);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.error{background:#ef444426;border:1px solid rgba(239,68,68,.4);border-radius:12px;padding:1.5rem;color:#fca5a5;text-align:center}.footer{text-align:center;padding:1.5rem 0;color:var(--text-muted);font-size:.8rem}.footer-credit{font-size:.9rem;color:var(--text-secondary);margin-bottom:1rem}.footer-credit a{color:var(--accent-blue);text-decoration:none;font-weight:600;transition:color .15s}.footer-credit a:hover{color:var(--accent-purple);text-decoration:underline}.footer-disclaimer{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.875rem;background:#fbbf2414;border:1px solid rgba(251,191,36,.2);border-radius:10px}.vibe-badge{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;background:#fbbf2433;color:#fbbf24;padding:.2rem .6rem;border-radius:4px;font-weight:700}.footer-disclaimer p{margin:0;font-size:.75rem;color:var(--text-secondary);max-width:400px}.footer-links{margin-bottom:.75rem}.footer-links a{color:var(--accent-blue);text-decoration:none;transition:color .15s}.footer-links a:hover{color:var(--accent-purple);text-decoration:underline}.footer-sep{margin:0 .5rem;color:var(--text-muted)}.footer-data{margin:0;font-size:.75rem}.text-center{text-align:center}.text-muted{color:var(--text-muted)}