:root{--bg-root: #060a13;--bg-card: #111827;--bg-inset: #0f172a;--border: #334155;--text: #e2e8f0;--text-heading: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--text-label: #cbd5e1;--primary: #3b82f6;--primary-hover: #2563eb;--toggle-bg: #334155;--score-bad: #ef4444;--score-poor: #f97316;--score-fair: #eab308;--score-good: #22c55e;--score-great: #16a34a}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-root);color:var(--text);min-height:100vh}.app{max-width:900px;margin:0 auto;padding:2rem 1rem}header{text-align:center;margin-bottom:2rem}main{display:flex;flex-direction:column;gap:1rem}header h1{font-size:2.5rem;font-weight:700;color:var(--text-heading)}.subtitle{color:var(--text-secondary);margin-top:.25rem}.location-input{display:flex;gap:.5rem}.location-input input{flex:1;padding:.75rem 1rem;border-radius:.5rem;border:1px solid var(--border);background:var(--bg-card);color:var(--text);font-size:1rem}.location-input input::placeholder{color:var(--text-muted)}.location-input button,.subscribe-btn,.copy-btn{padding:.75rem 1.5rem;border-radius:.5rem;border:none;background:var(--primary);color:#fff;font-size:1rem;cursor:pointer;font-weight:500}.location-input button:hover,.subscribe-btn:hover,.copy-btn:hover{background:var(--primary-hover)}.location-input button:disabled,.subscribe-btn:disabled{opacity:.5;cursor:not-allowed}.activity-select{padding:.75rem 2.5rem .75rem 1rem;border-radius:.5rem;border:1px solid var(--border);background:var(--bg-card);color:var(--text);font-size:1rem;cursor:pointer;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.forecast-list{display:flex;flex-direction:column;gap:.5rem}.day-row{display:flex;align-items:center;gap:1rem;background:var(--bg-card);border-radius:.75rem;padding:.75rem 1rem;border:1px solid var(--border);transition:border-color .15s}.day-row-highlighted{border-color:var(--primary)}.day-date-col{display:flex;flex-direction:column;align-items:center;min-width:3.5rem;flex-shrink:0}.day-weekday{font-weight:600;font-size:.85rem;color:var(--text-label)}.day-date{font-size:.75rem;color:var(--text-muted)}.day-score-col{display:flex;flex-direction:column;align-items:center;min-width:3.5rem;flex-shrink:0}.day-score{font-size:1.75rem;font-weight:700;line-height:1}.day-label{font-size:.75rem;font-weight:600;margin-top:.15rem}.day-qualifiers{display:flex;gap:1.5rem;min-width:0;margin-left:auto}.day-qualifiers.two-col{display:flex;gap:3rem}.qualifier-col{flex:1;display:grid;grid-template-columns:auto auto auto;gap:.2rem .75rem;align-items:center;font-size:.75rem;min-width:0}.qualifier-row{display:contents}.qualifier-name{color:var(--text-secondary);white-space:nowrap}.qualifier-score{font-weight:600;text-align:right;white-space:nowrap;min-width:2.5rem}.qualifier-value{color:var(--text-muted);text-align:right;white-space:nowrap}.calendar-link{padding:1.25rem;background:var(--bg-card);border-radius:.75rem;border:1px solid var(--border)}.cutoff-controls{margin-bottom:1rem}.toggle-row{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.9rem;color:var(--text-label)}.toggle-row input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.5rem;height:1.35rem;background:var(--toggle-bg);border-radius:.75rem;position:relative;cursor:pointer;flex-shrink:0;transition:background .15s}.toggle-row input[type=checkbox]:after{content:"";position:absolute;top:.15rem;left:.15rem;width:1.05rem;height:1.05rem;background:var(--text-secondary);border-radius:50%;transition:transform .15s,background .15s}.toggle-row input[type=checkbox]:checked{background:var(--primary)}.toggle-row input[type=checkbox]:checked:after{transform:translate(1.15rem);background:#fff}.cutoff-options{margin-top:.75rem;padding-left:0}.cutoff-mode{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-secondary)}.cutoff-mode select{padding:.5rem 2rem .5rem .75rem;border-radius:.5rem;border:1px solid var(--border);background:var(--bg-card);color:var(--text);font-size:.9rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;cursor:pointer}.cutoff-input{width:4rem;padding:.5rem .75rem;border-radius:.5rem;border:1px solid var(--border);background:var(--bg-card);color:var(--text);font-size:.9rem}.calendar-url-box{display:flex;align-items:center;gap:.5rem;background:var(--bg-inset);border-radius:.5rem;padding:.75rem}.calendar-url-box code{flex:1;font-size:.8rem;word-break:break-all;color:var(--text-secondary)}.copy-btn{padding:.4rem .75rem;font-size:.85rem;flex-shrink:0}.calendar-hint{margin-top:.75rem;font-size:.8rem;color:var(--text-muted)}.forecast-loading{opacity:.5;transition:opacity .15s;pointer-events:none}.loading{color:var(--text-secondary);text-align:center;padding:2rem}.error{color:var(--score-bad);font-size:.85rem;margin-top:.25rem}.no-data{color:var(--text-muted);text-align:center;padding:2rem}@media(max-width:640px){.day-row{flex-direction:column;align-items:stretch;gap:.5rem}.day-date-col{flex-direction:row;gap:.5rem;justify-content:center}.day-score-col{flex-direction:row;gap:.5rem;justify-content:center;align-items:baseline}.day-qualifiers{margin-left:0}}@media(max-width:500px){.day-qualifiers.two-col{flex-direction:column;gap:.2rem}}