.tool-wrap{padding-top:8rem;padding-bottom:4rem;min-height:100vh;background:#f8fafc}.dark .tool-wrap{background:#030712}.tool-wrap .tool-head{margin-bottom:1.5rem}.tool-wrap .tool-kicker{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#2563eb;margin-bottom:6px}.tool-wrap .tool-head h1{font-size:2rem;font-weight:800;margin-bottom:6px}.tool-wrap .tool-head p,.tool-wrap .hint{color:#6b7280}.dark .tool-wrap .tool-head p,.dark .tool-wrap .hint{color:#9ca3af}.tool-wrap .tool-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:1.25rem 1.5rem;margin-bottom:1rem}.dark .tool-wrap .tool-card{background:#111827;border-color:#1f2937}.tool-wrap .tool-card h2{font-size:1.15rem;font-weight:700;margin-bottom:4px}.tool-wrap .label{display:block;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#9ca3af;margin-bottom:6px}.tool-wrap .field{width:100%;border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px;background:#f8fafc}.dark .tool-wrap .field{background:#1f2937;border-color:#374151;color:#f3f4f6}.tool-wrap .mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92rem}.tool-wrap .now-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.tool-wrap .now-value{font-size:.95rem}.tool-wrap .btn-primary{background:#2563eb;color:#fff;border:none;border-radius:10px;padding:8px 14px;font-weight:700;cursor:pointer;white-space:nowrap}.tool-wrap .btn-primary:hover{background:#1d4ed8}.tool-wrap .error{color:#dc2626;font-size:13px;margin-top:6px}.tool-wrap .out-grid{margin-top:14px;display:grid;gap:0}.tool-wrap .out-row{display:flex;flex-wrap:wrap;gap:.35rem .55rem;align-items:baseline;padding:.55rem 0;border-bottom:1px solid #e5e7eb;font-size:.95rem;line-height:1.45}.dark .tool-wrap .out-row{border-bottom-color:#374151}.tool-wrap .out-row:last-child{border-bottom:0}.tool-wrap .out-label{font-weight:700;color:inherit}.tool-wrap .out-value{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem;overflow-wrap:anywhere;color:#374151}.dark .tool-wrap .out-value{color:#e5e7eb}.tool-wrap .tz-form{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:12px;margin:12px 0}.tool-wrap .tz-result{font-size:1rem;font-weight:600;padding:10px 0}.tool-wrap .world-card{overflow:hidden}.tool-wrap .world-stage{position:relative;margin-top:14px;border-radius:14px;overflow:hidden}.tool-wrap .world-svg{display:block;width:100%;height:auto;background:#0b3a5b}.dark .tool-wrap .world-svg{background:#071e33}.tool-wrap .world-ocean{fill:#0b3a5b}.dark .tool-wrap .world-ocean{fill:#071e33}.tool-wrap .world-land{fill:#7eb3c9;stroke:#5a97ae;stroke-width:.4}.dark .tool-wrap .world-land{fill:#1e4d68;stroke:#2a6482}.tool-wrap .world-graticule line{stroke:#ffffff14;stroke-width:.6}.tool-wrap .world-pin{cursor:pointer;outline:none}.tool-wrap .world-halo{fill:#60a5fa38}.tool-wrap .world-dot{fill:#fbbf24;stroke:#fff;stroke-width:1.2}.tool-wrap .world-pin:hover .world-dot,.tool-wrap .world-pin:focus .world-dot{fill:#f59e0b}.tool-wrap .world-pin-city,.tool-wrap .world-pin-time{fill:#f8fafc;font-size:11px;paint-order:stroke;stroke:#071e33d9;stroke-width:3px;stroke-linejoin:round;pointer-events:none}.tool-wrap .world-pin-city{font-weight:700}.tool-wrap .world-pin-time{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:600}.tool-wrap .world-tooltip{position:absolute;transform:translate(-50%,-100%);min-width:16rem;max-width:22rem;padding:10px 12px;border-radius:12px;background:#0f172af5;color:#f8fafc;box-shadow:0 12px 32px #00000059;pointer-events:none;z-index:2}.tool-wrap .tip-city{font-weight:800;font-size:.95rem}.tool-wrap .tip-zone{font-size:11px;color:#93c5fd;margin:2px 0 8px}.tool-wrap .tip-date,.tool-wrap .tip-time,.tool-wrap .tip-offset{font-size:12px;line-height:1.45;color:#e5e7eb}.tool-wrap .tip-time{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700;color:#fbbf24}@media(max-width:800px){.tool-wrap .tz-form{grid-template-columns:1fr}.tool-wrap .now-row{flex-direction:column;align-items:flex-start}.tool-wrap .world-pin-city,.tool-wrap .world-pin-time{font-size:9px}}