@font-face{font-family:Maple Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/picktime/assets/maple-mono-latin-400-normal-WIx2rg0p.woff2)format("woff2")}@font-face{font-family:Maple Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/picktime/assets/maple-mono-latin-500-normal-DArLj6fy.woff2)format("woff2")}:root{--black:#09090b;--black-light:#18181b;--black-lighter:#27272a;--white:#fafafa;--accent:#e65c3d;--accent-deep:#cc3b0a;--font:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--mono:"Maple Mono", ui-monospace, "SF Mono", Menlo, "Cascadia Mono", monospace;--mono-size:14px;--radius:20px;--radius-lg:30px;--wrap:76rem}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--white);color:var(--black);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.55}.sprite{width:0;height:0;position:absolute;overflow:hidden}.i{vertical-align:-.16em;flex:none;width:1.05em;height:1.05em}.i-lg{width:1.25rem;height:1.25rem}.i-heart{color:var(--accent);vertical-align:-.2em}.eyebrow-i{width:1rem;height:1rem}.band{padding:clamp(1.75rem,4.5vw,3.75rem) 1.75rem}.hero{padding-top:clamp(1.5rem,3vw,2.5rem)}.band-center{text-align:center}.band-dark{background:var(--black);color:var(--white)}.band-light{background:var(--white);color:var(--black)}.wrap{max-width:var(--wrap);margin-inline:auto}.narrow{max-width:44rem}h1,h2{letter-spacing:-.035em;text-wrap:balance;margin:0 0 1rem;font-weight:800;line-height:1.03}h1{font-size:clamp(2.6rem,7vw,5.25rem)}h2{font-size:clamp(1.9rem,4.2vw,3.1rem)}h1 em,h2 em{color:var(--accent);font-style:normal}.eyebrow{font-family:var(--mono);font-size:var(--mono-size);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);align-items:center;gap:.45rem;margin:0 0 1.1rem;font-weight:600;display:flex}.band-center .eyebrow{justify-content:center}.lede{max-width:40rem;color:color-mix(in srgb, currentcolor 68%, transparent);margin:0;font-size:clamp(1rem,1.6vw,1.2rem)}.section-head{max-width:46rem;margin-bottom:clamp(2rem,4vw,3.25rem)}.band-center .section-head{margin-inline:auto}.section-head p:not(.eyebrow){color:color-mix(in srgb, currentcolor 65%, transparent);margin:0;font-size:1.02rem}.note{color:color-mix(in srgb, currentcolor 60%, transparent);align-items:baseline;gap:.4rem;margin:.85rem 0 0;font-size:.88rem;display:flex}.muted{color:color-mix(in srgb, currentcolor 55%, transparent)}code{background:color-mix(in srgb, currentcolor 10%, transparent);font-family:var(--mono);font-size:var(--mono-size);border-radius:6px;padding:.12em .4em}pre code{background:0 0;border-radius:0;padding:0}label{letter-spacing:.09em;text-transform:uppercase;color:color-mix(in srgb, currentcolor 72%, transparent);margin-bottom:.4rem;font-size:.72rem;font-weight:700;display:block}.controls label{margin-bottom:0;display:flex}.controls>label{flex-direction:column;gap:.5rem}.label-text{display:block}.hero .lede{margin-bottom:clamp(2.25rem,5vw,3.5rem)}.hero-demo{grid-template-columns:minmax(0,20rem) minmax(0,1fr);align-items:start;gap:1.25rem;display:grid}.hero-form{border:1px solid var(--black-lighter);border-radius:var(--radius);background:var(--black-light);padding:1.5rem}.hero-code{border:1px solid var(--black-lighter);border-radius:var(--radius);background:var(--black-light);font-family:var(--mono);font-size:var(--mono-size);margin:0;padding:1.5rem;line-height:1.7;overflow-x:auto}.hero-code .c{color:color-mix(in srgb, var(--white) 45%, transparent)}.badges{flex-wrap:wrap;gap:.6rem;margin:1.5rem 0 2rem;padding:0;list-style:none;display:flex}.badges li{border:1px solid var(--black-lighter);letter-spacing:.09em;text-transform:uppercase;color:color-mix(in srgb, var(--white) 72%, transparent);border-radius:999px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.72rem;font-weight:700;display:flex}.badges .i{color:var(--accent)}.card{border-radius:var(--radius);border:1px solid color-mix(in srgb, currentcolor 12%, transparent);background:color-mix(in srgb, currentcolor 4%, transparent);padding:1.65rem}.band-dark .card{border-color:var(--black-lighter);background:var(--black-light)}.split{grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));align-items:start;gap:1.25rem;display:grid}.split>*,.playground>*{min-width:0}pick-time{--pt-field-padding:12px 18px;--pt-field-border-radius:10px}.stack{flex-direction:column;align-items:start;gap:.35rem;display:flex}.stack pick-time{margin-bottom:.75rem}.out{font-family:var(--mono);font-size:var(--mono-size);white-space:pre;margin:0;line-height:1.65;overflow-x:auto}.out code{background:0 0;padding:0}.btn{border:1px solid var(--accent);background:var(--accent);color:var(--white);font:inherit;cursor:pointer;border-radius:999px;margin-top:.5rem;padding:.7rem 1.4rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:background-color .2s,border-color .2s;display:inline-block}.btn:hover{background:var(--accent-deep);border-color:var(--accent-deep)}.btn-ghost{border-color:color-mix(in srgb, currentcolor 30%, transparent);color:inherit;background:0 0}.btn-ghost:hover{border-color:var(--accent);color:var(--accent);background:0 0}.cta{flex-wrap:wrap;gap:.75rem;margin-top:1.75rem;display:flex}.playground{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:2rem;padding:clamp(1.5rem,3vw,2.5rem);display:grid}.preview{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-width:0;display:flex}output{font-family:var(--mono);font-size:var(--mono-size);color:color-mix(in srgb, currentcolor 60%, transparent);overflow-wrap:anywhere;margin-top:1rem;display:block}.controls{border:1px solid color-mix(in srgb, currentcolor 12%, transparent);border-radius:var(--radius);grid-template-columns:1fr 1fr;gap:.9rem;min-width:0;margin:0;padding:1.35rem;display:grid}.controls>label{min-width:0}legend{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb, currentcolor 55%, transparent);padding-inline:.45rem;font-size:.78rem;font-weight:700}.controls input,.controls select{border:1px solid color-mix(in srgb, currentcolor 15%, transparent);width:100%;color:inherit;font:inherit;background:0 0;border-radius:10px;padding:12px 18px;font-size:.95rem;font-weight:500;transition:border-color .2s}:is(.controls input,.controls select):focus-visible{border-color:var(--accent);outline:none}.controls input[type=checkbox]{padding:0}.controls .span{grid-column:1/-1}.hint{color:color-mix(in srgb, currentcolor 55%, transparent);margin:.1rem 0 .3rem;font-size:.76rem;font-weight:400;display:block}.toggles{flex-wrap:wrap;grid-column:1/-1;gap:.35rem;margin-block:.25rem;display:flex}.toggles label{align-items:center;gap:.4rem;margin:0;font-size:.85rem;font-weight:500;display:flex}.toggles input{width:auto}.keys{flex-direction:column;gap:.7rem;margin:0;display:flex}.keys>div{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.keys dt{gap:.3rem;margin:0;display:flex}.keys dd{text-align:right;color:color-mix(in srgb, currentcolor 62%, transparent);margin:0;font-size:.86rem}kbd{border:1px solid color-mix(in srgb, currentcolor 22%, transparent);background:color-mix(in srgb, currentcolor 7%, transparent);font-family:var(--mono);white-space:nowrap;border-radius:7px;padding:.2rem .45rem;font-size:.8rem;font-weight:600}.accepts{flex-direction:column;gap:.55rem;margin:0;padding:1.65rem;list-style:none;display:flex}.accepts li{font-family:var(--mono);font-size:var(--mono-size);justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.accepts span{color:var(--accent)}.locales{grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:1rem;display:grid}.tag{font-family:var(--mono);font-size:var(--mono-size);color:var(--accent);margin-bottom:.75rem;font-weight:600;display:block}.clipper{max-width:26rem;height:9.5rem;overflow:hidden}.band-center .clipper{margin-inline:auto}pick-time.kd{--pt-background:#274bce;--pt-foreground:#fff;--pt-padding:10px;--pt-border-radius:12px;--pt-border-color:#1b338c;--pt-box-shadow-color:#0003;--pt-input-color:var(--pt-foreground);--pt-input-background:var(--pt-background);--pt-input-font-size:30px;--pt-input-border-radius:10px;--pt-input-border-color:#1b338c;--pt-input-focus-border-color:var(--pt-foreground);--pt-input-focus-background:#213fad;--pt-dots-color:#1b338c;--pt-meridiem-font-size:10px;--pt-meridiem-border-radius:50%;--pt-meridiem-color:var(--pt-foreground);--pt-meridiem-hover-color:var(--pt-foreground);--pt-meridiem-hover-background:#213fad;--pt-meridiem-border-color:var(--pt-input-border-color);--pt-meridiem-checked-color:var(--pt-foreground);--pt-meridiem-checked-background:#ff6e46;--pt-meridiem-checked-border-color:var(--pt-foreground);--pt-field-background:#fff;--pt-field-color:#1b338c;--pt-field-border-color:#cbd6f5;--pt-field-border-radius:10px}.install .out{margin-bottom:.75rem}.footer p{margin:0;font-size:.9rem;font-weight:600}@media (width<=46rem){.hero-demo,.controls{grid-template-columns:1fr}.keys>div{flex-direction:column;gap:.2rem}.keys dd{text-align:left}}.steps{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:1rem;display:grid}.step-n{background:var(--accent);width:1.55rem;height:1.55rem;color:var(--white);border-radius:999px;place-items:center;font-size:.76rem;font-weight:800;display:inline-grid}.step h3{letter-spacing:-.01em;align-items:center;gap:.6rem;margin:0 0 .9rem;font-size:.98rem;font-weight:700;display:flex}.tabs{padding:0;overflow:hidden}.tablist{border-bottom:1px solid color-mix(in srgb, currentcolor 12%, transparent);flex-wrap:wrap;gap:.3rem;padding:.9rem 1.1rem;display:flex}.tablist button{color:color-mix(in srgb, currentcolor 62%, transparent);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:.5rem 1rem;font-size:.85rem;font-weight:700;transition:background-color .2s,color .2s}.tablist button:hover{color:inherit}.tablist button[aria-selected=true]{background:var(--accent);border-color:var(--accent);color:var(--white)}.tablist button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}[role=tabpanel]{padding:1.35rem}[role=tabpanel] .out+.out{margin-top:.75rem}.footer .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem 2rem;display:flex}.footer-links{flex-wrap:wrap;order:2;gap:.6rem;display:flex}.footer .copyright{order:1}.built{align-items:center;gap:.35rem;display:flex}.footer .built{order:3}.footer-links a{border:1px solid var(--black-lighter);color:color-mix(in srgb, var(--white) 78%, transparent);border-bottom:1px solid var(--black-lighter);border-radius:999px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.85rem;font-weight:700;text-decoration:none;transition:color .2s,border-color .2s;display:inline-flex}.footer-links a:hover{color:var(--white);border-color:var(--accent)}.footer .built a{color:var(--accent);border-bottom:1px solid #0000;text-decoration:none;transition:border-color .2s}.footer .built a:hover{border-bottom-color:currentColor}.footer .copyright{color:color-mix(in srgb, currentcolor 45%, transparent);font-weight:500}.shiki{background:0 0!important}.band-light .shiki,.band-light .shiki span{color:var(--shiki-light)}.band-dark .shiki,.band-dark .shiki span{color:var(--shiki-dark)}.shiki code{display:block}.shiki .line{min-height:1em}.controls select{appearance:none;text-overflow:ellipsis;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2309090b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:18px 18px;padding-right:44px}.toggles label{letter-spacing:.01em;text-transform:none;white-space:nowrap;cursor:pointer;border:0;border-radius:10px;flex:7rem;justify-content:flex-start;gap:.5rem;padding:.4rem .5rem;font-size:.85rem;transition:color .2s}.toggles label:has(input:checked){color:var(--accent)}.toggles label:hover{color:var(--accent)}.toggles input[type=checkbox]{appearance:none;border:1.5px solid color-mix(in srgb, currentcolor 25%, transparent);cursor:pointer;background:0 0;border-radius:6px;flex:none;width:1.2rem;height:1.2rem;margin:0;transition:background-color .15s,border-color .15s}.toggles input[type=checkbox]:checked{border-color:var(--accent);background-color:var(--accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fafafa' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 13 4 4 10-10'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:76%}.toggles input[type=checkbox]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.code-card{border:1px solid var(--black-lighter);border-radius:var(--radius);background:var(--black-light);overflow:hidden}.code-head{border-bottom:1px solid var(--black-lighter);align-items:center;gap:.75rem;padding:.75rem 1.1rem;display:flex}.code-head .dots{gap:.35rem;display:flex}.code-head .dots i{background:color-mix(in srgb, var(--white) 18%, transparent);border-radius:999px;width:.6rem;height:.6rem}.code-head .dots i:first-child{background:color-mix(in srgb, var(--accent) 75%, transparent)}.code-name{font-family:var(--mono);color:color-mix(in srgb, var(--white) 50%, transparent);font-size:.8rem}.code-card .hero-code{background:0 0;border:0;border-radius:0}.label-row{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.hint{font-family:var(--mono);letter-spacing:0;text-transform:none;color:color-mix(in srgb, currentcolor 60%, transparent);margin:0;font-size:.72rem;font-weight:500;display:inline}.theme-split{grid-template-columns:minmax(0,22rem) minmax(0,1fr);align-items:start}.themed-showcase{flex-direction:column;align-items:start;gap:.9rem;padding-bottom:7.5rem;display:flex}.showcase-label{letter-spacing:.09em;text-transform:uppercase;color:color-mix(in srgb, currentcolor 60%, transparent);margin:0;font-size:.72rem;font-weight:700}@media (width<=52rem){.theme-split{grid-template-columns:1fr}}.parts{margin-top:1.5rem}.parts-head{color:color-mix(in srgb, currentcolor 65%, transparent);align-items:baseline;gap:.45rem;margin:0 0 .9rem;font-size:.95rem;display:flex}.parts-list{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.parts-list code{border:1px solid color-mix(in srgb, currentcolor 12%, transparent);color:color-mix(in srgb, currentcolor 75%, transparent);background:0 0;border-radius:999px;padding:.4rem .75rem;font-size:.78rem}#real-form{flex-direction:column;align-items:start;gap:1rem;display:flex}.field-row{align-items:center;gap:1rem;display:flex}.field-row label{min-width:6rem;margin:0}.parts-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,21rem),1fr));gap:.1rem 2rem;margin:0 0 1.5rem;display:grid}.parts-grid>div{border-bottom:1px solid color-mix(in srgb, currentcolor 8%, transparent);justify-content:space-between;align-items:baseline;gap:.75rem;padding:.5rem 0;display:flex}.parts-grid dt{margin:0}.parts-grid dt code{color:var(--accent);background:0 0;padding:0;font-size:.82rem}.parts-grid dd{text-align:right;color:color-mix(in srgb, currentcolor 62%, transparent);margin:0;font-size:.86rem}.footer{padding-block:clamp(4rem,9vw,7rem)}