:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#1c2843;background:#f5f7fb;font-synthesis:none;line-height:1.6}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select,summary{cursor:pointer}button{transition:background .15s,transform .15s}button:hover{filter:brightness(.96)}button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #91afff;outline-offset:3px}header{height:86px;border-bottom:1px solid #e4e9f3;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);background:#fff}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#1c2843;font-size:23px;font-weight:700}.brand-en{font-size:12px;letter-spacing:2px;color:#7b879d;margin-left:8px}.logo{display:inline-grid;place-items:center;background:#2b59e8;border-radius:11px;color:#fff;width:36px;height:36px;font-size:29px}.private{font-size:13px;border:1px solid #dce5f5;border-radius:25px;padding:6px 13px;color:#526580}main{max-width:1176px;margin:auto;padding:42px 24px 0}.heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:27px}.eyebrow{font-size:13px;color:#6e7c96;letter-spacing:2px}h1{font-size:32px;letter-spacing:-1px;margin:6px 0 0;line-height:1.4}.heading p{color:#7c88a0;font-size:14px;margin-bottom:5px}.live{background:#152645;color:white;border-radius:16px;padding:27px 30px;display:grid;grid-template-columns:1.25fr 1fr 1.15fr auto;align-items:center;gap:24px;box-shadow:0 10px 24px #1428480c}.live-label{font-size:12px;color:#aebed7;letter-spacing:1px}.clock{font:500 34px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1px}.live-number{font:500 24px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap}.ghost{border:1px solid #4b5e7d;color:#d8e4ff;background:transparent;border-radius:7px;padding:6px 12px;font-size:13px}.section-heading{display:flex;align-items:center;gap:16px;margin:32px 0 16px}h2{font-size:19px;margin:0}.section-heading>span{font-size:13px;color:#8490a4}.grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.card{padding:26px;background:#fff;border:1px solid #e3e8f1;border-radius:13px;min-width:0}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}h3{font-size:17px;font-weight:600;margin:0 0 17px}.card-heading h3{margin:0}.step{font:12px ui-monospace,monospace;background:#eef3ff;color:#4169d6;border-radius:6px;padding:6px 7px;margin-right:8px}label{display:block;color:#64718a;font-size:14px;margin:14px 0 7px}input,select{width:100%;min-width:0;height:46px;border:1px solid #dce2ed;background:#fff;border-radius:7px;padding:0 12px;color:#293750;font-size:14px;outline:none}input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}input:focus,select:focus{border-color:#6387ec;box-shadow:0 0 0 3px #2b59e812}.input-row{display:flex;gap:10px}.input-row select{width:145px;flex-shrink:0}.primary,.secondary{width:100%;padding:10px 16px;border-radius:7px;border:0;margin-top:20px;font-weight:600;font-size:14px}.primary{background:#2b59e8;color:#fff}.secondary{background:#edf2fc;color:#315ccf}.text-button{border:0;background:transparent;color:#4169d6;padding:3px;font-size:13px}.result{background:#f6f8fc;border:1px solid #eaf0f8;padding:16px;border-radius:8px;margin-top:19px;min-height:116px}.result-line{position:relative;padding-right:36px;margin-bottom:10px}.result-line:last-child{margin-bottom:0}.result-label{font-size:12px;color:#7a879d;margin-bottom:3px}.value{font:14px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;color:#253f71;overflow-wrap:anywhere}.copy{position:absolute;right:0;top:12px;background:white;border:1px solid #e2e7f0;border-radius:5px;color:#7385a4;padding:3px 7px;font-size:14px}.muted,.note{font-size:12px;color:#7c89a0}.note{line-height:1.8;margin:16px 0 0}.world{margin-top:22px}.world-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.city{border-right:1px solid #edf0f6}.city:last-child{border:0}.city-name{font-size:14px}.city-time{font:24px/1.8 ui-monospace,monospace;color:#233c68}.city-meta{font-size:12px;color:#8490a4}.error{color:#bc3846;font-size:14px}.help{margin-top:28px;border-top:1px solid #e1e7f0;padding:22px 4px;color:#6b7992;font-size:14px}.help p{max-width:900px}summary{color:#526580}footer{padding:24px 0 28px;display:flex;justify-content:space-between;font-size:12px;color:#8b96a9}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#203556;color:white;padding:10px 20px;border-radius:9px;display:none;font-size:14px}#start-zone,#end-zone{margin-top:8px}@media(max-width:950px){.live{grid-template-columns:1fr 1fr}.live-number{font-size:22px}.ghost{justify-self:start}.world-grid{grid-template-columns:1fr 1fr}.city:nth-child(2){border:0}}@media(max-width:620px){header{height:70px;padding:0 18px}.brand-en{display:none}.private{font-size:12px}main{padding:25px 16px 0}.heading p{display:none}h1{font-size:27px}.eyebrow{font-size:12px}.live{padding:22px;gap:17px;grid-template-columns:1fr}.live>div:first-child{grid-column:1}.clock{font-size:34px}.live-number{font-size:24px}.grid{grid-template-columns:1fr}.card{padding:21px}.section-heading>span{font-size:12px}.world-grid{gap:18px 10px}.city-time{font-size:21px}.muted{font-size:12px}.card-heading{gap:8px}.input-row select{width:125px}footer{gap:16px}.heading{margin-bottom:22px}}
@media (min-width:621px) and (max-width:760px){.grid{grid-template-columns:1fr}.heading p{display:none}}
.live-panel{background:#152645;border-radius:16px;color:#fff;overflow:hidden}.live-panel .live{box-shadow:none;border-radius:0;grid-template-columns:1.25fr 1fr 1.15fr auto;gap:20px}.live-panel .live>div{min-width:0}.live label{margin:0 0 7px}.live select{background:#253957;color:#eef4ff;border-color:#496181;height:38px;font-size:13px}.live select option{background:#fff;color:#263953}.live-world{padding:22px 30px 25px;border-top:1px solid #354661}.live-world .card-heading{margin-bottom:13px}.live-world h3{font-size:15px}.live-world .muted,.live-world .city-meta{color:#b4c3dc}.live-world .city-time{color:#fff}.live-world .city{border:0;min-width:0}.live-world select{background:#253957;color:#e5edff;border:1px solid #496181;font-size:13px;height:37px;padding:0 8px}.live-world option{background:#fff;color:#263953}.live-world .world-grid{gap:20px}.now-button{background:#e9f0ff;border:1px solid #aec3ff;color:#234dc5;border-radius:7px;padding:8px 12px;font-size:14px;font-weight:600;white-space:nowrap}.now-button:hover{background:#dce7ff}.formats-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 26px}.formats-grid .result-line{margin:0;border-bottom:1px solid #e4eaf4;padding-bottom:13px}.zone-result{display:grid;grid-template-columns:1fr 1fr;gap:18px}.zone-result .result-line:last-child{grid-column:1/-1}.result-label{font-size:13px}.error{display:block}.live-number{font-size:clamp(18px,2.05vw,24px)}@media(max-width:1000px){.live-panel .live{grid-template-columns:1fr 1fr}.live-panel .live .ghost{justify-self:start}}@media(max-width:760px){.live-world .world-grid{grid-template-columns:1fr 1fr}.formats-grid,.zone-result{grid-template-columns:1fr}.zone-result .result-line:last-child{grid-column:auto}}@media(max-width:480px){.live-panel .live{grid-template-columns:1fr;padding:22px}.live-world{padding:22px}.live-world .world-grid{grid-template-columns:1fr}.card-heading{flex-wrap:wrap}.now-button{font-size:13px}.live-number{font-size:24px}}