.content.svelte-r7s8dr{padding:24px;max-width:700px;margin:0 auto}h1.svelte-r7s8dr{text-align:center;margin-bottom:24px}.converter.svelte-r7s8dr{display:flex;align-items:flex-start;gap:12px}.picker.svelte-r7s8dr{flex:1}.picker.svelte-r7s8dr label:where(.svelte-r7s8dr){display:block;font-weight:600;margin-bottom:6px;font-size:14px}.city-input.svelte-r7s8dr{position:relative}.city-input.svelte-r7s8dr input:where(.svelte-r7s8dr){width:100%;padding:10px 12px;border:1px solid #ccc;border-radius:8px;font-size:15px}.dropdown.svelte-r7s8dr{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-radius:8px;margin-top:4px;max-height:220px;overflow:auto;z-index:10;box-shadow:0 4px 12px #0000001a}.dropdown.svelte-r7s8dr button:where(.svelte-r7s8dr){display:block;width:100%;text-align:left;padding:8px 12px;border:none;background:transparent;cursor:pointer;font-size:14px}.dropdown.svelte-r7s8dr button:where(.svelte-r7s8dr):hover{background:#f3f4f8}.datetime-select.svelte-r7s8dr{display:flex;align-items:center;gap:8px;margin-top:8px}.date-input.svelte-r7s8dr{padding:8px;border:1px solid #ccc;border-radius:6px;font-size:15px}.time-select.svelte-r7s8dr{display:flex;align-items:center;gap:4px}.time-select.svelte-r7s8dr select:where(.svelte-r7s8dr){padding:8px;border:1px solid #ccc;border-radius:6px;font-size:15px}.time-select.svelte-r7s8dr span:where(.svelte-r7s8dr){font-weight:700;font-size:18px}.swap-btn.svelte-r7s8dr{margin-top:28px;padding:8px 12px;border:1px solid #ccc;border-radius:8px;background:#fff;cursor:pointer;font-size:20px}.swap-btn.svelte-r7s8dr:hover{background:#f3f4f8}.result.svelte-r7s8dr{display:flex;align-items:center;gap:16px;margin-top:32px;justify-content:center}.result-card.svelte-r7s8dr{flex:1;text-align:center;padding:20px;background:#f8f9fa;border-radius:12px;border:1px solid #e0e0e0}.result-card.highlight.svelte-r7s8dr{background:#e8eaf6;border-color:#3f51b5}.result-label.svelte-r7s8dr{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#888;margin-bottom:8px}.result-city.svelte-r7s8dr{font-weight:600;margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:6px}.result-time.svelte-r7s8dr{font-size:2.4rem;font-weight:700;color:#3f51b5}.result-detail.svelte-r7s8dr{color:#555;font-size:14px;margin-top:4px}.result-offset.svelte-r7s8dr{color:#888;font-size:13px;margin-top:4px}.result-arrow.svelte-r7s8dr{font-size:2rem;color:#999}@media(max-width:600px){.converter.svelte-r7s8dr{flex-direction:column}.swap-btn.svelte-r7s8dr{align-self:center;margin-top:0}.result.svelte-r7s8dr{flex-direction:column}.result-arrow.svelte-r7s8dr{transform:rotate(90deg)}}