:root{color-scheme:light;--bg:#fafaf8;--surface:#f0f1ed;--ink:#232521;--muted:#6b6f66;--line:#dedfd9;--orange:#bb451b;--accent:#ff6333;--code:#e3e6dd;font-family:Arial,Helvetica,sans-serif;font-synthesis:none;background:var(--bg);color:var(--ink)}:root[data-theme=dark]{color-scheme:dark;--bg:#171916;--surface:#22251f;--ink:#f0f2e9;--muted:#a9afa0;--line:#353a30;--orange:#ff8d66;--accent:#ff8d66;--code:#33392e}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-underline-offset:4px}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}.page{max-width:880px;margin:auto;padding:0 36px}.skip{position:absolute;top:-100px}.skip:focus{top:12px;background:var(--bg);padding:12px;z-index:10}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}header{display:flex;justify-content:space-between;align-items:center;padding:32px 0}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:21px;font-weight:800;letter-spacing:-.8px}.brand img{object-fit:contain;flex:none}.brand-name{display:block;line-height:.95}.brand-dot{color:var(--accent)}.theme-toggle{display:grid;place-items:center;width:44px;height:44px;background:transparent;border:1px solid var(--line);border-radius:5px;color:var(--muted);padding:0;flex:none}.theme-sun{display:none}:root[data-theme=dark] .theme-moon{display:none}:root[data-theme=dark] .theme-sun{display:block}.theme-toggle:hover{color:var(--ink)}.intro{padding:46px 0 38px}h1{font-size:clamp(36px,5.2vw,57px);line-height:1.12;font-weight:700;letter-spacing:-2.3px;margin:0}h1 span{color:var(--orange)}h2{font-size:19px;line-height:1.4;letter-spacing:-.4px;margin:0}h3{font-size:18px;line-height:1.4;margin:0 0 12px}.audience-tabs{display:flex;gap:8px;margin-bottom:16px}.audience-tabs button{flex:1;min-width:0;background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:5px;font-size:18px;font-weight:700;padding:22px 19px}.audience-tabs button[aria-selected=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.instruction{padding:24px 0 0;background:transparent;border:0;border-radius:0}.instruction-heading{text-align:center}.copy-button{border:1px solid var(--line);border-radius:4px;color:var(--ink);background:var(--bg);font-size:14px;padding:9px 13px;flex-shrink:0}.copy-button:hover{border-color:var(--muted)}.prompt-block{position:relative;margin-top:18px}.prompt-block .copy-button{position:absolute;top:12px;right:12px;z-index:1}.agent-prompt{font:15px/1.75 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;white-space:pre-wrap;overflow-wrap:anywhere;background:transparent;border:0;border-radius:0;padding:18px 48px 18px 0;margin:0;color:var(--ink)}.agent-prompt code{font:inherit;background:none;padding:0;color:inherit}.icon-button{display:grid;place-items:center;width:40px;height:40px;padding:0}.instruction-foot:has(#copy-status:empty){display:none}.instruction-foot{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;font-size:13px;color:var(--muted)}#agent-status{margin-left:auto;font-size:12px}#copy-status:empty{display:none}#copy-status textarea{display:block;margin-top:12px;font:14px/1.5 monospace;background:var(--bg);color:var(--ink);border:1px solid var(--line);padding:10px}.owner-steps{padding-left:22px;margin:16px 0 0}.owner-steps li{font-size:16px;line-height:1.65;color:var(--muted);padding-left:4px;margin:10px 0}code{font:14px/1.5 monospace;background:var(--code);color:var(--ink);padding:2px 5px;border-radius:3px;overflow-wrap:anywhere}details{margin-top:20px;font-size:14px;color:var(--muted);border-top:1px solid var(--line);padding-top:16px}summary{cursor:pointer;color:var(--ink)}details p{font-size:14px;line-height:1.7}.catalog{padding:40px 0 28px}.catalog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.catalog-heading h2{font-size:21px}.catalog-heading h2 span{font-size:13px;font-weight:400;color:var(--muted);margin-left:9px}.search input{background:transparent;color:var(--ink);border:0;border-bottom:1px solid var(--line);border-radius:0;padding:9px 0;font-size:14px;width:170px}.search input::placeholder{color:var(--muted)}.project-card{border-top:1px solid var(--line);padding:19px 0;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.project-card h3{font-size:17px;margin:0 0 7px}.project-card p{font-size:14px;color:var(--muted);line-height:1.6;margin:0 0 9px}.project-meta{font-size:12px;color:var(--muted);display:flex;gap:12px;flex-wrap:wrap}.project-card button{font-size:14px;border:0;background:transparent;color:var(--ink);padding:8px 0 8px 12px;text-decoration:underline;text-underline-offset:4px}.empty{background:transparent;border:1px dashed var(--line);border-radius:6px;padding:29px;text-align:center}.empty h3{font-size:17px;margin:0 0 9px}.empty p{color:var(--muted);font-size:14px;line-height:1.7;margin:0}.empty button{border:0;border-bottom:1px solid var(--muted);padding:0 0 3px;background:none;color:var(--ink);font-size:14px;margin-top:14px}.snapshot{font-size:12px;color:var(--muted);margin:13px 0 0}.muted{color:var(--muted)}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:var(--muted);padding:22px 0 32px;font-size:13px}.demo-banner{background:var(--surface);padding:12px;border-left:3px solid var(--accent);color:var(--muted);font-size:13px;line-height:1.5;margin:10px 0 0}dialog{background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:34px;max-width:620px;width:calc(100% - 32px);max-height:85vh}dialog::backdrop{background:#0009}dialog p{font-size:16px;line-height:1.65;color:var(--muted)}dialog h2{font-size:25px;margin:12px 0 20px}.dialog-close{position:absolute;right:12px;top:8px;border:0;background:none;color:var(--ink);font-size:28px}.eyebrow{font:12px monospace!important;color:var(--orange)!important}.detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.outline,.primary{border:1px solid var(--line);border-radius:4px;background:var(--surface);color:var(--ink);padding:10px 14px;text-decoration:none;font-size:14px}.primary{background:var(--ink);color:var(--bg)}.task-list{list-style:none;padding:0}.task-list li{padding:12px 0;border-top:1px solid var(--line);font-size:14px;line-height:1.6}.task-list small{display:block;color:var(--muted);font-size:12px}#retry{margin-top:12px}@media(max-width:550px){.page{padding:0 22px}header{padding:22px 0}.brand{font-size:18px;gap:8px}.brand img{width:30px;height:35px}.theme-toggle{font-size:13px}.intro{padding:34px 0 29px}h1{font-size:36px;letter-spacing:-1.5px}.audience-tabs{gap:8px}.audience-tabs button{padding:18px 9px;font-size:16px}.instruction{padding:20px 0 0}.prompt-block{margin-top:15px}.agent-prompt{font-size:14px;padding:14px 48px 14px 0}.instruction-foot{gap:10px 15px}#agent-status{margin-left:0;flex-basis:100%}.catalog{padding-top:30px}.catalog-heading{gap:12px}.search input{width:135px}.project-card{gap:12px}.project-meta{gap:8px}.empty{padding:24px 16px}footer{font-size:12px;gap:15px}.owner-steps li{font-size:15px}dialog{padding:30px 22px}}@media(prefers-reduced-motion:no-preference){button{transition:background-color .15s,color .15s}}

.prompt-block .copied{background:#25834b;border-color:#25834b;color:#fff}.prompt-block #copy-status{position:absolute;top:16px;right:62px;z-index:2;max-width:calc(100% - 84px);font:700 14px/1.5 Arial,Helvetica,sans-serif;background:var(--bg);color:var(--ink);border-radius:4px;padding:5px 8px;pointer-events:none}.prompt-block #copy-status.copy-success{color:#fff;background:#25834b;animation:copy-pop 2s ease-out both}@keyframes copy-pop{0%{opacity:0;transform:translateY(8px) scale(.9)}15%,75%{opacity:1;transform:translateY(-8px) scale(1)}100%{opacity:0;transform:translateY(-20px)}}footer{margin-top:28px}@media(prefers-reduced-motion:reduce){.prompt-block #copy-status.copy-success{animation:none}}

#copy-context{border:0;background:transparent;box-shadow:none;outline:none}#copy-context.copied{background:transparent;color:#36ad65}#copy-context:focus-visible svg{filter:drop-shadow(0 0 3px var(--accent))}

.audience-tabs .tab-accent{color:var(--orange)}:root[data-theme=dark] .audience-tabs button[aria-selected=true] .tab-accent{color:#bb451b}:root:not([data-theme=dark]) .audience-tabs button[aria-selected=true] .tab-accent{color:#ff8d66}

.onboarding-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.setup-preview{font-size:12px;line-height:1.4;color:var(--muted);white-space:nowrap}
.onboarding-intro{font-size:14px;line-height:1.6;color:var(--muted);margin:10px 0 0}
.setup-steps{list-style:none;margin:30px 0 0;padding:0}
.setup-steps>li{position:relative}
.setup-steps>li+li{margin-top:26px}
/* Keep an 8px gap between the connector and each visible marker. */
.setup-steps>li.is-complete:not(:last-child)::after{content:"";position:absolute;left:13px;top:36px;bottom:-27px;width:2px;background:var(--orange);pointer-events:none}
.setup-steps>li.is-complete:not(:last-child):has(+li.is-complete)::after{bottom:-36px}
.setup-step-heading{margin:0}
.setup-step-heading button{display:flex;align-items:center;gap:14px;min-height:46px;padding:0;text-align:left;border:0;background:transparent;color:var(--muted);font-size:19px;line-height:1.4;font-weight:700}
.step-number{position:relative;display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;font-size:13px;font-weight:700;color:var(--muted)}
.step-check{display:none}
.setup-steps .is-complete [data-setup-step] .step-number{background:transparent;color:var(--orange)}
.setup-steps .is-complete .step-digit{display:none}
.setup-steps .is-complete .step-check{display:block}
.setup-step-heading button[aria-current=step]{color:var(--ink)}
.setup-step-heading button[aria-current=step] .step-number{background:var(--orange);color:var(--bg)}
.setup-action-row{display:flex;align-items:center;gap:14px}
.setup-step-number{display:grid;place-items:center;padding:0;border:0;background:transparent}
.setup-step-number[aria-current=step] .step-number{background:var(--orange);color:var(--bg)}
.github-action{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;border:1px solid #424a53;border-radius:6px;background:#24292f;color:#fff;font-size:14px;line-height:20px;font-weight:600}
.github-action svg{flex:none}
.install-action{background:var(--orange);border-color:var(--orange);color:var(--bg)}
.owner-onboarding .github-action:disabled{opacity:1}
.setup-content.setup-preview-content{padding-top:0}
.setup-content{padding:14px 0 0 42px}
.setup-content p{font-size:15px;line-height:1.65;color:var(--muted);margin:0 0 20px}
.setup-content .setup-note{font-size:12px;line-height:1.6;margin:12px 0 0}
.setup-action{display:inline-flex;align-items:center;font-weight:700}
.owner-onboarding button:disabled{opacity:.5;cursor:not-allowed}
.rules-label{display:block;font-size:13px;font-weight:700;margin-bottom:9px}
.setup-review{margin:0 0 20px;font-size:13px;line-height:1.6}
.setup-review div{display:grid;grid-template-columns:145px minmax(0,1fr);gap:12px;border-bottom:1px solid var(--line);padding:8px 0}
.setup-review dt{color:var(--muted)}
.setup-review dd{margin:0;overflow-wrap:anywhere}
.setup-continue{display:block;border:0;background:transparent;color:var(--orange);padding:8px 0;margin-top:16px;font-size:14px;font-weight:700}
.setup-status{font-size:14px;line-height:1.6;color:var(--muted);margin:16px 0 0}
.setup-status:empty{display:none}
.setup-status.is-error{color:var(--orange)}
.repository-picker{margin-top:20px}
.repository-picker select,.rules-source input{background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:4px;padding:10px 12px;font:14px/20px Arial,Helvetica,sans-serif;min-width:0}
.repository-picker select{width:100%;margin-bottom:12px}
.rules-source{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}
.rules-source input{flex:1;min-width:180px}
.repository-rules{white-space:pre-wrap;overflow-wrap:anywhere;max-height:320px;overflow:auto;font:14px/1.65 monospace;color:var(--ink);margin:12px 0 0}
.supply-consent{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.6;color:var(--muted);margin-bottom:20px}
.supply-consent input{accent-color:var(--orange);margin:4px 0 0;flex:none}
.owner-onboarding .github-action:disabled{cursor:default}
@media(max-width:550px){.setup-step-heading button{font-size:17px}.setup-content p{font-size:14px}.setup-review div{grid-template-columns:1fr;gap:2px}}

/* Account controls stay open on the page; cards are reserved for repositories. */
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.section-heading h3{margin:0;font-size:17px}
.section-heading>.muted{font-size:13px}
.text-action{display:inline-flex;align-items:center;border:0;background:transparent;padding:4px 0;color:var(--orange);font-size:13px;font-weight:600;line-height:1.5;text-align:left}
.text-action:hover{text-decoration:underline;text-underline-offset:4px}
button:disabled{cursor:not-allowed}
.primary:disabled,.outline:disabled,.text-action:disabled{opacity:.5}
.field-note{font-size:13px;line-height:1.65;color:var(--muted);margin:6px 0 14px}
.field-note.is-error{color:var(--orange)}
.field-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.field-input,.field-row input,.catalog-filters select{background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:4px;padding:10px 12px;font-size:14px;line-height:20px;min-width:0}
.field-input{width:100%}
.field-input::placeholder,.field-row input::placeholder{color:var(--muted);opacity:1}
.supporter-account{margin-top:28px}
.supporter-account>.setup-status{margin:0 0 16px}
#supporter-login{margin-top:2px}
.pair-form{margin:0}
.pair-form .rules-label{margin-bottom:3px}
#pair-code{width:180px;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:1px}
#pair-review{margin-top:20px}
#pair-review .setup-review{margin-bottom:16px}
.sign-out{margin-top:20px;color:var(--muted)}
.attempts-section{margin-top:30px}
.attempt-list{list-style:none;padding:0;margin:0}
.attempt-item{border-top:1px solid var(--line);padding:17px 0}
.attempt-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:14px;line-height:1.5}
.attempt-state{font-size:12px;color:var(--orange);flex-shrink:0}
.attempt-item .field-note{margin:6px 0}
.attempt-deadline{margin:8px 0;font-size:12px;color:var(--orange);line-height:1.6}
.attempt-actions{display:flex;align-items:center;gap:18px;margin-top:8px;font-size:13px}
.release-confirmation{margin-top:12px}
.release-confirmation .outline{margin-right:14px}
.owner-dashboard{margin-top:28px}
.owner-repositories{display:grid;gap:10px}
.owner-repository-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;width:100%;text-align:left;border:1px solid var(--line);border-radius:6px;padding:18px;background:transparent;color:var(--ink)}
.owner-repository-card:hover{border-color:var(--muted);background:var(--surface)}
.repository-name{font-size:15px;line-height:1.5;font-weight:700;overflow-wrap:anywhere}
.participation-state{font-size:12px;line-height:1.5;color:var(--muted);align-self:center}
.participation-state.is-enabled{color:var(--orange)}
.repository-settings{display:flex;flex-wrap:wrap;gap:6px 14px;grid-column:1 / -1;color:var(--muted);font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.repository-warning{grid-column:1 / -1;font-size:12px;line-height:1.6;color:var(--orange)}
.repository-manage{grid-column:1 / -1;font-size:12px;color:var(--orange);margin-top:2px}
#issue-label-note{margin-bottom:20px}
.catalog{padding:42px 0 0}
.catalog-heading{align-items:baseline}
.catalog-heading h2{font-size:20px;line-height:1.5}
.catalog-heading .text-action{flex-shrink:0}
.catalog-filters{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px}
.catalog-filters .search{flex:1;min-width:0}
.catalog-filters .search input{width:100%;font-size:14px}
.catalog-filters select{max-width:180px;padding:8px 10px;font-size:13px}
.catalog .setup-status{margin:0 0 18px}
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.project-tile{display:flex;flex-direction:column;align-items:stretch;gap:0;text-decoration:none;border:1px solid var(--line);border-radius:8px;padding:21px;min-width:0;background:transparent;color:var(--ink)}
.project-tile:hover{border-color:var(--orange);background:var(--surface)}
.project-tile-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}
.project-tile-heading h3{margin:0;font-size:19px;line-height:1.4;letter-spacing:-.3px;overflow-wrap:anywhere}
.project-arrow{color:var(--orange);font-size:19px;flex:none}
.project-path{font:12px/1.65 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:var(--muted);margin-top:5px;overflow-wrap:anywhere}
.project-tile>p{font-size:14px;line-height:1.65;margin:15px 0 20px;flex:1}
.project-tile .project-meta{gap:8px 16px;font-size:12px;color:var(--ink)}
.project-topics{font-size:11px;line-height:1.6;color:var(--muted);margin-top:8px}
.project-detail>.text-action{margin-bottom:20px}
.project-detail .eyebrow{margin:0 0 7px;overflow-wrap:anywhere}
.project-detail>h2{font-size:29px;line-height:1.3;letter-spacing:-.7px;overflow-wrap:anywhere}
.detail-description{font-size:15px;line-height:1.7;color:var(--muted);margin:12px 0 16px}
.project-detail details{margin-top:26px}
.project-detail details>a{display:inline-block;font-size:13px;margin-top:14px}
.task-heading{margin-top:30px}
#project-task-list{margin:0}
#project-task-list>li{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:17px 0}
.task-content{min-width:0}
.task-content>a{font-size:14px;line-height:1.55;text-decoration:none;font-weight:600;overflow-wrap:anywhere}
.task-content>a:hover{text-decoration:underline}
.task-content>small{margin-top:6px}
.task-labels{display:block;margin-top:6px;font-size:11px;line-height:1.6;color:var(--muted)}
#project-task-list .outline{flex:none;font-size:12px;white-space:nowrap;padding:8px 11px}
.selected-task{margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}
.selected-task .repository-rules{max-height:none;margin:16px 0 20px;font-size:13px;line-height:1.75}
.selected-task code{background:none;padding:0;font:inherit}
#task-copy-status{margin-left:12px}
@media(max-width:550px){.project-grid{grid-template-columns:1fr}.catalog-filters{gap:12px}.catalog-filters select{max-width:140px}.catalog-heading h2{font-size:18px}.project-tile{padding:19px}.owner-repository-card{grid-template-columns:1fr}.participation-state{grid-row:2}.repository-settings{gap:5px 10px}.attempt-heading{align-items:flex-start;flex-direction:column;gap:4px}.attempt-state{flex-shrink:1}.section-heading{gap:12px}.section-heading .text-action{font-size:12px}.project-detail>h2{font-size:26px}#project-task-list>li{gap:12px}.field-row input{flex:1}.field-row .primary{padding:10px 12px;font-size:13px}}
@media(prefers-reduced-motion:no-preference){.project-tile{transition:background-color .15s,border-color .15s}}

.onboarding-heading #github-logout{margin-left:auto;flex:none;color:var(--muted)}
#setup-repository .repository-picker{margin-top:0}
#setup-instructions-title{align-items:flex-start}
#setup-instructions-title .step-number{margin-top:9px}
#setup-instructions-title>span:last-child{padding:9px 0}
#agent-instructions{display:block;width:100%;resize:vertical;min-height:300px;border:1px solid var(--line);border-radius:5px;background:var(--bg);color:var(--ink);padding:17px;font:14px/1.75 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}
#agent-instructions:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
#continue-instructions{margin-top:16px}
.setup-content .registration-repository{font-size:15px;font-weight:700;color:var(--ink);overflow-wrap:anywhere;margin-bottom:20px}
#setup-register #issue-label-note{margin:10px 0 22px}
#participation-active{margin-top:22px}
#participation-active p{margin-bottom:12px}
.owner-dashboard{padding-top:24px;border-top:1px solid var(--line);margin-top:30px}
@media(max-width:550px){.onboarding-heading{align-items:flex-start}.onboarding-heading h2{max-width:calc(100% - 74px)}#agent-instructions{padding:14px;min-height:340px;font-size:13px}#setup-instructions-title{font-size:17px;line-height:1.5}}
