.groupgen-page{background:var(--white);min-height:100vh}.groupgen-intro{text-align:center;padding:70px 0 54px}.groupgen-intro h1{max-width:980px;font-family:var(--font-heading);letter-spacing:-.065em;margin:0 auto;font-size:clamp(58px,6.4vw,82px);line-height:.98}.groupgen-intro p{max-width:650px;color:var(--muted);margin:22px auto 0;font-size:17px;line-height:1.6}.groupgen-form-wrap{padding:0 0 76px}.groupgen-workbench{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:stretch;gap:20px;display:grid}.groupgen-panel{border:2px solid var(--ink);border-radius:var(--radius-xl);background:var(--white);min-width:0;box-shadow:7px 7px 0 var(--ink);padding:26px}.groupgen-panel>header,.groupgen-results>header{justify-content:space-between;align-items:center;gap:18px;display:flex}.groupgen-panel>header>div:first-child,.groupgen-setup-heading{flex-direction:column;display:flex}.groupgen-panel>header span,.groupgen-setup-heading>span,.pair-history>header span{color:var(--blue);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:800;line-height:1}.groupgen-panel h2,.groupgen-setup-heading h2,.pair-history h2{font-family:var(--font-heading);letter-spacing:-.04em;margin:5px 0 0;font-size:24px;line-height:1.15}.groupgen-participants>header>strong{border:2px solid var(--ink);border-radius:var(--radius-pill);background:var(--soft-blue);padding:8px 12px;font-size:14px}.groupgen-clean-status{border-radius:var(--radius-md);color:#315311;background:#eefbd7;grid-template-columns:20px 1fr auto;align-items:center;gap:8px;min-height:42px;margin-top:20px;padding:9px 11px;font-size:12px;font-weight:700;line-height:1.35;display:grid}.groupgen-clean-status.has-changes{color:#6e4a00;background:#fff4c7}.groupgen-clean-status svg{color:#64a600;width:18px;height:18px}.groupgen-clean-status.has-changes svg{color:#d28b00}.groupgen-clean-status button,.groupgen-participant-meta button{color:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;padding:0;font-size:14px;font-weight:800;text-decoration:underline}.groupgen-participants>textarea{resize:vertical;border:2px solid var(--ink);border-radius:var(--radius-lg);width:100%;min-height:420px;color:var(--ink);box-shadow:5px 5px 0 var(--ink);background:#f8fbff;outline:0;margin-top:14px;padding:17px 18px;font-size:15px;font-weight:600;line-height:1.72}.groupgen-participants>textarea:focus,.groupgen-custom-names textarea:focus{border-color:var(--blue);box-shadow:5px 5px 0 var(--blue)}.groupgen-participant-meta{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-top:15px;font-size:12px;display:flex}.groupgen-participant-meta button{color:var(--blue-dark)}.groupgen-notice{color:var(--orange);margin:14px 0 0;font-size:13px;font-weight:800}.groupgen-tabs{border:2px solid var(--ink);background:var(--soft-blue);border-radius:15px;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.groupgen-tabs button,.distribution-tabs button{min-height:44px;color:var(--ink);cursor:pointer;background:0 0;border-radius:10px;padding:0 14px;font-size:14px;font-weight:800}.groupgen-tabs button.is-active{color:var(--white);background:var(--ink)}.groupgen-setup-heading{margin-top:28px}.distribution-tabs{border:2px solid var(--line);background:#f7f8fa;border-radius:14px;grid-template-columns:1fr 1fr;gap:4px;margin-top:18px;padding:4px;display:grid}.distribution-tabs button.is-active{color:var(--ink);background:var(--white);box-shadow:0 1px 7px #0714271f}.groupgen-number-setting{border:2px solid var(--ink);background:#fff4c7;border-radius:15px;justify-content:space-between;align-items:center;gap:20px;min-height:102px;margin-top:14px;padding:16px;display:flex}.groupgen-number-setting>div:first-child{flex-direction:column;gap:5px;display:flex}.groupgen-number-setting span{font-size:15px;font-weight:800}.groupgen-number-setting small{color:var(--muted);font-size:11px;line-height:1.4}.groupgen-stepper{border:2px solid var(--ink);border-radius:var(--radius-md);background:var(--white);flex:none;grid-template-columns:38px 44px 38px;align-items:center;height:44px;display:grid;overflow:hidden}.groupgen-stepper button{color:var(--ink);cursor:pointer;background:0 0;align-self:stretch;font-size:21px;font-weight:700}.groupgen-stepper button:hover:not(:disabled){background:var(--soft-blue)}.groupgen-stepper button:disabled{opacity:.3;cursor:not-allowed}.groupgen-stepper strong{text-align:center;font-size:16px}.groupgen-custom-names{flex-direction:column;gap:9px;margin-top:18px;display:flex}.groupgen-custom-names>span{justify-content:space-between;gap:10px;font-size:14px;font-weight:800;display:flex}.groupgen-custom-names small{color:var(--muted);font-weight:600}.groupgen-custom-names textarea{resize:vertical;border:2px solid var(--ink);width:100%;min-height:92px;color:var(--ink);background:#f8fbff;border-radius:14px;outline:0;padding:12px 14px;font-size:14px;line-height:1.55}.groupgen-generate{border:2px solid var(--ink);border-radius:var(--radius-pill);width:100%;min-height:54px;color:var(--white);background:var(--blue);box-shadow:5px 5px 0 var(--ink);cursor:pointer;justify-content:center;align-items:center;gap:9px;margin-top:20px;font-size:16px;font-weight:800;display:flex}.groupgen-generate:hover:not(:disabled){background:var(--blue-dark)}.groupgen-generate:active:not(:disabled){box-shadow:3px 3px 0 var(--ink);transform:translate(2px,2px)}.groupgen-generate:disabled{opacity:.4;cursor:not-allowed}.groupgen-generate svg{width:19px;height:19px}.groupgen-advanced{border-top:2px solid var(--line);margin-top:16px}.groupgen-advanced summary{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;padding:15px 2px 0;font-size:14px;font-weight:800;display:flex}.groupgen-advanced summary span{border-radius:var(--radius-pill);color:var(--muted);letter-spacing:.05em;text-transform:uppercase;background:#f0f2f4;padding:5px 8px;font-size:10px}.groupgen-advanced ul{color:var(--muted);margin:12px 0 0;padding-left:20px;font-size:13px;line-height:1.8}.pair-options{margin-top:18px}.pair-options fieldset{border:0;margin:0;padding:0}.pair-options legend{margin-bottom:11px;font-size:14px;font-weight:800}.pair-options fieldset label{border:2px solid var(--line);cursor:pointer;border-radius:14px;align-items:flex-start;gap:11px;min-height:67px;margin-top:9px;padding:12px 14px;display:flex}.pair-options fieldset label:has(input:checked){border-color:var(--ink);background:var(--soft-blue)}.pair-options input[type=radio]{accent-color:var(--blue);margin-top:3px}.pair-options fieldset span{flex-direction:column;gap:3px;display:flex}.pair-options fieldset b{font-size:14px}.pair-options fieldset small{color:var(--muted);font-size:12px}.groupgen-check{cursor:pointer;align-items:center;gap:10px;margin-top:15px;font-size:14px;display:flex}.groupgen-check input{opacity:0;pointer-events:none;position:absolute}.groupgen-check>span{border:2px solid var(--ink);border-radius:var(--radius-pill);background:var(--white);width:38px;height:22px;padding:3px}.groupgen-check>span:after{content:"";background:var(--ink);border-radius:50%;width:12px;height:12px;transition:transform .18s;display:block}.groupgen-check input:checked+span{background:var(--lime)}.groupgen-check input:checked+span:after{transform:translate(16px)}.groupgen-output{margin-top:6px;animation:.3s both groupgen-reveal}@keyframes groupgen-reveal{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.groupgen-results{box-shadow:8px 8px 0 var(--ink);padding:28px}.groupgen-result-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.groupgen-action{border:2px solid var(--ink);border-radius:var(--radius-pill);min-height:38px;color:var(--ink);background:var(--white);cursor:pointer;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:14px;font-weight:800;display:inline-flex}.groupgen-action:hover:not(:disabled){background:var(--soft-blue)}.groupgen-action:disabled{opacity:.35;cursor:not-allowed}.groupgen-action svg{width:15px;height:15px}.groupgen-result-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));align-items:start;gap:14px;margin-top:24px;display:grid}.groupgen-result-lane{border:2px solid var(--ink);background:var(--soft-blue);border-radius:18px;overflow:hidden}.groupgen-result-lane.tone-1{background:#fff4c7}.groupgen-result-lane.tone-2{background:#eefbd7}.groupgen-result-lane.tone-3{background:var(--lavender)}.groupgen-result-lane>header{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:center;gap:10px;min-height:53px;padding:12px 15px;display:flex}.groupgen-result-lane h3{font-family:var(--font-heading);letter-spacing:-.03em;margin:0;font-size:17px}.groupgen-result-lane>header span{border:2px solid var(--ink);background:var(--white);border-radius:50%;place-items:center;width:28px;height:28px;font-size:12px;font-weight:800;display:grid}.groupgen-result-lane ol{gap:7px;margin:0;padding:10px;list-style:none;display:grid}.groupgen-result-lane li{background:#ffffffd6;border:1px solid #0714272b;border-radius:10px;align-items:center;gap:9px;min-height:42px;padding:7px 10px;display:flex}.groupgen-result-lane li>span{width:25px;height:25px;color:var(--white);background:var(--ink);border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:800;display:grid}.groupgen-result-lane li b{overflow-wrap:anywhere;min-width:0;font-size:14px}.groupgen-results>footer{border:2px solid var(--line);min-height:49px;color:var(--muted);background:#f8f9fb;border-radius:13px;justify-content:space-between;align-items:center;gap:15px;margin-top:18px;padding:11px 14px;font-size:13px;display:flex}.groupgen-results>footer strong{color:var(--blue-dark);text-align:right}.pair-history{border:2px solid var(--ink);border-radius:var(--radius-xl);background:#fff4c7;margin-top:30px;padding:26px}.pair-history>header,.pair-history>header>div{justify-content:space-between;align-items:center;gap:14px;display:flex}.pair-history>header>div:first-child>svg{width:32px;height:32px}.pair-history>header .pill{min-height:42px;font-size:14px}.pair-history>header .pill svg{width:16px;height:16px}.pair-rounds{border:2px solid var(--ink);background:var(--white);border-radius:15px;margin:22px 0 0;padding:0;list-style:none;overflow:hidden}.pair-rounds li{border-bottom:1px solid var(--line);grid-template-columns:150px 1fr;align-items:center;gap:18px;min-height:66px;padding:13px 15px;display:grid}.pair-rounds li:last-child{border-bottom:0}.pair-rounds li>div{flex-direction:column;gap:3px;display:flex}.pair-rounds li strong{font-size:14px}.pair-rounds li span{color:var(--muted);font-size:11px}.pair-rounds p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.pair-history-empty{color:var(--muted);text-align:center;background:#ffffff8c;border:2px dashed #07142759;border-radius:14px;margin:22px 0 0;padding:20px;font-size:14px}.groupgen-guide{padding-top:104px}.groupgen-guide>header{max-width:760px}.groupgen-guide>header>span,.groupgen-faq>header>span{color:var(--blue);letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px;font-size:11px;font-weight:800;display:block}.groupgen-guide>header h2,.groupgen-uses h2,.groupgen-faq h2{font-family:var(--font-heading);letter-spacing:-.055em;margin:0;font-size:clamp(42px,5vw,64px);line-height:1}.groupgen-guide>header p{max-width:680px;color:var(--muted);margin:22px 0 0;font-size:16px;line-height:1.7}.groupgen-guide-steps{border-top:2px solid var(--ink);margin:44px 0 0;padding:0;list-style:none}.groupgen-guide-steps li{border-bottom:1px solid var(--line);grid-template-columns:72px minmax(0,1fr);align-items:center;min-height:108px;padding:22px 0;display:grid}.groupgen-guide-steps li>span{color:var(--blue);letter-spacing:.08em;align-self:start;padding-top:5px;font-size:11px;font-weight:800}.groupgen-guide-steps h3,.groupgen-explainer h2,.groupgen-explainer h3,.groupgen-uses h3,.groupgen-privacy h2{font-family:var(--font-heading);margin:0}.groupgen-guide-steps h3{letter-spacing:-.025em;font-size:21px}.groupgen-guide-steps p{max-width:760px;color:var(--muted);margin:7px 0 0;font-size:14px;line-height:1.65}.groupgen-explainer{grid-template-columns:1fr 1fr;gap:22px;margin-top:72px;display:grid}.groupgen-explainer>article{border:2px solid var(--ink);border-radius:var(--radius-xl);min-width:0;padding:32px}.groupgen-explainer>article:first-child{background:var(--soft-blue)}.groupgen-explainer>article:last-child{background:#fff7d8}.groupgen-explainer h2{letter-spacing:-.035em;font-size:28px;line-height:1.12}.groupgen-explainer h3{font-size:16px}.groupgen-explainer article>div,.groupgen-explainer article>p{border-top:1px solid #0714273d;margin:24px 0 0;padding-top:22px}.groupgen-explainer article>div+div{margin-top:18px}.groupgen-explainer p{color:var(--muted);margin:7px 0 0;font-size:14px;line-height:1.7}.groupgen-uses{color:var(--white);background:var(--ink);margin-top:104px;padding:78px 0 82px}.groupgen-uses .shell>header{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:end;gap:80px;display:grid}.groupgen-uses .shell>header p{color:#ffffffad;margin:0;font-size:15px;line-height:1.7}.groupgen-uses .shell>div{border-top:1px solid #ffffff40;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:50px;display:grid}.groupgen-uses article{border-left:1px solid #ffffff2e;min-width:0;padding:25px 24px 0}.groupgen-uses article:first-child{border-left:0;padding-left:0}.groupgen-uses article>span{color:var(--yellow);letter-spacing:.08em;font-size:11px;font-weight:800}.groupgen-uses h3{letter-spacing:-.02em;margin-top:34px;font-size:19px}.groupgen-uses article p{color:#ffffffa8;margin:11px 0 0;font-size:13px;line-height:1.65}.groupgen-privacy{border:2px solid var(--ink);border-radius:var(--radius-xl);background:#f2fbdc;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:22px;margin-top:88px;padding:30px 34px;display:grid}.groupgen-privacy>span{width:48px;height:48px;color:var(--white);background:var(--ink);border-radius:50%;place-items:center;font-size:22px;font-weight:800;display:grid}.groupgen-privacy h2{letter-spacing:-.03em;font-size:25px}.groupgen-privacy p{color:var(--muted);margin:7px 0 0;font-size:14px;line-height:1.65}.groupgen-faq{grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);align-items:start;gap:96px;padding:104px 0 18px;display:grid}.groupgen-faq>div{border-top:2px solid var(--ink)}.groupgen-faq details{border-bottom:1px solid var(--line)}.groupgen-faq summary{cursor:pointer;min-height:76px;font-family:var(--font-heading);grid-template-columns:minmax(0,1fr) 28px;align-items:center;gap:22px;padding:18px 0;font-size:16px;font-weight:700;line-height:1.35;list-style:none;display:grid}.groupgen-faq summary::-webkit-details-marker{display:none}.groupgen-faq summary span{color:var(--blue);text-align:center;font-size:24px;font-weight:400;transition:transform .18s}.groupgen-faq details[open] summary span{transform:rotate(45deg)}.groupgen-faq details p{max-width:660px;color:var(--muted);margin:-2px 50px 0 0;padding:0 0 22px;font-size:14px;line-height:1.7}.groupgen-related{grid-template-columns:1fr 1fr;align-items:end;gap:100px;padding:108px 0 80px;display:grid}.groupgen-related h2{font-family:var(--font-heading);letter-spacing:-.065em;margin:0;font-size:clamp(46px,5vw,68px);line-height:.98}.groupgen-related p{max-width:410px;color:var(--muted);margin:20px 0 0;line-height:1.65}.groupgen-related nav{border-top:2px solid var(--ink)}.groupgen-related nav a{border-bottom:1px solid var(--line);grid-template-columns:40px 1fr 24px;align-items:center;gap:12px;min-height:70px;display:grid}.groupgen-related nav span{color:var(--blue);font-size:10px;font-weight:800}.groupgen-related nav strong{font-family:var(--font-heading);font-size:17px}.groupgen-related nav svg{width:20px;height:20px}.groupgen-tabs button:focus-visible,.distribution-tabs button:focus-visible,.groupgen-stepper button:focus-visible,.groupgen-generate:focus-visible,.groupgen-action:focus-visible,.groupgen-check input:focus-visible+span,.pair-options input:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}@media (width<=960px){.groupgen-intro{padding-top:50px}.groupgen-workbench{grid-template-columns:1fr;max-width:720px}.groupgen-participants>textarea{min-height:300px}.groupgen-uses .shell>header{grid-template-columns:1fr;gap:24px}.groupgen-uses .shell>div{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px}.groupgen-uses article:nth-child(3){border-left:0;padding-left:0}.groupgen-faq{grid-template-columns:1fr;gap:42px}.groupgen-related{grid-template-columns:1fr;gap:45px}}@media (width<=700px){.groupgen-intro{text-align:left;padding:44px 0 40px}.groupgen-intro h1{font-size:clamp(48px,13vw,66px)}.groupgen-intro p{margin-inline:0;font-size:16px}.groupgen-form-wrap{padding-bottom:54px}.groupgen-panel{box-shadow:5px 5px 0 var(--ink);border-radius:20px;padding:21px}.groupgen-clean-status{grid-template-columns:20px 1fr}.groupgen-clean-status button{grid-column:2;justify-self:start}.groupgen-results>header{flex-direction:column;align-items:flex-start}.groupgen-result-actions{justify-content:flex-start;width:100%}.groupgen-result-actions .groupgen-action{flex:calc(50% - 8px)}.groupgen-results>footer{flex-direction:column;align-items:flex-start}.groupgen-results>footer strong{text-align:left}.pair-history>header{flex-direction:column;align-items:flex-start}.pair-history>header>div:last-child{flex-wrap:wrap;justify-content:flex-start;width:100%}.pair-rounds li{grid-template-columns:1fr;gap:8px}.groupgen-guide{padding-top:76px}.groupgen-guide-steps li{grid-template-columns:46px minmax(0,1fr)}.groupgen-explainer{grid-template-columns:1fr;margin-top:56px}.groupgen-explainer>article{padding:25px}.groupgen-uses{margin-top:76px;padding:60px 0 64px}.groupgen-uses .shell>div{grid-template-columns:1fr;row-gap:0;margin-top:38px}.groupgen-uses article,.groupgen-uses article:first-child,.groupgen-uses article:nth-child(3){border-bottom:1px solid #ffffff2e;border-left:0;padding:24px 0}.groupgen-uses article:last-child{border-bottom:0}.groupgen-uses h3{margin-top:18px}.groupgen-privacy{grid-template-columns:1fr;gap:18px;margin-top:68px;padding:26px}.groupgen-faq{padding:78px 0 12px}.groupgen-faq summary{font-size:15px}.groupgen-related{padding:82px 0 60px}}@media (width<=430px){.groupgen-panel{padding:18px}.groupgen-tabs button{padding-inline:8px}.distribution-tabs{grid-template-columns:1fr}.groupgen-number-setting{flex-direction:column;align-items:flex-start}.groupgen-stepper{grid-template-columns:1fr 1fr 1fr;width:100%}.groupgen-custom-names>span{flex-direction:column;align-items:flex-start}.groupgen-result-grid{grid-template-columns:1fr}.pair-history{padding:20px}.pair-history>header>div:last-child{flex-direction:column;align-items:stretch}.pair-history>header>div:last-child>*{width:100%}.groupgen-explainer>article,.groupgen-privacy{border-radius:20px;padding:22px}}@media (prefers-reduced-motion:reduce){.groupgen-output{animation:none}.groupgen-check>span:after{transition:none}}