.watch{background:var(--ink);color:#fff;position:fixed;inset:0;overflow:hidden}.watch-video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.watch-frame{pointer-events:none;position:absolute;inset:0}.watch-frame:before{content:"";pointer-events:none;background:linear-gradient(#0e0e1000 0% 36%,#0e0e10d9 58%,#0e0e10 100%);position:absolute;inset:0 -1px}.watch-frame .clip-pill{top:calc(12px + env(safe-area-inset-top));font-variant-numeric:normal}.watch-overlay{padding:0 18px calc(26px + env(safe-area-inset-bottom));justify-content:space-between;align-items:flex-end;gap:12px;display:flex;position:absolute;bottom:0;left:0;right:0}.watch-title{min-width:0;font:700 15px / 1.45 var(--font-ui);color:#c9c6cf;flex-direction:column;align-items:flex-start;gap:2px;margin:0;display:flex}.watch-title img{width:232px;max-width:100%;height:auto;display:block}.watch-sound{pointer-events:auto;color:#fff;height:34px;font:700 13px var(--font-ui);cursor:pointer;background:#0e0e10b8;border:1.5px solid #fff9;border-radius:17px;flex:none;padding:0 14px}.watch-sound-on{border-color:var(--primary);background:var(--primary);color:var(--on-primary)}@media (aspect-ratio>=1){.watch-video,.watch-frame{aspect-ratio:9/16;width:auto;height:100%;left:50%;right:auto;transform:translate(-50%)}.watch-video{object-fit:contain}}: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}