/* HELM Crew: watch card, reminder and month view */
.wk-card{position:relative;display:block;width:calc(100% - 32px);margin:0 16px 14px;padding:16px 44px 16px 18px;text-align:left;font:inherit;color:inherit;cursor:pointer;
  background:linear-gradient(135deg,rgba(69,123,157,.38),rgba(29,53,87,.2));transition:transform .7s cubic-bezier(.22,1,.36,1)}
.wk-card:active{transform:scale(.97)}
.wk-card.mine{background:linear-gradient(135deg,rgba(230,57,70,.5),rgba(244,162,97,.28));border-color:rgba(255,255,255,.3)}
.wk-card.swa{background:linear-gradient(135deg,rgba(168,218,220,.22),rgba(29,53,87,.12))}
.wk-k{font-size:11px;letter-spacing:1.6px;text-transform:uppercase;opacity:.75}
.wk-name{font-size:28px;font-weight:700;letter-spacing:-.3px;margin:4px 0 2px;line-height:1.15}
.wk-sub{font-size:13px;opacity:.8;margin-bottom:4px}
.wk-tm{display:flex;gap:8px;align-items:baseline;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.14);font-size:14px}
.wk-tm span{opacity:.7}
.wk-card .hub-go{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:26px;opacity:.6}
.wk-remind{display:flex;gap:12px;align-items:center;margin:0 16px 14px;padding:14px 12px 14px 16px;border-color:rgba(244,162,97,.6);background:linear-gradient(135deg,rgba(244,162,97,.32),rgba(230,57,70,.16));
  animation:wkIn .8s cubic-bezier(.22,1,.36,1) both}
.wk-bell{display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:rgba(244,162,97,.35);flex:none;animation:wkRing 2.4s ease-in-out .9s 2}
.wk-rt{display:flex;flex-direction:column;gap:2px;flex:1}
.wk-rt b{font-size:16px}.wk-rt span{font-size:13px;opacity:.8}
.wk-x{background:none;border:0;color:inherit;font-size:24px;line-height:1;width:40px;height:40px;border-radius:12px;opacity:.7;cursor:pointer}
.wk-row{display:flex;align-items:center;gap:12px;padding:10px 8px;border-radius:14px;margin:0 -8px}
.wk-row+.wk-row{border-top:1px solid rgba(255,255,255,.08)}
.wk-row.mine{background:rgba(230,57,70,.28);border-top-color:transparent}
.wk-row.swa .wk-n{opacity:.6;font-style:italic}
.wk-row.now .wk-d{font-weight:700}
.wk-d{width:92px;flex:none;opacity:.8;font-size:14px}
.wk-n{flex:1;font-weight:600}
.wk-me{font-size:12px;padding:3px 9px;border-radius:999px;background:rgba(244,162,97,.35)}
.wk-me.holiday{background:rgba(127,209,168,.35)}
.wk-chips{display:flex;flex-wrap:wrap;gap:8px}
.wk-chip{padding:7px 12px;border-radius:999px;background:rgba(230,57,70,.3);font-weight:600;font-size:14px}
@keyframes wkIn{from{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:none}}
@keyframes wkRing{0%,100%{transform:rotate(0)}10%{transform:rotate(12deg)}20%{transform:rotate(-10deg)}30%{transform:rotate(6deg)}40%{transform:rotate(0)}}
@media (prefers-color-scheme:light){
  html:not(.night) .wk-card{background:linear-gradient(135deg,rgba(69,123,157,.22),rgba(168,218,220,.3));color:#1D3557}
  html:not(.night) .wk-card.mine{background:linear-gradient(135deg,rgba(230,57,70,.22),rgba(244,162,97,.25))}
  html:not(.night) .wk-tm{border-top-color:rgba(29,53,87,.14)}
  html:not(.night) .wk-row+.wk-row{border-top-color:rgba(29,53,87,.08)}
  html:not(.night) .wk-row.mine{background:rgba(230,57,70,.14)}
}
@media (prefers-reduced-motion:reduce){.wk-card,.wk-remind,.wk-bell{transition:none;animation:none}}