.goes-world-clock {
    width:100%;
    margin:16px 0;
    padding:0;
    overflow:hidden;
    border:1px solid #d8e4ef;
    border-radius:16px;
    background:#fff;
    box-shadow:0 12px 28px rgba(5,38,74,.07);
    color:#0a2d52;
    font-family:Arial,"Noto Sans KR","Malgun Gothic",sans-serif;
    box-sizing:border-box;
}
.goes-world-clock__head {
    display:flex;
    align-items:center;
    gap:9px;
    padding:14px 14px 12px;
    background:linear-gradient(135deg,#06264b 0%,#0b3b68 100%);
    color:#fff;
}
.goes-world-clock__icon {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:30px;
    height:30px;
    border-radius:10px;
    background:#f47b20;
    color:#fff;
    font-size:20px;
    line-height:1;
}
.goes-world-clock__head div { min-width:0; flex:1; }
.goes-world-clock__head strong {
    display:block;
    color:#50d6ff;
    font-size:11px;
    font-weight:800;
    letter-spacing:1.3px;
}
.goes-world-clock__head span:not(.goes-world-clock__icon) {
    display:block;
    margin-top:2px;
    color:#b8cada;
    font-size:10px;
}
.goes-world-clock__live {
    padding:4px 6px;
    border:1px solid rgba(80,214,255,.35);
    border-radius:999px;
    color:#50d6ff;
    font-size:8px;
    font-style:normal;
    font-weight:800;
    letter-spacing:.8px;
}
.goes-world-clock__live:before {
    display:inline-block;
    width:5px;
    height:5px;
    margin-right:4px;
    border-radius:50%;
    background:#50d6ff;
    content:"";
    animation:goes-clock-pulse 1.5s infinite;
}
.goes-world-clock__list { padding:4px 14px 2px; }
.goes-world-clock__item { padding:13px 0 12px; }
.goes-world-clock__item + .goes-world-clock__item { border-top:1px solid #e7eef5; }
.goes-world-clock__place { display:flex; align-items:flex-end; justify-content:space-between; gap:6px; }
.goes-world-clock__place b { color:#153a60; font-size:12px; font-weight:750; }
.goes-world-clock__place span { color:#7990a6; font-size:8px; font-weight:700; letter-spacing:.55px; }
.goes-world-clock__time {
    display:block;
    margin:5px 0 3px;
    color:#082d55;
    font-size:28px;
    font-weight:800;
    line-height:1;
    letter-spacing:-1px;
    font-variant-numeric:tabular-nums;
}
.goes-world-clock__time small { color:#f47b20; font-size:17px; font-weight:800; }
.goes-world-clock__date { color:#75899d; font-size:9px; line-height:1.4; }
.goes-world-clock__note {
    margin:0;
    padding:9px 14px 10px;
    border-top:1px solid #edf2f7;
    background:#f7fafc;
    color:#8b9bad;
    font-size:8px;
    text-align:center;
}
@keyframes goes-clock-pulse { 0%,100%{opacity:1} 50%{opacity:.25} }