/* World time card on Emma's hub. Flat, cream and green, with rose accents. */
.wt{padding:18px; display:flex; flex-direction:column; gap:18px}
.wt-clocks{display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr)); gap:12px}
.wt-tile{position:relative; padding:14px 14px 12px; border-radius:16px; background:var(--mist); border:1px solid var(--line); min-width:0}
.wt-tile.home{background:#183D32; border-color:#183D32; color:#fff}
.wt-top{display:flex; align-items:center; justify-content:space-between; gap:8px}
.wt-top b{font-size:15px; font-weight:700}
.wt-x{width:24px; height:24px; border-radius:50%; border:0; background:rgba(0,0,0,.07); color:inherit; font-size:16px; line-height:1; cursor:pointer}
.wt-x:hover,.wt-x:focus-visible{background:var(--coral,#FCA9AA)}
.wt-time{font:400 34px/1.1 var(--font-display); margin:6px 0 2px; font-variant-numeric:tabular-nums}
.wt-day{display:flex; align-items:center; gap:7px; font-size:14px; margin:0}
.wt-day span{opacity:.75}
.wt-off{font-size:12.5px; margin:6px 0 0; opacity:.75}
.wt-sun{display:inline-block; width:11px; height:11px; border-radius:50%; background:#2C3E66; flex:none}
.wt-sun.day{background:#F6C453; box-shadow:0 0 0 3px rgba(246,196,83,.3)}
.wt-conv{padding-top:16px; border-top:1px solid var(--line)}
.wt-conv h3{font:400 20px var(--font-display); color:var(--green); margin:0 0 10px}
.wt-form{display:flex; flex-wrap:wrap; gap:12px; align-items:flex-end}
.wt-form label,.wt-add{display:grid; gap:4px; font-size:12px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--muted)}
.wt-form input,.wt-form select,.wt-add select{font:500 15px var(--font-body); padding:9px 12px; border:1px solid var(--line); border-radius:12px; background:var(--surface); color:var(--ink); min-width:0}
.wt-form select{min-width:150px}
.wt-form .btn{align-self:flex-end}
.wt-out{display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr)); gap:10px; margin-top:14px}
.wt-res{display:grid; gap:2px; padding:10px 12px; border-radius:14px; background:var(--surface); border:1px solid var(--line)}
.wt-res.src{border-color:#E23260; background:#FFF0F4}
.wt-res b{font-size:14px}
.wt-rt{font:400 26px/1.1 var(--font-display); color:var(--green)}
.wt-rd{font-size:12.5px; color:var(--muted)}
.wt-hint{color:var(--muted); font-size:14px; margin:0}
.wt-add{max-width:260px}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .wt-res.src{background:#3A1F28}
  :root:not([data-theme="light"]) .wt-x{background:rgba(255,255,255,.14)}
}
@media (max-width:520px){.wt{padding:14px} .wt-form select,.wt-form input{width:100%} .wt-form label{width:100%}}