@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/bricolage-grotesque-latin-800-normal-5beb2f653e748d1286c376ab867cec9b.woff2?vsn=d) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light dark;--brand: #2f3bff;--on-brand: #ffffff;--stage: #2f3bff;--bg: #ffffff;--ink: #111111;--soft: #333333;--muted: #5c5c5c;--rule: #e6e6e6;--well: #f3f3f3;--focus: var(--brand);--display: "Bricolage Grotesque", "Helvetica Neue", Arial, system-ui, sans-serif;--font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--t-hero: 52px;--t-title: 44px;--t-lede: 18px;--t-body: 17px;--t-small: 13px;--track-display: -.035em;--edge: 2px;--gutter: 20px;--measure: 600px;--wide: 1120px;--control: 56px}@media (prefers-color-scheme: dark){:root{--brand: #4f5bff;--bg: #0b0b10;--ink: #f2f2f5;--soft: #cfcfd6;--muted: #a0a0ab;--rule: #26262e;--well: #17171d;--focus: #8f97ff}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{position:relative;margin:0;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;overflow-x:hidden;overflow-x:clip;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:var(--t-body);line-height:1.5}a{color:inherit}::selection{background:var(--brand);color:var(--on-brand)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.icon{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ring{--size: 270px;--color: var(--brand);width:var(--size);height:var(--size);flex-shrink:0;border-radius:50%;border:calc(var(--size) * .135) solid var(--color);display:flex;align-items:center;justify-content:center;color:var(--color)}.glyph{--size: 270px;display:block;width:var(--size);height:auto;flex-shrink:0;color:var(--brand)}.glyph path{fill:currentColor}.decor{position:absolute;z-index:0;pointer-events:none}.site-header,.page,.site-footer{position:relative}.site-header,.site-footer{z-index:2}.page>:not(.decor){position:relative;z-index:1}.site-header .wrap{max-width:calc(var(--wide) + 2 * var(--gutter));margin:0 auto;height:56px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:7px;text-decoration:none;font:800 20px/1 var(--display);letter-spacing:-.04em}.brand .mark{width:1.15em;height:1.15em;color:var(--brand)}.brand .mark path{fill:currentColor}.quiet-link{color:var(--muted);font-size:15px;font-weight:500;padding:10px 0;text-underline-offset:3px}.link-button{background:none;border:0;font-family:inherit;text-decoration:underline;cursor:pointer}.site-footer{display:flex;justify-content:center;align-items:center;gap:24px;padding:12px var(--gutter) 20px}.site-footer .quiet-link{font-size:var(--t-small)}.site-footer form{margin:0}.page{flex:1;overflow:hidden;display:flex;flex-direction:column;width:100%;max-width:calc(var(--measure) + 2 * var(--gutter));margin:0 auto;padding:24px var(--gutter) 20px}.stack{display:flex;flex-direction:column;gap:16px;flex:1}.title{margin:0;font:800 var(--t-title) / .95 var(--display);letter-spacing:var(--track-display);text-wrap:balance}.title.hero{font-size:var(--t-hero);max-width:4.6em}.lede{margin:0;font-size:var(--t-lede);font-weight:500;color:var(--soft)}.mono{font-family:var(--mono);font-variant-ligatures:none}.flash,.form-error{margin:0 0 4px;display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:var(--control);padding:0 20px;border:var(--edge) solid var(--ink);border-radius:0;background:var(--bg);color:var(--ink);font:700 18px/1 var(--font);text-decoration:none;cursor:pointer;transition:transform 80ms ease-out}.button:active{transform:translateY(1px)}.button.primary{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.button.ink{background:var(--ink);border-color:var(--ink);color:var(--bg)}.button.pill{min-height:64px;padding:0 34px;border-radius:999px;border-color:var(--on-brand);background:var(--on-brand);color:var(--stage);font:800 20px/1 var(--display);letter-spacing:-.02em;justify-content:center}.compose{flex:1;display:flex;flex-direction:column;gap:18px;margin:0}.compose .title{margin-bottom:20px}.secret-input{flex:1;min-height:200px;width:100%;padding:16px;border:var(--edge) solid var(--ink);border-radius:0;background:var(--bg);color:var(--ink);font-size:16px;line-height:1.5;resize:vertical}.secret-input::placeholder{color:var(--muted)}.actions{display:flex;flex-direction:column;gap:12px}.actions .button{width:100%}.shortcut{display:none}.how{margin-top:56px;padding-top:32px;border-top:1px solid var(--rule);display:flex;flex-direction:column;gap:24px}.how-title{margin:0;font:800 28px/1 var(--display);letter-spacing:var(--track-display)}.how-steps{margin:0;padding:0;list-style:none;display:grid;gap:28px}.how-steps li{display:grid;grid-template-columns:64px 1fr;grid-template-rows:auto 1fr;column-gap:18px;row-gap:4px;align-items:start}.how-steps .step-mark{--size: 64px;grid-row:span 2}.how-steps h3{margin:0;font:800 21px/1.15 var(--display);letter-spacing:-.02em}.how-steps p{margin:0;color:var(--soft);line-height:1.45}.how-name{margin:0;font-size:15px;color:var(--muted)}.selectable{margin:0;padding:18px;border:var(--edge) solid var(--ink);background:var(--bg);font-size:16px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.selectable.brand{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.selectable.brand::selection,.selectable.brand *::selection{background:var(--on-brand);color:var(--brand)}.copyable{display:flex;flex-direction:column;gap:8px}.copy-row{display:flex;flex-direction:column;gap:12px}.js-actions{display:flex;gap:12px}.js-actions[hidden],.js-actions [hidden]{display:none}.js-actions .button{flex:1}.select-hint{margin:0;font-size:var(--t-small);color:var(--muted)}.copy-ready .select-hint,.select-hint .pointer{display:none}@media (hover: hover) and (pointer: fine){.select-hint .touch{display:none}.select-hint .pointer{display:inline}}.disclosure summary{min-height:44px;display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:15px;cursor:pointer;list-style:none}.disclosure summary::-webkit-details-marker{display:none}.disclosure summary:before{content:"+";width:14px;font:800 20px/1 var(--display);color:var(--brand)}.disclosure[open] summary:before{content:"\2212"}.disclosure .selectable{border-color:var(--rule);background:var(--well);font-size:15px}.secondary-actions{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:16px}.secondary-actions .quiet-link{color:var(--ink);font-weight:600}.secondary-actions form{margin:0}.page-gate{--bg: var(--stage);--ink: #ffffff;--soft: #ffffff;--muted: rgba(255, 255, 255, .82);--focus: #ffffff;background:var(--stage)}.page-gate .brand .mark{color:#fff}.page-gate ::selection{background:#ffffff;color:var(--stage)}.gate{flex:1;margin:0;display:flex;flex-direction:column;gap:10px}.gate .stage{flex:1;display:flex;align-items:center;justify-content:center;padding:32px 0}.gate .ring{--size: min(290px, 74vw);--color: #ffffff}.page-gate .decor.ring{--color: rgba(255, 255, 255, .12)}.page-gate .variant-0{--size: 220px;top:-60px;right:-80px}.page-gate .variant-1{--size: 300px;bottom:-140px;left:-120px}.page-gate .variant-2{--size: 160px;top:38%;left:-90px}.gone{flex:1;gap:10px}.gone .gone-mark{--size: 130px;margin:12px 0 20px}.gone .bottom-action{margin-top:auto}.decor.compose-ring{--size: 210px;top:10px;right:-62px}.decor.created-ring{display:none}.decor.revealed-ring{--size: 220px;bottom:70px;right:-90px}.docs h2{margin:20px 0 0;font:800 24px/1.1 var(--display);letter-spacing:-.03em}.docs p{margin:0}.docs code{font-family:var(--mono);font-size:.9em}.code{margin:0;padding:14px 16px;background:var(--well);border-left:4px solid var(--brand);font-size:14px;line-height:1.55;overflow-x:auto}.code-label{font-size:var(--t-small);font-weight:600;color:var(--muted)}.errors{margin:0;display:grid;grid-template-columns:auto 1fr;gap:8px 16px}.errors dd{margin:0;color:var(--soft)}@media (min-width: 720px){:root{--t-hero: 72px;--t-title: 60px;--t-lede: 20px}.site-header .wrap{height:72px}.page{padding-top:56px;max-width:calc(var(--measure) + 2 * var(--gutter))}.stack,.compose{flex:0 0 auto;gap:20px}.secret-input{flex:0 0 auto;height:260px;font-size:17px}.actions{flex-direction:row;justify-content:flex-start;align-items:center;gap:16px}.actions .button{width:auto;min-width:240px}.shortcut:not([hidden]){display:inline-block;font:600 14px var(--font);color:var(--muted)}.how{margin-top:88px;padding-top:48px;gap:36px}.how-title{font-size:36px}.how-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.how-steps li{grid-template-columns:1fr;grid-template-rows:none;row-gap:8px}.how-steps .step-mark{--size: 88px;grid-row:auto;margin-bottom:12px}.copy-row{flex-direction:row;align-items:stretch}.copy-row .selectable{flex:1;min-width:0;font-size:17px}.js-actions{flex-direction:column}.js-actions .button{flex:0 0 auto;min-width:150px}.secondary-actions{margin-top:8px;justify-content:flex-start;gap:32px}.gate{align-items:center;text-align:center}.gate .ring{--size: 340px}.gone .bottom-action{margin-top:24px;align-self:flex-start;min-width:240px}.decor.compose-ring{--size: 230px;top:0;right:var(--gutter)}.decor.revealed-ring{--size: 200px;top:0;bottom:auto;right:var(--gutter)}.page-gate .page{max-width:none}.gate{width:100%;max-width:720px;margin:0 auto}}@media (min-width: 1100px){.page{max-width:calc(var(--wide) + 2 * var(--gutter))}.page>*{max-width:var(--measure)}.page-gate .page>*{max-width:none}.decor.compose-ring{--size: min(460px, 36vw);top:40px;right:var(--gutter)}.decor.created-ring{display:block;--size: min(400px, 32vw);top:60px;right:var(--gutter)}.decor.revealed-ring{--size: min(360px, 30vw);top:50px;bottom:auto;right:var(--gutter)}.page>.how{max-width:none}.page-gate .variant-0{--size: 420px;top:-140px;right:-100px}.page-gate .variant-1{--size: 560px;bottom:-260px;left:-180px}.page-gate .variant-2{--size: 300px;top:30%;left:-120px}}@media (prefers-reduced-motion: reduce){.button{transition:none}}
