.group-header{background:var(--paper)}
.group-home-link{display:inline-flex;min-height:42px;align-items:center;padding:8px 12px;border-radius:10px;color:var(--muted);font-size:11px;font-weight:850;text-decoration:none}
.group-home-link:hover{background:var(--white);color:var(--ink)}
.group-page{width:min(760px,calc(100% - 28px));min-height:68vh;margin:0 auto;padding:42px 0 28px}
.group-boot,.group-surface{padding:clamp(20px,5vw,36px);border:2px solid var(--ink);border-radius:20px;background:var(--white);box-shadow:5px 6px 0 var(--ink)}
.group-boot h1,.group-hero h1,.group-surface h1{max-width:680px;margin:17px 0 11px;font:500 clamp(43px,10vw,72px)/.9 var(--serif);letter-spacing:-.06em;text-wrap:balance}
.group-boot>p:last-child,.group-hero>.lede,.group-surface>.lede{max-width:610px;color:var(--muted)}
.group-hero>h1 em{color:var(--violet);font-weight:500}
.group-hero>.lede{font-size:17px}
.group-trust{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0 0;padding:0;list-style:none}
.group-trust li{padding:6px 9px;border:1px solid var(--ink);border-radius:999px;background:var(--white);font-size:9px;font-weight:850}
.group-builder{margin-top:28px;padding:clamp(18px,4vw,28px);border:2px solid var(--ink);border-radius:18px;background:var(--white);box-shadow:4px 5px 0 var(--ink)}
.group-section-head{display:flex;align-items:start;justify-content:space-between;gap:16px}
.group-section-head h2{margin:0;font:500 29px/1 var(--serif);letter-spacing:-.04em}
.group-section-head p{margin:5px 0 0;color:var(--muted);font-size:10px}
.group-count{flex:0 0 auto;padding:6px 9px;border:1.5px solid var(--ink);border-radius:999px;background:var(--lime-soft);font-size:10px;font-weight:900}
.group-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}
.group-preset{min-height:68px;padding:10px;border:1.5px solid var(--ink);border-radius:12px;background:var(--paper-2);text-align:left}
.group-preset:nth-child(2){background:var(--aqua-soft)}
.group-preset:nth-child(3){background:var(--violet-soft)}
.group-preset[aria-pressed=true]{background:var(--lime);box-shadow:2px 3px 0 var(--ink);transform:translate(-1px,-1px)}
.group-preset strong,.group-preset span{display:block}
.group-preset strong{font-size:12px}
.group-preset span{margin-top:2px;color:var(--muted);font-size:9px}
.group-preset:hover{box-shadow:2px 3px 0 var(--ink);transform:translate(-1px,-1px)}
.group-picker{margin-top:12px;border-top:1px solid var(--ink)}
.group-picker>summary{min-height:46px;padding:13px 2px 8px;cursor:pointer;font-size:10px;font-weight:900}
.group-filter{width:100%;min-height:44px;padding:8px 11px;border:1.5px solid var(--ink);border-radius:9px;background:var(--paper-2)}
.group-question-list{display:grid;gap:6px;max-height:420px;margin-top:9px;padding-right:4px;overflow:auto}
.group-question-option{display:grid;grid-template-columns:22px 1fr;gap:9px;padding:10px;border:1px solid var(--ink);border-radius:9px;background:var(--white)}
.group-question-option input{width:19px;height:19px;margin:1px 0;accent-color:var(--violet)}
.group-question-option strong,.group-question-option small{display:block}
.group-question-option strong{font-size:11px;line-height:1.35}
.group-question-option small{margin-top:3px;color:var(--muted);font-size:9px}
.group-create-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;padding-top:16px;border-top:1px solid var(--ink)}
.group-create-row p{max-width:320px;margin:0;color:var(--muted);font-size:9px}
.group-create-row .primary-button{flex:0 0 auto}
.group-progress{display:grid;gap:8px;margin-bottom:23px}
.group-progress-head{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;font-weight:900;letter-spacing:.1em}
.group-progress progress{width:100%;height:9px;accent-color:var(--violet)}
.group-prompt{margin:11px 0 7px!important;font-size:clamp(35px,8vw,55px)!important;line-height:.96!important}
.group-question-note{margin:0;color:var(--muted);font-size:11px}
.group-choices{display:grid;gap:9px;margin-top:24px}
.group-choice{display:grid;grid-template-columns:48px 1fr;align-items:center;gap:12px;width:100%;min-height:76px;padding:11px;border:2px solid var(--ink);border-radius:14px;background:var(--paper-2);text-align:left}
.group-choice:nth-child(2){background:var(--violet-soft)}
.group-choice:hover{box-shadow:3px 4px 0 var(--ink);transform:translate(-1px,-1px)}
.group-choice i{display:grid;width:46px;height:46px;place-items:center;border:1.5px solid var(--ink);border-radius:11px;background:var(--lime);font-style:normal;font-size:21px}
.group-choice:nth-child(2) i{background:var(--white)}
.group-choice strong{font-size:15px}
.group-creator-shortcut{display:inline-flex;margin:17px 0 -4px;color:var(--muted);font-size:10px;font-weight:800;text-underline-offset:3px}
.group-ready-mark{display:grid;width:54px;height:54px;margin-bottom:18px;place-items:center;border:2px solid var(--ink);border-radius:16px;background:var(--lime);font:700 28px var(--serif);transform:rotate(-3deg)}
.group-share-url{display:flex;gap:8px;margin-top:20px}
.group-share-url input{min-width:0;flex:1;height:46px;padding:0 10px;border:1.5px solid var(--ink);border-radius:9px;background:var(--paper-2);font-size:10px}
.group-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:13px}
.group-actions .quiet-button{min-height:44px;padding-inline:9px}
.group-demo-link{display:inline-flex;margin-top:14px}
.group-formation{margin-top:24px;padding:18px;border:1.5px solid var(--ink);border-radius:15px;background:var(--aqua-soft)}
.group-formation strong{display:block;font:500 43px/1 var(--serif);letter-spacing:-.04em}
.group-formation span{display:block;margin-top:5px;font-size:10px;font-weight:850}
.group-formation p{margin:7px 0 0;color:var(--muted);font-size:10px}
.group-aggregate-note{margin:18px 0 0;color:var(--muted);font-size:10px}
.group-splits{display:grid;gap:9px;margin-top:20px}
.group-split{padding:13px;border:1px solid var(--ink);border-radius:11px;background:var(--paper-2)}
.group-split h2{margin:0 0 10px;font-size:12px;line-height:1.35}
.group-split-track{display:flex;height:22px;overflow:hidden;border:1.5px solid var(--ink);border-radius:999px;background:var(--paper)}
.group-split-a{background:var(--lime)}
.group-split-b{background:var(--violet-soft)}
.group-split-labels{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:7px;font-size:9px}
.group-split-labels span:last-child{text-align:right}
.group-split-labels strong{display:block;font-size:10px}
.group-private-control{margin-top:19px;border-top:1px solid var(--ink)}
.group-private-control summary{min-height:43px;padding:12px 2px 6px;cursor:pointer;color:var(--muted);font-size:10px;font-weight:850}
.group-private-control p{margin:8px 0;color:var(--muted);font-size:9px}
.group-private-control .danger-button{font-size:10px}
.group-boundary{margin:20px 0 0;padding:12px;border:1px solid var(--ink);border-radius:10px;background:var(--paper);color:var(--muted);font-size:9px}
.group-error-code{display:inline-block;margin-top:12px;color:var(--muted);font:9px ui-monospace,SFMono-Regular,Consolas,monospace}
.group-footer{margin-top:52px}
@media(max-width:560px){
  .group-page{padding-top:24px}
  .group-presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
  .group-preset{min-height:62px;padding:7px}
  .group-preset strong{font-size:10px}.group-preset span{font-size:7px}
  .group-create-row{align-items:stretch;flex-direction:column}
  .group-create-row .primary-button,.group-actions>*{width:100%}
  .group-share-url{display:grid}
  .group-surface{padding:19px}
  .group-prompt{font-size:37px!important}
}
@media(prefers-reduced-motion:reduce){.group-preset,.group-choice{transition:none}}
@media(forced-colors:active){.group-builder,.group-surface,.group-preset,.group-question-option,.group-choice,.group-formation,.group-split,.group-split-track,.group-boundary{border-color:CanvasText;background:Canvas;color:CanvasText}.group-split-a,.group-split-b{background:Highlight}}
.group-whatsapp-button{width:100%;margin-top:22px;background:#9fea74}
