.clip {
    clip-path: polygon(0 0, 0% 100%, 100% 100%, 100% 85%, 15% 0);
  }


  /* ---- Floating trigger (pill) ------------------------------------------- */
  .nav.svelte-p9o308 { position: fixed; top: 12px; left: 12px; z-index: 1002; padding: 0; background: transparent; }
  .trigger.svelte-p9o308 { display: inline-flex; align-items: center; gap: 8px; border: 1px solid rgba(0,0,0,.12); background: rgba(255,255,255,.55); backdrop-filter: blur(6px); padding: 6px 10px; border-radius: 999px; cursor: pointer; font: inherit; line-height: 1; transition: background .15s ease, box-shadow .15s ease; }
  .trigger.svelte-p9o308:hover { box-shadow: 0 3px 10px rgba(0,0,0,.08); }
  .trigger.svelte-p9o308 .icon:where(.svelte-p9o308) { font-size: 18px; }
  .trigger.svelte-p9o308 .label:where(.svelte-p9o308) { font-weight: 600; font-size: 14px; }
  .trigger.svelte-p9o308 .chev:where(.svelte-p9o308) { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid currentColor; transform: translateY(2px); transition: transform .15s ease; }
  .trigger[aria-expanded="true"].svelte-p9o308 .chev:where(.svelte-p9o308) { transform: rotate(180deg) translateY(-2px); }

  /* ---- Overlay (full viewport) ------------------------------------------- */
  .overlay.svelte-p9o308 { position: fixed; inset: 0; z-index: 1000; }

  /* ---- Panel (fixed above content) --------------------------------------- */
  .panel.svelte-p9o308 {
    position: fixed;
    left: 12px;
    right: 12px;
    top: max(56px, 8vh);
    bottom: 12px;
    background: rgba(255,255,255,.6);
    backdrop-filter: blur(6px);
    border: 1px solid rgba(0,0,0,.12);
    box-shadow: 0 3px 20px rgba(0,0,0,.08);
    color: inherit;
    z-index: 1001;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    transform: translateY(8px);
    opacity: 0;
    pointer-events: none;
    transition: opacity .12s ease, transform .12s ease;
  }
  .panel.svelte-p9o308:not(.hiding) { opacity: 1; transform: none; pointer-events: auto; }

  /* Header: three zones (left/center/right) */
  .panel-head.svelte-p9o308 {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    padding: 8px 12px;
    border-bottom: 1px solid rgba(0,0,0,.08);
    gap: 8px;
  }
  .head-center.svelte-p9o308 { display: flex; justify-content: center; }
  /* (unused) .crumbs { font-size: 0.875rem; color: rgba(0,0,0,.7); text-align: center; }*/

  .close.svelte-p9o308 {
    appearance: none;
    border: 0;
    background: transparent;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    padding: 2px 4px;
    border-radius: 6px;
  }
  .close.svelte-p9o308:hover { background: rgba(0,0,0,.06); }

  .logout.svelte-p9o308 {
    appearance: none;
    border: 1px solid rgba(0,0,0,.15);
    background: rgba(255,255,255,.7);
    backdrop-filter: blur(6px);
    padding: 6px 10px;
    border-radius: 6px;
    cursor: pointer;
    font: inherit;
    line-height: 1;
  }
  .logout.svelte-p9o308:hover { background: rgba(0,0,0,.04); }

  /* ---- Content area ------------------------------------------------------ */
  .grid.svelte-p9o308 {
    padding: 12px;
    overflow: auto;
    display: grid;
    gap: 12px;
    --col-min: clamp(170px, 40vw, 220px);
    grid-template-columns: repeat(auto-fit, minmax(var(--col-min), 1fr));
    align-items: start;
  }

  .col.svelte-p9o308 { min-width: 0; padding: 6px; }
  .heading.svelte-p9o308 {
    margin: 0 0 6px;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .04em;
    opacity: .7;
  }
  .list.svelte-p9o308 { margin: 0; padding: 0; list-style: none; display: grid; gap: 4px; }
  .link.svelte-p9o308 { text-decoration: none; color: inherit; display: inline-block; padding: 4px 10px; border-radius: 6px; }
  .link.svelte-p9o308:hover { color: #0ea5e9; background: rgba(14,165,233,.08); }

  /* ---- Desktop sizing ---------------------------------------------------- */
  @media (min-width: 768px) {
    .panel.svelte-p9o308 {
      top: 56px;
      left: 12px;
      right: auto;
      bottom: auto;
      width: min(80vw, 960px);
      max-height: 75vh;
    }
  }


  button.selected {
    background: #eef2ff;
    border-color: #c7d2fe;
  }


  /* (unused) pre code .k{color:#0b7285}*/
  /* (unused) pre code .s{color:#2b8a3e}*/
  /* (unused) pre code .n{color:#ae3ec9}*/
  /* (unused) pre code .b{color:#d9480f}*/
  /* (unused) pre code .u{color:#868e96}*/


  /* (unused) pre code .k{color:#0b7285}*/
  /* (unused) pre code .s{color:#2b8a3e}*/
  /* (unused) pre code .n{color:#ae3ec9}*/
  /* (unused) pre code .b{color:#d9480f}*/
  /* (unused) pre code .u{color:#868e96}*/

  .json-wrap.svelte-ogrp2e { white-space: pre-wrap; overflow-x: hidden; }
  .json-wrap.svelte-ogrp2e code:where(.svelte-ogrp2e) { white-space: pre-wrap; word-break: break-word; overflow-wrap: anywhere; }


  /* (unused) .bg-yellow-100 { background-color: #fef9c3; }*/


  .invitation-page.svelte-tr30no {
    max-width: 800px;
  }

  .section-heading.svelte-tr30no {
    font-size: 0.95rem;
    font-weight: 600;
    color: #111827; /* gray-900 */
    padding-bottom: 0.25rem;
    border-bottom: 1px solid #e5e7eb; /* gray-200 */
    text-transform: none;
    letter-spacing: 0.03em;
  }

  .url-box.svelte-tr30no {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
    padding: 0.5rem 0.75rem;
    border: 1px solid #e5e7eb; /* gray-200 */
    background-color: #f9fafb; /* gray-50 */
    font-size: 0.72rem;
  }

  .url-label.svelte-tr30no {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #6b7280; /* gray-500 */
  }

  .url-value.svelte-tr30no {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
      "Liberation Mono", "Courier New", monospace;
    color: #111827; /* gray-900 */
    word-break: break-all;
  }

  @page {
    size: A4 portrait;
    margin: 0;
  }

  @media print {
    .invite-toolbar.svelte-tr30no {
      display: none !important;
    }

    html,
    body {
      margin: 0;
      padding: 0;
      background: #ffffff !important;
    }

    #menu {
      display: none !important;
    }

    #page {
      margin: 0 !important;
      padding: 0 !important;
      width: 100% !important;
      min-height: 100vh !important;
    }

    .invitation-root.svelte-tr30no {
      margin: 0 !important;
      padding: 0 !important;
      background: #ffffff !important;
    }

    .invitation-page.svelte-tr30no {
      box-shadow: none !important;
      border-radius: 0 !important;
      margin: 0 auto !important;

      /* A4: 210mm x 297mm, leave 10mm inner margin all around */
      width: 190mm !important;
      min-height: 277mm !important;
      padding: 10mm !important;

      page-break-after: always;
      break-after: page;
    }

    .invitation-page.svelte-tr30no:last-of-type {
      page-break-after: auto;
      break-after: auto;
    }
  }


  button.selected {
    background: #eef2ff;
    border-color: #c7d2fe;
  }


  button.selected {
    background: #eef2ff;
    border-color: #c7d2fe;
  }


  body { background: #f5f6f8; }


  /* minimal extras */


  .hb-account.svelte-9vyq1t { padding: 16px; display: grid; gap: 16px; }
  .hb-head.svelte-9vyq1t { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
  .hb-actions.svelte-9vyq1t { display: inline-flex; gap: 8px; align-items: center; flex-wrap: wrap; }
  .hb-btn.svelte-9vyq1t {
    border: 1px solid rgba(0,0,0,.12);
    background: rgba(255,255,255,.8);
    backdrop-filter: blur(4px);
    padding: 6px 10px; border-radius: 8px; cursor: pointer;
  }
  .hb-btn.svelte-9vyq1t:hover { box-shadow: 0 2px 8px rgba(0,0,0,.08); }
  .hb-btn.danger.svelte-9vyq1t { border-color: #ef4444; color: #b91c1c; background: #fff5f5; }
  .hb-link.svelte-9vyq1t { text-decoration: none; color: #0ea5e9; }

  .hb-note.svelte-9vyq1t { margin: 8px 0 0; color: #444; }
  .hb-note.error.svelte-9vyq1t { color: #b91c1c; }

  .hb-card.svelte-9vyq1t {
    background: rgba(255,255,255,.65);
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 8px;
    padding: 12px;
    backdrop-filter: blur(6px);
  }
  .hb-card.svelte-9vyq1t h2:where(.svelte-9vyq1t) { margin: 0 0 8px; font-size: 14px; text-transform: uppercase; letter-spacing: .04em; opacity: .75; }

  .kv.svelte-9vyq1t { display: grid; gap: 6px; }
  .kv.svelte-9vyq1t > div:where(.svelte-9vyq1t) { display: grid; grid-template-columns: 200px 1fr; align-items: center; }
  .kv.svelte-9vyq1t span:where(.svelte-9vyq1t) { opacity: .7; }

  .hb-table.svelte-9vyq1t { width: 100%; border-collapse: collapse; }
  .hb-table.svelte-9vyq1t th:where(.svelte-9vyq1t), .hb-table.svelte-9vyq1t td:where(.svelte-9vyq1t) { padding: 6px 8px; border-top: 1px solid rgba(0,0,0,.06); text-align: left; font-variant-numeric: tabular-nums; }
  .hb-table.svelte-9vyq1t th:where(.svelte-9vyq1t) { opacity: .7; font-weight: 600; }
  .hb-table.svelte-9vyq1t tr.current:where(.svelte-9vyq1t) { background: rgba(14,165,233,.08); }

  .row.svelte-9vyq1t { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
  .hb-input.svelte-9vyq1t {
    width: 100%;
    border: 1px solid rgba(0,0,0,.12);
    border-radius: 8px;
    padding: 6px 8px;
    background: rgba(255,255,255,.85);
    outline: none;
  }
  .hb-input.svelte-9vyq1t:focus { border-color: #0ea5e9; box-shadow: 0 0 0 3px rgba(14,165,233,.15); }

  .divide-y.svelte-9vyq1t > * + * { border-top: 1px solid rgba(0,0,0,.06); }
  .mono-box.svelte-9vyq1t {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    border: 1px dashed rgba(0,0,0,.25);
    padding: 6px 8px;
    border-radius: 6px;
    background: rgba(255,255,255,.6);
    word-break: break-all;
  }


  .hb-elevate.svelte-1yrguaa { padding: 16px; display: grid; gap: 16px; }
  .hb-head.svelte-1yrguaa { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
  .hb-actions.svelte-1yrguaa { display: inline-flex; gap: 8px; align-items: center; flex-wrap: wrap; }
  .hb-btn.svelte-1yrguaa {
    border: 1px solid rgba(0,0,0,.12);
    background: rgba(255,255,255,.8);
    backdrop-filter: blur(4px);
    padding: 6px 10px; border-radius: 8px; cursor: pointer;
  }
  .hb-btn.svelte-1yrguaa:hover { box-shadow: 0 2px 8px rgba(0,0,0,.08); }
  /* (unused) .hb-btn.danger { border-color: #ef4444; color: #b91c1c; background: #fff5f5; }*/
  /* (unused) .hb-link { text-decoration: none; color: #0ea5e9; }*/
  .hb-note.svelte-1yrguaa { margin: 8px 0 0; color: #444; }
  .hb-note.error.svelte-1yrguaa { color: #b91c1c; }

  .hb-card.svelte-1yrguaa {
    background: rgba(255,255,255,.65);
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 8px;
    padding: 12px;
    backdrop-filter: blur(6px);
  }
  .hb-card.subtle.svelte-1yrguaa { background: rgba(255,255,255,.5); }
  .hb-card.svelte-1yrguaa h2:where(.svelte-1yrguaa) { margin: 0 0 8px; font-size: 14px; text-transform: uppercase; letter-spacing: .04em; opacity: .75; }

  .row.svelte-1yrguaa { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
  .hb-input.svelte-1yrguaa {
    flex: 1 1 240px;
    border: 1px solid rgba(0,0,0,.12);
    border-radius: 8px;
    padding: 6px 8px;
    background: rgba(255,255,255,.85);
    outline: none;
  }
  .hb-input.svelte-1yrguaa:focus { border-color: #0ea5e9; box-shadow: 0 0 0 3px rgba(14,165,233,.15); }

  .mono.svelte-1yrguaa { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }


  .card.svelte-1ysrhf3 {
    position: relative; /* for the toast */
    max-width: 420px;
    margin: 8vh auto;
    background: white;
    padding: 16px;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0,0,0,.04);
    will-change: transform;
  }

  /* Toast (no layout shift, subtle, auto-fades) */
  .toast.svelte-1ysrhf3 {
    position: absolute;
    top: 8px; right: 8px;
    max-width: calc(100% - 16px);
    background: #fef2f2;               /* red-50 */
    border: 1px solid #fecaca;         /* red-200 */
    color: #7f1d1d;                    /* red-900 */
    font-size: 12px;
    padding: 6px 8px;
    border-radius: 6px;
    animation: svelte-1ysrhf3-toastIn .18s ease-out, svelte-1ysrhf3-toastOut .25s ease-in 3.8s forwards;
  }
  @keyframes svelte-1ysrhf3-toastIn { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
  @keyframes svelte-1ysrhf3-toastOut { to { opacity: 0; transform: translateY(-4px); } }

  /* Shake animation */
  @keyframes svelte-1ysrhf3-shakeX {
    0%   { transform: translateX(0); }
    15%  { transform: translateX(-8px); }
    30%  { transform: translateX(8px); }
    45%  { transform: translateX(-6px); }
    60%  { transform: translateX(6px); }
    75%  { transform: translateX(-3px); }
    100% { transform: translateX(0); }
  }
  .shake.svelte-1ysrhf3 { animation: svelte-1ysrhf3-shakeX 420ms cubic-bezier(.36,.07,.19,.97); }
  @media (prefers-reduced-motion: reduce) { .shake.svelte-1ysrhf3 { animation: none; } }

  /* Red inset outline that fades; no layout shift */
  @keyframes svelte-1ysrhf3-flashOutline {
    0%   { box-shadow: 0 1px 2px rgba(0,0,0,.04), inset 0 0 0 2px rgba(220,38,38,0.95); }
    60%  { box-shadow: 0 1px 2px rgba(0,0,0,.04), inset 0 0 0 2px rgba(220,38,38,0.55); }
    100% { box-shadow: 0 1px 2px rgba(0,0,0,.04), inset 0 0 0 2px rgba(220,38,38,0); }
  }
  .flash.svelte-1ysrhf3 { animation: svelte-1ysrhf3-flashOutline 1200ms ease-out forwards; }
  @media (prefers-reduced-motion: reduce) { .flash.svelte-1ysrhf3 { animation-duration: 400ms; } }

  .row.svelte-1ysrhf3 { display:block; margin: 10px 0; }
  .label.svelte-1ysrhf3 { display:block; font-weight: 600; margin-bottom: 6px; }

  input.svelte-1ysrhf3 { width:100%; padding:8px; border:1px solid #ddd; border-radius:6px; }

  .actions.svelte-1ysrhf3 {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
  }

  .or.svelte-1ysrhf3 { color:#666; font-size: 14px; padding: 0 4px; }

  .btn.svelte-1ysrhf3 {
    width: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    padding: 10px 14px;
    border-radius: 6px;
    cursor: pointer;
    line-height: 1;
    border: 1px solid transparent;
    background: transparent;
    color: inherit;
    transition: filter .15s ease, background .15s ease, border-color .15s ease;
    min-height: 40px;
  }

  /* Enabled states */
  .btn-primary.svelte-1ysrhf3 { background: #0ea5e9; color: white; border-color: #0ea5e9; }
  .btn-primary.svelte-1ysrhf3:hover { filter: brightness(0.95); }
  .btn-secondary.svelte-1ysrhf3 { border-color: #d1d5db; background: #fafafa; }
  .btn-secondary.svelte-1ysrhf3:hover { background: #f3f4f6; }

  /* IDENTICAL disabled look for both buttons */
  .btn.svelte-1ysrhf3:disabled,
  .btn[aria-disabled="true"].svelte-1ysrhf3 {
    background: #f3f4f6 !important;
    border-color: #e5e7eb !important;
    color: #9ca3af !important;
    cursor: not-allowed;
    filter: none;
  }

  .next.svelte-1ysrhf3 { color:#666; font-size: 12px; margin-top: 12px; }
  code.svelte-1ysrhf3 { background: #f6f8fa; padding: 0 4px; border-radius: 4px; }


  .hb-account.svelte-1aqspie { padding: 16px; display: grid; gap: 16px; }
  .hb-head.svelte-1aqspie { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
  .hb-actions.svelte-1aqspie { display: inline-flex; gap: 8px; align-items: center; flex-wrap: wrap; }
  .hb-btn.svelte-1aqspie {
    border: 1px solid rgba(0,0,0,.12);
    background: rgba(255,255,255,.8);
    backdrop-filter: blur(4px);
    padding: 6px 10px; border-radius: 8px; cursor: pointer;
  }
  .hb-btn.svelte-1aqspie:hover { box-shadow: 0 2px 8px rgba(0,0,0,.08); }
  .hb-btn.danger.svelte-1aqspie { border-color: #ef4444; color: #b91c1c; background: #fff5f5; }
  .hb-link.svelte-1aqspie { text-decoration: none; color: #0ea5e9; }

  .hb-note.svelte-1aqspie { margin: 8px 0 0; color: #444; }
  .hb-note.error.svelte-1aqspie { color: #b91c1c; }

  .hb-card.svelte-1aqspie {
    background: rgba(255,255,255,.65);
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 8px;
    padding: 12px;
    backdrop-filter: blur(6px);
  }
  .hb-card.svelte-1aqspie h2:where(.svelte-1aqspie) { margin: 0 0 8px; font-size: 14px; text-transform: uppercase; letter-spacing: .04em; opacity: .75; }

  .kv.svelte-1aqspie { display: grid; gap: 6px; }
  .kv.svelte-1aqspie > div:where(.svelte-1aqspie) { display: grid; grid-template-columns: 200px 1fr; align-items: center; }
  .kv.svelte-1aqspie span:where(.svelte-1aqspie) { opacity: .7; }

  .hb-table.svelte-1aqspie { width: 100%; border-collapse: collapse; }
  .hb-table.svelte-1aqspie th:where(.svelte-1aqspie), .hb-table.svelte-1aqspie td:where(.svelte-1aqspie) { padding: 6px 8px; border-top: 1px solid rgba(0,0,0,.06); text-align: left; font-variant-numeric: tabular-nums; }
  .hb-table.svelte-1aqspie th:where(.svelte-1aqspie) { opacity: .7; font-weight: 600; }

  .row.svelte-1aqspie { display: flex; gap: 8px; align-items: center; }
  .hb-input.svelte-1aqspie {
    flex: 1 1 220px;
    border: 1px solid rgba(0,0,0,.12);
    border-radius: 8px;
    padding: 6px 8px;
    background: rgba(255,255,255,.85);
    outline: none;
  }
  .hb-input.svelte-1aqspie:focus { border-color: #0ea5e9; box-shadow: 0 0 0 3px rgba(14,165,233,.15); }

  .debug.svelte-1aqspie pre:where(.svelte-1aqspie) { white-space: pre-wrap; word-break: break-word; margin: 0; font-size: 12px; }