:root{--bg:#efebe3;--screen-yellow:#f2c43d;--screen-blue:#8cc8f4;--screen-lime:#b7e36a;--screen-green:#5fc768;--surface:#fff;--field:#fff;--border:#161616;--primary:#161616;--on-primary:#fff;--primary-soft:#f6d44c;--text:#161616;--text-secondary:#3b3b36;--text-tertiary:#6e6c64;--success:#3fae4e;--dim:#141414;--on-dim:#f4f1e9;--radius:16px;--radius-button:26px;--border-w:2px;--button-h:54px;--field-h:52px}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--screen-green);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif}.screen{flex-direction:column;min-height:100dvh;display:flex}.screen-inner{width:100%;max-width:480px;padding:16px 24px calc(16px + env(safe-area-inset-bottom));flex-direction:column;flex:1;margin:0 auto;display:flex}.sheet-backdrop{background:var(--screen-green);flex-direction:column;min-height:100dvh;display:flex}.sheet{background:var(--bg);border-radius:var(--radius-button) var(--radius-button) 0 0;width:100%;max-width:480px;padding:20px 24px calc(16px + env(safe-area-inset-bottom));flex-direction:column;flex:1;min-height:0;margin:0 auto;display:flex}.heading{text-transform:uppercase;letter-spacing:-.5px;font-weight:900;line-height:1.04}.eyebrow{letter-spacing:1.8px;text-transform:uppercase;color:var(--text-tertiary);font-size:12px;font-weight:700}.card{background:var(--surface);border:var(--border-w) solid var(--border);border-radius:var(--radius)}.button-primary{width:100%;height:var(--button-h);background:var(--primary);color:var(--on-primary);border-radius:var(--radius-button);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;font-family:inherit;font-size:16px;font-weight:700;display:flex}.button-primary:disabled{opacity:.4;cursor:default}.button-bordered{border-radius:var(--radius-button);background:var(--surface);border:var(--border-w) solid var(--border);height:50px;color:var(--text);cursor:pointer;flex:1;justify-content:center;align-items:center;font-family:inherit;font-size:15px;font-weight:700;display:flex}.button-bordered.selected{background:var(--primary-soft)}.field-shell{width:100%;height:var(--field-h);background:var(--field);border:var(--border-w) solid var(--border);border-radius:var(--radius);align-items:center;gap:12px;padding:0 16px;display:flex;position:relative}.field{width:100%;height:var(--field-h);background:var(--field);border:var(--border-w) solid var(--border);border-radius:var(--radius);color:var(--text);outline:none;padding:0 16px;font-family:inherit;font-size:17px}.code-row{justify-content:center;gap:9px;display:flex;position:relative}.code-box{background:var(--field);border:var(--border-w) solid var(--border);border-radius:var(--radius);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;width:48px;height:58px;font-size:26px;font-weight:600;display:flex}.code-box.active{border-width:3px}.capture-input{opacity:.02;color:#0000;caret-color:#0000;background:0 0;border:none;outline:none;width:100%;height:100%;font-size:17px;position:absolute;inset:0}.blink-caret{background:var(--text);border-radius:1px;align-self:center;width:2px;height:20px;margin-left:-10px;animation:1.06s step-end infinite caret-blink;display:inline-block}@keyframes caret-blink{0%,49%{opacity:1}50%,to{opacity:0}}.invite-screen{flex-direction:column;min-height:100dvh;display:flex}.invite-scroll{flex:1;min-height:0}.invite-col{width:100%;max-width:480px;margin:0 auto;padding:14px 20px 24px}.invite-footer{border-top:var(--border-w) solid var(--border);background:#fff;position:sticky;bottom:0}.invite-footer .invite-col{padding:12px 20px calc(12px + env(safe-area-inset-bottom))}.meta-row{align-items:flex-start;gap:9px;font-size:13px;font-weight:600;line-height:1.45;display:flex}.meta-row .glyph{flex:none;font-weight:800}.avatar{border:var(--border-w) solid var(--border);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:700;display:inline-flex;overflow:hidden}.detail-row{color:var(--text);align-items:center;gap:9px;font-size:15px;display:flex}.detail-row svg{width:17px;height:17px;color:var(--text-secondary);flex:none}a{color:inherit}