:root{--ui-canvas:#f5f6f8;--ui-surface:#fff;--ui-text:#202b38;--ui-muted:#566373;--ui-border:#d5dbe3;--ui-accent:#315f99;--ui-focus:#2456a6;--ui-info-surface:#eef3fa;--ui-info-border:#bacce3;--ui-error:#a12d31;--ui-error-surface:#fff1ef;--ui-space-1:.5rem;--ui-space-2:1rem;--ui-space-3:1.5rem;--ui-space-4:2rem;--ui-radius:.75rem;--ui-body:1rem;--ui-small:.875rem;--ui-title:clamp(1.75rem, 4vw, 2.25rem);--ui-on-accent:#fff;--ui-sidebar:#203b60;--ui-sidebar-text:#edf3fc;--ui-sidebar-muted:#c4d3e8;--ui-sidebar-active:#365781;--ui-control-border:#8193ab;--ui-backdrop:#172b46aa}.groups-draft-stage{background:var(--ui-canvas);color:var(--ui-text);font:var(--ui-body)/1.6 ui-sans-serif,system-ui,sans-serif;min-height:100vh;padding:var(--ui-space-4)}.groups-draft-feedback,.groups-draft-note{margin:0 auto var(--ui-space-3);max-width:72rem;color:var(--ui-muted);font-size:var(--ui-small)}.groups-design{max-width:72rem;margin:auto}.groups-heading{margin-bottom:var(--ui-space-4)}.groups-design h1{font-size:var(--ui-title);letter-spacing:-.025em;margin:var(--ui-space-1) 0 var(--ui-space-2);line-height:1.2}.groups-design h2{margin:0;font-size:1.125rem}.groups-kicker{color:var(--ui-accent);font-size:var(--ui-small);margin:0;font-weight:650}.groups-help,.groups-intro{color:var(--ui-muted);margin:var(--ui-space-1) 0 var(--ui-space-3)}.groups-help{font-size:var(--ui-small)}.groups-layout{gap:var(--ui-space-3);grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start;display:grid}.groups-panel{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius);padding:var(--ui-space-3);min-width:0}.groups-panel-heading{justify-content:space-between;gap:var(--ui-space-1);flex-wrap:wrap;align-items:baseline;display:flex}.groups-count{font-size:var(--ui-small);color:var(--ui-muted)}.groups-design .field{margin:var(--ui-space-3) 0}.groups-design input{color:var(--ui-text);background:var(--ui-surface);border-color:var(--ui-border);width:100%;padding:.75rem}.groups-design .button,.groups-design input{border-radius:var(--ui-space-1);min-height:2.75rem}.groups-design .button{background:var(--ui-accent);border-color:var(--ui-accent);padding:.65rem var(--ui-space-2)}.groups-design .button.secondary{color:var(--ui-accent);background:var(--ui-surface)}.groups-design .button:hover:not(:disabled){filter:brightness(.92)}.groups-design :focus-visible{outline:3px solid var(--ui-focus);outline-offset:3px}.groups-design .field-error{color:var(--ui-error)}.groups-design .table-scroll{margin:var(--ui-space-3) 0}.groups-design th{background:var(--ui-canvas);color:var(--ui-muted)}.groups-design td,.groups-design th{padding:var(--ui-space-2);border-color:var(--ui-border);overflow-wrap:anywhere}.groups-design caption{font-size:var(--ui-small);color:var(--ui-muted)}.groups-design .state{margin:var(--ui-space-3) 0;border-radius:var(--ui-radius);background:var(--ui-info-surface);border-color:var(--ui-info-border)}.groups-design .state.error{background:var(--ui-error-surface);border-color:var(--ui-error)}.groups-design .state.locked{background:var(--ui-canvas);border-color:var(--ui-border)}.groups-design .state .button{margin-top:var(--ui-space-2)}.groups-draft-feedback{margin-top:var(--ui-space-3)}.groups-draft-narrow{max-width:390px;margin:auto}.groups-draft-stage{container-type:inline-size}@container (width<=46rem){.groups-layout{grid-template-columns:minmax(0,1fr)}}@media (width<=600px){.groups-draft-stage{padding:var(--ui-space-2)}}.groups-design .button.danger{background:var(--ui-error);border-color:var(--ui-error)}.groups-design .members-table td,.groups-design .members-table th{white-space:nowrap;overflow-wrap:normal}.groups-workspace{container-type:inline-size}.groups-design h2,.groups-design p{overflow-wrap:anywhere}:root{color:var(--ui-text);background:var(--ui-canvas);font-synthesis:none;font-family:Inter,ui-sans-serif,system-ui,sans-serif;line-height:1.55}*{box-sizing:border-box}body{margin:0}a{color:var(--ui-accent)}button,input,select{font:inherit}a,button,input,select{touch-action:manipulation}:focus-visible{outline:3px solid var(--ui-focus);outline-offset:4px}.skip{background:var(--ui-surface);z-index:10;padding:1rem;position:absolute;top:-8rem;left:1rem}.skip:focus{top:1rem}.shell{min-height:100vh;display:flex}aside{background:var(--ui-sidebar);color:var(--ui-sidebar-text);flex-direction:column;flex-shrink:0;width:240px;padding:2rem 1.5rem;display:flex}.brand{letter-spacing:.08em;color:var(--ui-on-accent);font-size:1.5rem;font-weight:800;text-decoration:none}.brand span{letter-spacing:.2em;font-size:.65rem;display:block}.area{color:var(--ui-sidebar-muted);text-transform:uppercase;letter-spacing:.1em;margin-top:3rem;font-size:.8rem}nav{gap:.5rem;display:grid}nav a{color:var(--ui-sidebar-text);border-radius:.4rem;padding:.7rem .85rem;text-decoration:none}nav a[aria-current]{background:var(--ui-sidebar-active);font-weight:650}.aside-note{color:var(--ui-sidebar-muted);margin-top:auto;padding-top:4rem;font-size:.8rem}.workspace{flex:1;min-width:0}header{background:var(--ui-surface);border-bottom:1px solid var(--ui-border);justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 2.5rem;display:flex}main{max-width:1180px;margin:auto;padding:3rem 2.5rem}footer{color:var(--ui-muted);padding:1rem 2.5rem;font-size:.8rem}h1{letter-spacing:-.04em;margin:.5rem 0 1rem;font-size:2.4rem;line-height:1.2}h2{font-size:1.4rem}.eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:700}.eyebrow,.lead{color:var(--ui-muted)}.lead{max-width:65ch}.card{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:.7rem;margin-top:1.5rem;padding:1.5rem}.grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.button{cursor:pointer;background:var(--ui-accent);color:var(--ui-on-accent);border:1px solid #0000;border-radius:.4rem;padding:.65rem 1rem;font-weight:600}.button.secondary{background:var(--ui-surface);color:var(--ui-accent);border-color:var(--ui-control-border)}.button.danger{background:var(--ui-error)}.button:disabled{opacity:.55;cursor:not-allowed}.actions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.field{gap:.35rem;max-width:36rem;margin:1rem 0;display:grid}label{font-size:.9rem;font-weight:600}input,select{background:var(--ui-surface);color:var(--ui-text);border:1px solid var(--ui-control-border);border-radius:.35rem;min-width:0;padding:.6rem}.field-error{color:var(--ui-error);margin:0}.state{border:1px solid var(--ui-info-border);background:var(--ui-info-surface);border-radius:.5rem;margin:1rem 0;padding:1.2rem}.state p{margin:.35rem 0 0}.state.error{border-color:var(--ui-error);background:var(--ui-error-surface)}.state.locked{background:var(--ui-canvas);border-color:var(--ui-border)}.table-scroll{margin:1.5rem 0;overflow:auto}table{border-collapse:collapse;width:100%}caption,table{text-align:left}caption{padding:.5rem 0;font-weight:700}td,th{border-bottom:1px solid var(--ui-border);padding:.8rem}th{background:var(--ui-info-surface);font-size:.8rem}.muted{color:var(--ui-muted);font-size:.9rem}dialog{border:1px solid var(--ui-control-border);border-radius:.7rem;max-width:36rem;padding:2rem}dialog::backdrop{background:var(--ui-backdrop)}@media (width<=760px){.shell{display:block}aside{width:100%;padding:1rem}.aside-note,.brand span{display:none}.area{margin:.5rem 0}nav{flex-wrap:wrap;display:flex}header,main{padding:1.25rem}h1{font-size:2rem}}