:root{--bg-main:#F8FAFC;--bg-section:#F1F5F9;--card:#FFFFFF;--brand:#16C452;--brand-dark:#16C452;--accent:#0D9488;--bull:#16A34A;--bear:#DC2626;--text:#0F172A;--text-2:#475569;--border:#E2E8F0;--maxw:1180px;--radius:18px}body{color:var(--text);a{color:inherit}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text)}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12.5px;letter-spacing:.06em;color:var(--brand);background:#EFF4FF;border:1px solid #DCE7FF;padding:6px 14px;border-radius:999px;margin-bottom:16px}.eyebrow::before{content:"●";font-size:8px;color:var(--bull)}.page-head{padding:52px 0 8px;text-align:center}.page-head h1{font-size:clamp(30px,4.2vw,42px);font-weight:700;margin-bottom:14px}.page-head p{color:var(--text-2);font-size:16.5px;max-width:520px;margin:0 auto}.tool{padding:34px 0 70px}.tool-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 24px 60px -30px rgb(15 23 42 / .18);padding:28px 26px 32px}.controls{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end;margin-bottom:26px;padding-bottom:24px;border-bottom:1px solid var(--border)}.field{display:flex;flex-direction:column;gap:6px;flex:1;min-width:220px}.field label{font-family:var(--font-mono);font-size:11.5px;color:var(--text-2);text-transform:uppercase;letter-spacing:.05em}select,.fmt-toggle{font-family:var(--font-body);font-size:14.5px;padding:11px 14px;border-radius:10px;border:1px solid var(--border);background:var(--bg-main);color:var(--text);cursor:pointer}select:focus,.fmt-toggle button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.fmt-toggle{display:flex;padding:4px;gap:4px;width:fit-content}.fmt-toggle button{font-family:var(--font-mono);font-size:12.5px;padding:8px 14px;border-radius:7px;border:none;background:#fff0;color:var(--text-2);cursor:pointer;transition:.15s}.fmt-toggle button.active{background:var(--brand);color:#fff}.now-display{display:flex;flex-direction:column;align-items:flex-end;gap:2px;min-width:170px}.now-display .now-label{font-family:var(--font-mono);font-size:11px;color:var(--text-2);text-transform:uppercase;letter-spacing:.05em}.now-display .now-value{font-family:var(--font-mono);font-size:19px;font-weight:600;color:var(--text)}.overlap-banner{display:none;align-items:center;gap:10px;background:#ECFDF5;border:1px solid #BBF7D0;color:#166534;border-radius:10px;padding:11px 16px;font-size:13.5px;font-weight:500;margin-bottom:22px}.overlap-banner.show{display:flex}.overlap-banner .dot{width:8px;height:8px;border-radius:50%;background:var(--bull);flex-shrink:0;animation:pulse 1.8s infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}.timeline-wrap{margin-bottom:30px}.timeline-label{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:11px;color:var(--text-2);margin-bottom:8px}.timeline-track{position:relative;height:34px;border-radius:8px;background:var(--bg-section);overflow:visible}.tl-seg{position:absolute;top:6px;height:22px;border-radius:5px;opacity:.85}.tl-seg.sydney{background:#93C5FD}.tl-seg.tokyo{background:#0D9488}.tl-seg.london{background:#2563EB}.tl-seg.newyork{background:#0F172A}.tl-now{position:absolute;top:-6px;width:2px;height:46px;background:var(--bear);border-radius:2px;z-index:5}.tl-now::after{content:"";position:absolute;top:-4px;left:50%;transform:translateX(-50%);width:9px;height:9px;border-radius:50%;background:var(--bear);box-shadow:0 0 0 3px rgb(220 38 38 / .18)}.tl-hours{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:10px;color:var(--text-2);margin-top:6px}.section-label{font-family:var(--font-mono);font-size:11.5px;color:var(--text-2);text-transform:uppercase;letter-spacing:.05em;margin:28px 0 14px}.session-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.sess-card{border:1px solid var(--border);border-radius:14px;padding:16px;position:relative;overflow:hidden}.sess-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.sess-card.sydney::before{background:#93C5FD}.sess-card.tokyo::before{background:#0D9488}.sess-card.london::before{background:#2563EB}.sess-card.newyork::before{background:#0F172A}.sess-card .sname{font-weight:600;font-size:15px;margin-bottom:6px}.sess-card .slocal{font-family:var(--font-mono);font-size:13px;color:var(--text);margin-bottom:3px}.sess-card .sutc{font-family:var(--font-mono);font-size:11px;color:var(--text-2);margin-bottom:10px}.badge{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:10.5px;padding:4px 9px;border-radius:999px;font-weight:500}.badge.open{background:#ECFDF5;color:var(--bull)}.badge.closed{background:#F1F5F9;color:var(--text-2)}.badge .bdot{width:6px;height:6px;border-radius:50%;background:currentColor}.kz-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kz-card{border:1px solid var(--border);border-radius:14px;padding:16px;background:var(--bg-section)}.kz-card .kname{font-weight:600;font-size:14px;margin-bottom:3px}.kz-card .ksub{font-size:11.5px;color:var(--text-2);margin-bottom:8px}.kz-card .klocal{font-family:var(--font-mono);font-size:12.5px;color:var(--text);margin-bottom:2px}.kz-card .kutc{font-family:var(--font-mono);font-size:11px;color:var(--text-2);margin-bottom:10px}table{width:100%;border-collapse:collapse;margin-top:6px}thead th{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-2);text-align:left;padding:10px 12px;border-bottom:1px solid var(--border)}tbody td{padding:13px 12px;border-bottom:1px solid var(--border);font-size:13.5px}tbody tr:last-child td{border-bottom:none}td.mono{font-family:var(--font-mono);color:var(--text-2);font-size:12.5px}.note{font-size:12.5px;color:var(--text-2);margin-top:20px;line-height:1.7}@media (max-width:760px){.session-grid,.kz-grid{grid-template-columns:repeat(2,1fr)}.controls{align-items:stretch}.now-display{align-items:flex-start}table{font-size:12.5px}thead th:nth-child(2),tbody td:nth-child(2){display:none}}@media (max-width:480px){.session-grid,.kz-grid{grid-template-columns:1fr}}