:root{--bg: #0d0e13;--card: #262626;--primary: #4583f6;--secondary: #ffffff;--tertiary: #d5d5d5;--sun: #ffc94d;--radius: 16px}*{box-sizing:border-box}body{margin:0;padding:0;background:var(--bg);color:var(--secondary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.app{max-width:520px;margin:0 auto;padding:24px 16px 48px;display:flex;flex-direction:column;gap:16px}.header h1{margin:0;font-size:28px;letter-spacing:-.5px}.header p{margin:2px 0 0}.muted{color:var(--tertiary)}.small{font-size:13px}.center{text-align:center}.align-right{text-align:right}.error{color:#ff6b6b}.card{background:var(--card);border-radius:var(--radius);padding:16px}.card h2{margin:0 0 12px;font-size:17px;font-weight:600}.search-form{display:flex;gap:8px}.search-form input{flex:1;padding:12px 14px;border-radius:var(--radius);border:1px solid #333;background:var(--card);color:var(--secondary);font-size:15px}.search-form input::placeholder{color:#7a7a7a}.search-form input:focus{outline:2px solid var(--primary);border-color:transparent}button{padding:12px 18px;border-radius:var(--radius);border:none;background:var(--primary);color:#fff;font-size:15px;font-weight:600;cursor:pointer}button:disabled{opacity:.6;cursor:default}.search-results{list-style:none;margin:8px 0 0;padding:0}.search-results li{margin-bottom:6px}.search-results button{width:100%;display:flex;justify-content:space-between;align-items:center;background:var(--card);color:var(--secondary);font-weight:400;text-align:left}.location-line{display:flex;gap:8px;align-items:baseline}.location-line strong{font-size:20px}.current{display:flex;align-items:center;gap:20px}.current-icon{font-size:56px;line-height:1}.current-temp{font-size:46px;font-weight:700;line-height:1}.hourly{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;padding-bottom:6px}.hour{flex:0 0 auto;width:68px;padding:12px 4px;border-radius:var(--radius);background:#ffffff0a;display:flex;flex-direction:column;align-items:center;gap:6px}.hour-now{background:#4583f62e;outline:1px solid var(--primary)}.hour-icon{font-size:22px}.week{list-style:none;margin:0;padding:0}.week li{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:10px 12px;border-radius:var(--radius)}.week-today{background:#4583f624}.week-today .week-day{color:var(--primary);font-weight:600}.week-icon{font-size:20px;min-width:24px;text-align:center}.week-temp{font-variant-numeric:tabular-nums}.sun-card{display:flex;flex-direction:column;gap:8px}.sun-svg{width:100%;height:auto;max-width:320px;margin:0 auto;display:block}.sun-horizon{stroke:#d5d5d559;stroke-width:1.5}.sun-track{fill:none;stroke:#d5d5d559;stroke-width:3;stroke-linecap:round;stroke-dasharray:4 6}.sun-progress{fill:none;stroke:var(--sun);stroke-width:3;stroke-linecap:round;opacity:.8;transition:stroke-dasharray 1.4s cubic-bezier(.4,0,.2,1)}.sun-glow{fill:var(--sun);opacity:.25;transition:cx 1.4s cubic-bezier(.4,0,.2,1),cy 1.4s cubic-bezier(.4,0,.2,1)}.sun-dot{fill:var(--sun);transition:cx 1.4s cubic-bezier(.4,0,.2,1),cy 1.4s cubic-bezier(.4,0,.2,1)}.sun-labels{display:flex;justify-content:space-between}.sun-labels div{display:flex;flex-direction:column;gap:2px}.sun-labels strong{font-size:18px}