@font-face{font-family:Marker;src:url('assets/marker.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root{--paper:#f7f7f5;--ink:#202020;--muted:#70706c;--line:#d9d9d4;--portrait:#e7e7e3;--mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace}
*{box-sizing:border-box}[hidden]{display:none!important}html{min-height:100%;scroll-behavior:smooth}body{min-height:100svh;margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;font-size:14px}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button,a,input,textarea{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--ink)}::selection{background:#dcdcd7}a:hover,footer button:hover{text-decoration:underline;text-underline-offset:4px}
.topbar,footer{width:min(1248px,calc(100% - 112px));margin-inline:auto;display:flex;align-items:center;justify-content:flex-end;gap:24px;font-size:11px;color:var(--muted)}.topbar{padding-top:28px}.topbar a{padding:8px 0}footer{padding-bottom:24px}footer a,footer button{padding:8px 0}footer button{border:0;background:none;color:inherit;font-size:inherit}
main{width:min(1248px,calc(100% - 112px));margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(48px,6vw,96px);padding:40px 0}.main-copy{min-width:0}.brand-lockup{display:flex;align-items:center;gap:24px;margin-bottom:44px}.wordmark{font-family:Marker,'Arial Black',sans-serif;font-size:55px;font-weight:400;letter-spacing:-.075em;line-height:.81;display:flex;flex-direction:column;transform:rotate(-7deg) skewX(-9deg);transform-origin:0 50%;width:max-content;margin:0 0 0 6px;text-transform:uppercase}.wordmark span:first-child{margin-left:6px}.wordmark span+span{margin-top:7px}.watch-film{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border:1px solid #bcbcb7;border-radius:50%;background:none;padding:0;color:var(--muted);transition:color .18s,border-color .18s}.watch-film svg{margin-left:2px}.watch-film:hover{color:var(--ink);border-color:var(--ink)}.intro{font-size:clamp(25px,2.28vw,33px);font-weight:400;line-height:1.28;letter-spacing:-.055em;margin:0;max-width:560px}.intro>span{display:block}.intro-secondary{color:#71716c}.start{margin-top:36px}.task-label{display:block;font-size:12px;font-weight:500;margin-bottom:12px}.prompt-box{border:1px solid #c9c9c3;border-radius:8px;background:#fff;padding:17px 20px 14px;transition:border-color .18s,box-shadow .18s}.prompt-box:focus-within{border-color:#797975;box-shadow:0 0 0 2px #20202009}.prompt-heading{display:flex;align-items:baseline;gap:9px;font:11px/1.6 var(--mono)}.command{font-weight:600;flex-shrink:0}#prompt-team{color:var(--muted);overflow-wrap:anywhere}#work-prompt{display:block;width:100%;background:none;border:0;border-radius:0;resize:none;font:16px/1.55 Arial,Helvetica,sans-serif;letter-spacing:-.015em;padding:14px 0 12px;min-height:60px;overflow:hidden;outline:none}.prompt-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:9px}.prompt-actions button:disabled{opacity:.4;cursor:default}.prompt-actions button{border:0;font-size:11px}#preview-prompt{color:var(--muted);background:none;padding:12px 0;text-decoration:underline;text-decoration-color:#bcbcb7;text-underline-offset:4px}#preview-prompt:hover{color:var(--ink)}#copy-prompt{display:flex;align-items:center;justify-content:center;gap:14px;background:var(--ink);color:white;padding:13px 17px;border-radius:5px;min-height:42px;transition:background .18s}#copy-prompt:hover:not(:disabled){background:#444}.instruction{display:flex;flex-wrap:wrap;gap:9px;font-size:10px;color:var(--muted);margin:14px 0 0;line-height:1.6}.instruction>span:nth-child(even){color:#a3a39d}.copy-status{font-size:11px;color:#555550;min-height:16px;margin:7px 0 0}
.humans{min-width:0}.picker-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.picker-heading h2{font-size:27px;font-weight:400;letter-spacing:-.055em;margin:0}.pick-count{font:10px/1.5 var(--mono);color:var(--muted);white-space:nowrap}.picker-hint{font-size:11px;color:var(--muted);margin:9px 0 26px}.human-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 12px}.human{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:12px;min-width:0;width:100%;padding:0;background:none;border:0;border-radius:5px;text-align:left}.human-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.human-name{font-size:11px;line-height:1.3;letter-spacing:-.015em;color:#393937}.human-topic{font-size:10px;line-height:1.3;color:var(--muted)}.human-mark{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:17px;height:17px;border:1px solid #b2b2ac;border-radius:50%;font:10px var(--mono);color:#71716a;background:#f7f7f5eb;transition:background .18s,color .18s}.human[aria-pressed=true] .human-mark{color:#fff;background:var(--ink);border-color:var(--ink)}.human[aria-pressed=true] .human-portrait{outline:1px solid var(--ink);outline-offset:3px}.human[aria-pressed=true] .human-name{color:var(--ink)}.human-portrait,.anyone-portrait{display:block;width:100%;aspect-ratio:1;border-radius:3px;transition:filter .18s,outline .18s}.human-portrait{background-color:var(--portrait);background-image:url('assets/humans.png');background-repeat:no-repeat;background-size:500% auto;filter:grayscale(1) brightness(var(--portrait-brightness,1));background-blend-mode:normal}.human:hover .human-portrait{filter:grayscale(1) brightness(var(--portrait-brightness,1)) contrast(1.09)}.portrait-garry{background-position:0 20%}.portrait-brian{background-position:25% 20%}.portrait-mark{background-position:74.7% 20%}.portrait-donald{background-position:100% 20%}.portrait-sam,.portrait-barack,.portrait-andrej{--portrait-brightness:1.032;background-color:#dbdbdb;background-image:url('assets/humans-unified-v2.png');background-size:330% auto;background-position-y:-60%}.portrait-andrej{background-position-x:2.17%}.portrait-sam{background-position-x:50%}.portrait-barack{background-position-x:97.83%}.anyone-portrait{display:grid;place-items:center;font:32px/1 var(--mono);font-weight:300;color:#8a8a84;background:#ededeb;border:1px dashed #c4c4be}.anyone:hover .anyone-portrait{border-color:#777;color:var(--ink)}.anyone .human-mark{display:none}
.custom-form{display:flex;gap:10px;align-items:center;margin:22px 0 0;border-bottom:1px solid var(--line);padding:8px 0}.custom-form input{flex:1;min-width:0;background:none;border:0;font-size:14px;padding:8px 0}.custom-form input::placeholder{color:var(--muted)}.custom-form button{border:0;background:none;font-size:11px;padding:10px 5px}#cancel-custom{font-size:20px;color:var(--muted)}.custom-humans{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.custom-humans:empty{display:none}.custom-human{position:relative;display:flex;gap:12px;align-items:center;border:1px solid #c9c9c3;border-radius:4px;background:#eee;padding:10px 34px 10px 12px;max-width:100%;overflow-wrap:anywhere}.custom-human .human-mark{top:50%;transform:translateY(-50%);right:8px}.custom-human .human-name{font-size:11px}.custom-human[aria-pressed=false]{background:none;opacity:.55}
dialog{width:min(640px,calc(100% - 36px));padding:35px;border:1px solid #c9c9c3;border-radius:8px;background:var(--paper);color:var(--ink);max-height:85svh;overflow:auto}dialog::backdrop{background:#20202060;backdrop-filter:blur(4px)}dialog h2{font-size:24px;font-weight:400;letter-spacing:-.04em;margin:0 0 22px}dialog p{font-size:13px;line-height:1.7;color:#646460;margin-bottom:15px}dialog a{text-decoration:underline;text-underline-offset:3px}dialog .fine-print{font-size:11px;color:var(--muted)}.close-dialog{border:0;background:none;font-size:24px;position:absolute;right:13px;top:9px;color:var(--muted);padding:3px 7px}#full-prompt{display:block;width:100%;resize:vertical;font:11px/1.65 var(--mono);background:#fff;border:1px solid var(--line);padding:15px;min-height:260px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.no-script{font-size:12px;text-align:center;padding:20px}
@media(min-width:901px) and (max-height:760px){main{padding:24px 0}.brand-lockup{margin-bottom:34px}.wordmark{font-size:48px}.start{margin-top:26px}.intro{font-size:28px}.human-list{gap:20px 12px}.picker-hint{margin-bottom:22px}}
@media(max-width:1100px) and (min-width:901px){.topbar,footer,main{width:calc(100% - 72px)}main{gap:44px}.human-list{gap:22px 9px}.human-name{font-size:10px}.human-topic{font-size:9px}.human-mark{right:6px;top:6px}.intro{font-size:26px}}
@media(max-width:900px){.topbar,footer{width:calc(100% - 48px)}main{width:540px;max-width:calc(100% - 48px);grid-template-columns:minmax(0,1fr);gap:52px;padding:42px 0 54px}.brand-lockup{margin-bottom:34px}.wordmark{font-size:48px}.intro{font-size:30px}.start{margin-top:30px}.humans{width:100%}.picker-heading h2{font-size:25px}.picker-hint{margin-bottom:24px}.topbar{padding-top:18px}footer{padding-bottom:18px}.human-name{font-size:11px}.human-topic{font-size:10px}}
@media(max-width:520px){main{padding-top:30px;gap:44px}.brand-lockup{margin-bottom:32px}.wordmark{font-size:44px}.intro{font-size:27px;line-height:1.3}.start{margin-top:28px}.prompt-box{padding:16px 16px 13px}.prompt-heading{font-size:10px}#work-prompt{font-size:16px}.instruction{gap:7px;font-size:10px}.human-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 16px}.human-name{font-size:12px}.human-topic{font-size:11px}.human-copy{gap:4px}.human-mark{top:10px;right:10px;width:19px;height:19px}.picker-hint{font-size:12px}.custom-form input{font-size:16px}dialog{padding:32px 24px}}
@media(max-width:350px){.topbar,footer,main{max-width:calc(100% - 36px)}.intro{font-size:24px}.prompt-box{padding:14px}.prompt-actions{gap:12px}#copy-prompt{padding-inline:13px}.instruction{font-size:9px;gap:6px}.human-list{gap:22px 12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.film-dialog{width:min(980px,calc(100% - 40px));padding:42px 20px 16px;max-height:calc(100svh - 36px);overflow:auto}.film-dialog video{display:block;width:100%;max-height:calc(100svh - 145px);aspect-ratio:16/9;object-fit:contain;background:#11110f}.film-footer{display:flex;justify-content:space-between;gap:20px;margin-top:12px;color:#8a8a80;font:9px/1.5 var(--mono)}.film-footer a{text-decoration:none}.film-footer a:hover{text-decoration:underline}@media(max-width:520px){.brand-lockup{gap:24px}.film-dialog{width:calc(100% - 24px);padding:38px 10px 12px}.film-footer{font-size:8px;margin-top:10px}}

/* Universal setup and repository social proof. */
.github-link{display:flex;align-items:center;gap:12px}.github-stars{display:inline-flex;align-items:center;gap:5px;color:var(--ink);font-variant-numeric:tabular-nums}.github-link:hover{text-decoration:none}.github-link:hover>span:first-child{text-decoration:underline}
.prompt-box .task-label{font-size:10px;color:var(--muted);margin:17px 0 0}#work-prompt{padding-top:7px;min-height:54px}.instruction{display:block}.start{margin-top:28px}
@media(max-width:520px){.instruction{font-size:10px}}

.usage-note{font-size:10px;color:var(--muted);margin:18px 0 0}

/* About: product story and the README's learning loop. */
#about-dialog{width:min(680px,calc(100% - 36px))}#about-dialog .about-lead{font-size:17px;line-height:1.5;color:var(--ink);letter-spacing:-.025em;margin-top:0}.about-questions{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;padding:17px 0;margin:20px 0;list-style:none;border-block:1px solid var(--line);font-size:13px;line-height:1.5;letter-spacing:-.015em;color:var(--ink)}.about-links{display:flex;flex-wrap:wrap;gap:8px 22px}.about-credits{margin-top:22px;border-top:1px solid var(--line);padding-top:15px}.about-credits summary{font-size:11px;color:var(--muted);cursor:pointer}.about-credits .fine-print:first-of-type{margin-top:15px}.about-credits p:last-child{margin-bottom:0}@media(max-width:420px){.about-questions{grid-template-columns:1fr;gap:7px}#about-dialog .about-lead{font-size:16px}}

/* Setup handoff: one clear action, with the full instructions available to inspect. */
.setup-panel{margin-top:16px;padding:18px;border:1px solid #30302e;border-radius:20px;background:#141413;color:#f7f7f5;box-shadow:0 2px 0 #00000010}
.setup-panel h2{margin:0 0 15px;text-align:center;font-size:14px;font-weight:500;letter-spacing:-.015em}
.setup-command{display:flex;align-items:center;gap:16px;padding:12px 12px 12px 18px;background:#252524;border:1px solid #383836;border-radius:12px}
.setup-text{flex:1;min-width:0;font:13px/1.6 var(--mono);letter-spacing:-.02em}
.setup-panel #copy-prompt{flex-shrink:0;min-height:48px;min-width:84px;padding:12px 20px;border:0;border-radius:9px;background:#f7f7f5;color:#202020;font:14px/1.4 var(--mono)}
.setup-panel #copy-prompt:hover:not(:disabled){background:#deded8}.setup-panel #copy-prompt:disabled{opacity:.45;cursor:default}.setup-panel #copy-prompt:focus-visible{outline-color:#fff}
.setup-help{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:10px}.setup-help .instruction{margin:0;font-size:10px}.setup-help #preview-prompt{border:0;font-size:10px;white-space:nowrap;padding:5px 0}
@media(max-width:520px){.setup-panel{padding:14px;border-radius:16px}.setup-command{gap:10px;padding:10px 10px 10px 12px}.setup-text{font-size:12px}.setup-panel #copy-prompt{min-width:70px;padding:12px 14px}.setup-help{flex-wrap:wrap;gap:2px 12px}}