@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:300;font-display:swap;src:url(/assets/source-serif-4-light-Dtps-nTS.woff2) format("woff2")}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 600;font-display:swap;src:url(/assets/instrument-sans-CCP4kVkA.woff2) format("woff2")}@font-face{font-family:Martian Mono;font-style:normal;font-weight:300 500;font-display:swap;src:url(/assets/martian-mono-CW4A0huf.woff2) format("woff2")}@font-face{font-family:Spectral;font-style:normal;font-weight:300;font-display:swap;src:url(/assets/spectral-latin-Csl9mA3s.woff2) format("woff2")}@font-face{font-family:Spectral;font-style:italic;font-weight:300;font-display:swap;src:url(/assets/spectral-italic-latin-naRpDz_b.woff2) format("woff2")}@font-face{font-family:Spectral;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/spectral-400-latin-CTVgUekv.woff2) format("woff2")}@font-face{font-family:Geist;font-style:normal;font-weight:400 500;font-display:swap;src:url(/assets/geist-latin-BGnTDqni.woff2) 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}@font-face{font-family:Geist;font-style:normal;font-weight:400 500;font-display:swap;src:url(/assets/geist-latin-ext-Dr5IBr7O.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/geist-mono-latin-BCiuQ2Xg.woff2) 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}@font-face{font-family:Geist Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/geist-mono-latin-ext-CCDHRFWI.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--ground: #f3f0e8;--plate: #e9e5da;--raised: #fbfaf6;--well: #fbfaf6;--ink: #191a17;--ink-2: #5c5a52;--ink-3: #706d65;--rule: #dad5c9;--line: #c9c3b6;--green: #1e4d3b;--green-press: #173d2f;--on-green: #f3f0e8;--green-tint: #dce3d6;--warn: #8a5a12;--alert: #9b2c22;--mark: #2e8b6a;--scrim: rgb(20 20 18 / .55);--object: 0 18px 40px -18px rgb(25 26 23 / .45), 0 2px 6px rgb(25 26 23 / .08);--object-shape: drop-shadow(0 14px 14px rgb(25 26 23 / .2)) drop-shadow(0 2px 3px rgb(25 26 23 / .08));--float: 0 12px 32px -12px rgb(25 26 23 / .25);--serif: "Source Serif 4", "Iowan Old Style", Georgia, serif;--sans: "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "Martian Mono", ui-monospace, "SF Mono", Menlo, monospace;--dim: #8f8a80;--gutter: 64px;--content: 1312px;--text: 560px;--section: 120px;--app-gutter: 32px;--nav: 76px;--bar: 60px;--bg: var(--ground);--surface: var(--plate);--muted: var(--ink-2);--faint: var(--ink-3);--accent: var(--green);--accent-deep: var(--green-press);--accent-soft: var(--green-tint);--on-accent: var(--on-green);--ok: var(--green);--font-body: "Geist";--font-mono: "Geist Mono";--font-display: "Spectral";--tint: color-mix(in srgb, var(--ink) 6%, transparent);--s: 13px;--m: 15px;--l: 19px;--t: 46px;--col: 720px;color-scheme:light}:root[data-theme=dark],:root[data-site]{--ground: #0e0d0b;--plate: #161512;--raised: #1b1a16;--well: #13120f;--ink: #efe9dd;--ink-2: #a39d91;--ink-3: #8a8479;--dim: #6f6a61;--rule: #262420;--line: #3a3832;--green: #7fd8b4;--green-press: #9be3c6;--on-green: #08110d;--green-tint: rgb(127 216 180 / .12);--warn: #e0b25e;--alert: #f08f80;--mark: #7fd8b4;--scrim: rgb(14 13 11 / .6);--object: 0 30px 60px -24px rgb(0 0 0 / .9), 0 2px 8px rgb(0 0 0 / .4);--object-shape: drop-shadow(0 18px 18px rgb(0 0 0 / .55)) drop-shadow(0 2px 3px rgb(0 0 0 / .35));--float: 0 16px 40px -12px rgb(0 0 0 / .8);--tint: color-mix(in srgb, var(--ink) 8%, transparent);color-scheme:dark}:root[data-theme=dark][data-editor]{--ground: #0a0a0b;--plate: #141416;--raised: #19191c;--ink: #f5f5f3;--ink-2: #a3a3a8;--ink-3: #87878d;--rule: #232326;--line: #303035;--green: #f5f5f3;--green-press: #ffffff;--on-green: #0a0a0b;--green-tint: rgb(255 255 255 / .08);--mark: #6fd3a8;--scrim: rgb(20 20 18 / .55);--serif: "Spectral", "Iowan Old Style", Georgia, serif;--sans: "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace}:root[data-editor]:not([data-theme=dark]){--serif: "Spectral", "Iowan Old Style", Georgia, serif;--sans: "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace}:root:not([data-editor]){scrollbar-gutter:stable}:root.held{overflow:hidden}*{box-sizing:border-box}html{background:var(--ground)}body{margin:0;background:var(--ground);font:400 17px / 1.55 var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}#root{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}p,h1,h2,h3,figure,blockquote{margin:0}h1{font:300 46px / 1.04 var(--serif);letter-spacing:-.01em}h2{font:300 28px / 1.15 var(--serif);letter-spacing:-.006em}h3{font:500 15px / 1.3 var(--sans);letter-spacing:-.005em}a{color:inherit;text-decoration:none}code,.mono{font:380 11.5px / 1.5 var(--mono);letter-spacing:.01em}button{font:inherit;color:inherit}img,video,canvas{display:block;max-width:100%}:focus-visible{outline:2px solid var(--green);outline-offset:2px;border-radius:4px}::selection{background:var(--green-tint);color:var(--ink)}fieldset{border:0;margin:0;padding:0;min-width:0}.h1{font:300 72px / 1.02 var(--serif);letter-spacing:-.012em;text-wrap:balance}.h2{font:300 46px / 1.06 var(--serif);letter-spacing:-.008em;text-wrap:balance}.h3{font:300 28px / 1.15 var(--serif);letter-spacing:-.006em}.title{font:300 46px / 1.04 var(--serif);letter-spacing:-.01em;overflow-wrap:anywhere}.said{font:400 16px / 1.5 var(--sans);color:var(--ink);text-wrap:pretty}.lede{max-width:34em;font:400 17px / 1.55 var(--sans);color:var(--ink-2);text-wrap:pretty}.note,.quiet{font:400 14px / 1.45 var(--sans);color:var(--ink-3)}.label{font:500 13px / 1.3 var(--sans);color:var(--ink-2)}.meta{font:380 11.5px / 1.5 var(--mono);letter-spacing:.01em;color:var(--ink-3);font-variant-numeric:tabular-nums}.problem{font-size:14px;line-height:1.45;color:var(--alert)}.center{padding:96px 0;text-align:center}.grow{flex:1}[aria-live]:empty{display:none}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 20px;border:0;border-radius:8px;background:transparent;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);font:520 15px / 1 var(--sans);letter-spacing:-.005em;white-space:nowrap;cursor:pointer;user-select:none;-webkit-user-select:none;transition:background-color .15s ease,box-shadow .15s ease,color .15s ease}.btn:hover{box-shadow:inset 0 0 0 1px var(--ink)}.btn:active{transform:scale(.97)}.btn:focus-visible{border-radius:8px}.btn:disabled{color:var(--ink-3);box-shadow:inset 0 0 0 1px var(--rule);cursor:default;transform:none}.btn.primary{background:var(--green);box-shadow:none;color:var(--on-green)}.btn.primary:hover{background:var(--green-press)}.btn.primary:disabled{background:var(--plate);color:var(--ink-2)}.btn.soft{background:var(--plate);box-shadow:none;color:var(--ink)}.btn.soft:hover{background:var(--raised);box-shadow:inset 0 0 0 1px var(--line)}.btn.small{height:36px;padding:0 16px}.btn.big{height:42px;padding:0 20px}.btn.wide{width:100%}.btn svg{flex:none}.icon{display:grid;place-items:center;flex:none;width:36px;height:36px;padding:0;border:0;border-radius:999px;background:transparent;color:var(--ink-2);cursor:pointer;transition:background-color .15s ease,color .15s ease}.icon:hover{background:var(--tint);color:var(--ink)}.icon:active{transform:scale(.94)}.icon:focus-visible{border-radius:999px}.chip{position:relative;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:1px solid var(--rule);border-radius:7px;background:transparent;color:var(--ink-2);font:400 14px / 1 var(--sans);white-space:nowrap;cursor:pointer;transition:border-color .15s ease,color .15s ease}.chip:hover,.chip[aria-expanded=true]{border-color:var(--line);color:var(--ink)}.chip:active{transform:scale(.97)}.chip:focus-visible{border-radius:7px}.chip:disabled{color:var(--ink-3);cursor:default;transform:none}.chip.round{width:32px;padding:0;justify-content:center}.chip .caret{flex:none;opacity:.75}.chip .chosen{max-width:22ch;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}.link{padding:0;border:0;background:none;font:inherit;color:var(--ink);cursor:pointer;text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:color-mix(in srgb,currentColor 40%,transparent);text-underline-offset:4px;transition:text-decoration-color .15s ease,color .15s ease}.link:hover{text-decoration-color:currentColor}.link:disabled{color:var(--ink-3);cursor:default}.link.quiet{color:var(--ink-2)}.link.quiet:hover{color:var(--ink)}.link.danger{color:var(--alert)}.more{align-self:baseline;font:400 15px / 1 var(--sans);color:var(--ink);border-bottom:1px solid currentColor;padding-bottom:3px;white-space:nowrap;transition:color .15s ease}.more:hover{color:var(--ink-2)}.field{display:grid;gap:8px}.field-label{font:500 13px / 1.3 var(--sans);color:var(--ink-2)}.hint{font:400 14px / 1.45 var(--sans);color:var(--ink-3)}.row{display:flex;gap:8px;align-items:center}.row.spread{justify-content:space-between}.actions{display:flex;gap:8px;flex-wrap:wrap;padding-top:8px}.inline{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--ink-2)}input[type=text],input[type=email],input[type=password],input[type=number],input[type=search]{height:44px;width:100%;padding:0 14px;border:1px solid var(--rule);border-radius:8px;background:var(--raised);color:var(--ink);font:400 16px / 1 var(--sans);transition:border-color .15s ease}input::placeholder,textarea::placeholder{color:var(--ink-3);opacity:1}input:hover{border-color:var(--line)}input:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 1px var(--green)}input:disabled{color:var(--ink-3);border-color:var(--rule);background:transparent}select{height:36px;max-width:100%;padding:0 34px 0 14px;border:1px solid var(--rule);border-radius:8px;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath d='M2 3.5l3 3 3-3' fill='none' stroke='%235c5a52' stroke-width='1.3'/%3E%3C/svg%3E") no-repeat right 14px center;color:var(--ink);font:400 14px / 1 var(--sans);appearance:none;-webkit-appearance:none;cursor:pointer;transition:border-color .15s ease}:root[data-theme=dark] select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath d='M2 3.5l3 3 3-3' fill='none' stroke='%23a69f92' stroke-width='1.3'/%3E%3C/svg%3E")}select:hover{border-color:var(--line)}select:focus-visible{border-radius:8px}select:disabled{color:var(--ink-3);cursor:default}select option{background:var(--raised);color:var(--ink)}input[type=range]{appearance:none;width:100%;height:28px;margin:0;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:4px;background:var(--rule);border-radius:2px}input[type=range]::-moz-range-track{height:4px;background:var(--rule);border-radius:2px}input[type=range]::-webkit-slider-thumb{appearance:none;width:16px;height:16px;margin-top:-6px;border-radius:50%;background:var(--raised);box-shadow:0 0 0 1px var(--line)}input[type=range]::-moz-range-thumb{width:16px;height:16px;border:0;border-radius:50%;background:var(--raised);box-shadow:0 0 0 1px var(--line)}input[type=range]:focus{outline:none}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--green)}input.hue::-webkit-slider-runnable-track{height:8px;border-radius:4px;background:linear-gradient(to right in oklch longer hue,#d35182,#d35184)}input.hue::-moz-range-track{height:8px;border-radius:4px;background:linear-gradient(to right in oklch longer hue,#d35182,#d35184)}input.hue::-webkit-slider-thumb{margin-top:-4px}.choice{display:inline-flex;flex-wrap:wrap;gap:2px;padding:2px;border-radius:9px;background:var(--plate);max-width:100%}.choice button{height:30px;padding:0 12px;border:0;border-radius:7px;background:none;font:400 14px / 1 var(--sans);color:var(--ink-2);cursor:pointer;white-space:nowrap;transition:color .15s ease,background-color .15s ease}.choice button:hover{color:var(--ink)}.choice button.on{background:var(--raised);box-shadow:inset 0 0 0 1px var(--rule);color:var(--ink)}.choice button:disabled{cursor:default;color:var(--ink-3)}.choice button.on:disabled{color:var(--ink-2)}.choice button:focus-visible{border-radius:7px}.tabs{display:flex;gap:28px;border-bottom:1px solid var(--rule);overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{position:relative;flex:none;height:44px;padding:0;border:0;background:none;font:400 15px / 1 var(--sans);color:var(--ink-2);cursor:pointer;transition:color .15s ease}.tabs button:hover,.tabs button.on{color:var(--ink)}.tabs button.on:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--ink)}.switch{display:inline-flex;flex:none;width:40px;height:24px;padding:3px;border:0;border-radius:12px;background:var(--rule);cursor:pointer;transition:background-color .15s ease}.switch span{width:18px;height:18px;border-radius:50%;background:var(--raised)}.switch[aria-checked=true]{background:var(--green);justify-content:flex-end}.switch[aria-checked=true] span{background:var(--on-green)}.switch:focus-visible{border-radius:12px}.notice{padding:12px 16px;border-radius:12px;background:var(--plate);font:400 15px / 1.5 var(--sans);color:var(--ink)}.notice.ok{background:var(--green-tint)}.notice.problem{padding:0;background:none;font-size:14px;color:var(--alert)}.notice.credits,div.notice{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px}.notice.credits>p,div.notice>p{flex:1 1 22em;max-width:46em}.get-credits{display:inline-flex;flex-wrap:wrap;align-items:center;gap:10px 18px}.get-credits .link{font-size:14px}.get-credits .problem{flex-basis:100%}.menu{position:relative;flex:none}.menu-list,.pop{position:absolute;z-index:30;top:calc(100% + 6px);right:0;display:grid;min-width:200px;padding:6px;border:1px solid var(--rule);border-radius:12px;background:var(--raised);box-shadow:var(--float)}.pop.start{left:0;right:auto}.menu-list button,.menu-list a,.pop [role=option]{display:flex;align-items:center;gap:10px;min-height:36px;padding:0 12px;border:0;border-radius:8px;background:none;font:400 15px / 1.2 var(--sans);color:var(--ink);text-align:left;white-space:nowrap;cursor:pointer}.menu-list button:hover,.menu-list a:hover,.pop [role=option]:hover,.pop [role=option]:focus-visible{background:var(--tint);outline:none}.menu-list button.danger{color:var(--alert)}.menu-list .who{display:grid;gap:2px;padding:8px 12px 10px;margin-bottom:4px;border-bottom:1px solid var(--rule)}.menu-list .who span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px}.pop [role=option] .tick{width:14px;flex:none;color:var(--green);visibility:hidden}.pop [role=option][aria-selected=true] .tick{visibility:visible}.facts{display:grid;margin:0;border-top:1px solid var(--rule)}.facts>div{display:grid;grid-template-columns:minmax(0,13rem) minmax(0,1fr);column-gap:24px;padding:16px 0;border-bottom:1px solid var(--rule)}.facts dt{font:500 15px / 1.5 var(--sans);color:var(--ink)}.facts dd{margin:0;max-width:46em;font:400 15px / 1.5 var(--sans);color:var(--ink-2);overflow-wrap:anywhere}.facts dd .link{color:var(--ink)}.list{list-style:none;margin:0;padding:0;display:grid;border-top:1px solid var(--rule)}.list li{display:flex;gap:16px;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--rule);font-size:15px}.list li>:first-child{flex:1;min-width:0;text-align:left;overflow-wrap:anywhere}.keybox{display:grid;gap:4px;padding:12px 16px;background:var(--plate);border-radius:12px;overflow-wrap:anywhere}.keybox .quiet{color:var(--ink-2)}.rows{list-style:none;margin:0;padding:0;display:grid;border-top:1px solid var(--rule)}.rows li{display:flex;align-items:center;gap:8px 24px;min-height:56px;padding:10px 0;border-bottom:1px solid var(--rule);font-size:15px}.row-name{flex:0 0 13rem;font-weight:500}.rows .quiet{flex:1}.row-value{font-variant-numeric:tabular-nums}.table-wrap{overflow-x:auto}.table{width:100%;margin:0;border-collapse:collapse;font-size:15px}.table th{padding:10px 0;border-bottom:1px solid var(--rule);font:500 13px / 1.3 var(--sans);color:var(--ink-2);text-align:left;white-space:nowrap}.table td{padding:12px 0;border-bottom:1px solid var(--rule)}.table .num{text-align:right;font-variant-numeric:tabular-nums;padding-left:24px}.ground,.plate{position:relative;background:var(--plate);border-radius:4px}.picture{position:relative;display:block;min-width:0;border-radius:inherit}.picture canvas{display:block;width:100%;height:100%;border-radius:inherit}.picture.waiting canvas{visibility:hidden}.picture-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}.picture-toggle{position:absolute;left:12px;bottom:12px;display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:var(--scrim);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f3f0e8;cursor:pointer}.picture-toggle:active{transform:scale(.94)}.thumb{display:block;border-radius:3px;filter:var(--object-shape)}.thumb.blank{background:var(--rule);filter:none}.tiles{container-type:inline-size;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:48px 24px}.tiles>*{min-width:0}.s4{grid-column:span 4}.s6{grid-column:span 6}.s8{grid-column:span 8}.s12{grid-column:1 / -1}.tile{display:grid;align-content:start}.tile>.plate{container-type:size;display:grid;place-items:center;overflow:hidden}.tile.beside>.plate{height:calc(((100cqw - 11 * 24px) / 12 * 8 + 7 * 24px) * 9 / 16)}.tile.square>.plate{aspect-ratio:1}.tile.wide>.plate{aspect-ratio:16 / 9}.tile.wide-3>.plate{aspect-ratio:3 / 2}.tile figcaption,.tile .caption{display:grid;gap:6px;padding-top:16px;min-width:0}.tile-name{font:500 15px / 1.3 var(--sans);letter-spacing:-.005em;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile .said{font-size:16px;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tile .meta{margin-top:2px}.plate-open{position:absolute;inset:0;z-index:1;width:100%;height:100%;padding:0;border:0;border-radius:inherit;background:none;cursor:pointer}.plate-open:focus-visible{border-radius:4px;outline-offset:3px}.plate:has(.plate-open:active) .demo-media{transform:scale(.985)}.demo-media{position:relative;display:block;min-width:0;aspect-ratio:var(--ar)}.demo-media .picture{width:100%;height:100%}.demo-film{display:block;width:100%;height:100%;object-fit:cover;background:var(--plate);border-radius:inherit}.demo-media.fill{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;border-radius:4px;overflow:hidden}.demo-media.stand{width:min(84cqw,86cqh * var(--ar));border-radius:3px;box-shadow:var(--object)}.demo-media.stand .demo-film,.demo-media.stand .picture{border-radius:3px}.demo-media.sheet{width:min(84cqw,80cqh * var(--ar));border-radius:3px;box-shadow:var(--object)}.demo-media.bare{width:min(64cqw,64cqh * var(--ar))}.sound{position:absolute;z-index:2;left:16px;bottom:16px;display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px 0 12px;border:0;border-radius:6px;background:var(--scrim);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f3f0e8;font:500 13px / 1 var(--sans);white-space:nowrap;cursor:pointer;transition:background-color .15s ease}.sound:hover{background:#141412b3}.sound:active{transform:scale(.97)}.sound:focus-visible{border-radius:6px;outline-color:#f3f0e8}.sound svg{width:12px;height:12px}.demo-media.stand .sound{left:10px;bottom:10px;height:30px;padding:0 12px 0 10px}dialog.demo{width:min(1080px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 48px);padding:0;border:1px solid var(--line);border-radius:10px;background:var(--raised);color:var(--ink);box-shadow:var(--float);overflow:auto;overscroll-behavior:contain}dialog.demo:has(.beside){width:min(980px,calc(100vw - 48px))}dialog.demo::backdrop{background:#14141273}:root[data-theme=dark] dialog.demo::backdrop{background:#000000a6}.demo-sheet{position:relative;display:grid}.demo-sheet.beside{grid-template-columns:minmax(0,1fr) 380px}.demo-close{position:absolute;z-index:3;top:12px;right:12px;background:var(--raised)}.demo-stage{display:grid;place-items:center;min-width:0;padding:32px;background:var(--plate)}.demo-stage>*{width:min(100%,calc(min(54dvh,560px) * var(--ar)))}.demo-sheet.beside .demo-stage>*{width:min(100%,calc(min(72dvh,680px) * var(--ar)))}.demo-stage .demo-film{border-radius:2px;box-shadow:var(--object)}.demo-stage .is-sheet{border-radius:3px;box-shadow:var(--object)}.demo-words{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-template-areas:"title took" "request took" "note note" "steps steps";gap:16px 48px;align-content:start;min-width:0;padding:28px 32px 24px}.demo-sheet.beside .demo-words{grid-template-columns:minmax(0,1fr);grid-template-areas:"title" "request" "took" "note" "steps";gap:24px;padding:32px 32px 24px}.demo-title{grid-area:title;font:300 28px / 1.15 var(--serif);letter-spacing:-.012em}.demo-sheet.beside .demo-title{padding-right:40px}.demo-request{grid-area:request;display:grid;gap:12px;justify-items:start;align-content:start;max-width:62ch}.demo-request .label{font:350 10.5px / 1.5 var(--mono);letter-spacing:.01em;color:var(--ink-3)}.demo-request blockquote{justify-self:stretch;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--well, var(--plate));font:400 17px / 1.5 var(--sans);color:var(--ink);text-wrap:pretty;user-select:text}.took{grid-area:took;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px;align-content:start;margin:0;padding-top:4px}.took dt{font:350 10.5px / 1.5 var(--mono);letter-spacing:.01em;color:var(--ink-3)}.took dd{margin:2px 0 0;font:400 15px / 1.4 var(--sans);color:var(--ink);font-variant-numeric:tabular-nums}.demo-note{grid-area:note}.demo-steps{grid-area:steps;display:flex;align-items:center;gap:8px;padding-top:16px;border-top:1px solid var(--rule)}.demo-steps .meta{margin-left:4px}.step{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:8px;background:none;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);cursor:pointer;transition:box-shadow .15s ease}.step:hover{box-shadow:inset 0 0 0 1px var(--ink)}.step:active{transform:scale(.94)}.step:focus-visible{border-radius:8px}.bar{position:relative;display:flex;align-items:center;gap:28px;height:var(--bar);padding:0 max(var(--app-gutter),calc((100% - var(--content) - 64px) / 2));border-bottom:1px solid var(--rule)}.wordmark{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font:500 17px / 1 var(--sans);letter-spacing:-.01em;white-space:nowrap}.wordmark svg{flex:none}.bar .wordmark{font-size:16px;gap:9px}.places{display:flex;align-self:stretch;gap:24px}.places a{position:relative;display:flex;align-items:center;font:400 15px / 1 var(--sans);color:var(--ink-2);white-space:nowrap;transition:color .15s ease}.places a:hover,.places a.here{color:var(--ink)}.places a.here:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--ink)}.places a:focus-visible{outline-offset:-2px}.bar-end{display:flex;align-items:center;gap:16px;margin-left:auto}.meter{display:inline-flex;align-items:center;gap:5px;font:400 14px / 1 var(--sans);color:var(--ink-2);white-space:nowrap;transition:color .15s ease}.meter:hover,.meter.here{color:var(--ink)}.meter .n{font-variant-numeric:tabular-nums}.meter-bar{width:72px;height:4px;margin-left:9px;border-radius:2px;background:var(--plate);overflow:hidden}:root[data-theme=dark] .meter-bar{background:var(--line)}.meter-bar span{display:block;height:100%;border-radius:2px;background:var(--green)}.meter-bar .near,.bar-track .near{background:var(--warn)}.meter-bar .out,.bar-track .out{background:var(--alert)}.meter.buy{padding:0 12px;height:30px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink)}.meter.buy:hover{box-shadow:inset 0 0 0 1px var(--ink)}.who-button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:var(--plate);color:var(--ink);font:500 13px / 1 var(--sans);cursor:pointer;transition:box-shadow .15s ease}.who-button:hover,.who-button[aria-expanded=true]{box-shadow:inset 0 0 0 1px var(--line)}.who-button:focus-visible{border-radius:50%}.made{display:grid;gap:8px;width:calc(100% - 2 * var(--app-gutter));max-width:calc(var(--content) + 64px);margin:16px auto 0;padding:12px 16px;border-radius:12px;background:var(--green-tint);font:400 15px / 1.45 var(--sans)}.made-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px}.made-line>:first-child{flex:1;min-width:200px}.made .quiet{color:var(--ink-2)}.made-notice{display:grid;gap:4px;padding:8px 12px;border-left:3px solid var(--warn);border-radius:0 8px 8px 0;background:color-mix(in srgb,var(--warn) 12%,transparent);color:var(--ink);font-weight:500}.made.over{position:fixed;z-index:40;top:64px;left:50%;transform:translate(-50%);width:max-content;max-width:min(720px,calc(100vw - 32px));max-height:calc(100vh - 80px);overflow:auto;margin:0;border:1px solid var(--rule);box-shadow:var(--float)}main{flex:1;padding:0 var(--app-gutter) 120px}main.bare{padding:0}.page{display:grid;gap:48px;align-content:start;width:100%;max-width:calc(var(--content) + 64px);margin:0 auto;padding-top:48px}.page>*{min-width:0}.page section{display:grid;gap:16px;align-content:start}.head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px 24px;flex-wrap:wrap}.head .row{flex-wrap:wrap}.head-words{display:grid;gap:12px;min-width:0;flex:1}.head-words .meta{margin-top:2px}.name-input{height:36px;width:min(100%,420px);padding:0 8px;margin:-4px 0 -4px -9px;font-size:15px;font-weight:500}.head-words .name-input{height:54px;margin:-4px 0 -4px -13px;padding:0 12px;font:300 46px / 1 var(--serif);letter-spacing:-.022em;width:min(100%,720px)}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.next{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px}.next .more{align-self:center}.empty{display:grid;gap:24px;justify-items:start;padding:8px 0 72px;max-width:var(--text)}.prompt{position:relative;display:grid;gap:12px;padding:18px 18px 14px;border:1px solid var(--rule);border-radius:18px;background:var(--raised);transition:border-color .15s ease}.prompt:focus-within{border-color:var(--line)}.prompt:has(textarea:focus-visible){border-color:var(--ink-3)}.prompt textarea{display:block;width:100%;min-height:78px;max-height:44vh;padding:0;border:0;outline:none;resize:none;background:transparent;color:var(--ink);font:400 17px / 1.5 var(--sans)}.prompt textarea:disabled{color:var(--ink-2)}.prompt.compact{padding:16px 16px 12px}.prompt.compact textarea{min-height:52px}.prompt-limit{margin-top:-6px;font:400 12.5px / 1.4 var(--mono);color:var(--ink-3)}.prompt-limit.full{color:var(--alert)}.prompt-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-height:36px}.prompt-row .btn{margin-left:auto}.prompt-line{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;column-gap:16px}.prompt-label{font:500 13px / 1.3 var(--sans);color:var(--ink-2)}.prompt-line select{justify-self:start}.prompt-options{display:grid;gap:14px;padding:16px 0 4px;border-top:1px solid var(--rule)}.prompt-options .prompt-line:has(.prompt-value){align-items:start}.prompt-options .prompt-line:has(.prompt-value) .prompt-label{line-height:34px}.prompt-value{display:grid;gap:8px;justify-items:start}.prompt-value .quiet{max-width:60ch}.prompt-working{display:grid;gap:2px;min-height:36px}.prompt-working p:first-child{font-size:15px}.prompt-working .meta{margin-left:6px}.prompt-working .prompt-stop{margin-left:12px;font-size:14px}.attached{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 16px;font-size:14px}.attached li{display:flex;gap:8px;align-items:baseline}.attached li.problem .quiet{color:var(--alert)}.attached-name{max-width:28ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page.create{gap:0}.create-head{display:grid;grid-template-columns:minmax(0,720px);gap:24px;padding-bottom:96px}.create-head .note{padding-left:2px}.recent{gap:24px;padding-top:48px;border-top:1px solid var(--rule)}.project-tile{display:grid;align-content:start;min-width:0}.project-tile>.plate{container-type:size;display:flex;align-items:center;justify-content:center;gap:16px;aspect-ratio:3 / 2;overflow:hidden}.project-tile .thumb{flex:none;height:min(64cqh,calc((80cqw - (var(--n) - 1) * 16px) / var(--sum)));width:auto}.project-tile .plate.none{color:var(--ink-2);font-size:14px}.project-tile .caption{display:grid;gap:4px;padding-top:16px;min-width:0}.project-tile:hover .tile-name{text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:var(--ink-3);text-underline-offset:4px}.project-tile:active .thumb{transform:scale(.985)}.project-tile:focus-visible{outline:none}.project-tile:focus-visible .plate{outline:2px solid var(--green);outline-offset:3px}.asked{display:grid;gap:8px;max-width:720px}.asked .said{font-size:19px}.design{display:grid;align-content:start;min-width:0}.design>*{min-width:0}.design-open{container-type:size;display:grid;place-items:center;aspect-ratio:1}.design-open .thumb{width:min(80cqw,calc(80cqh * var(--ar, 1.78)));height:auto}.design-open:active .thumb{transform:scale(.985)}.design-open:focus-visible{border-radius:4px;outline-offset:3px}.design figcaption{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding-top:16px}.design-words{display:grid;gap:4px;min-width:0}.design-title{font:500 15px / 1.3 var(--sans);color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.design-title:hover{text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:var(--ink-3);text-underline-offset:4px}.design .icon{width:32px;height:32px;margin:-6px -6px 0 0}.add{display:grid;grid-template-columns:minmax(0,720px);gap:20px;padding-top:48px;border-top:1px solid var(--rule)}.add-words{display:grid;gap:8px}.page.settings{gap:48px}.page.settings>*{max-width:880px}.settings-head{gap:32px}.sheet{display:grid;gap:64px}.sheet section{gap:0}.sheet h2{margin:0 0 8px}.sheet section>.quiet{max-width:600px;margin-bottom:8px}.sheet .facts,.sheet .list,.sheet .table,.sheet .keybox,.sheet form.row{margin-top:16px}.sheet .actions{padding-top:24px}.setting{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 48px;padding:18px 0;border-bottom:1px solid var(--rule)}.sheet h2+.setting,.sheet .quiet+.setting{border-top:1px solid var(--rule);margin-top:16px}.setting-words{display:grid;gap:4px;max-width:460px}.setting-words .field-label{font:500 15px / 1.4 var(--sans);color:var(--ink)}.setting-control{justify-self:end}.setting-control input[type=text]{width:260px}.range-row{display:flex;align-items:center;gap:12px;width:260px}.range-row .meta{min-width:2ch;text-align:right;color:var(--ink-2)}.plans-wrap{display:grid;gap:20px}.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.plans.two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:880px}.plans-all{max-width:64em;font:400 14px / 1.5 var(--sans);color:var(--ink-3)}.plans-part-app{display:grid;gap:24px;scroll-margin-top:24px}.page>.plans-part-app{padding-top:48px;border-top:1px solid var(--rule)}.plan{display:grid;gap:16px;align-content:start;justify-items:start;padding:26px 26px 28px;border:1px solid rgb(255 255 255 / .07);border-radius:20px;background:var(--plate)}:root:not([data-theme=dark]) .plan{border-color:var(--rule)}.plan.current{border-color:var(--green)}.plan.featured{position:relative;border-color:var(--mark)}.plan-pill{position:absolute;top:-13px;left:24px;padding:6px 11px;border-radius:999px;background:var(--mark);font:500 12.5px / 1 var(--sans);color:#0a0a0b}.plan-list li:before{content:"✓";margin-right:10px;color:var(--mark)}.plan h3{font:300 28px / 1.15 var(--serif);letter-spacing:-.012em}.plan-price{display:flex;align-items:baseline;gap:8px}.price{font:300 48px / 1 var(--serif);letter-spacing:-.022em;font-variant-numeric:lining-nums}.plan-list{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:8px;font-size:15px;color:var(--ink-2)}.plan-list li:first-child{color:var(--ink)}.plan-foot{min-height:42px;display:flex;align-items:center}.standing{display:grid;gap:16px}.standing-line{font:400 19px / 1.5 var(--sans);max-width:720px}.used{display:grid;gap:12px;font-size:15px}.bar-track{max-width:480px;height:6px;border-radius:3px;background:var(--plate);overflow:hidden}:root[data-theme=dark] .bar-track{background:var(--line)}.bar-track span{display:block;height:100%;border-radius:3px;background:var(--green)}.extra{scroll-margin-top:24px}.page>.extra,.page>.makes,.page>.notes{padding-top:48px;border-top:1px solid var(--rule)}.extra-words{max-width:720px;font-size:15px;color:var(--ink-2)}.bought{max-width:480px}.makes .table-wrap{max-width:880px}.makes .quiet{max-width:86ch}.stage{display:grid;gap:12px}.stage-canvas{display:block;width:100%;height:auto;border-radius:14px;background:var(--plate)}.transport{display:flex;align-items:center;gap:12px}.time{font:400 12.5px / 1 var(--mono);color:var(--ink-2);min-width:108px;text-align:right;font-variant-numeric:tabular-nums}.diagnostics{list-style:none;margin:0;padding:0;display:grid;gap:6px;max-height:30vh;overflow:auto;font-size:14px}.diagnostics li{display:grid;grid-template-columns:8px 28px 1fr;gap:8px;align-items:baseline;color:var(--ink-2)}.diagnostics li.error{color:var(--ink)}.diagnostics .dot{width:6px;height:6px;border-radius:50%;background:var(--warn);transform:translateY(-1px)}.diagnostics .error .dot{background:var(--alert)}.diagnostics .where{font-family:var(--mono);color:var(--ink-3);text-align:right}.new-version{position:fixed;left:16px;bottom:16px;z-index:1000;margin:0;display:flex;gap:12px;align-items:baseline;padding:12px 16px;border:1px solid var(--rule);border-radius:12px;background:var(--raised);box-shadow:var(--float);color:var(--ink);font-size:14px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}@media(max-width:1100px){.demo-sheet.beside{grid-template-columns:minmax(0,1fr) 340px}.demo-words{grid-template-columns:minmax(0,1fr) 240px;column-gap:32px}.tiles .s4{grid-column:span 6}.tiles .s8{grid-column:1 / -1}.tile.beside>.plate{height:auto;aspect-ratio:1}.tiles .s8.beside>.plate{aspect-ratio:16 / 9}}@media(max-width:760px){:root{--gutter: 16px;--app-gutter: 16px;--section: 72px;--bar: 56px}body{font-size:16px}.h1{font-size:48px;line-height:1;letter-spacing:-.025em}.h2{font-size:34px}.title,h1{font-size:38px}.lede{font-size:17px}main{padding-bottom:72px}.bar{flex-wrap:wrap;height:auto;gap:0 16px;padding-top:12px}.bar .wordmark{height:32px}.places{order:5;width:calc(100% + 2 * var(--app-gutter));height:44px;margin:8px calc(-1 * var(--app-gutter)) 0;padding:0 var(--app-gutter);gap:22px;overflow-x:auto;scrollbar-width:none}.places::-webkit-scrollbar{display:none}.tabs{gap:22px;mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent)}.meter-bar{display:none}.page{padding-top:32px;gap:40px}.head{align-items:flex-start}.head-words .name-input{font-size:38px;height:46px}.create-head{padding-bottom:64px}.prompt{padding:16px 16px 12px;border-radius:16px}.prompt textarea{min-height:96px;font-size:16px}.prompt.compact textarea{min-height:52px}.prompt-line{grid-template-columns:52px minmax(0,1fr);column-gap:12px}.chip{padding:0 11px;font-size:13.5px}.chip.round{padding:0}.tiles{grid-template-columns:minmax(0,1fr);gap:40px}.tiles>*,.tiles .s4,.tiles .s6,.tiles .s8{grid-column:auto}.tile.beside>.plate,.tile.square>.plate{height:auto;aspect-ratio:1}.tiles .s8.beside>.plate,.tile.wide>.plate{aspect-ratio:16 / 9}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 12px}.makes .table-wrap{overflow:visible}.makes .table thead{display:none}.makes .table tr{display:block;padding:12px 0 10px;border-bottom:1px solid var(--rule)}.makes .table td{display:flex;justify-content:space-between;gap:16px;padding:3px 0;border:0}.makes .table td:first-child{padding-bottom:6px;font-weight:500}.makes .table td.num{padding-left:0}.makes .table td.num:before{content:attr(data-label);color:var(--ink-2);font-size:14px;text-align:left}.project-grid>*{grid-column:auto}.recent .project-grid>:nth-child(3):last-child{display:none}.facts>div{grid-template-columns:minmax(0,1fr);row-gap:4px}.rows li{flex-wrap:wrap}.row-name{flex-basis:100%}.plans,.plans.two{grid-template-columns:minmax(0,1fr);gap:40px}.setting{grid-template-columns:minmax(0,1fr);padding:16px 0}.setting-control{justify-self:start}.setting-control input[type=text],.range-row{width:min(100%,320px)}dialog.demo,dialog.demo:has(.beside){width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:16px}.demo-sheet.beside{grid-template-columns:minmax(0,1fr)}.demo-stage{padding:60px 16px 24px}.demo-stage>*,.demo-sheet.beside .demo-stage>*{width:min(100%,calc(50dvh * var(--ar)))}.demo-words,.demo-sheet.beside .demo-words{grid-template-columns:minmax(0,1fr);grid-template-areas:"title" "request" "took" "note" "steps";gap:20px;padding:24px 20px 20px}.demo-title{font-size:24px}.demo-request blockquote{font-size:17px}.took{grid-template-columns:repeat(2,minmax(0,1fr))}}:root[data-site]{--edge: 40px;--gut: 24px;--wide: 1520px}:root[data-site] body{font-size:15.5px;line-height:1.55}:root[data-site] .mono,:root[data-site] .meta{font-size:10.5px;font-weight:350}:root[data-site] .h1,:root[data-site] .missing .h2{font-variation-settings:"opsz" 60}:root[data-site] .h2,:root[data-site] .h3,:root[data-site] .price{font-variation-settings:"opsz" 48}.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut);width:100%;max-width:calc(var(--wide) + 2 * var(--edge));margin-inline:auto;padding-inline:var(--edge)}.skip{position:fixed;z-index:100;left:12px;top:12px;padding:10px 14px;border-radius:8px;background:var(--green);color:var(--on-green);font:520 14px / 1 var(--sans);transform:translateY(-200%)}.skip:focus{transform:none}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font:560 16.5px / 1 var(--sans);letter-spacing:-.005em;white-space:nowrap}.brand svg{flex:none}.menu-b{display:none;align-items:center;gap:8px;height:34px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:none;color:var(--ink);font:400 14px / 1 var(--sans);cursor:pointer;transition:border-color .15s ease}.menu-b:hover{border-color:var(--ink-3)}.menu-b i{width:12px;height:7px;border-top:1.5px solid currentColor;border-bottom:1.5px solid currentColor}.menu-b:focus-visible{border-radius:8px}.rest{position:absolute;z-index:5;top:0;left:0;right:0}.rest .grid{height:72px;align-items:center}.rest .brand{grid-column:1 / 4;justify-self:start}.rest-nav{grid-column:5 / 9;display:flex;gap:30px}.rest-nav a,.rest-in{font:400 14.5px / 1 var(--sans);color:var(--ink-2);transition:color .15s ease}.rest-nav a:hover,.rest-in:hover{color:var(--ink)}.rest-end{grid-column:9 / 13;display:flex;justify-content:flex-end;align-items:center;gap:26px}.rest .start{display:inline-flex;align-items:center;gap:10px;height:36px;padding:0 14px;border:1px solid var(--line);border-radius:8px;color:var(--ink);font:520 14px / 1 var(--sans);transition:border-color .15s ease}.rest .start:hover{border-color:var(--ink-3)}.rest .start span{font-weight:400;color:var(--ink-2)}.rest .start i{width:6px;height:6px;border-radius:50%;background:var(--green)}.rest .start:focus-visible{border-radius:8px}.bar-s{position:sticky;z-index:20;top:0;background:var(--ground);border-bottom:1px solid var(--rule)}.bar-s .grid{height:60px;align-items:center}.bar-s.float{position:fixed;left:0;right:0;transform:translateY(-101%);transition:transform .22s cubic-bezier(.16,1,.3,1)}.bar-s.float.shown{transform:none}.bar-s .brand{grid-column:1 / 3;justify-self:start;font-size:15.5px}.bar-gap{grid-column:3 / 10}.bar-nav{grid-column:10 / 13;display:flex;justify-content:flex-end;gap:22px}.bar-nav a{font:400 14px / 1 var(--sans);color:var(--ink-2);white-space:nowrap;transition:color .15s ease}.bar-nav a:hover,.bar-nav a.here{color:var(--ink)}.bar-nav .bar-in{padding-left:22px;border-left:1px solid var(--rule)}.bar-s .menu-b{grid-column:12 / 13;justify-self:end}.ask{grid-column:4 / 10;display:flex;align-items:center;height:40px;padding:0 4px 0 14px;border:1px solid var(--line);border-radius:10px;background:var(--well);transition:border-color .15s ease}.ask:focus-within{border-color:var(--ink-3)}.ask-kind{flex:none;margin-right:12px;padding-right:12px;border-right:1px solid var(--rule);font-size:10.5px;color:var(--ink-2)}.ask input{flex:1;min-width:0;height:100%;padding:0;border:0;border-radius:0;background:none;color:var(--ink);font:400 14.5px / 1 var(--sans)}.ask input:hover{border:0}.ask input:focus{outline:none;box-shadow:none}.ask input::placeholder{color:var(--ink-3)}.ask-go{flex:none;height:30px;padding:0 12px;border:0;border-radius:7px;background:var(--green);color:var(--on-green);font:560 13.5px / 1 var(--sans);cursor:pointer;transition:background-color .15s ease}.ask-go:hover{background:var(--green-press)}.ask-go:active{transform:scale(.97)}.ask-go:focus-visible{border-radius:7px;outline-offset:3px}dialog.sheet-s{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0 var(--edge) 22px;border:0;background:var(--ground);color:var(--ink);overflow:auto}dialog.sheet-s[open]{display:flex;flex-direction:column}dialog.sheet-s::backdrop{background:var(--ground)}.sheet-hd{display:flex;align-items:center;justify-content:space-between;height:60px;flex:none}.sheet-hd .menu-b{display:flex}.sheet-nav{display:grid;margin-top:18px;border-top:1px solid var(--rule)}.sheet-nav a{display:flex;justify-content:space-between;align-items:baseline;padding:18px 0 16px;border-bottom:1px solid var(--rule);font:300 36px / 1 var(--serif);font-variation-settings:"opsz" 48;letter-spacing:-.006em;color:var(--ink)}.sheet-nav a .mono{color:var(--ink-3)}.sheet-ask{display:grid;gap:14px;margin-top:auto;padding-top:32px}.sheet-in{justify-self:center;padding:4px 8px;font:400 15px / 1 var(--sans);color:var(--ink-2)}.site .prompt,.sheet-s .prompt{padding:18px 18px 14px;border:1px solid var(--line);border-radius:14px;background:var(--well)}.site .prompt:focus-within,.sheet-s .prompt:focus-within{border-color:var(--ink-3)}.site .prompt textarea{font-size:19px;line-height:1.45;min-height:84px}.sheet-s .prompt textarea{font-size:17px;min-height:64px}.site .prompt textarea::placeholder,.sheet-s .prompt textarea::placeholder{color:var(--ink-3)}.site .prompt .chip,.sheet-s .prompt .chip{height:28px;border-color:var(--rule);font-size:12.5px}.site .prompt .btn.primary,.sheet-s .prompt .btn.primary{height:34px;padding:0 14px;font-weight:560;font-size:14px}main.site{width:100%;max-width:calc(var(--wide) + 2 * var(--edge));margin:0 auto;padding:0 var(--edge) 120px}main.site.home{max-width:none;padding:0}.part{display:grid;gap:32px;padding-top:28px;border-top:1px solid var(--rule)}.part+.part{margin-top:120px}.part-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px 32px}.site .opening{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut);row-gap:14px;padding-top:96px}.site .opening>h1{grid-column:1 / 9;grid-row:1 / 3;align-self:end}.site .opening>.lede{grid-column:9 / 13;align-self:end;max-width:36ch;font-size:15.5px}.site .opening>.guide-note{grid-column:9 / 13;font:380 11.5px / 1.5 var(--mono);color:var(--ink-3)}.site .opening+*{margin-top:112px}.site .h3{font-size:34px;line-height:1.08}.in-app{width:100%;max-width:calc(var(--content) + 64px);margin:0 auto}.in-app .opening{display:grid;padding-top:48px;gap:16px}.in-app .opening+*{margin-top:72px}.in-app .part{padding-top:48px}.in-app .part+.part{margin-top:96px}.missing{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut);row-gap:20px;padding:120px 0 48px}.missing>*{grid-column:1 / 8}.missing .h2{font-size:72px;line-height:1.02;letter-spacing:-.012em}.missing .next{margin-top:12px}.in-app .missing,main:not(.site) .missing{padding-top:72px}.site .tiles{gap:56px var(--gut)}.part.films,.part.images{gap:32px}.guide .part{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut);row-gap:24px;align-items:start}.guide .part>.h3{grid-column:1 / 5;position:sticky;top:92px}.guide .part>:not(.h3){grid-column:5 / 13;min-width:0}.in-app.guide .part>.h3{top:24px}.guide .part+.part{margin-top:96px}.guide .facts{border-top:0}.guide .facts>div{grid-template-columns:minmax(0,12rem) minmax(0,1fr)}.guide .facts>div:first-child{padding-top:0}.guide .facts dt{font-weight:520}.guide-note{max-width:40em;font-size:15px;color:var(--ink-2)}.legal-text{display:grid;gap:14px;max-width:42em}.legal-text p{color:var(--ink-2)}.legal-text .facts{margin-top:4px}.works dt{display:grid;gap:4px;align-content:start}.works .by{color:var(--ink-3)}.licence{display:grid;gap:1.1em;margin:4px 0 0;padding:20px 22px;border:1px solid var(--rule);border-radius:6px;background:var(--well, var(--plate));font:380 11.5px / 1.7 var(--mono);color:var(--ink-2)}.legal-text .licence p{color:var(--ink-2);white-space:pre-line;overflow-wrap:anywhere}.guide .part .facts>div:last-child{border-bottom:0;padding-bottom:0}.guide-note .link{color:var(--ink)}.legal .part+.part{margin-top:72px}.legal .part>.h3{font-size:28px;line-height:1.15}.requests{list-style:none;margin:0;padding:0;display:grid}.requests li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:6px 24px;padding:18px 0;border-bottom:1px solid var(--rule)}.requests li:first-child{padding-top:0}.requests blockquote{font:400 17px / 1.5 var(--sans);color:var(--ink);text-wrap:pretty;user-select:text}.requests .meta{grid-column:1}.requests button{grid-column:2;grid-row:1}.pricing>section{display:grid;gap:24px;align-content:start;margin-top:120px;padding-top:28px;border-top:1px solid var(--rule)}.pricing>section>h2{margin-bottom:8px;font-size:34px;line-height:1.08}.site .plans{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--rule)}.site .plan{position:relative;gap:14px;padding:22px 28px 28px;border:0;border-left:1px solid var(--rule);border-radius:0;background:none}.site .plan:first-child{padding-left:0;border-left:0}.site .plan.featured{border-color:var(--rule)}.site .plan-pill{position:absolute;top:30px;right:28px;left:auto;padding:0;border-radius:0;background:none;font:350 10.5px / 1.5 var(--mono);color:var(--green)}.site .plan h3{font-size:34px;line-height:1.08}.site .price{font-size:56px;letter-spacing:-.01em}.site .plan-list{gap:0;width:100%;margin:4px 0 10px;border-top:1px solid var(--rule)}.site .plan-list li{padding:10px 0;border-bottom:1px solid var(--rule);font-size:14.5px}.site .plan-list li:before{content:none}.site .plans-all{max-width:70em;font-size:14px}.signin-page{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut);align-items:start}.signin{display:grid;gap:20px;grid-column:1 / 6;width:100%;max-width:440px;padding-top:96px}.signin-page>.signin{grid-column:1 / 6}.signin-beside{display:grid;gap:14px;grid-column:7 / 13;min-width:0;margin:0;padding-top:96px}.signin-beside>.plate{aspect-ratio:16 / 9;overflow:hidden;border-radius:4px}.signin-beside img{width:100%;height:100%;object-fit:cover}.signin-beside .said{max-width:44em;color:var(--ink-2)}.signin-head{display:grid;gap:14px;margin-bottom:8px}.signin-head .h2{font-size:56px;margin-bottom:4px}.signin .btn{margin-top:8px}.btn.google{gap:12px;background:#fff;box-shadow:inset 0 0 0 1px #747775;color:#1f1f1f}.btn.google:hover{background:#ededed;box-shadow:inset 0 0 0 1px #747775}:root[data-theme=dark] .btn.google,:root[data-site] .btn.google{background:#131314;box-shadow:inset 0 0 0 1px #8e918f;color:#e3e3e3}:root[data-theme=dark] .btn.google:hover,:root[data-site] .btn.google:hover{background:#242425}.signin .or{display:flex;align-items:center;gap:12px;font:380 11.5px / 1 var(--mono);color:var(--ink-3)}.signin .or:before,.signin .or:after{content:"";flex:1;height:1px;background:var(--rule)}.carried{display:grid;gap:8px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--well, var(--raised))}.carried .label{font:380 11.5px / 1.5 var(--mono);color:var(--ink-3)}.carried .said{font-size:17px;color:var(--ink);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.foot-s{margin-top:auto;padding:40px 0 28px;border-top:1px solid var(--rule)}.foot-s>.grid:first-child{row-gap:40px}.foot-said{grid-column:1 / 6;display:grid;gap:18px;align-content:start;justify-items:start}.foot-said p{max-width:16em;font:300 28px / 1.15 var(--serif);font-variation-settings:"opsz" 48;letter-spacing:-.006em;color:var(--ink)}.foot-cols{grid-column:7 / 13;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.foot-cols>div{display:grid;gap:10px;align-content:start;justify-items:start}.foot-h{margin-bottom:4px;color:var(--ink-3)}.foot-cols a{font:400 14.5px / 1.3 var(--sans);color:var(--ink-2);transition:color .15s ease}.foot-cols a:hover{color:var(--ink)}.foot-end{margin-top:56px;padding-top:18px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;color:var(--ink-3);position:relative}.foot-end:before{content:"";position:absolute;top:0;left:var(--edge);right:var(--edge);height:1px;background:var(--rule)}.foot-end a{color:var(--ink-3);transition:color .15s ease}.foot-end a:hover{color:var(--ink)}@media(max-width:1180px){.ask,.bar-gap{grid-column:3 / 9}.bar-nav{grid-column:9 / 13;gap:18px}.bar-nav .bar-in{padding-left:18px}.rest-nav{grid-column:4 / 9}.site .opening>h1{grid-column:1 / -1;grid-row:auto}.site .opening>.lede,.site .opening>.guide-note{grid-column:1 / 9}.guide .part>.h3{grid-column:1 / -1;position:static}.guide .part>:not(.h3){grid-column:1 / -1}.foot-said,.foot-cols{grid-column:1 / -1}.signin-beside{grid-column:7 / 13}}@media(max-width:900px){.bar-nav a:not(.bar-in){display:none}.bar-nav .bar-in{padding-left:0;border-left:0}.ask{grid-column:3 / 11}.bar-nav{grid-column:11 / 13}}@media(max-width:760px){:root[data-site]{--edge: 16px}:root[data-site] body{font-size:15px}.grid{display:block}.menu-b{display:flex}.rest .grid{display:flex;justify-content:space-between;height:60px}.rest-nav,.rest-in,.rest .start{display:none}.rest-end{gap:0}.bar-s .grid{display:flex;align-items:center;gap:10px;height:56px;padding-inline:12px}.bar-s .brand .phone-hidden{display:none}.bar-s .ask{flex:1;height:38px}.ask-kind{display:none}.bar-gap{flex:1}.bar-nav{display:none}.bar-s .menu-b{height:38px}.site .opening{display:grid;grid-template-columns:minmax(0,1fr);padding-top:40px}.site .opening>*{grid-column:1 / -1!important}.site .opening+*{margin-top:64px}.site .h3{font-size:28px}.part{gap:24px}.part+.part{margin-top:72px}main.site{padding-bottom:72px}.missing{display:grid;grid-template-columns:minmax(0,1fr);padding-top:48px}.missing>*{grid-column:1}.missing .h2{font-size:44px}.guide .part{grid-template-columns:minmax(0,1fr)}.guide .part+.part{margin-top:64px}.guide .facts>div{grid-template-columns:minmax(0,1fr)}.requests li{grid-template-columns:minmax(0,1fr)}.requests button{grid-column:1;grid-row:auto;justify-self:start;margin-top:4px}.legal .part+.part{margin-top:56px}.legal-text .licence p{white-space:normal}.licence{padding:16px}.pricing>section{margin-top:72px}.site .plans{grid-template-columns:minmax(0,1fr);gap:0}.site .plan{padding:22px 0 28px;border-left:0;border-top:1px solid var(--rule)}.site .plan:first-child{border-top:0}.site .plan-pill{right:0}.signin-page{display:block}.signin{padding-top:40px;max-width:none}.signin-head .h2{font-size:44px}.signin-beside{display:none}.foot-s{padding-top:32px}.foot-said{margin-bottom:32px}.foot-said p{font-size:24px}.foot-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.foot-end{margin-top:40px;flex-direction:column}.foot-end:before{left:var(--edge);right:var(--edge)}}@media(prefers-reduced-motion:reduce){.bar-s.float{transition:none}}.bk{width:100%;max-width:calc(var(--content) + 64px);margin:0 auto;padding:40px 0 0}.bk-top{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px;padding-bottom:28px}.bk-top>.menu{margin-bottom:4px}.bk-top .chip{height:34px;font-size:14px}.bk-acts{display:flex;gap:8px;margin-left:auto}.bk-plan,.bk-said{margin-bottom:20px;max-width:720px}.bk-page{display:grid;grid-template-columns:420px minmax(0,1fr);gap:40px;align-items:start}.bk-left{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;min-width:0}.bk-left .bk-brief .link,.bk-left>.note .link,.bk-part-foot .link{font-size:14px}.bk-right{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-content:start;min-width:0}.bk-lab{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;font:500 13px / 1.3 var(--sans);color:var(--ink-2)}.bk-lab span{font-weight:400;color:var(--ink-3);text-align:right}.bk-box{display:grid;grid-template-columns:minmax(0,1fr);padding:16px;border:1px solid var(--rule);border-radius:18px;background:var(--raised);transition:border-color .15s ease}.bk-box:focus-within{border-color:var(--line)}.bk-prompt{display:block;width:100%;min-height:112px;padding:0;border:0;outline:none;resize:vertical;background:transparent;color:var(--ink);font:400 16px / 1.55 var(--sans)}.bk-prompt:disabled{color:var(--ink-2)}.bk-read{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.bk-tag{display:inline-block;max-width:100%;height:26px;padding:0 10px;border-radius:999px;background:var(--plate);font:400 12.5px / 26px var(--sans);color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bk-tag b{margin-right:6px;font-weight:500;color:var(--ink)}.bk-box-row{display:flex;align-items:center;gap:8px;margin-top:14px}.bk-box-row .btn{margin-left:auto}.bk .bk-name{flex:1;min-width:0;height:32px;padding:0 12px;border-radius:999px;background:transparent;font-size:14px}.bk-go{margin-top:12px}.bk-brief{display:grid;gap:12px;justify-items:start;margin-top:8px}.bk-brief .facts{width:100%}.bk-brief .facts>div{grid-template-columns:minmax(0,8.5rem) minmax(0,1fr);padding:12px 0}.bk-brief .facts dt,.bk-brief .facts dd{font-size:14px}.bk-rows{margin-top:24px;border-top:1px solid var(--rule)}.bk-row{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:12px;min-height:52px;padding:10px 0;border-bottom:1px solid var(--rule)}.bk-k{font:400 14px / 1.3 var(--sans);color:var(--ink-2)}.bk-v{min-width:0;font-size:14px;color:var(--ink)}.bk-row>p.bk-v{line-height:1.45;color:var(--ink-2)}.bk-row input[type=text]{height:36px;border-radius:10px;font-size:15px}.bk-row .choice{justify-self:start}.bk-row-note{min-height:0;padding:8px 0 10px}.bk-slider{display:flex;align-items:center;gap:10px;min-width:0;font:400 12.5px / 1 var(--sans);color:var(--ink-3);white-space:nowrap}.bk-slider input{flex:1;min-width:0}.bk-slider .meta{min-width:40px;text-align:right;color:var(--ink-2)}.bk-kept{display:flex;flex-wrap:wrap;gap:8px 16px;min-width:0}.bk-kept-one{display:inline-flex;align-items:center;gap:8px}.bk-dot{flex:none;width:22px;height:22px;border-radius:6px;box-shadow:inset 0 0 0 1px #0000001f}.bk-face-line,.bk-face-sub{display:flex;align-items:center;gap:12px;min-width:0}.bk-face-sub{margin-top:8px}.bk-face-name{flex:0 1 auto;min-width:0;font-size:18px;line-height:1.2;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.bk .bk-weight{height:28px;padding:0 26px 0 10px;background-position:right 10px center;font-size:13px}.bk-lock{display:inline-flex;gap:6px;align-items:center;font:400 14px / 1 var(--sans);color:var(--ink-2);cursor:pointer}.bk-lock input{margin:0;accent-color:var(--green)}.bk-scale{display:flex;align-items:center;gap:12px}.bk-scale select{flex:none}.bk-scale input{flex:1;min-width:0}.bk-mark{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.bk-mark .choice button{padding:0 10px}.bk-picker{display:grid;gap:12px;margin-top:12px;padding:12px;border:1px solid var(--rule);border-radius:12px;background:var(--raised)}.bk-picker .row input{flex:1;height:36px;border-radius:10px;font-size:15px}.bk-picker .choice{justify-self:start}.bk-fonts{list-style:none;margin:0;padding:0;display:grid;max-height:360px;overflow:auto;border-top:1px solid var(--rule)}.bk-font-pick{display:grid;gap:4px;width:100%;padding:10px 6px;border:0;border-bottom:1px solid var(--rule);background:none;color:var(--ink);text-align:left;cursor:pointer;transition:background-color .15s ease}.bk-font-pick:hover{background:var(--tint)}.bk-font-sample{font-size:22px;line-height:1.2}.bk-saved{display:grid;gap:12px;margin-top:48px}.bk-saved+.note{margin-top:12px}.bk-sec-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.bk-sec{font:500 15px / 1.3 var(--sans);letter-spacing:-.005em;color:var(--ink)}.bk-saved .link.current{font-weight:500;text-decoration-color:currentColor}.bk-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.bk-option{display:grid;gap:8px;align-content:start;padding:12px;border:0;border-radius:14px;background:var(--plate);color:var(--ink);text-align:left;font:inherit;cursor:pointer;transition:box-shadow .15s ease}.bk-option:hover{box-shadow:inset 0 0 0 1px var(--line)}.bk-option.on{box-shadow:inset 0 0 0 2px var(--green)}.bk-option:focus-visible{border-radius:14px}.bk-option-strip{display:flex;height:24px;border-radius:6px;overflow:hidden;box-shadow:inset 0 0 0 1px #00000014}.bk-option-strip span{flex:1}.bk-option-name{font:500 14px / 1.3 var(--sans)}.bk-option .meta{color:var(--ink-2)}.bk-kit{display:grid;gap:32px;padding:28px;border-radius:14px;background:var(--plate)}.bk-kit .meta,.bk-kit .note{color:var(--ink-2)}.bk-idea{max-width:44em;color:var(--ink)}.bk-part{display:grid;gap:16px;min-width:0}.bk-part-head{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:36px}.bk-part-foot{display:flex;justify-content:space-between;align-items:center;gap:12px}.bk-fail{color:var(--alert)!important}.bk-pal{display:grid;grid-template-columns:1.5fr 1.5fr 1fr 1fr 1fr;gap:8px}.bk-chip{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-width:0;height:150px;padding:12px;border-radius:10px;box-shadow:inset 0 0 0 1px #0000001a;cursor:pointer}.bk-chip input{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;opacity:0;cursor:pointer}.bk-chip:focus-within{outline:2px solid var(--green);outline-offset:2px}.bk-chip-name{font-size:13px;font-weight:500;line-height:1.2}.bk-chip-name small{display:block;margin-top:3px;font-size:12px;font-weight:400;line-height:1.3;opacity:.78}.bk-chip-hex{font:400 12px / 1.3 var(--mono)}.bk-roles{list-style:none;margin:0;padding:0;display:grid;border-top:1px solid var(--line)}.bk-role{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:12px;align-items:start;padding:12px 0;border-bottom:1px solid var(--line)}.bk-swatch{width:28px;height:28px;padding:0;border:0;border-radius:6px;background:none;cursor:pointer}.bk-swatch::-webkit-color-swatch-wrapper{padding:0}.bk-swatch::-webkit-color-swatch{border:0;border-radius:6px;box-shadow:inset 0 0 0 1px #0000001f}.bk-swatch::-moz-color-swatch{border:0;border-radius:6px}.bk-role-words{display:grid;gap:4px;min-width:0;font-size:14px}.bk-role-name{font-weight:500}.bk-why{font:400 14px / 1.45 var(--sans);color:var(--ink-2)}.bk-checks{display:flex;flex-wrap:wrap;gap:2px 12px}.bk-check{font:400 12.5px / 1.4 var(--mono);color:var(--ink-2)}.bk-check.fail{color:var(--alert)}.bk-role-controls{display:flex;align-items:center;gap:12px}.bk .bk-hex{width:96px;height:32px;padding:0 10px;border-radius:10px;font:400 13px / 1 var(--mono)}.bk-type{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:8px;align-items:start}.bk-spec{min-width:0;padding:22px 22px 18px;border-radius:10px;box-shadow:inset 0 0 0 1px #00000014}.bk-spec-big{font-size:60px;line-height:.98;letter-spacing:-.02em;overflow-wrap:anywhere}.bk-spec-big em{font-style:normal}.bk-spec-small{margin-top:16px;max-width:26em;font-size:16px;line-height:1.5}.bk-who{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 14px;margin:18px 0 0;padding-top:14px;border-top:1px solid color-mix(in srgb,currentColor 30%,transparent);font:400 12px / 1.45 var(--mono)}.bk-who dt{font-weight:400;white-space:nowrap}.bk-who dd{margin:0}.bk-apps{display:grid;gap:8px;min-width:0}.bk-alts{display:grid;padding:14px 16px 6px;border-radius:10px;background:var(--raised)}.bk-alts .label{margin-bottom:8px}.bk-alt{display:flex;justify-content:space-between;align-items:baseline;gap:12px;width:100%;padding:9px 0;border:0;border-top:1px solid var(--rule);background:none;color:var(--ink-2);font:400 13px / 1.2 var(--sans);text-align:left;cursor:pointer;transition:color .15s ease}.bk-alt b{font-size:19px;font-weight:400;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bk-alt:hover{color:var(--ink)}.bk-alt:disabled{cursor:default}.bk-samples{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px 16px;align-items:start}.bk-sample{display:grid;gap:10px;min-width:0}.bk-samples .bk-sample.wide{grid-column:span 4}.bk-samples .bk-sample.square{grid-column:span 2}.bk-sample .stage-canvas{border-radius:8px;background:transparent;box-shadow:var(--object)}.bk-apps .bk-sample .stage-canvas{border-radius:10px;box-shadow:none}.bk-kit .bk-sample .label{color:var(--ink-2)}@media(max-width:1100px){.bk-page{grid-template-columns:minmax(0,1fr);gap:32px}.bk-left{max-width:640px}}@media(max-width:760px){.bk{padding-top:24px}.bk-top{padding-bottom:20px}.bk-acts{width:100%;margin-left:0}.bk-acts .btn{flex:1;height:42px}.bk-page{gap:28px}.bk-lab span{display:none}.bk-row{grid-template-columns:80px minmax(0,1fr)}.bk-box-row{flex-wrap:wrap}.bk .bk-name{flex-basis:100%}.bk-kit{padding:16px;gap:28px}.bk-pal{grid-template-columns:repeat(3,minmax(0,1fr))}.bk-pal .bk-chip:nth-child(1),.bk-pal .bk-chip:nth-child(2){grid-column:span 3;height:84px}.bk-type{grid-template-columns:minmax(0,1fr)}.bk-spec-big{font-size:44px}.bk-who{grid-template-columns:minmax(0,1fr);gap:2px}.bk-who dd{margin-bottom:6px}.bk-samples{grid-template-columns:minmax(0,1fr)}.bk-samples .bk-sample.wide,.bk-samples .bk-sample.square{grid-column:auto}.bk-part-head{flex-wrap:wrap}.bk-role{grid-template-columns:28px minmax(0,1fr)}.bk-role-controls{grid-column:2}}.home-s{display:grid;padding-bottom:120px}.h2-s{font:300 46px / 1.06 var(--serif);font-variation-settings:"opsz" 48;letter-spacing:-.008em;color:var(--ink);text-wrap:balance}.side-s{margin:0;max-width:38ch;font-size:15.5px;color:var(--ink-2);text-wrap:pretty}.step-s{display:flex;gap:10px;margin:0 0 14px;font:350 10.5px / 1.5 var(--mono);letter-spacing:.01em;color:var(--ink-3)}.step-s b{font-weight:400;color:var(--ink-2)}.facts-s{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:18px 2px 0;color:var(--ink-3)}.facts-s dt{font:inherit}.facts-s dd{margin:0;color:var(--ink-2)}.cap-s{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:12px;color:var(--ink-3)}.cap-s>span:first-child{font-size:14px;color:var(--ink)}.cap-s b{font:400 14px / 1.3 var(--sans);letter-spacing:0;color:var(--ink)}.part-s{position:relative;margin-top:128px;padding-top:28px}.part-s.grid:before,.kinds-head:before{content:"";position:absolute;top:0;left:var(--edge);right:var(--edge);height:1px;background:var(--rule)}.kinds-head{position:relative;padding-top:28px}.kinds.part-s{padding-top:0}.open-s,.piece-pic,.film-s{display:block;position:relative;width:100%;padding:0;border:0;background:none;color:inherit;cursor:pointer}.open-s:focus-visible,.piece-pic:focus-visible,.film-s:focus-visible{outline-offset:4px;border-radius:2px}.open-s:active img,.piece-pic:active img,.film-s:active>*{transform:scale(.99)}.op{padding-top:132px}.op-line{grid-column:1 / 9;margin:0;font:300 72px / 1.02 var(--serif);font-variation-settings:"opsz" 60;letter-spacing:-.012em;color:var(--ink)}.op-intro{grid-column:9 / 13;align-self:end;margin:0;max-width:36ch;padding-bottom:8px;font-size:15.5px;color:var(--ink-2);text-wrap:pretty}.op-intro b{font-weight:400;color:var(--ink)}.stage-s{margin-top:60px;position:relative}.asked-s{grid-column:1 / 5;align-self:start;padding-top:24px}.asked-s .prompt textarea{min-height:112px}.asked-s .prompt textarea::placeholder{color:var(--ink-2)}.build{grid-column:5 / 13;position:relative;min-width:0}.build-heads{display:flex;justify-content:space-between;padding-top:24px}.build-heads .step-s{margin-bottom:0}.build-03{width:344px}.deck{position:relative;height:470px;margin-top:14px}.cards{list-style:none;margin:0;padding:0}.card-s{position:absolute;top:34px;left:calc(var(--i) * 47px - 30px);width:248px;height:310px;transform-origin:100% 50%;transform:perspective(900px) rotateY(-34deg)}.card-s picture,.card-s img{display:block;width:100%;height:100%}.card-s:after{content:"";position:absolute;inset:0;border:1px solid rgb(239 233 221 / .22);background:#efe9dd05;pointer-events:none;transition:border-color .15s ease}.card-s.on:after{border-color:#7fd8b4cc}.spine{position:absolute;left:8px;top:10px;display:flex;gap:8px;font-size:11px;white-space:nowrap;color:var(--dim);writing-mode:vertical-rl;transform:rotate(180deg)}.spine b{font-weight:400;color:var(--ink);transition:color .15s ease}.card-s.on .spine b{color:var(--green)}.final{position:absolute;right:0;top:0;width:344px;margin:0}.final picture,.final img{display:block;width:100%;aspect-ratio:4 / 5}.hand .h2-s{grid-column:1 / 6}.hand-copy{grid-column:1 / 5;margin-top:26px;color:var(--ink-2);font-size:15.5px}.hand-copy p{margin:0 0 14px;max-width:38ch}.hand-copy b{font-weight:400;color:var(--ink)}.ledger{grid-column:1 / 5;margin:18px 0 0;border-top:1px solid var(--rule)}.ledger div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--rule);font-size:14px}.ledger dt{color:var(--ink-2)}.ledger dd{margin:0;color:var(--ink)}.ledger .zero{color:var(--green)}.pair{grid-column:6 / 13;grid-row:1 / 4;display:grid;grid-template-columns:1fr 1fr;gap:var(--gut)}.pair figure{margin:0}.pic-s{position:relative;aspect-ratio:4 / 5}.pic-s picture,.pic-s img{display:block;width:100%;height:100%}.sel{position:absolute;left:7.4%;top:80.6%;width:80%;height:6.6%;border:1px solid var(--green)}.sel i{position:absolute;width:7px;height:7px;background:var(--ground);border:1px solid var(--green)}.sel i:nth-child(1){left:-4px;top:-4px}.sel i:nth-child(2){right:-4px;top:-4px}.sel i:nth-child(3){left:-4px;bottom:-4px}.sel i:nth-child(4){right:-4px;bottom:-4px}.sel .tag{position:absolute;left:-1px;bottom:calc(100% + 8px);padding:4px 7px;border-radius:3px;background:var(--green);color:var(--on-green);white-space:nowrap;font-size:10.5px}.kinds-head .h2-s{grid-column:1 / 7}.kinds-head .side-s{grid-column:9 / 13;align-self:end}.kind-list{list-style:none;margin:48px 0 0;padding:0}.kind{position:relative;--h: clamp(150px, 17vw, 260px)}.kind:before{content:"";position:absolute;top:0;left:var(--edge);right:var(--edge);height:1px;background:var(--rule)}.kind-words{grid-column:1 / 4;display:grid;gap:10px;align-content:start;justify-items:start;padding:22px 0 32px}.kind-n{color:var(--ink-3)}.kind-name{margin:0;font:300 34px / 1.08 var(--serif);font-variation-settings:"opsz" 48;letter-spacing:-.006em;color:var(--ink)}.kind-words p{margin:0;max-width:30ch;font-size:15px;color:var(--ink-2)}.kind-words .more{margin-top:6px;font-size:14px}.kind-pieces{grid-column:4 / 13;display:flex;flex-wrap:wrap;align-items:flex-end;gap:28px var(--gut);padding:28px 0 36px}.piece{margin:0;width:calc(var(--h) * var(--ar));flex:none}.piece-pic{height:var(--h)}.piece-pic img{display:block;width:100%;height:100%;object-fit:cover}.piece.bare .piece-pic img{object-fit:contain}.piece figcaption{display:grid;gap:2px;margin-top:10px}.piece-name{font-size:13.5px;line-height:1.35;color:var(--ink)}.piece figcaption .mono{color:var(--ink-3)}.films .h2-s{grid-column:1 / 6}.films-copy{grid-column:1 / 5;margin-top:26px;font-size:15.5px;color:var(--ink-2)}.films-copy>p{margin:0 0 32px;max-width:38ch}.said-box{margin:0;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--well);font-size:16.5px;line-height:1.5;color:var(--ink)}.films-lead{grid-column:6 / 13;grid-row:1 / 3;margin:0}.film-s{aspect-ratio:var(--ar);overflow:hidden;background:var(--plate)}.film-s img,.film-s video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.film-play{position:absolute;left:12px;bottom:12px;padding:6px 9px;border-radius:4px;background:var(--scrim);color:var(--ink);font-size:10.5px;opacity:0;transition:opacity .15s ease}.film-s:hover .film-play,.film-s:focus-visible .film-play{opacity:1}.films-rest{grid-column:1 / 13;display:grid;grid-template-columns:1fr 1fr;gap:40px var(--gut);list-style:none;margin:72px 0 0;padding:0}.films-said{display:grid;gap:6px;margin-top:14px}.films-title{font-size:14px;color:var(--ink)}.films-said p{margin:0;max-width:60ch;font-size:15px;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.films-said .mono{color:var(--ink-3)}.code-s .h2-s{grid-column:1 / 7}.code-s .side-s{grid-column:9 / 13;align-self:end}.code-figure{grid-column:1 / 13;margin-top:48px}.twoway{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px var(--gut);margin:0}.twoway-pane{display:grid;align-content:start;gap:14px;min-width:0}.twoway-label{font:380 11.5px / 1.5 var(--mono);letter-spacing:.01em;color:var(--ink-3)}.twoway-stage{position:relative;justify-self:start;width:min(100%,440px);overflow:hidden;background:#120e0f;touch-action:pan-y}.twoway-stage canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity .3s ease}.twoway-stage canvas.drawn{opacity:1}.twoway-box{position:absolute;border:1px solid var(--green);pointer-events:none}.twoway-pointer{position:absolute;left:0;top:0;margin:-2px 0 0 -3px;pointer-events:none;filter:drop-shadow(0 2px 3px rgb(0 0 0 / .5))}.twoway-pointer svg{display:block;transition:transform .12s ease}.twoway-pointer.down svg{transform:scale(.88)}.twoway-code{grid-template-rows:auto 1fr auto}.tw-code{margin:0;padding:16px 12px;border:1px solid var(--line);border-radius:10px;background:var(--well);font:380 11.5px / 1.8 var(--mono);color:var(--ink-2);tab-size:2;white-space:normal}.tw-line{display:grid;grid-template-columns:4ch minmax(0,1fr);padding-right:8px;border-radius:3px;transition:background-color .4s ease,color .4s ease}.tw-n{padding-right:1.4ch;text-align:right;color:var(--dim);user-select:none}.tw-text{white-space:pre-wrap;overflow-wrap:anywhere}.tw-line.lit{background:var(--green-tint);color:var(--ink)}.tw-line.live{color:var(--ink)}.tw-code mark{padding:1px 2px;border-radius:2px;background:var(--green);color:var(--on-green)}.twoway-kept{display:grid;gap:8px;padding-top:14px;border-top:1px solid var(--rule)}.twoway-kept ul{display:grid;gap:6px;margin:0;padding:0;list-style:none;font:380 11.5px / 1.5 var(--mono);color:var(--ink)}.twoway-kept .quiet{font-size:14px}.twoway-said{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px;min-height:48px;padding-top:14px;border-top:1px solid var(--rule);font-size:15px;color:var(--ink-2)}.twoway-said .written,.twoway-said .kept{color:var(--ink)}.twoway-said .written:before,.twoway-said .kept:before{content:"";display:inline-block;width:7px;height:7px;margin:0 10px 1px 0;border-radius:50%;background:var(--green)}.twoway-said .kept:before{background:var(--warn)}.code-ways{grid-column:1 / 13;display:grid;grid-template-columns:1fr 1fr;gap:16px var(--gut);margin:40px 0 0}.code-ways>div{display:grid;gap:6px;padding-top:14px;border-top:1px solid var(--rule)}.code-ways dt{font-size:15px;font-weight:520;color:var(--ink)}.code-ways dd{margin:0;max-width:46ch;font-size:15px;color:var(--ink-2)}.price-s .h2-s{grid-column:1 / 7}.price-s .side-s{grid-column:9 / 13;align-self:end}.cols-s{grid-column:1 / 13;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:48px;border-top:1px solid var(--rule)}.col-s{display:grid;gap:12px;align-content:start;justify-items:start;padding:22px 28px 8px;border-left:1px solid var(--rule)}.col-s:first-child{padding-left:0;border-left:0}.col-label{color:var(--ink-3)}.col-s h3{margin:0;font:300 34px / 1.08 var(--serif);font-variation-settings:"opsz" 48;letter-spacing:-.006em}.col-price{display:flex;align-items:baseline;gap:10px;margin:6px 0 0}.col-price span:first-child{font:300 64px / 1 var(--serif);font-variation-settings:"opsz" 60;letter-spacing:-.01em;font-variant-numeric:lining-nums}.col-price .mono{color:var(--ink-3)}.col-s ul{width:100%;margin:12px 0 14px;padding:0;list-style:none;border-top:1px solid var(--rule)}.col-s li{padding:10px 0;border-bottom:1px solid var(--rule);font-size:14.5px;color:var(--ink-2)}.col-s li:first-child{color:var(--ink)}.all-s{grid-column:1 / 13;margin:28px 0 0;max-width:80ch;font-size:14px;color:var(--ink-3)}.close-line{grid-column:1 / 7;margin:0;font:300 72px / 1.02 var(--serif);font-variation-settings:"opsz" 60;letter-spacing:-.012em;color:var(--ink);text-wrap:balance}.close-box{grid-column:7 / 13;padding-top:8px}@media(max-width:1180px){.op-line{grid-column:1 / -1}.op-intro{grid-column:1 / 9;margin-top:24px}.asked-s{grid-column:1 / 8}.build{grid-column:1 / -1;margin-top:48px}.hand .h2-s,.hand-copy,.ledger{grid-column:1 / 7}.pair{grid-column:7 / 13}.kinds-head .h2-s{grid-column:1 / -1}.kinds-head .side-s{grid-column:1 / 9;margin-top:18px}.kind-words{grid-column:1 / 5}.kind-pieces{grid-column:5 / 13}.films .h2-s,.films-copy{grid-column:1 / 7}.films-lead{grid-column:7 / 13}.code-s .h2-s,.price-s .h2-s{grid-column:1 / -1}.code-s .side-s,.price-s .side-s{grid-column:1 / 9;margin-top:18px}.twoway{grid-template-columns:minmax(0,1fr)}.close-line{grid-column:1 / -1}.close-box{grid-column:1 / 9;margin-top:32px}}@media(max-width:760px){.home-s{padding-bottom:72px}.h2-s{font-size:34px;line-height:1.08}.op{padding-top:92px}.op-line{font-size:44px;line-height:1.04}.op-intro{margin-top:18px;font-size:15px}.stage-s{margin-top:30px}.asked-s{padding-top:0}.asked-s .prompt textarea{font-size:17px;min-height:76px}.asked-s .facts-s{display:none}.build{margin-top:34px}.build-03{display:none}.deck{height:300px}.card-s{top:40px;width:132px;height:165px;left:calc(var(--i) * 15px - 16px);transform:perspective(520px) rotateY(-34deg)}.spine{left:4px;top:6px;gap:5px;font-size:8.5px}.spine span{display:none}.final{width:178px}.final .cap-s{flex-direction:column;gap:2px}.part-s{margin-top:64px}.hand-copy{margin-top:20px;font-size:15px}.ledger{margin-top:22px}.pair{margin-top:26px;gap:12px}.pair .cap-s{flex-direction:column;gap:2px}.sel .tag{font-size:9px;padding:3px 5px}.kind-list{margin-top:32px}.piece{width:min(calc((100vw - 2 * var(--edge) - (var(--n) - 1) * 12px) * var(--ar) / var(--sum)),calc(220px * var(--ar)));flex:none}.piece-pic{height:auto;aspect-ratio:var(--ar)}.piece-name{font-size:12.5px}.kind-words{padding:18px 0 0}.kind-name{font-size:28px}.kind-pieces{flex-wrap:nowrap;gap:12px;padding:20px 0 32px}.films-copy{margin-top:20px}.films-copy>p{margin-bottom:24px}.films-lead{margin-top:32px}.films-rest{grid-template-columns:minmax(0,1fr);margin-top:40px}.code-figure{margin-top:32px}.twoway-stage{width:70%}.tw-code{font-size:10.5px;padding:12px 8px}.code-ways{grid-template-columns:minmax(0,1fr)}.cols-s{grid-template-columns:minmax(0,1fr);margin-top:32px}.col-s{padding:22px 0 18px;border-left:0;border-top:1px solid var(--rule)}.col-s:first-child{border-top:0}.col-price span:first-child{font-size:52px}.close-line{font-size:44px;line-height:1.04}.close-box{margin-top:24px}}@media(prefers-reduced-motion:reduce){.film-play,.card-s:after,.spine b{transition:none}}