.sgtzc-app{--b:#dbe5ec;--ink:#10202d;--muted:#617383;--brand:#007aa5;--soft:#f4f9fb;--day:#dff2f5;--night:#4f80b8;font-family:inherit;color:var(--ink);max-width:1200px;margin:20px auto}.sgtzc-app *{box-sizing:border-box}.sgtzc-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.sgtzc-head h2{font-size:32px;line-height:1.15;margin:0 0 5px}.sgtzc-head p{margin:0;color:var(--muted)}.sgtzc-live{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--muted)}.sgtzc-live-dot{width:9px;height:9px;border-radius:50%;background:#27a765;box-shadow:0 0 0 4px #dff5e9}.sgtzc-presets{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.sgtzc-presets button,.sgtzc-btn{border:1px solid #bfd0da;background:white;border-radius:8px;padding:9px 12px;cursor:pointer;color:#075b7d;font:inherit}.sgtzc-presets button:hover,.sgtzc-btn:hover{border-color:#66abc4;background:#f7fcfe}.sgtzc-primary{background:#087fa8;color:#fff;border-color:#087fa8}.sgtzc-primary:hover{background:#066b8e;color:#fff}.sgtzc-toolbar{display:flex;align-items:end;gap:10px;flex-wrap:wrap;padding:14px;background:#edf5f8;border:1px solid var(--b);border-radius:10px 10px 0 0}.sgtzc-field{display:grid;gap:5px;font-size:12px;color:var(--muted)}.sgtzc-field input,.sgtzc-field select,.sgtzc-addrow input,.sgtzc-year select,.sgtzc-work-controls input{min-height:40px;border:1px solid #cbd8df;border-radius:7px;background:#fff;padding:7px 10px;color:var(--ink);font:inherit}.sgtzc-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;margin-top:18px}.sgtzc-addrow{display:flex;gap:9px;align-items:center;margin-bottom:12px}.sgtzc-addrow label{flex:1}.sgtzc-addrow input{width:100%}.sgtzc-addrow small{color:var(--muted);white-space:nowrap}.sgtzc-zones{border:1px solid var(--b);border-radius:10px;overflow:hidden;background:#fff}.sgtzc-zone{padding:16px;border-bottom:1px solid var(--b)}.sgtzc-zone:last-child{border-bottom:0}.sgtzc-zone-top{display:grid;grid-template-columns:1fr minmax(220px,330px) 28px;gap:14px;align-items:center}.sgtzc-zone-code{font-size:25px;font-weight:800}.sgtzc-zone-name{color:#4c6171;margin-top:2px}.sgtzc-zone-iana{font-size:12px;color:#81919d;margin-top:3px}.sgtzc-zone-time{text-align:left;display:grid;grid-template-columns:1fr 1fr;gap:1px 12px}.sgtzc-zone-time strong{grid-column:1/-1;font-size:28px;background:#fff;border:1px solid #d8dfe4;box-shadow:0 1px 5px #0000000d;text-align:center;padding:4px 8px}.sgtzc-zone-time span{font-size:13px;color:#536777}.sgtzc-remove{border:0;background:transparent;font-size:25px;color:#a3adb4;cursor:pointer}.sgtzc-remove:disabled{opacity:.25;cursor:not-allowed}.sgtzc-track{position:relative;height:22px;border-radius:4px;overflow:hidden;margin-top:13px;background:linear-gradient(90deg,var(--night) 0 25%,var(--day) 25% 75%,var(--night) 75% 100%)}.sgtzc-track:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 calc(12.5% - 1px),#ffffff9c calc(12.5% - 1px) 12.5%)}.sgtzc-marker{position:absolute;z-index:2;top:-4px;width:4px;height:30px;background:#0a2f44;transform:translateX(-2px);border-radius:2px}.sgtzc-hours{display:flex;justify-content:space-between;color:#5b6b76;font-size:12px}.sgtzc-card{border:1px solid var(--b);background:#fff;border-radius:10px;padding:16px;margin-top:18px}.sgtzc-card h3{font-size:19px;margin:0 0 10px}.sgtzc-card p{margin:7px 0}.sgtzc-section-head{display:flex;justify-content:space-between;align-items:start;gap:12px}.sgtzc-section-head p{color:var(--muted);margin:0}.sgtzc-table-wrap{overflow:auto;margin-top:12px;max-height:520px}.sgtzc-table-wrap table{width:100%;border-collapse:collapse;min-width:540px}.sgtzc-table-wrap th,.sgtzc-table-wrap td{text-align:left;padding:9px 10px;border-bottom:1px solid #e7edf0;white-space:nowrap}.sgtzc-table-wrap th{position:sticky;top:0;background:#edf6f9;z-index:1}.sgtzc-table-wrap td small{display:block;color:#81909b;font-size:11px}.sgtzc-diff,.sgtzc-dst-item{display:grid;gap:3px;padding:10px 0;border-bottom:1px solid #edf1f3}.sgtzc-diff:last-child,.sgtzc-dst-item:last-child{border-bottom:0}.sgtzc-diff span{font-weight:700;color:#087fa8}.sgtzc-diff small,.sgtzc-dst-item small{color:#778994}.sgtzc-dst-item span{font-size:13px;margin-top:4px}.sgtzc-year{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted)}.sgtzc-year select{min-height:34px;padding:4px 8px}.sgtzc-note{background:#f7fafb}.sgtzc-note p{font-size:13px;color:#526875}.sgtzc-work-controls{display:flex;gap:16px;flex-wrap:wrap;margin:10px 0}.sgtzc-work-controls label{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:13px}.sgtzc-overlap-ok{display:grid;gap:6px;background:#eff9f3;border:1px solid #caead7;border-radius:8px;padding:12px}.sgtzc-overlap-ok span{font-size:14px}.sgtzc-warn,.sgtzc-limit{background:#fff5e8;border:1px solid #f1d4a9;border-radius:7px;padding:10px;color:#8a5a18}.sgtzc-limit{margin-top:8px}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.sgtzc-layout{grid-template-columns:1fr}.sgtzc-layout aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sgtzc-layout aside .sgtzc-card{margin-top:0}.sgtzc-layout aside .sgtzc-note{grid-column:1/-1}}
@media(max-width:640px){.sgtzc-app{margin:10px 0}.sgtzc-head h2{font-size:26px}.sgtzc-toolbar{align-items:stretch}.sgtzc-field{flex:1 1 43%}.sgtzc-toolbar>.sgtzc-btn{flex:1 1 42%}.sgtzc-addrow{align-items:stretch;flex-wrap:wrap}.sgtzc-addrow label{flex:1 1 100%}.sgtzc-addrow .sgtzc-btn{flex:1}.sgtzc-zone{padding:13px 10px}.sgtzc-zone-top{grid-template-columns:1fr 26px}.sgtzc-zone-time{grid-column:1/-1;grid-row:2;margin-top:8px}.sgtzc-zone-time strong{font-size:25px}.sgtzc-remove{grid-column:2;grid-row:1}.sgtzc-layout aside{grid-template-columns:1fr}.sgtzc-layout aside .sgtzc-note{grid-column:auto}.sgtzc-card{padding:13px}.sgtzc-section-head{display:block}.sgtzc-section-head .sgtzc-btn{margin-top:10px}.sgtzc-presets{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.sgtzc-presets button{white-space:nowrap}}

/* v2.1 redesigned comparison chart */
.sgtzc-app{--sgtzc-surface:#fff;--sgtzc-soft:#f6fafc;--sgtzc-line:#d8e5eb;--sgtzc-accent:#087fa8;--sgtzc-accent-soft:#e8f5f9}.sgtzc-head{padding:20px 22px;border:1px solid var(--sgtzc-line);border-radius:14px;background:linear-gradient(135deg,#f8fcfd,#eef7fa)}.sgtzc-presets{padding:12px 0}.sgtzc-toolbar{border-radius:14px;background:#f5fafc}.sgtzc-zones,.sgtzc-card{border-radius:14px}.sgtzc-zone{padding:18px}.sgtzc-zone-time strong{border-radius:9px}.sgtzc-compare-card{overflow:hidden}.sgtzc-compare-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 16px}.sgtzc-compare-pill{display:grid;gap:4px;padding:11px 12px;border:1px solid #dbe7ec;border-radius:10px;background:#f8fbfc}.sgtzc-compare-pill strong{font-size:13px}.sgtzc-compare-pill span{font-size:13px;color:#536777}.sgtzc-compare-chart{display:grid;gap:15px}.sgtzc-chart-row{display:grid;grid-template-columns:180px minmax(0,1fr);gap:14px;align-items:center}.sgtzc-chart-zone{display:grid;gap:2px}.sgtzc-chart-zone strong{font-size:22px;color:#0a3346}.sgtzc-chart-zone span{font-size:13px;color:#4f6575}.sgtzc-chart-zone small{font-size:11px;color:#758793}.sgtzc-chart-area{min-width:0}.sgtzc-chart-track{position:relative;height:44px;border:1px solid #cadce4;border-radius:9px;overflow:visible;background:#eff6f8}.sgtzc-chart-band{position:absolute;top:0;bottom:0}.sgtzc-chart-night{background:#dce8f3}.sgtzc-chart-day{background:#eef8f5}.sgtzc-chart-grid{position:absolute;inset:0;border-radius:9px;background:repeating-linear-gradient(90deg,transparent 0 calc(12.5% - 1px),rgba(74,104,121,.18) calc(12.5% - 1px) 12.5%)}.sgtzc-chart-now{position:absolute;top:-7px;bottom:-7px;width:2px;background:#0a3346;z-index:3}.sgtzc-chart-now i{position:absolute;top:-2px;left:50%;width:10px;height:10px;border-radius:50%;background:#0a3346;transform:translateX(-50%)}.sgtzc-chart-now b{position:absolute;top:8px;left:7px;white-space:nowrap;background:#fff;border:1px solid #cbdce4;border-radius:7px;padding:3px 6px;font-size:12px;box-shadow:0 2px 5px rgba(0,0,0,.06)}.sgtzc-chart-ticks{position:relative;height:22px;margin-top:5px;color:#6b7d89;font-size:10px}.sgtzc-chart-ticks span{position:absolute;transform:translateX(-50%);white-space:nowrap}.sgtzc-chart-ticks span:first-child{transform:none}.sgtzc-chart-ticks span:last-child{transform:translateX(-100%)}
@media(max-width:700px){.sgtzc-head{padding:16px}.sgtzc-compare-summary{grid-template-columns:1fr}.sgtzc-chart-row{grid-template-columns:1fr;gap:7px}.sgtzc-chart-zone{grid-template-columns:auto 1fr;column-gap:9px;align-items:baseline}.sgtzc-chart-zone small{grid-column:1/-1}.sgtzc-chart-now b{font-size:11px;max-width:90px;overflow:hidden;text-overflow:ellipsis}.sgtzc-chart-ticks span:nth-child(even){display:none}}


/* v2.2 quick conversion tabs and branded header */
.sgtzc-head .sgtzc-tagline{margin:3px 0 6px;color:#087fa8;font-size:13px;letter-spacing:.01em}.sgtzc-head .sgtzc-tagline strong{font-weight:700}.sgtzc-preset-block{margin:16px 0 14px;padding:14px;border:1px solid #d8e5eb;border-radius:14px;background:#fff}.sgtzc-preset-title{display:flex;justify-content:space-between;gap:12px;align-items:end;margin-bottom:10px}.sgtzc-preset-title>div{display:grid;gap:2px}.sgtzc-preset-title strong{font-size:15px}.sgtzc-preset-title span{font-size:12px;color:#6d7f8c}.sgtzc-preset-block .sgtzc-presets{margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.sgtzc-preset-block .sgtzc-presets button{display:flex;align-items:center;justify-content:flex-start;gap:7px;min-height:42px;text-align:left;font-size:13px;font-weight:600;border-radius:10px;background:#f8fbfc;color:#0b5975}.sgtzc-preset-block .sgtzc-presets button:hover{background:#eaf6fa;border-color:#6eb1c8}.sgtzc-preset-block .sgtzc-presets button span{font-size:16px;line-height:1}
@media(max-width:900px){.sgtzc-preset-block .sgtzc-presets{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.sgtzc-preset-block{padding:12px}.sgtzc-preset-title span{font-size:11px}.sgtzc-preset-block .sgtzc-presets{display:flex;overflow-x:auto;gap:8px;padding-bottom:4px}.sgtzc-preset-block .sgtzc-presets button{min-width:max-content;white-space:nowrap}.sgtzc-head{display:block}.sgtzc-live{margin-top:10px}}


/* v2.3 interactive synchronized time scrubber */
.sgtzc-time-scrubber{position:relative;margin-top:14px;height:28px}.sgtzc-time-scrubber .sgtzc-track{position:absolute;left:0;right:0;top:3px;margin:0;pointer-events:none}.sgtzc-range{position:absolute;inset:0;width:100%;height:28px;margin:0;z-index:4;cursor:ew-resize;opacity:.001;-webkit-appearance:none;appearance:none;background:transparent}.sgtzc-range:focus-visible{opacity:1;height:6px;top:11px;accent-color:#087fa8}.sgtzc-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:32px;cursor:grab}.sgtzc-range::-moz-range-thumb{width:22px;height:32px;border:0;background:transparent;cursor:grab}.sgtzc-time-scrubber:has(.sgtzc-range:focus-visible) .sgtzc-track{outline:2px solid #087fa8;outline-offset:3px}.sgtzc-scrub-help{margin-top:5px;font-size:11px;color:#71838f}.sgtzc-zone:hover .sgtzc-track{box-shadow:inset 0 0 0 1px rgba(8,127,168,.28)}
@media(max-width:640px){.sgtzc-scrub-help{font-size:10px}.sgtzc-time-scrubber{height:34px}.sgtzc-range{height:34px}.sgtzc-track{height:24px}}

/* v2.3.1 smoother scrubber */
.sgtzc-range{touch-action:pan-y;will-change:contents}.sgtzc-marker{will-change:left;transition:left .04s linear}.sgtzc-zone-time strong{font-variant-numeric:tabular-nums}
@media (prefers-reduced-motion:reduce){.sgtzc-marker{transition:none}}