.wtc-container{max-width:1200px;margin:0 auto;padding:0 1em}.wtc-search-bar{margin:0 0 1.5em}.wtc-search-input{width:100%;padding:.7em 1em;border:1.5px solid #e2e8f0;border-radius:10px;font-size:.95em;color:#334155;background:#f8fafc;transition:border-color .2s,box-shadow .2s;outline:0}.wtc-search-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.1);background:#fff}.wtc-search-input::placeholder{color:#94a3b8}.wtc-no-results{text-align:center;color:#94a3b8;font-size:.9em;padding:2em 0}.wtc-region-header{display:flex;align-items:center;gap:.6em;margin:2.5em 0 1em;padding-bottom:.6em;border-bottom:2px solid #e2e8f0}.wtc-region-header:first-child{margin-top:.5em}.wtc-region-icon{font-size:1.4em;line-height:1}.wtc-region-title{font-size:1.15em;font-weight:700;color:#334155;margin:0;letter-spacing:.02em}.wtc-region-title .sub{font-weight:400;color:#94a3b8;font-size:.8em;margin-left:.4em}.wtc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.9em}.wtc-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1em .8em .9em;display:flex;flex-direction:column;align-items:center;gap:.3em;transition:box-shadow .2s,border-color .2s;position:relative;overflow:hidden;cursor:pointer}.wtc-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.08);border-color:#cbd5e1}.wtc-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#fbbf24,#f59e0b);border-radius:12px 12px 0 0}.wtc-card.is-night::before{background:linear-gradient(90deg,#6366f1,#4f46e5)}.wtc-city-flag{font-size:1.6em;line-height:1}.wtc-city-name{font-size:.95em;font-weight:600;color:#1e293b;margin:0;text-align:center;line-height:1.3}.wtc-city-name-en{font-size:.72em;font-weight:400;color:#94a3b8;display:block;margin-top:.1em}.wtc-time{font-family:'Courier New',Consolas,monospace;font-size:1.5em;font-weight:700;color:#0f172a;letter-spacing:.04em;margin:.15em 0 0;line-height:1}.wtc-card.is-night .wtc-time{color:#6366f1}.wtc-offset{font-size:.7em;color:#94a3b8;margin:0;font-family:'Courier New',Consolas,monospace}.wtc-clock-canvas{margin-top:.2em}.wtc-detail{display:none;width:100%;text-align:center;font-size:.78em;color:#64748b;border-top:1px solid #f1f5f9;padding-top:.5em;margin-top:.3em;line-height:1.6}.wtc-card.is-expanded .wtc-detail{display:block}.wtc-detail-row{display:flex;justify-content:space-between;padding:.1em .2em}.wtc-detail-label{color:#94a3b8}.wtc-detail-value{color:#334155;font-weight:500}.wtc-hidden{display:none}@media (max-width:640px){.wtc-grid{grid-template-columns:repeat(2,1fr);gap:.7em}.wtc-card{padding:.8em .6em .7em}.wtc-city-flag{font-size:1.3em}.wtc-time{font-size:1.2em}.wtc-clock-canvas{width:60px;height:60px}}@media (min-width:641px) and (max-width:1023px){.wtc-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.wtc-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1280px){.wtc-grid{grid-template-columns:repeat(5,1fr)}}