.world-time-page{max-width:1120px;margin:32px auto;padding:0 20px}
.world-time-page header p,.world-time-note{max-width:800px;line-height:1.7;opacity:.75}
.world-time-controls{padding:24px;border:1px solid #8279b944;border-radius:20px;margin:24px 0}
.world-time-controls form{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin:12px 0}
.world-time-controls label{display:grid;gap:8px;flex:1;min-width:210px}
.world-time-controls input{width:100%;padding:12px;border:1px solid #8279b966;border-radius:10px;font:inherit;background:transparent;color:inherit;box-sizing:border-box}
.world-time-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}
.world-time-card{padding:22px;border:1px solid #8279b944;border-radius:20px;background:linear-gradient(135deg,#8279b911,transparent);min-width:0}
.world-time-card h2{font-size:16px;overflow-wrap:anywhere;margin:0 0 16px}
.world-time-card time{display:block;font-size:38px;letter-spacing:-1px;font-variant-numeric:tabular-nums}
.world-time-card p{font-size:14px;line-height:1.5;min-height:42px}
.world-time-card button{border:0;background:transparent;color:inherit;text-decoration:underline;cursor:pointer;padding:8px 0}
.home-clock[href]{text-decoration:none}
.home-clock[href]:focus-visible{outline:3px solid #7367ff;outline-offset:3px}
@media(max-width:480px){.world-time-controls{padding:14px}.world-time-grid{grid-template-columns:1fr}.world-time-controls button{flex:1}}