body{margin:0}*{box-sizing:border-box}button{cursor:pointer}button:disabled{cursor:wait}:focus-visible{outline-offset:3px;outline:3px solid #db7a28}#tf-invite-preview{color:#173b38;--tf-green:#00534e;--tf-muted:#526c69;font:16px/1.5 system-ui,sans-serif}#tf-invite-preview *{box-sizing:border-box}#tf-invite-preview .tf-demo{background:#e9efed;border-radius:12px 12px 0 0;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;font-size:13px;display:flex}#tf-invite-preview select{color:#173b38;background:#fff;border:1px solid #a6bab5;border-radius:6px;max-width:100%;padding:8px}#tf-invite-preview .tf-page{background:#f4f7f4;min-width:0;padding:32px 24px 40px}#tf-invite-preview .tf-brand{color:var(--tf-green);letter-spacing:-1px;font-size:28px;font-weight:700}#tf-invite-preview .tf-brand span{color:#dd7200}#tf-invite-preview .tf-subbrand{color:var(--tf-muted);letter-spacing:0;margin-top:0;font-size:13px;font-weight:400}#tf-invite-preview .tf-layout{grid-template-columns:1fr 1.1fr;align-items:start;gap:36px;max-width:900px;margin:38px auto 0;display:grid}#tf-invite-preview .tf-intro{padding:10px 0}#tf-invite-preview .tf-kicker{letter-spacing:1.6px;text-transform:uppercase;color:var(--tf-green);font-size:12px;font-weight:700}#tf-invite-preview h1{letter-spacing:-1px;margin:14px 0 18px;font-size:32px;line-height:1.18}#tf-invite-preview h2{margin:0 0 8px;font-size:22px;line-height:1.3}#tf-invite-preview p{color:var(--tf-muted);margin:0 0 20px}#tf-invite-preview .tf-note{border-top:1px solid #d7e1db;margin-top:30px;padding:16px 0;font-size:14px}#tf-invite-preview .tf-card{background:#fff;border:1px solid #dce5df;border-radius:16px;padding:28px;box-shadow:0 8px 28px #173b3809}#tf-invite-preview .tf-context{color:#294b46;overflow-wrap:anywhere;background:#f0f5ef;border-radius:9px;margin:20px 0;padding:14px 16px;font-size:14px}#tf-invite-preview .tf-context strong{display:block}#tf-invite-preview .tf-options{gap:6px;margin:22px 0;display:flex}#tf-invite-preview button{font:inherit;min-height:44px;color:var(--tf-green);background:#fff;border:1px solid #c3d2cc;border-radius:8px;padding:10px 14px}#tf-invite-preview .tf-options button{flex:1;font-size:14px}#tf-invite-preview button[aria-pressed=true]{border-color:var(--tf-green);background:#e9f3ef;font-weight:600}#tf-invite-preview label{margin-top:18px;font-size:14px;font-weight:600;display:block}#tf-invite-preview input{font:inherit;color:#173b38;background:#fff;border:1px solid #b8cac1;border-radius:8px;width:100%;min-width:0;margin-top:7px;padding:11px 12px}#tf-invite-preview .tf-password{align-items:center;gap:6px;display:flex}#tf-invite-preview .tf-password input{flex:1}#tf-invite-preview .tf-password button{margin-top:7px;padding:10px;font-size:12px}#tf-invite-preview .tf-help{color:var(--tf-muted);margin-top:8px;font-size:12px}#tf-invite-preview .tf-primary{background:var(--tf-green);color:#fff;border:0;width:100%;margin-top:24px;font-weight:600}#tf-invite-preview button:disabled{opacity:.65}#tf-invite-preview .tf-error{color:#8c3215;background:#fff2eb;border-radius:8px;margin-top:16px;padding:12px;font-size:14px}#tf-invite-preview .tf-status{color:#00534e;background:#e9f3ef;border-radius:50%;place-items:center;width:44px;height:44px;margin-bottom:20px;font-size:24px;display:grid}#tf-invite-preview .tf-footer{text-align:center;color:var(--tf-muted);margin-top:32px;font-size:12px}#tf-invite-preview .tf-small{font-size:13px}#tf-invite-preview [hidden]{display:none!important}@media (width<=640px){#tf-invite-preview .tf-layout{grid-template-columns:1fr;gap:20px;margin-top:26px}#tf-invite-preview .tf-page{padding:24px 16px}#tf-invite-preview .tf-card{padding:22px 18px}#tf-invite-preview h1{font-size:28px}#tf-invite-preview .tf-note{display:none}#tf-invite-preview .tf-intro p{margin:0}}@media (prefers-color-scheme:dark){#tf-invite-preview{color:#e9f1ef;--tf-green:#88dfcb;--tf-muted:#afc2bd}#tf-invite-preview .tf-page{background:#142725}#tf-invite-preview .tf-demo{background:#29433e}#tf-invite-preview .tf-card{box-shadow:none;background:#1d3331;border-color:#36504c}#tf-invite-preview .tf-context,#tf-invite-preview .tf-status{color:#d7eae3;background:#29433e}#tf-invite-preview button,#tf-invite-preview input,#tf-invite-preview select{color:#e9f1ef;background:#1d3331;border-color:#65877c}#tf-invite-preview button[aria-pressed=true]{background:#36564b;border-color:#88dfcb}#tf-invite-preview .tf-primary{color:#10312a;background:#88dfcb}#tf-invite-preview .tf-error{color:#ffd6c2;background:#503328}#tf-invite-preview .tf-note{border-color:#36504c}#tf-invite-preview .tf-brand span{color:#ffb36c}}body{background:#f4f7f4}h2[tabindex="-1"]:focus{outline:none}.preview-bar{color:#173b38;background:#e9efed;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 24px;font:13px system-ui;display:flex}.preview-bar select{max-width:100%;font:inherit;padding:8px}.preview-bar b{margin-right:auto}#tf-invite-preview .tf-page{min-height:calc(100vh - 65px)}#tf-invite-preview .tf-link{text-align:left;background:0 0;border:0;min-height:44px;padding:10px 0;text-decoration:underline}#tf-invite-preview .tf-secondary{width:100%;margin-top:12px}#tf-invite-preview .tf-membership{text-align:left;gap:4px;width:100%;margin-top:12px;display:grid}#tf-invite-preview .tf-membership span{color:var(--tf-muted);font-size:13px}#tf-invite-preview .tf-session{align-items:center;gap:10px;display:flex}#tf-invite-preview .tf-session .tf-status{flex-shrink:0;margin:0}#tf-invite-preview .tf-loading{text-align:center;padding:32px 0}#tf-invite-preview .tf-loading:before{content:"";border:3px solid #dce5df;border-top-color:#00534e;border-radius:50%;width:28px;height:28px;margin:0 auto 20px;animation:1s linear infinite spin;display:block}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){#tf-invite-preview .tf-loading:before{animation:none}}:root{--tf-brand-teal:#004d4a;--tf-brand-blue:#0067ff;--tf-brand-green:#00b67a;--tf-brand-white:#fff;--tf-brand-offwhite:#f7f7f2;--tf-brand-dark:#0d0f10;--tf-text-primary:#173b39;--tf-text-muted:#60706f;--tf-border:#dce5e3;--tf-surface:#fff;--tf-surface-alt:#eef4f2;--tf-radius-sm:10px;--tf-radius-md:16px;--tf-radius-lg:24px;--tf-space-1:4px;--tf-space-2:8px;--tf-space-3:12px;--tf-space-4:16px;--tf-space-5:24px;--tf-space-6:32px;--tf-space-7:48px;--tf-space-8:64px;--tf-shadow-soft:0 8px 28px #004d4a1a}body{color:var(--tf-text-primary);background:var(--tf-brand-offwhite);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.tf-button-primary{background:var(--tf-brand-teal);color:#fff;border-radius:var(--tf-radius-sm)}.tf-button-accent{background:var(--tf-brand-blue);color:#fff;border-radius:var(--tf-radius-sm)}#tf-invite-preview{color:var(--tf-text-primary);--tf-green:var(--tf-brand-teal);--tf-muted:var(--tf-text-muted)}#tf-invite-preview .tf-page,body{background:var(--tf-brand-offwhite)}#tf-invite-preview .tf-brand{letter-spacing:normal;line-height:1;font-size:inherit}#tf-invite-preview .tf-brand img{width:184px;max-width:100%;height:auto;display:block}#tf-invite-preview .tf-subbrand{margin-top:8px}#tf-invite-preview .tf-card{border-color:var(--tf-border);border-radius:var(--tf-radius-md)}#tf-invite-preview .tf-context{background:var(--tf-surface-alt);color:var(--tf-text-primary)}#tf-invite-preview button,#tf-invite-preview input{border-radius:var(--tf-radius-sm)}:focus-visible{outline-color:var(--tf-brand-blue)}@media (prefers-color-scheme:dark){#tf-invite-preview{--tf-green:#88dfcb;--tf-muted:#afc2bd;color:#e9f1ef}#tf-invite-preview .tf-page,body{background:#142725}#tf-invite-preview .tf-context{color:#d7eae3;background:#29433e}#tf-invite-preview .tf-card{border-color:#36504c}}