:root{--m3-bg: #0b0f19;--m3-surface: #111827;--m3-surface-2: #1a2333;--m3-outline: #2c3a52;--m3-text: #e2e8f0;--m3-text-secondary: #94a3b8;--m3-accent: #4dd0e1;--m3-radius: 28px;--m3-shadow: 0 0 0 1px rgba(255,255,255,.03), 0 8px 28px rgba(0,0,0,.55), 0 16px 48px rgba(0,0,0,.65);font-family:Roboto,system-ui,sans-serif}body{margin:0;background:radial-gradient(circle at top,#1a2333,#0b0f19 70%);color:var(--m3-text);-webkit-font-smoothing:antialiased}.app-root{min-height:100vh;display:flex;justify-content:center;padding:32px 16px}.shell{width:380px}.header-title{font-size:28px;font-weight:500;letter-spacing:-.3px}.header-sub{margin-top:2px;font-size:14px;color:var(--m3-text-secondary)}.card{margin-top:20px;background:var(--m3-surface);border-radius:var(--m3-radius);padding:26px 28px;box-shadow:var(--m3-shadow);border:1px solid var(--m3-outline)}.card-row{display:flex;justify-content:space-between;align-items:center}.card-left{display:flex;flex-direction:column;gap:6px}.card-left i{font-size:72px;color:var(--m3-accent);margin-bottom:-6px}.condition{font-size:18px;font-weight:400;color:var(--m3-text-secondary)}.temp{font-size:72px;font-weight:300;letter-spacing:-2px;text-align:right}.alert{margin-top:18px;font-size:14px;color:#ff6b6b;font-weight:500}.location-lock{margin-top:6px;font-size:13px;color:var(--m3-text-secondary)}.location-select{width:100%;margin-top:22px;padding:12px 16px;border-radius:999px;background:var(--m3-surface-2);border:1px solid var(--m3-outline);color:var(--m3-text);font-size:15px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}