:root{--ink:#0e0e10;--background:#f4f3ef;--surface:#fff;--primary:#7bfa8f;--on-primary:#0e0e10;--text-secondary:#5e5c57;--divider:#e7e5df;--danger:#ff453a;--field-border:#d8d5ce;--avatar-1:#7bfa8f;--avatar-2:#b9e3ff;--avatar-3:#ffc9b5;--avatar-4:#e2d4ff;--avatar-5:#ffd6e4;--avatar-6:#ffe7a3;--avatar-7:#c9f2c7;--font-ui:"Zalando Sans Expanded", system-ui, sans-serif;--font-display:"Anton", Impact, sans-serif;--page-width:430px;--button-height:52px;--button-radius:26px;--button-secondary-height:44px}*{box-sizing:border-box}body{color:var(--ink);font-family:var(--font-ui);background:#f4f3ef;margin:0;font-weight:400}.page{max-width:var(--page-width);min-height:100vh;margin:0 auto;padding:24px 16px}.brand{font-family:var(--font-display);letter-spacing:.02em;margin:0 0 24px;font-size:32px}.title{margin:0 0 8px;font-size:24px;font-weight:800}.body{color:var(--text-secondary);margin:0}.button-primary{height:var(--button-height);border-radius:var(--button-radius);background:var(--primary);color:var(--on-primary);font:700 16px var(--font-ui);border:0}.button-secondary{height:var(--button-secondary-height);border-radius:var(--button-radius);color:var(--ink);border:1.5px solid var(--ink);font:500 14px var(--font-ui);background:0 0}.invite-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.avatar{border-radius:50%;flex:none;place-items:center;width:48px;height:48px;font-weight:700;display:grid}.clip{aspect-ratio:9/16;object-fit:cover;background:var(--ink);border-radius:16px;width:100%;max-height:60vh;margin-bottom:12px;display:block}.clip-pending{background:color-mix(in srgb, var(--ink) 40%, var(--background));color:var(--ink);justify-content:center;align-items:center;font-size:15px;display:flex}.clip-frame{margin-bottom:12px;position:relative}.clip-frame .clip{margin-bottom:0}.clip-pill{color:#fff;font-variant-numeric:tabular-nums;background:#0e0e10b8;border-radius:999px;margin:0;padding:4px 12px;font-size:13px;font-weight:700;position:absolute;top:12px;left:12px}.invite-box{background:var(--surface);border:1px solid var(--divider);border-radius:16px;margin:16px 0;padding:16px}.invite-box h3{margin:0 0 8px;font-weight:800}.invite-box p{color:var(--text-secondary);margin:4px 0}.mark{width:1.4em;font-weight:800;display:inline-block}.mark-yes{color:var(--ink)}.mark-no{color:var(--danger)}.button-primary,.button-secondary{width:100%;margin-top:12px;display:block}button:disabled{opacity:.5}