.tools-page{background:#111214;color:#f3f2f7;min-height:100vh;padding:0 28px 60px;line-height:1.65}.tools-page,.tools-page *{-webkit-user-select:text;user-select:text;box-sizing:border-box}.tools-container{max-width:1160px;margin:0 auto}.tools-page a{color:#c9c0ff;text-decoration:none}.tools-page a:hover{text-decoration:underline}.tools-page :is(a,button,input,textarea,select,pre):focus-visible{outline:3px solid #b6a6ff;outline-offset:4px}.tools-topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #303136;padding:25px 0;font-size:14px}.tools-brand{display:inline-flex;gap:10px;align-items:center;font-weight:650;color:#eeecf5!important}.tools-brand-mark{width:22px;height:22px;border:2px solid #b6a6ff;border-radius:50%;display:inline-block}.tools-topbar nav{display:flex;gap:16px}.tools-topbar nav a{color:#a6a5af}.tools-topbar nav a[aria-current]{color:#f0edf9;text-decoration:underline;text-underline-offset:6px}.tool-hero{padding:58px 0 30px;max-width:880px}.tool-eyebrow{color:#bcaef3;font-size:12px;font-weight:650;letter-spacing:.1em;margin:0 0 14px}.tool-eyebrow span{padding:0 12px;color:#73717e}.tools-page h1{font-size:clamp(30px,4vw,47px);line-height:1.2;letter-spacing:-.035em;margin:0 0 20px;font-weight:650}.tool-intro{font-size:17px;color:#c0beca;max-width:800px}.tool-local{font-size:13px;color:#b3b0bd;margin:22px 0 8px}.tool-local span{color:#8bcdb1;padding-right:4px}.tools-page h2{font-size:22px;font-weight:600;line-height:1.4;margin:0 0 16px}.tools-page h3{font-size:17px;line-height:1.5;font-weight:600}.tool-workspace{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.tool-panel{padding:27px;background:#1b1c20;border:1px solid #36363d;border-radius:18px;min-width:0}.tool-output{background:linear-gradient(140deg,#25232e,#1b1c20 65%)}.tool-muted{color:#b7b3c4;font-size:13px}.tool-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px;margin:24px 0}.tool-field{min-width:0}.tool-field-wide{grid-column:1 / -1}.tool-field label{display:block;font-size:13px;font-weight:550;color:#e4e1ec;margin-bottom:8px}.tool-field :is(input,select,textarea){color:#f5f2fc;color-scheme:dark;background:#121316;border:1px solid #48464f;border-radius:8px;width:100%;padding:11px 12px;font:inherit;font-size:15px;line-height:1.4}.tool-field textarea{resize:vertical;min-height:120px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.tool-field input[type=color]{height:46px;padding:5px}.tool-field :disabled{opacity:.45;cursor:not-allowed}.tool-field small{display:block;color:#b7b3c4;margin-top:6px;font-size:12px;line-height:1.5}.tool-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.tools-page button{border:1px solid transparent;border-radius:8px;padding:10px 15px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}.tools-page button:hover{filter:brightness(1.1)}.tool-primary{background:#c7b9ff;color:#211834}.tool-secondary{background:#29282f;border-color:#4d485b!important;color:#e9e3fa}.tool-error{color:#ffb5b9;padding:12px;border-radius:8px;border:1px solid #765153;font-size:14px}.tool-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}.tool-metrics>div{padding:14px;background:#15151b;border:1px solid #3b3746;border-radius:10px;min-width:0}.tool-metrics dt{font-size:12px;color:#bbb3cd}.tool-metrics dd{margin:5px 0 0;font-size:22px;color:#e1d9ff;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.tool-result-text{font:13px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;overflow-wrap:anywhere;max-height:480px;overflow:auto;padding:18px;border-radius:10px;background:#121316;border:1px solid #383540;color:#dfd9ed}.tool-copy-status{min-height:21px;font-size:12px;color:#b9d9c9;margin-bottom:0}.tool-markdown{background:#131416;border:1px solid #383540;padding:20px;border-radius:10px;overflow-wrap:anywhere;max-height:550px;overflow:auto}.tool-markdown table{border-collapse:collapse;display:block;overflow-x:auto}.tool-markdown :is(th,td){border:1px solid #55505e;padding:8px}.tool-markdown pre{white-space:pre-wrap;overflow-wrap:anywhere}.tool-markdown code{background:#2a2633;padding:2px 5px;border-radius:4px}.tool-guide{padding-top:55px}.tool-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:0;margin:24px 0 36px;list-style:none}.tool-steps li{border-top:1px solid #48414f;padding-top:17px}.tool-steps span{color:#bcaef3;font-size:12px;letter-spacing:.1em}.tool-steps p,.tool-explanations p,.tool-faq p{font-size:15px;color:#bdbac6}.tool-explanations{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding-bottom:25px}.tool-faq{border-top:1px solid #333239;padding-top:30px}.tool-faq>section{border-bottom:1px solid #29292e;padding:0 0 10px}.tool-references{padding:25px 0;font-size:13px;color:#9f9ba9}.tool-references h2{font-size:15px}.tool-references ul{padding-left:20px}.tool-references li{margin:6px 0}.tools-footer{border-top:1px solid #333239;padding-top:28px}.tools-footer h2{font-size:18px}.tool-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tool-related a{border:1px solid #3b3746;border-radius:10px;padding:16px;display:flex;justify-content:space-between;gap:15px;font-size:14px}@media(max-width:780px){.tools-page{padding:0 18px 36px}.tools-topbar{align-items:flex-start;font-size:12px}.tools-topbar nav{gap:12px}.tool-hero{padding-top:34px}.tool-intro{font-size:16px}.tool-workspace,.tool-explanations{grid-template-columns:1fr}.tool-panel{padding:20px}.tool-steps,.tool-related{grid-template-columns:1fr;gap:12px}.tool-field :is(input,select,textarea){font-size:16px}}@media(max-width:380px){.tool-fields,.tool-metrics{grid-template-columns:1fr}.tools-brand-mark{display:none}}.time-is{margin:12px 0 0;color:#f3f2f7}.time-is-controls{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:22px 26px}.time-is-zone-field{display:grid;gap:7px;width:min(100%,440px)}.time-is-zone-field label{font-size:13px;color:#e5e0ef;font-weight:600}.time-is-zone-field select{width:100%;min-height:46px;border:1px solid #4b4559;color:#f5f2fc;background:#131316;color-scheme:dark;border-radius:9px;padding:10px 12px;font:inherit;font-size:15px}.time-is-muted{color:#b9b5c4;font-size:13px;line-height:1.6}.time-is-sync-controls{display:grid;justify-items:end;gap:8px}.time-is-sync-controls button{min-height:46px;white-space:normal}.time-is-sync-controls button:disabled{cursor:wait;opacity:.58}.time-is-cooldown{min-height:20px;font-size:12px;color:#b6b0c3;font-variant-numeric:tabular-nums}.time-is-status{display:flex;align-items:flex-start;gap:10px;min-height:58px;padding:18px 4px;font-size:13px;line-height:1.65;color:#ccc4dc}.time-is-status p{margin:3px 0 0;color:#d6c4a5}.time-is-status-dot{flex-shrink:0;height:7px;width:7px;border-radius:50%;background:#aa98df;margin-top:7px}.time-is-status-synced .time-is-status-dot{background:#8bcdb1}.time-is-status-offline .time-is-status-dot,.time-is-status-failed .time-is-status-dot{background:#f0b19f}.time-is-main{text-align:center;padding:32px;overflow:hidden}.time-is-clock-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;text-align:left;flex-wrap:wrap}.time-is-clock-heading h2{font-size:18px;margin:0}.time-is-source{font-size:11px;color:#d0c6e8;border:1px solid #565063;background:#302a3d;border-radius:30px;padding:5px 10px}.time-is-zone-name{font-size:14px;color:#c9bddf;margin:34px 0 6px;overflow-wrap:anywhere}.time-is-digits{display:block;color:#eee7ff;font:500 clamp(42px,9vw,108px)/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:-.055em;font-variant-numeric:tabular-nums;white-space:nowrap}.time-is-date{color:#c0b8cd;font-size:15px;margin:8px 0 30px}.time-is-comparison{border-top:1px solid #443d50;display:grid;grid-template-columns:1fr 1fr;padding:24px 0;gap:22px}.time-is-comparison h3{font-size:13px;color:#bdb5ce;font-weight:500;margin:0 0 10px}.time-is-local-digits{font:500 clamp(25px,4vw,37px)/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums;color:#ddd6e9}.time-is-comparison .time-is-muted{margin:7px 0 0}.time-is-gap{border-left:1px solid #443d50;padding-left:22px}.time-is-gap-label{margin:0 0 6px;font-size:14px;color:#e3d5fd}.time-is-gap strong{font:500 27px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;color:#e6d6ff;overflow-wrap:anywhere}.time-is-utc{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;border-top:1px solid #443d50;padding-top:20px;text-align:left;font-size:13px}.time-is-utc span{color:#b8afc8}.time-is-utc strong{color:#d6cde3;font-weight:500;font-variant-numeric:tabular-nums}.time-is-details{padding:18px 4px 30px}.time-is-details dl{display:flex;flex-wrap:wrap;column-gap:30px;row-gap:12px;margin:0}.time-is-details dt{color:#a9a3b3;font-size:11px}.time-is-details dd{color:#ccc5d7;margin:4px 0 0;font-size:12px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.time-is-details>p{color:#aba5b5;font-size:12px;max-width:850px;line-height:1.7;margin:14px 0 0}.time-is-world{padding-top:10px}.time-is-world>h2{margin-bottom:5px}.time-is-world>.time-is-muted{margin:0 0 20px}.time-is-city-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.time-is-city{background:#1b1c20;border:1px solid #3b3743;border-radius:13px;padding:18px;min-width:0}.time-is-city-heading{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;align-items:center;margin-bottom:13px}.time-is-city-heading h3{font-size:15px;margin:0;font-weight:550}.time-is-city-heading span{font-size:10px;color:#cab9ed;border:1px solid #4b425a;border-radius:20px;padding:2px 7px}.time-is-city time{font:500 25px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums;color:#ddd2f2;white-space:nowrap}.time-is-city p{font-size:12px;color:#b7adbf;margin:9px 0 3px}.time-is-city small{font-size:11px;color:#aaa0b4}.time-is-zone-note{color:#a9a1b3;font-size:12px;margin:16px 0 0}@media(max-width:900px){.time-is-city-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.time-is-controls{flex-direction:column;align-items:stretch;gap:18px;padding:20px}.time-is-zone-field{width:100%}.time-is-zone-field select{font-size:16px}.time-is-sync-controls{justify-items:stretch}.time-is-sync-controls button{width:100%}.time-is-cooldown{text-align:center}.time-is-main{padding:24px 18px}.time-is-clock-heading{justify-content:center;text-align:center}.time-is-zone-name{margin-top:26px}.time-is-comparison{grid-template-columns:1fr;gap:20px}.time-is-gap{border-left:0;border-top:1px solid #443d50;padding:20px 0 0}.time-is-utc{justify-content:center;text-align:center;gap:7px}.time-is-city{padding:15px}.time-is-city time{font-size:23px}.time-is-city-heading{min-height:38px;align-content:start}}@media(max-width:360px){.time-is-city-grid{grid-template-columns:1fr}.time-is-city-heading{min-height:0}}