/* source: grupper.html style block 1 */
:root{ --bg:#0b1020; --panel:#111831; --accent:#4fc3f7; --girl:$ff6bb3; --boy:#60a5fa; --text:#ecf2ff; }
  *{box-sizing:border-box}
  body{margin:0;font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,Arial;background:var(--bg);color:var(--text)}
  .app{max-width:1200px;margin:0 auto;padding:16px}
  .topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
  .btn{background:var(--accent);border:none;padding:6px 10px;border-radius:6px;cursor:pointer;font-weight:600}
  .btn.secondary{background:#9aa6ff}
  .btn.ghost{background:transparent;color:var(--text);border:1px dashed #fff8}
  .layout{display:grid;grid-template-columns:330px 1fr 260px;gap:14px}
  .card{background:var(--panel);padding:10px;border-radius:8px}
  .name-chip{display:inline-block;margin:4px;padding:6px 10px;border-radius:999px;border:1px solid #fff8;cursor:pointer}
  .name-chip.selected{outline:2px solid var(--accent)}
  .name-chip[data-gender="p"]{border-color:#ff6bb3}
  .name-chip[data-gender="d"]{border-color:#60a5fa}
  .groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-top:10px}
  .group-card{background:#0d1536;padding:8px;border-radius:8px; min-height:120px}
  .group-title{font-weight:700;margin-bottom:4px}
  .member{margin:4px 0; padding:4px 6px; border:1px solid #ffffff22; border-radius:6px; cursor:grab}
  .group-card.drag-over{outline:2px dashed var(--accent)}
  .hint{opacity:.8;font-size:12px}
  .rule-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}

/* source: grupper.html style block 2 */
body{
    font-family:system-ui, Segoe UI, Arial;
    margin:16px;
    background:#fff;
    color:#000;
    font-size:14pt;           /* større tekst */
  }
  .grid{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(240px,1fr)); /* lidt bredere kort */
    gap:16px;
  }
  .card{
    border:1px solid #000;
    border-radius:8px;
    padding:14px;             /* mere luft i kortet */
    font-size:14pt;           /* større tekst i kortet */
    break-inside:avoid;
    page-break-inside:avoid;
  }
  .title{
    font-weight:700;
    margin-bottom:8px;
    font-size:15pt;           /* lidt større overskrift */
  }
  @page{ margin:8mm; }        /* mindre margener på papiret */