:root{--bg:#f5f7fb;--card:#fff;--ink:#162033;--muted:#60708b;--line:#dce3ef;--accent:#635bff;--accent2:#12b886;--code:#111827;--shadow:0 18px 45px #17213a12}html[data-theme=dark]{--bg:#101522;--card:#192132;--ink:#f3f6fb;--muted:#a8b5ca;--line:#2d3950;--accent:#9c96ff;--code:#090d16}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 Inter,ui-sans-serif,system-ui,sans-serif}a{color:inherit;text-underline-offset:3px}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;z-index:10;padding:.7rem;background:var(--card)}.bar,main,footer{max-width:1180px;margin:auto}.masthead{border-bottom:1px solid var(--line);background:var(--bg);position:sticky;top:0;z-index:5}.bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:68px;padding:0 1.25rem}.brand{display:inline-flex;align-items:center;gap:.5rem;font-size:1.2rem;font-weight:800;text-decoration:none;letter-spacing:-.04em}.brand-logo{width:30px;height:30px;flex:none}.brand b{color:var(--accent)}nav{display:flex;align-items:center;gap:.2rem}nav a,button{min-height:42px}nav a{padding:.5rem;text-decoration:none;font-size:.93rem}.theme,button{border:0;border-radius:9px;background:transparent;color:var(--ink);font:inherit;font-weight:700;cursor:pointer}.theme{border:1px solid var(--line);padding:.35rem .6rem}.hero{padding:5.5rem 1.25rem 3.5rem;text-align:center}.eyebrow{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-weight:800;margin:0 0 .7rem}.hero h1,h1,h2,h3{letter-spacing:-.045em;line-height:1.08}.hero h1{font-size:clamp(2.6rem,7vw,5rem);max-width:850px;margin:0 auto 1.2rem}.lead{max-width:650px;margin:0 auto;color:var(--muted);font-size:1.12rem}.hero-actions{display:flex;justify-content:center;gap:.7rem;flex-wrap:wrap;margin-top:1.6rem}.button{display:inline-flex;align-items:center;justify-content:center;padding:.7rem 1rem;background:var(--accent);color:#fff;text-decoration:none;box-shadow:0 8px 18px #635bff33}.button.secondary{background:var(--card);color:var(--ink);border:1px solid var(--line);box-shadow:none}.app{margin:0 1.25rem 4rem;padding:clamp(1.1rem,3vw,2.5rem);background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.expression-row{display:grid;grid-template-columns:1fr auto;gap:.7rem}.expression-row input{min-width:0;background:var(--code);color:#e9edff;border:1px solid #27334a;border-radius:10px;padding:.9rem 1rem;font:600 1.2rem ui-monospace,monospace}.expression-row button{padding:0 1rem;background:var(--accent);color:#fff}.status{font-size:.9rem;margin:.75rem 0 1.5rem}.status.valid{color:var(--accent2)}.status.invalid{color:#d54b54}.fields{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem}.fields label{font-size:.78rem;font-weight:800;color:var(--muted)}.fields input,.timezone select{display:block;width:100%;margin-top:.35rem;min-height:47px;border:1px solid var(--line);border-radius:8px;padding:.65rem;background:var(--bg);color:var(--ink);font:600 1rem ui-monospace,monospace}.output{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;border-top:1px solid var(--line);margin-top:1.6rem;padding-top:1.5rem}.output h2{font-size:1.1rem;margin:0 0 .45rem}.output p{margin:0;color:var(--muted)}.run-list{margin:.6rem 0 0;padding-left:1.2rem;font-size:.9rem}.timezone{margin-top:1rem;max-width:270px}.section{max-width:1000px;margin:4.5rem auto;padding:0 1.25rem}.section h2{font-size:clamp(1.8rem,4vw,2.8rem);margin:.1rem 0 1rem}.section-intro{max-width:640px;color:var(--muted)}.examples{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem}.example{padding:1rem;border:1px solid var(--line);border-radius:12px;background:var(--card);text-align:left}.example code{display:block;color:var(--accent);font-weight:800}.example button{padding:0;color:var(--accent);font-size:.9rem}.syntax{background:var(--code);color:#e7eaff;border-radius:15px;padding:1.5rem;display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.syntax span{display:block;color:#aab5cc;font-size:.8rem}.syntax strong{display:block;font:1.1rem ui-monospace,monospace;color:#fff}.faq details{border-top:1px solid var(--line);padding:1rem 0}.faq details:last-child{border-bottom:1px solid var(--line)}summary{font-weight:750;cursor:pointer}footer{border-top:1px solid var(--line);padding:2.5rem 1.25rem;color:var(--muted);display:flex;justify-content:space-between;gap:1rem}footer a{color:var(--ink)}.page{max-width:820px;margin:4rem auto;padding:0 1.25rem}.page h1{font-size:clamp(2.5rem,6vw,4rem)}.page p,.page li{color:var(--muted)}.page code{padding:.12rem .3rem;background:var(--card);border:1px solid var(--line);border-radius:4px;color:var(--accent)}@media(max-width:700px){nav a:not(:last-of-type){display:none}.fields,.examples,.syntax,.output{grid-template-columns:1fr}.hero{padding-top:3.5rem}.app{margin-inline:.75rem}.fields{gap:.5rem}.output{gap:1rem}footer{display:block}}