.owmwp{ --b:#cfe8ff; --bg:#fff; --chip:#E6F4FF; font:inherit; color:inherit }
.owmwp *{ box-sizing:border-box }
.owmwp-select{ margin:8px 0 12px; padding:8px 12px; border-radius:12px; border:1px solid var(--b) }
.owmwp-header{ display:flex; justify-content:space-between; gap:12px; align-items:center; margin-bottom:8px }
.owmwp-title{ font-weight:700 }
.owmwp-now{ font-size:.95em; opacity:.85 }
.owmwp-cards{ display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:10px }
.owmwp-card{ border:1px solid var(--b); border-radius:14px; padding:10px; background:#F8FBFF }
.owmwp-day{ font-weight:700; margin-bottom:4px }
.owmwp-ico{ height:34px; vertical-align:middle }
.owmwp-temps{ margin-left:6px }
.owmwp-meta{ font-size:.9em; opacity:.85; margin-top:2px }
.owmwp-chartwrap{ border:1px solid var(--b); border-radius:14px; padding:12px; background:#fff; height:320px }
@media (max-width:520px){ .owmwp-chartwrap{ height:220px } }
.owmwp-modes{ display:flex; gap:8px; margin-top:10px }
.owmwp-modes button{ padding:8px 12px; border-radius:999px; border:1px solid var(--b); background:#fff; font-weight:600; cursor:pointer }
.owmwp-modes button.active{ background:var(--chip) }
.owmwp-error{ margin-top:10px; color:#b00020; padding:8px 10px; border:1px solid #f5b5c0; border-radius:8px; background:#fff4f6 }