.cs{position:relative;box-sizing:border-box;padding:24px 24px 20px;display:flex;flex-direction:column;gap:20px;text-align:left;font-family:Instrument Sans,sans-serif;color:#20231f}.cs.cs-story{gap:18px}.cs .k{font:700 10px Space Mono,monospace;letter-spacing:.14em;text-transform:uppercase;color:#5c6b1c}.cs .head{display:flex;flex-direction:column;gap:6px}.cs .head-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.cs .head h2{margin:0;font:600 22px/1.2 Space Grotesk,sans-serif;letter-spacing:-.015em;color:#20231f}.cs .head p{margin:0;font:500 13.5px/1.45 Instrument Sans,sans-serif;color:#6f736b}.cs .steps{display:flex;gap:4px;flex:0 0 auto}.cs .steps span{width:28px;height:4px;border-radius:2px;background:#20231f1f}.cs .steps span.on{background:#c8f43d}.cs .q{display:flex;flex-direction:column;gap:9px}.cs .ql{display:flex;align-items:center;gap:8px;font:600 14.5px Instrument Sans,sans-serif;color:#20231f}.cs .from{font:700 9px Space Mono,monospace;letter-spacing:.1em;text-transform:uppercase;color:#5c6b1c;background:#eef6d3;padding:3px 7px;border-radius:999px;white-space:nowrap}.cs .chips{display:flex;flex-wrap:wrap;gap:6px}.cs .chip{height:36px;padding:0 13px;border-radius:999px;border:1px solid rgba(32,35,31,.14);background:#fff;color:#20231f;font:600 13px Instrument Sans,sans-serif;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis;transition:background .15s ease-out,border-color .15s ease-out,color .15s ease-out}.cs .chip:hover{border-color:#20231f47}.cs .chip.on{background:#1e2b22;border-color:#1e2b22;color:#f5f2e9}.cs .chip.on svg{color:#c8f43d}.cs .chip.ghost{border-style:dashed;color:#5f655d}.cs .chip:focus-visible,.cs .btn:focus-visible,.cs .row-t:focus-visible{outline:none;box-shadow:0 0 0 3px #c8f43d73}.cs input.chip{cursor:text;width:170px;outline:none}.cs input.chip:focus{border-color:#1e2b22;box-shadow:0 0 0 3px #c8f43d61}.cs .answer{display:flex;align-items:center;gap:8px}.cs .field{flex:1;min-width:0;height:44px;box-sizing:border-box;padding:0 14px;border-radius:13px;border:1px solid rgba(32,35,31,.16);background:#fff;font:500 14px Instrument Sans,sans-serif;color:#20231f;outline:none;text-overflow:ellipsis}.cs .field:focus{border-color:#1e2b22;box-shadow:0 0 0 3px #c8f43d61}.cs .sep{height:1px;background:#20231f14}.cs .foot{display:flex;align-items:center;gap:8px}.cs .foot .sp{flex:1}.cs .btn{height:44px;padding:0 16px;border-radius:14px;border:1px solid rgba(32,35,31,.16);background:transparent;color:#20231f;font:600 13.5px Instrument Sans,sans-serif;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;cursor:pointer}.cs .btn.plain{border-color:transparent;color:#6f736b}.cs .btn.ink{background:#1e2b22;border-color:#1e2b22;color:#f5f2e9}.cs .btn.ink svg{color:#c8f43d}.cs .btn:disabled{opacity:.5;cursor:default}.cs .assume{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.cs .assume .lbl{font:700 9.5px Space Mono,monospace;letter-spacing:.12em;text-transform:uppercase;color:#8a8e84;margin-right:4px}.cs .achip-w{position:relative}.cs .achip{height:32px;padding:0 10px 0 12px;border-radius:999px;border:1px solid rgba(32,35,31,.14);background:#fff;color:#20231f;font:600 12.5px Instrument Sans,sans-serif;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;cursor:pointer}.cs .achip svg{color:#8a8e84;transition:transform .15s ease-out}.cs .achip[aria-expanded=true] svg{transform:rotate(180deg)}.cs .achip.changed{border-color:#1e2b22;box-shadow:inset 0 0 0 1px #1e2b22}.cs .amenu{position:absolute;left:0;top:calc(100% + 6px);z-index:5;min-width:220px;box-sizing:border-box;padding:10px;background:#faf9f5;border:1px solid rgba(25,38,27,.1);border-radius:22px;box-shadow:0 30px 70px -24px #141e166b,0 2px 6px #141e160f;display:flex;flex-direction:column;gap:2px}.cs .amenu button{min-height:40px;padding:0 12px;border:0;border-radius:12px;background:transparent;color:#20231f;font:550 13.5px Instrument Sans,sans-serif;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;white-space:nowrap;cursor:pointer}.cs .amenu button:hover{background:#c8f43d}.cs .amenu button svg{color:#3e5212}.cs .ans{padding:16px 18px;border-radius:16px;background:radial-gradient(circle at 90% 0%,#2c3d32,#1c2820 60%,#141c17);color:#faf9f5;display:flex;flex-direction:column;gap:6px}.cs .ans .k{color:#d1f349}.cs .ans b{font:600 18px/1.3 Space Grotesk,sans-serif;letter-spacing:-.01em}.cs .list{display:flex;flex-direction:column;border-radius:16px;border:1px solid rgba(32,35,31,.1);background:#fff;overflow:hidden}.cs .row{display:flex;align-items:center;gap:14px;min-height:46px;padding:0 14px;border-top:1px solid rgba(32,35,31,.07)}.cs .row:first-child{border-top:0}.cs .row .n{font:700 11px Space Mono,monospace;color:#8a8e84;width:20px;flex:0 0 20px}.cs .row-t{flex:1;min-width:0;font:600 14px/1.3 Instrument Sans,sans-serif;color:#20231f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:0;background:transparent;padding:6px 0;text-align:left;cursor:text;border-radius:6px}.cs .row-t:hover{background:#71815b1a;box-shadow:0 0 0 4px #71815b1a}.cs .row-t.edited{color:#1e2b22;text-decoration:underline;text-decoration-color:#c8f43d;text-decoration-thickness:3px;text-underline-offset:4px}.cs .row-in{flex:1;min-width:0;height:34px;box-sizing:border-box;padding:0 10px;border-radius:10px;border:1px solid #1E2B22;background:#fff;font:600 14px Instrument Sans,sans-serif;color:#20231f;outline:none;box-shadow:0 0 0 3px #c8f43d61}.cs .row.sum .row-t{color:#1e2b22}.cs .tag{font:700 9px Space Mono,monospace;letter-spacing:.1em;text-transform:uppercase;color:#5c6b1c;background:#eef6d3;padding:4px 8px;border-radius:999px;white-space:nowrap;flex:0 0 auto}.cs .tag.amber{color:#7a4b0b;background:#fbf1e3;display:inline-flex;align-items:center;gap:5px}.cs .tag.amber i{width:6px;height:6px;border-radius:50%;background:#e39a4f}.cs .meta{font:500 12.5px Instrument Sans,sans-serif;color:#6f736b;white-space:nowrap}.cs .busy{display:inline-block;width:14px;height:14px;border-radius:50%;border:2px solid rgba(200,244,61,.35);border-top-color:#c8f43d;animation:csSpin .8s linear infinite}@keyframes csSpin{to{transform:rotate(360deg)}}@media(max-width:560px){.cs{padding:18px 16px 16px;gap:16px}.cs .k{font-size:9.5px}.cs .head h2{font-size:21px}.cs .head p{font-size:13px}.cs .ql{font-size:14px;gap:7px}.cs .from{font-size:8.5px;padding:3px 6px}.cs .chip{height:44px;padding:0 14px;font-size:13.5px}.cs input.chip{width:150px}.cs .answer{flex-direction:column;align-items:stretch}.cs .field{height:48px;flex:none;width:100%}.cs .answer .chip{align-self:flex-start}.cs .btn{height:48px;font-size:14px}.cs .foot .btn.ink{flex:1}.cs .foot .sp,.cs .meta{display:none}.cs .row{gap:10px}.cs .row .tag{display:none}.cs .row .tag.amber{display:inline-flex}}@media(prefers-reduced-motion:reduce){.cs *,.cs *:before,.cs *:after{transition:none!important;animation:none!important}}.cs-checks{pointer-events:auto;width:440px;max-width:calc(100vw - 32px);box-sizing:border-box;padding:16px;border-radius:20px;background:#faf9f5;box-shadow:0 0 0 1px #19261b1a,0 24px 50px -24px #141e1666;display:flex;flex-direction:column;gap:10px;font-family:Instrument Sans,sans-serif;color:#20231f;text-align:left;animation:csIn .35s cubic-bezier(.2,.7,.2,1) both}@keyframes csIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.cs-checks .ch{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.cs-checks .ch b{font:600 16px Space Grotesk,sans-serif;letter-spacing:-.01em}.cs-checks .ch span{font:700 10px Space Mono,monospace;letter-spacing:.1em;text-transform:uppercase;color:#5c6b1c;white-space:nowrap}.cs-checks .li{display:flex;align-items:center;gap:10px;min-height:36px;font:500 13.5px Instrument Sans,sans-serif;color:#20231f}.cs-checks .li>span:not(.ok):not(.todo):not(.sp){flex:1;min-width:0}.cs-checks .ok{width:22px;height:22px;flex:0 0 22px;border-radius:50%;background:#eef6d3;color:#3f5212;display:grid;place-items:center}.cs-checks .todo{width:22px;height:22px;flex:0 0 22px;border-radius:50%;background:#fbf1e3;color:#7a4b0b;display:grid;place-items:center}.cs-checks .fix{height:32px;padding:0 12px;border-radius:10px;border:1px solid rgba(122,75,11,.22);background:#fbf1e3;color:#7a4b0b;font:600 12.5px Instrument Sans,sans-serif;white-space:nowrap;cursor:pointer;flex:0 0 auto}.cs-checks .fix:hover{border-color:#7a4b0b73}@media(prefers-reduced-motion:reduce){.cs-checks{animation:none}}.home-hero.create-composer{padding:0;border-radius:0;overflow:visible;color:var(--ink)}.home-hero.create-composer .box{padding:0;background:transparent;gap:12px}.home-hero.create-composer .tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;margin:0;padding:0;overflow:visible;mask-image:none;-webkit-mask-image:none;transition:opacity .14s ease}.home-hero.create-composer .tiles[data-tiles-fit=wrap]{grid-template-columns:repeat(2,minmax(0,1fr))}.home-hero.create-composer .tiles-dim{opacity:.38;pointer-events:none}.home-hero.create-composer .tile{min-width:0;flex-direction:row;align-items:center;gap:6px;padding:10px 12px 10px 10px;border-radius:14px}.home-hero.create-composer .tile-copy{min-width:0;padding-right:4px}.home-hero.create-composer .tile b{font-size:13.5px;white-space:nowrap;letter-spacing:-.035em}.home-hero.create-composer .tile small{display:block;font-size:11.5px;white-space:nowrap}.home-hero.create-composer .tile .ic{width:34px;height:34px;border-radius:10px}.home-hero.create-composer .seg{align-self:flex-start}.home-hero.create-composer .ta textarea,.home-hero.create-composer .ta .ph{font-size:15px;line-height:1.5;padding:14px 16px}.home-hero.create-composer .ta textarea{min-height:128px}.home-hero.create-composer .ta .ph{min-height:0}.home-hero.create-composer .ta .ph i{height:16px;vertical-align:-2px}.home-hero.create-composer .opts{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px 8px}.home-hero.create-composer .opts>.o{max-width:180px;padding:8px 10px;font-size:12px}.home-hero.create-composer .opts>.go{grid-column:1/-1;justify-self:end;width:auto;min-height:44px;margin-left:auto;padding:11px 18px;font-size:14px}.home-hero.create-composer .opts>.say-big{grid-column:1/-1;justify-self:end}html.smv-on .home-hero.create-composer .box.is-empty .say-big{min-height:44px;font-size:14px;padding:0 18px 0 6px}html.smv-on .home-hero.create-composer .box.is-empty .say-big-ic{width:32px;height:32px}html.smv-on .home-hero.create-composer .box.is-empty .ta textarea{padding-bottom:14px}html.smv-on .home-hero.create-composer .box:not(.is-empty) .create-count{right:auto;left:16px}.create-composer-context{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}.create-composer .opts>.create-composer-context:first-of-type{grid-column:1/-1}.create-composer .opts>.o~.create-composer-context{grid-column:auto}.home-hero.create-composer .create-board-toggle{font-size:11.5px;padding:8px;gap:6px;max-width:none}.create-board-toggle[aria-pressed=true]{background:var(--lime)}.create-examples-link{margin-left:auto;border:0;background:transparent;text-decoration:underline;text-underline-offset:3px;padding:8px 0;font:inherit;font-size:12px;cursor:pointer}.create-continue-trigger,.create-start-fresh{width:-moz-max-content;width:max-content;border:0;background:transparent;padding:2px 0;color:var(--olive);font:600 12px var(--sans);cursor:pointer}.create-continue-trigger{display:inline-flex;align-items:center;gap:6px;text-align:left}.create-continue-trigger:hover,.create-start-fresh:hover{text-decoration:underline;text-underline-offset:3px}.create-continue-expanded{display:flex;align-items:center;gap:10px;min-width:0}.create-continue-row{display:flex;align-items:center;gap:10px;min-width:0;flex:1;color:var(--muted);font-size:12px}.create-start-fresh{flex:none;font-size:11px;color:var(--muted)}.create-composer-plans{margin:14px 0 0;font-size:12px;line-height:1.5;color:var(--muted)}.create-composer-plans a{color:var(--olive);font-weight:600;text-decoration:none}.create-composer .create-count{position:absolute;right:12px;bottom:5px;font-size:10px;color:var(--muted)}.home-hero.create-composer .opts .composer-submit>.go{grid-column:1/-1;justify-self:end;width:auto;min-height:44px;margin-left:auto;padding:11px 18px;font-size:14px}@media(max-width:639px){.create-dialog-veil{padding:0!important;align-items:flex-end!important}.create-dialog-panel{width:100%;max-width:none!important;height:min(760px,calc(100% - 12px));max-height:calc(100% - 12px)!important;border-radius:24px 24px 0 0!important;padding-bottom:env(safe-area-inset-bottom)}.create-dialog-body{display:flex;flex-direction:column;overflow:hidden!important;padding:0 16px!important}.create-dialog-body>.create-composer{flex:1;min-height:0;display:flex;flex-direction:column}.create-dialog-body.create-dialog-body-scroll{display:block;overflow-y:auto!important;padding-bottom:16px!important;-webkit-overflow-scrolling:touch}.home-hero.create-composer .box{flex:1;min-height:0;gap:0}.home-hero.create-composer .tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.home-hero.create-composer .composer-scroll{display:flex;flex:1;min-height:0;flex-direction:column;gap:12px;overflow-y:auto;overscroll-behavior:contain;padding:3px 0 12px}.home-hero.create-composer .ta textarea{min-height:120px}.home-hero.create-composer .opts{display:flex;flex-wrap:wrap;gap:8px}.home-hero.create-composer .opts>.o{max-width:100%}.create-composer-context{display:contents}.create-examples-section{flex:1 0 100%;min-width:0}.create-examples-section>section{padding:12px 0}.home-hero.create-composer .composer-submit{display:flex;flex:none;flex-direction:column;gap:8px;padding:10px 0 12px;background:var(--paper)}.home-hero.create-composer .composer-submit>.go{width:100%;margin:0;justify-content:center;min-height:44px;font-size:14px}html.smv-on .home-hero.create-composer .box.is-empty .composer-submit>.say-big{width:100%;margin:0;min-height:48px;font-size:15px}.create-composer-plans{margin:0;font-size:11px;text-align:center}.create-continue-expanded{flex-wrap:wrap}}