*,:after,:before{box-sizing:border-box}body{background:#f2f2f7;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif;margin:0}.app-root{background:#f2f2f7;justify-content:center}.app-root,.app-shell{display:flex;min-height:100vh}.app-shell{flex-direction:column;margin:0 auto;max-width:480px;width:100%}.app-main{flex:1}.status-spacer{height:12px}.page{padding:8px 12px 72px}.location-bar{background:#fff;border-radius:999px;box-shadow:0 4px 12px #0000000a;margin-bottom:8px;padding:6px 10px}.icon-btn,.location-bar{align-items:center;display:flex}.icon-btn{background:transparent;border:none;font-size:18px;height:32px;justify-content:center;width:32px}.location-text{color:#444;flex:1;font-size:14px;overflow:hidden;padding:0 4px;text-overflow:ellipsis;white-space:nowrap}.location-chips{display:flex;gap:8px;margin-bottom:12px;overflow-x:auto;padding-bottom:4px}.chip{background:#fff;border:1px solid #e0e0e5;border-radius:999px;font-size:13px;padding:4px 10px;white-space:nowrap}.chip-outline{color:#333}.current-card{background:#fff;border-radius:20px;box-shadow:0 8px 24px #0000000f;margin-bottom:12px;padding:16px;text-align:center}.current-icon{font-size:40px;margin-bottom:4px}.current-temp{font-size:64px;font-weight:600;margin-bottom:4px}.current-summary{font-size:18px;margin-bottom:4px}.current-sub{color:#666;font-size:13px;margin-bottom:12px}.btn-premium{background:#ffb020;border:none;border-radius:999px;color:#fff;font-size:15px;font-weight:600;padding:10px 18px;width:100%}.forecast-card{background:#fff;border-radius:20px;box-shadow:0 8px 24px #0000000f;padding:12px 12px 8px}.forecast-tabs{display:flex;gap:12px;margin-bottom:8px;padding:0 4px}.tab-label{background:transparent;border:none;color:#6c6c80;font-size:15px}.tab-label.active{color:#007aff;font-weight:600;position:relative}.tab-label.active:after{background:#007aff;border-radius:999px;bottom:-4px;content:"";height:2px;left:50%;position:absolute;transform:translate(-50%);width:24px}.forecast-scroll{display:flex;gap:10px;overflow-x:auto;padding:6px 0 2px}.forecast-pill{background:#f5f7fb;border-radius:16px;min-width:72px;padding:6px 8px;text-align:center}.pill-label{color:#777;font-size:12px}.pill-icon{font-size:18px;margin:4px 0}.pill-temp{font-size:16px}.sunset-row{align-items:center;color:#555;display:flex;font-size:13px;gap:6px;margin:8px 2px 4px}.sun-icon{font-size:16px}.story-text{font-size:14px;margin:4px 2px 8px}.btn-link{background:transparent;border:none;color:#007aff;font-size:15px;font-weight:500;padding:4px 0 2px}.tab-bar{background:#fff;border-top:1px solid #e5e5ea;bottom:0;height:60px;justify-content:space-around;left:0;position:sticky;right:0}.tab-bar,.tab-item{align-items:center;display:flex}.tab-item{background:transparent;border:none;color:#8e8e93;cursor:pointer;flex-direction:column;font-size:11px;text-decoration:none}.tab-item--disabled{opacity:.4;pointer-events:auto}.tab-item .tab-icon{font-size:18px;margin-bottom:2px}.tab-item.active{color:#007aff}.map-wrapper{background:#e5f4e8;border-radius:18px;margin-top:8px;min-height:420px;overflow:hidden;position:relative}.map-mock{align-items:center;color:#4e7c57;display:flex;font-size:14px;height:100%;justify-content:center;width:100%}.map-legend{background:#ffffffe6;border-radius:14px;font-size:11px;gap:6px;left:4px;padding:6px 4px;top:40px}.map-fab-column,.map-legend{display:flex;flex-direction:column;position:absolute}.map-fab-column{gap:8px;right:8px;top:60px}.fab-btn{align-items:center;background:#007aff;border:none;border-radius:999px;color:#fff;display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.map-layer-pill{background:#fff;border-radius:999px;bottom:80px;box-shadow:0 6px 12px #0000001f;display:inline-flex;font-size:13px;gap:6px;padding:6px 10px;right:8px}.map-layer-pill,.map-timeline{align-items:center;position:absolute}.map-timeline{bottom:8px;display:flex;font-size:11px;justify-content:space-between;left:0;padding:0 10px 6px;right:0}.timeline-middle{align-items:center;display:flex;flex:1;gap:6px;margin:0 8px}.play-btn{background:#fff;border:none;border-radius:999px;box-shadow:0 3px 8px #0000002e;height:32px;width:32px}.timeline-track{background:#dde1e8;border-radius:999px;flex:1;height:6px;position:relative}.timeline-thumb{background:#fff;border-radius:999px;box-shadow:0 3px 6px #0000004d;height:14px;left:55%;position:absolute;top:50%;transform:translate(-50%,-50%);width:14px}.time-badge{background:#007aff;border-radius:999px;color:#fff;font-size:11px;padding:4px 8px}.alerts-header h1{font-size:20px;font-weight:600;margin:0 0 8px}.alerts-tabs{display:flex;gap:16px;margin-bottom:20px}.page-alerts .tab-label{font-size:16px}.page-alerts .tab-label.active{color:#007aff}.alerts-empty{margin-top:40px;padding:0 16px;text-align:center}.drop-emoji{font-size:64px;margin-bottom:12px}.alerts-title{font-size:18px;margin-bottom:4px}.alerts-sub{color:#666;font-size:14px}.btn-inline-link{background:transparent;border:none;color:#007aff;font-weight:500;margin-left:4px}