:root{--bg:#f7f8fb;--card:#fff;--text:#25283c;--muted:#6c748b;--accent:#6266e9;--line:#e4e6f1;--soft:#f5f5ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,'Segoe UI',sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #9f9bfa;outline-offset:3px}.top{display:flex;align-items:center;justify-content:space-between;gap:14px;max-width:1100px;margin:auto;padding:22px 24px}.logo{font-size:25px;letter-spacing:-1px;font-weight:800}.logo em{font-style:normal;color:#ffac63}.top select{padding:10px;border:1px solid var(--line);border-radius:12px;background:white;max-width:150px}.tools-nav{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;max-width:1100px;margin:0 auto;padding:3px 20px 12px}.tools-nav a{font-size:13px;padding:8px 12px;border-radius:20px;color:var(--muted);border:1px solid var(--line);background:white}.tools-nav a[aria-current=page]{color:var(--accent);border-color:var(--accent);background:var(--soft)}main{max-width:840px;margin:40px auto;padding:0 17px 60px}.eyebrow{font-size:12px;font-weight:800;color:var(--accent);letter-spacing:2px;text-transform:uppercase;text-align:center}h1{font-size:clamp(32px,6vw,50px);letter-spacing:-1.5px;text-align:center;margin:12px 0 18px}main>p.intro{text-align:center;color:var(--muted);font-size:15px;max-width:650px;line-height:1.8;margin:0 auto 34px}.panel{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:clamp(18px,4vw,42px);box-shadow:0 15px 40px #14183c0a}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.field{display:flex;flex-direction:column;gap:9px;font-size:13px;font-weight:750}.field select,.field input{min-width:0;width:100%;padding:14px 12px;background:#fafbff;color:#24283a;border:1px solid var(--line);border-radius:12px;font-size:15px}.checkbox{display:flex;gap:9px;align-items:center;margin:23px 0 4px;font-size:13px}.primary{display:block;width:100%;padding:16px;color:#fff;font-weight:750;border-radius:13px;background:var(--accent);border:0;margin-top:28px}.result{margin-top:25px;background:#f1f0ff;padding:23px;border-radius:15px;text-align:center}.result:empty{display:none}.result strong{display:block;color:#4248b4;font-size:clamp(23px,5vw,36px);font-weight:800;margin-bottom:8px;overflow-wrap:anywhere}.result p{font-size:14px;color:#4a5067;line-height:1.7;margin:6px 0}.sub{color:var(--muted);font-size:13px;line-height:1.8}.help{margin:36px 0 0}.help h2{font-size:22px}.help p{font-size:14px;line-height:1.9;color:var(--muted)}.clock-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.clock{padding:19px;border:1px solid var(--line);border-radius:15px;background:#fafbff}.clock strong{font-size:17px}.clock .clock-time{font-size:30px;font-weight:800;letter-spacing:-1px;margin:7px 0}.clock small{color:var(--muted)}.site-footer{text-align:center;font-size:12px;padding:28px;color:var(--muted);border-top:1px solid var(--line)}.site-footer a{color:var(--accent);margin:0 9px}@media(max-width:580px){.fields,.clock-grid{grid-template-columns:1fr}.top{padding:14px 16px}.logo{font-size:22px}main{margin-top:24px}.clock .clock-time{font-size:27px}}

/* Company name beneath utility-page links. */
.zone-action-row{display:flex;justify-content:center;margin:16px 0 4px}
.zone-secondary{background:#f5f5ff;color:#5057bd;border:1px solid #d3d5f0;border-radius:11px;padding:12px 16px;font-size:13px;font-weight:750;cursor:pointer;min-height:42px}
.zone-secondary[hidden],.zone-fold[hidden]{display:none}
.zone-hint{font-size:12px;color:#6c748b;line-height:1.75;margin:12px 0 0}
.zone-fold{max-width:100%;margin-top:14px;color:#6b3971}
.zone-fold select{width:100%;max-width:100%;font-size:13px;border:1px solid #d5c6e1;border-radius:10px;padding:10px;background:#fff;color:#34324c}
.world-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) auto;gap:12px;align-items:end;margin-bottom:11px}
.world-toolbar label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:750;min-width:0}
.world-toolbar input{min-height:43px;min-width:0;width:100%;border-radius:10px;border:1px solid #d3d5ef;padding:10px 11px;font-size:13px;background:#fff;color:#2d3245}
.world-toolbar-note{color:var(--muted);font-size:11px;line-height:1.7;margin:0 0 18px}
.world-clock-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
.world-offset{display:block;font-size:11px;margin-top:6px;color:#6a7087;overflow-wrap:anywhere}
.world-remove{font-size:17px;background:#faf0f1;color:#a4414f;border:1px solid #efd2d6;border-radius:8px;min-width:34px;min-height:34px}
.world-empty{grid-column:1/-1;text-align:center;padding:22px;color:var(--muted);font-size:13px}
.clock[hidden],.world-empty[hidden]{display:none!important}
.world-status:empty{display:none}
.world-status{font-size:12px;color:#6763a3;margin:0 0 11px;line-height:1.5}
@media(max-width:650px){.world-toolbar{grid-template-columns:1fr 1fr;gap:8px}.world-toolbar label:first-child{grid-column:1/-1}.world-toolbar button{width:100%}}
@media(max-width:390px){.world-toolbar{grid-template-columns:1fr}.world-toolbar label:first-child{grid-column:auto}}
#result+.zone-secondary{width:100%;margin-top:14px}
.site-footer .company-credit{display:block;margin-top:16px;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.04em}