:root{--bg:#0b0f19;--panel:#111827;--panel2:#0f1522;--text:#f5f7fb;--muted:#9aa5b5;--line:#263044;--accent:#78a9ff;--accent2:#9dc0ff;--shadow:0 18px 50px rgba(0,0,0,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}.site-header{height:72px;display:flex;align-items:center;gap:28px;padding:0 max(24px,calc((100vw - 1180px)/2));border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(11,15,25,.88);backdrop-filter:blur(16px);z-index:20}.brand{font-weight:800;letter-spacing:-.5px}.site-header nav{display:flex;gap:20px;flex:1}.site-header nav a{color:var(--muted);font-size:14px}.site-header nav a:hover{color:var(--text)}.theme-btn{background:transparent;color:var(--text);border:1px solid var(--line);border-radius:10px;width:38px;height:38px}.container{max-width:1180px;margin:0 auto;padding:0 24px}.hero{text-align:center;padding:110px 0 80px}.hero.compact{padding:160px 0}.eyebrow{font-size:11px;letter-spacing:.14em;color:var(--accent);font-weight:800}.hero h1,.hero h2{margin:10px 0}.hero h1{font-size:clamp(70px,13vw,148px);line-height:.95;letter-spacing:-.07em}.hero-date{font-size:20px;color:var(--muted)}.hero p{color:var(--muted);margin:22px auto;max-width:560px}.pill,.code-inline{display:inline-block;padding:6px 11px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:13px;margin-top:18px}.actions{display:flex;justify-content:center;gap:10px;margin-top:26px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:10px;padding:10px 15px;cursor:pointer;font:inherit}.btn.primary{background:var(--accent);border-color:var(--accent);color:#07101f;font-weight:700}.server-card{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:var(--panel);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}.server-card>div{padding:22px;border-right:1px solid var(--line)}.server-card>div:last-child{border-right:0}.server-card span,.server-card strong{display:block}.server-card strong{font-size:23px;margin-top:4px}.muted{color:var(--muted)}.section{padding:90px 0}.section-head{margin-bottom:24px}.section h2,.page-head h1{font-size:42px;letter-spacing:-.04em;margin:6px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px;transition:.18s transform,.18s border-color}.card:hover{transform:translateY(-2px);border-color:#405171}.card span{font-size:22px}.card h3{margin:12px 0 4px}.card p{margin:0;color:var(--muted)}.api-callout{display:grid;grid-template-columns:1.1fr 1.5fr auto;gap:24px;align-items:center;border:1px solid var(--line);background:linear-gradient(120deg,var(--panel),var(--panel2));border-radius:20px;padding:28px;margin:20px 0 80px}.api-callout h2{margin:4px 0}.api-callout p{color:var(--muted)}pre{overflow:auto;background:#080c14;border:1px solid #20293a;border-radius:12px;padding:16px;color:#dce6f8}code{font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.page-head{padding:80px 0 35px;max-width:760px}.page-head p{color:var(--muted);font-size:18px}.toolbar{display:flex;gap:10px;align-items:center;margin:20px 0}.toolbar input,input{background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:10px;padding:12px 14px;font:inherit;width:100%;outline:none}.toolbar input:focus,input:focus{border-color:var(--accent)}.clock-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:80px}.clock-item{border:1px solid var(--line);background:var(--panel);border-radius:18px;padding:22px;position:relative}.clock-item .remove{position:absolute;right:16px;top:16px;background:transparent;border:0;color:var(--muted);cursor:pointer}.clock-time{font-size:44px;font-weight:800;letter-spacing:-.04em}.clock-zone{color:var(--muted)}.tool-panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:26px;margin-bottom:80px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:18px}.form-grid label{display:grid;gap:7px;color:var(--muted);font-size:13px}.result-box{margin-top:22px;min-height:80px}.result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.result-item{padding:15px;background:var(--panel2);border:1px solid var(--line);border-radius:12px}.result-item span,.result-item strong{display:block}.result-item span{color:var(--muted);font-size:12px}.timestamp-live{display:flex;gap:14px;align-items:center}.timestamp-live span{color:var(--muted)}.timestamp-live strong{font-size:32px;flex:1}.meeting-result{margin-top:25px}.meeting-row{display:grid;grid-template-columns:180px 1fr;gap:12px;align-items:center;margin:9px 0}.bar{height:34px;border-radius:8px;background:var(--panel2);overflow:hidden;display:flex}.hour{flex:1;border-right:1px solid #252e3f;font-size:9px;display:flex;align-items:center;justify-content:center}.hour.work{background:#243a5f}.event-list{display:grid;gap:10px;margin-top:20px}.event-row{display:flex;justify-content:space-between;padding:15px;border:1px solid var(--line);border-radius:12px}.timezone-list{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0 80px}.timezone-list a{padding:10px 12px;border:1px solid var(--line);border-radius:9px;color:var(--muted);font-size:13px}.timezone-list a:hover{color:var(--text);border-color:#405171}.timezone-hero{text-align:center;padding:80px 0 55px}.timezone-hero h1{font-size:46px}.big-time{font-size:clamp(58px,10vw,110px);font-weight:850;letter-spacing:-.07em}.info-cards{margin-bottom:60px}.docs{display:grid;gap:14px;margin-bottom:70px}.doc-card{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:22px}.doc-card h2{font:700 20px ui-monospace,monospace}.doc-card p{color:var(--muted)}.method{display:inline-block;color:#07101f;background:#8bd49d;border-radius:5px;padding:2px 7px;font:700 11px ui-monospace,monospace}.page-section{padding-bottom:80px}.site-footer{max-width:1180px;margin:40px auto 0;padding:36px 24px 60px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr 1fr;gap:20px;color:var(--muted);font-size:13px}.site-footer strong{color:var(--text)}.footer-links{display:flex;flex-wrap:wrap;gap:12px}.footer-links a:hover{color:var(--text)}hr{border:0;border-top:1px solid var(--line);margin:25px 0}
@media(max-width:800px){.site-header{padding:0 16px}.site-header nav{display:none}.container{padding:0 16px}.hero{padding:80px 0 55px}.server-card,.cards,.clock-grid,.form-grid,.api-callout,.site-footer{grid-template-columns:1fr}.server-card>div{border-right:0;border-bottom:1px solid var(--line)}.server-card>div:last-child{border-bottom:0}.api-callout{gap:14px}.timezone-list{grid-template-columns:repeat(2,1fr)}.meeting-row{grid-template-columns:1fr}.event-row{gap:12px;flex-direction:column}}

html[data-theme="light"]{--bg:#f6f8fb;--panel:#fff;--panel2:#f1f4f8;--text:#101522;--muted:#657084;--line:#d9e0ea;--accent:#2f6feb;--accent2:#2f6feb}html[data-theme="light"] .site-header{background:rgba(246,248,251,.9)}html[data-theme="light"] pre{background:#f0f3f8;color:#182235}