:root{--accent: #4f46e5;--accent-hover: #4338ca;--accent-soft: #eef2ff;--ink: #1e1b3a;--ink-soft: #5b5876;--bg: #f7f7fb;--card: #ffffff;--border: #e7e6f0;--radius: 16px;--shadow: 0 1px 2px rgba(30, 27, 58, .05), 0 4px 16px rgba(30, 27, 58, .06);--shadow-lift: 0 2px 4px rgba(30, 27, 58, .06), 0 10px 28px rgba(30, 27, 58, .1)}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI Variable,Segoe UI,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}.app{max-width:1280px;margin:0 auto;padding:32px 24px 48px}.header{margin-bottom:28px}.brand{display:flex;align-items:center;gap:16px}.logo{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;background:var(--accent);color:#fff;flex-shrink:0;box-shadow:0 4px 12px #4f46e54d}.brand h1{margin:0;font-size:1.7rem;font-weight:800;letter-spacing:-.02em}.tagline{margin:2px 0 0;color:var(--ink-soft);font-size:.98rem}.layout{display:grid;grid-template-columns:380px minmax(0,1fr);gap:24px;align-items:start}@media(max-width:960px){.layout{grid-template-columns:1fr}.app{padding:20px 16px 40px}}.sidebar{display:flex;flex-direction:column;gap:16px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 18px 20px}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.card-head h2{margin:0;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-soft)}.count-pill{background:var(--accent-soft);color:var(--accent);font-size:.8rem;font-weight:600;padding:3px 10px;border-radius:999px;white-space:nowrap}.hint{margin:0 0 10px;font-size:.85rem;color:var(--ink-soft)}.names-input{width:100%;resize:vertical;min-height:150px;border:1px solid var(--border);border-radius:12px;padding:12px 14px;background:#fbfbfe;transition:border-color .15s,box-shadow .15s}.names-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #4f46e526}.roster{margin-top:14px}.roster-list{list-style:none;margin:0;padding:0;max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.roster-item{display:flex;align-items:center;gap:10px;padding:5px 8px;border-radius:8px;cursor:pointer;font-size:.93rem;transition:background .12s}.roster-item:hover{background:var(--accent-soft)}.roster-item input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px;cursor:pointer}.roster-item.is-absent span{text-decoration:line-through;color:#b3b0c4}.segmented{display:grid;grid-template-columns:1fr 1fr;background:#f0eff7;border-radius:10px;padding:4px;gap:4px;margin-bottom:14px}.segmented button{border:none;background:transparent;border-radius:8px;padding:8px 6px;font-size:.87rem;font-weight:600;color:var(--ink-soft);cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}.segmented button:hover{color:var(--ink)}.segmented button.active{background:#fff;color:var(--accent);box-shadow:0 1px 3px #1e1b3a1f}.number-row{display:flex;align-items:center;gap:10px;margin-bottom:16px}.number-row label{font-size:.9rem;font-weight:600}.number-row input{width:76px;border:1px solid var(--border);border-radius:10px;padding:8px 10px;background:#fbfbfe;font-weight:600;transition:border-color .15s,box-shadow .15s}.number-row input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #4f46e526}.preview-note{font-size:.85rem;color:var(--ink-soft)}.btn{border:1px solid var(--border);background:#fff;border-radius:10px;padding:9px 16px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,transform .1s,box-shadow .15s}.btn:hover:not(:disabled){border-color:#d5d3e4;background:#fafafe;box-shadow:0 2px 6px #1e1b3a14}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 4px 14px #4f46e559}.btn-shuffle{width:100%;padding:12px;font-size:1rem;border-radius:12px}.btn-small{padding:8px 14px;font-size:.85rem}.btn-tiny{padding:4px 10px;font-size:.78rem;border-radius:8px}.btn-danger:hover:not(:disabled){border-color:#fca5a5;background:#fef2f2;color:#dc2626}.pair-row{display:flex;align-items:center;gap:8px}.pair-row select{flex:1;min-width:0;border:1px solid var(--border);border-radius:10px;padding:8px;background:#fbfbfe;font-size:.88rem;cursor:pointer}.pair-row select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #4f46e526}.pair-x{color:var(--ink-soft);font-weight:700}.pair-list{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.pair-chip{display:inline-flex;align-items:center;gap:8px;background:var(--accent-soft);color:var(--accent);font-size:.83rem;font-weight:600;padding:5px 6px 5px 12px;border-radius:999px}.pair-chip button{border:none;background:#4f46e51f;color:var(--accent);border-radius:999px;width:20px;height:20px;font-size:.7rem;line-height:1;cursor:pointer;transition:background .15s}.pair-chip button:hover{background:#4f46e540}.save-row{display:flex;gap:8px;margin-bottom:12px}.save-row input{flex:1;min-width:0;border:1px solid var(--border);border-radius:10px;padding:8px 12px;background:#fbfbfe;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.save-row input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #4f46e526}.saved-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.saved-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 4px;border-top:1px solid var(--border)}.saved-item:first-child{border-top:none}.saved-name{font-size:.92rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-actions{display:flex;gap:6px;flex-shrink:0}.results{min-height:400px}.results.is-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:var(--bg);overflow-y:auto;padding:28px clamp(20px,4vw,56px) 48px;min-height:0}.results.is-fullscreen .group-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:20px}.results.is-fullscreen .group-card li{font-size:1.1rem;padding:9px 14px}.results.is-fullscreen .group-card-head h3{font-size:1.15rem}.empty-state{background:var(--card);border:1.5px dashed var(--border);border-radius:var(--radius);padding:72px 32px;text-align:center;color:var(--ink-soft)}.empty-icon{color:#c7c5dd;margin-bottom:12px}.empty-state h2{margin:0 0 6px;color:var(--ink);font-size:1.25rem}.empty-state p{margin:0 auto;max-width:380px}.results-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.results-title{margin:0;font-size:1.1rem;font-weight:700;letter-spacing:-.01em}.results-actions{display:flex;gap:8px;flex-wrap:wrap}.warning{background:#fffbeb;border:1px solid #fde68a;border-left:4px solid #f59e0b;color:#92400e;border-radius:12px;padding:12px 16px;font-size:.9rem;margin-bottom:16px}.group-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.group-card{background:var(--g-bg);border:1px solid color-mix(in srgb,var(--g-accent) 18%,transparent);border-radius:var(--radius);padding:16px 18px 18px;box-shadow:var(--shadow);animation:card-in .45s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--delay);transition:transform .15s,box-shadow .15s}.group-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift)}.group-card-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.group-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:var(--g-accent);color:#fff;font-weight:700;font-size:.9rem;flex-shrink:0}.group-card-head h3{margin:0;font-size:1rem;font-weight:700;color:var(--g-accent);flex:1}.group-size{font-size:.78rem;font-weight:700;color:var(--g-accent);opacity:.65}.group-card ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.group-card li{background:#ffffffbf;border-radius:8px;padding:7px 12px;font-weight:600;font-size:.95rem;animation:name-in .35s ease-out both;animation-delay:var(--delay)}@keyframes card-in{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}@keyframes name-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.group-card,.group-card li{animation:none}}.page{max-width:720px;margin:0 auto;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:32px clamp(20px,4vw,44px) 40px}.page-back{display:inline-block;margin-bottom:20px;color:var(--accent);font-weight:600;font-size:.9rem;text-decoration:none}.page-back:hover{text-decoration:underline}.page h2{margin:0 0 4px;font-size:1.5rem;font-weight:800;letter-spacing:-.01em}.page-updated{margin:0 0 20px;font-size:.85rem;color:#a3a0b8}.page h3{margin:24px 0 8px;font-size:1.05rem;font-weight:700}.page p{margin:0 0 12px;font-size:.95rem;color:var(--ink-soft)}.page a{color:var(--accent)}.footer{margin-top:40px;text-align:center;font-size:.83rem;color:#a3a0b8}.footer p{margin:0 0 6px}.footer-links{display:flex;justify-content:center;gap:10px}.footer-links a{color:var(--ink-soft);text-decoration:none;font-weight:600}.footer-links a:hover{color:var(--accent);text-decoration:underline}.projector{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0f172a;color:#f8fafc;padding:clamp(24px,4vw,64px);overflow-y:auto;display:flex;align-items:center;justify-content:center}.projector-close{position:fixed;top:20px;right:24px;z-index:101;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#e2e8f0;border-radius:10px;padding:8px 16px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .15s}.projector-close:hover{background:#fff3}.projector-close kbd{font-family:inherit;background:#ffffff26;border-radius:5px;padding:1px 7px;font-size:.8em}.projector-grid{display:grid;grid-template-columns:repeat(var(--cols, 2),minmax(0,1fr));gap:clamp(16px,2.5vw,40px);width:100%;max-width:1800px;margin:auto}.projector-card{background:#ffffff0d;border:2px solid var(--g-accent);border-radius:24px;padding:clamp(18px,2.2vw,40px)}.projector-card h3{margin:0 0 .5em;font-size:clamp(1.6rem,3vw,3rem);font-weight:800;color:var(--g-accent);letter-spacing:-.01em}.projector-card ul{list-style:none;margin:0;padding:0}.projector-card li{font-size:clamp(1.3rem,2.4vw,2.4rem);font-weight:700;padding:.18em 0;line-height:1.3}@media(max-width:700px){.projector-grid{grid-template-columns:1fr}}@media print{body{background:#fff}.no-print,.sidebar,.header,.footer{display:none!important}.app{padding:0;max-width:none}.layout{display:block}.group-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.group-card{animation:none;box-shadow:none;border:1px solid #ccc;break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact}.group-card li{animation:none}.projector{display:none}}