*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:#0a0a0a;position:relative}#root{min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;z-index:1}.card-wrapper{position:relative;display:flex;flex-direction:column;align-items:center}.card-chip{position:absolute;top:12px;right:12px;z-index:2;padding:2px 8px;font-family:Inter,sans-serif;font-size:10px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:#b478ffe6;background:#9333ea1f;border:1px solid rgba(147,51,234,.25);border-radius:5px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.landing-card{width:340px;background:linear-gradient(135deg,#ffffff0f,#ffffff05);border:1px solid rgba(255,255,255,.1);border-radius:16px;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:0 4px 32px #0003,0 1px 3px #0000001a,inset 0 1px #ffffff14;overflow:hidden}.card-preview{position:relative;display:flex;justify-content:center;align-items:center;padding:56px 24px;background:#00000040}.card-divider{height:1px;background:#ffffff14}.card-info{padding:20px 24px 24px;display:flex;flex-direction:column;gap:16px}.card-info-block{display:flex;flex-direction:column;gap:4px}.card-heading{font-family:Inter,sans-serif;font-size:14px;font-weight:600;color:#ffffffe6;margin:0;letter-spacing:-.01em}.card-subheading{font-family:Inter,sans-serif;font-size:13px;font-weight:600;color:#ffffffe6;margin:0 0 2px;letter-spacing:-.01em}.card-body{font-family:Inter,sans-serif;font-size:13px;font-weight:400;color:#ffffff80;margin:0;line-height:1.55;letter-spacing:-.01em}.card-hint{font-family:Courier New,monospace;font-size:12.5px;color:#fb923ce6;background:#ea580c1a;border:1px solid rgba(234,88,12,.2);border-radius:3px;padding:0 4px}.card-body-muted{color:#ffffff4d;margin-top:6px}h1{color:#e0e0e0;font-size:2.5rem;font-weight:500;letter-spacing:-.02em;margin:0;background:linear-gradient(135deg,#fff,#a0a0a0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:Inter,sans-serif}.glass-button{position:relative;padding:8px 16px;font-size:14px;font-weight:500;letter-spacing:-.01em;color:#fff;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.1);border-radius:8px;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:0 1px 2px #0000000d,inset 0 1px #ffffff1a,0 0 0 1px #0000001a;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);overflow:hidden;font-family:Inter,sans-serif}.button-text{position:relative;z-index:2}.glass-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff26,#ffffff0d);opacity:0;transition:opacity .2s cubic-bezier(.4,0,.2,1)}.glass-button:hover:before{opacity:1}.glass-button:hover{border-color:#fff3;box-shadow:0 4px 12px #00000026,inset 0 1px #ffffff26,0 0 0 1px #0000001a}.glass-button:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a,inset 0 1px #ffffff1a,0 0 0 1px #0000001a}.glass-button.pulsing{background:linear-gradient(135deg,#9333ea26,#5850ec1a);border-color:#9333ea4d;box-shadow:0 4px 20px #9333ea4d,inset 0 1px #ffffff26,0 0 0 1px #9333ea33}.pulse-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:50%;background:radial-gradient(circle,#9333ea99,#9333ea00 70%);pointer-events:none;z-index:1}.pulse-ring-1{animation:aiPulse .3s cubic-bezier(.16,1,.3,1) forwards}.pulse-ring-2{animation:aiPulse .3s cubic-bezier(.16,1,.3,1) .03s forwards}.pulse-ring-3{animation:aiPulse .3s cubic-bezier(.16,1,.3,1) .06s forwards}@keyframes aiPulse{0%{width:20px;height:20px;opacity:1}30%{opacity:.9}to{width:200px;height:200px;opacity:0}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);display:flex;justify-content:center;align-items:center;padding:20px;z-index:1000;animation:fadeIn .2s ease}.modal-backdrop.closing{animation:fadeOut .2s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.modal{background:linear-gradient(135deg,#1a1a1af2,#141414f2);backdrop-filter:blur(40px) saturate(150%);-webkit-backdrop-filter:blur(40px) saturate(150%);border:1px solid rgba(255,255,255,.08);border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 32px #0000001f,0 1px 3px #00000014,0 0 1px #ffffff1a,inset 0 1px #ffffff0d;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.modal.closing{animation:slideDown .2s cubic-bezier(.4,0,1,1) forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideDown{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(12px) scale(.98)}}.modal-header{padding:24px 24px 20px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(180deg,rgba(255,255,255,.02) 0%,transparent 100%)}.modal-title{font-size:20px;font-weight:600;color:#fff;letter-spacing:-.01em;font-family:Inter,sans-serif}.close-btn{background:transparent;border:none;color:#666;font-size:28px;cursor:pointer;padding:4px 8px;line-height:1;transition:color .2s;border-radius:6px}.close-btn:hover{color:#fff;background:#ffffff0d}.tabs{display:flex;gap:6px;padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.06);overflow-x:auto;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.1) 100%)}.tab{background:transparent;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:7px 14px;color:#999;font-size:13px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:6px;white-space:nowrap;font-weight:500;font-family:Inter,sans-serif}.tab.active{background:linear-gradient(135deg,#9333ea26,#9333ea14);border-color:#9333ea66;color:#fff;box-shadow:0 2px 8px #9333ea33,inset 0 1px #ffffff1a}.tab:hover:not(.active){background:linear-gradient(135deg,#ffffff0a,#ffffff05);border-color:#ffffff1a;color:#ccc}.modal-content{padding:24px}.invite-section{margin-bottom:24px}.invite-description{color:#999;font-size:14px;margin-bottom:16px;line-height:1.5;font-family:Inter,sans-serif}.invite-input-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:10px;box-shadow:0 2px 8px #0000001a,inset 0 1px #ffffff08}.email-chips-container{position:relative;flex:1;min-width:200px}.email-chips{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.email-suggestions{position:absolute;top:calc(100% + 8px);left:0;right:0;background:linear-gradient(135deg,#1a1a1afa,#141414fa);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:4px;box-shadow:0 8px 24px #0006,0 0 1px #ffffff1a,inset 0 1px #ffffff0d;z-index:100;animation:dropdownSlideIn .15s cubic-bezier(.16,1,.3,1)}.email-suggestion{display:flex;align-items:center;gap:12px;width:100%;padding:10px;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);text-align:left}.email-suggestion:hover{background:linear-gradient(135deg,#ffffff14,#ffffff0a)}.suggestion-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;color:#fff;flex-shrink:0}.suggestion-details{flex:1;min-width:0}.suggestion-name{color:#fff;font-size:14px;font-weight:500;margin-bottom:2px;font-family:Inter,sans-serif}.suggestion-email{color:#999;font-size:13px;font-family:Inter,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-chip{background:linear-gradient(135deg,#ffffff14,#ffffff0a);border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:6px 10px;color:#fff;font-size:13px;display:flex;align-items:center;gap:8px;animation:chipIn .2s cubic-bezier(.16,1,.3,1);box-shadow:0 1px 3px #0000001a,inset 0 1px #ffffff14;font-family:Inter,sans-serif}@keyframes chipIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.chip-remove{background:transparent;border:none;color:#666;cursor:pointer;font-size:18px;line-height:1;padding:0;transition:color .2s;border-radius:4px}.chip-remove:hover{color:#fff}.email-input{background:transparent;border:none;color:#fff;font-size:14px;min-width:150px;flex:1;outline:none;font-family:Inter,sans-serif}.email-input::placeholder{color:#666}.invite-btn{background:linear-gradient(135deg,#8b5a3c,#9d6644);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 24px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #8b5a3c4d,inset 0 1px 1px #fff3,inset 0 -1px 1px #0003;position:relative;overflow:hidden;font-family:Inter,sans-serif}.invite-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(255,255,255,.15) 0%,transparent 70%);opacity:0;transition:opacity .2s}.invite-btn:hover:before{opacity:1}.invite-btn:hover{box-shadow:0 4px 16px #8b5a3c66,inset 0 1px 1px #ffffff40,inset 0 -1px 1px #0003;border-color:#ffffff26}.invite-btn:active{transform:translateY(0);box-shadow:0 1px 4px #8b5a3c4d,inset 0 1px 1px #ffffff26}.toggle-section{display:flex;align-items:center;justify-content:space-between;padding:16px;background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.06);border-radius:12px;margin-bottom:24px;transition:all .2s;box-shadow:0 2px 8px #0000001a,inset 0 1px #ffffff08}.toggle-section:hover{background:linear-gradient(135deg,#ffffff0a,#ffffff05);border-color:#ffffff14;box-shadow:0 4px 12px #00000026,inset 0 1px #ffffff0d}.toggle-info{display:flex;align-items:center;gap:12px}.toggle-icon{font-size:20px}.toggle-text h4{color:#fff;font-size:14px;font-weight:500;margin-bottom:4px;font-family:Inter,sans-serif}.toggle-text p{color:#999;font-size:13px;line-height:1.4;font-family:Inter,sans-serif}.toggle{position:relative;width:44px;height:24px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#3a3a3a;transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s cubic-bezier(.16,1,.3,1);border-radius:50%}.toggle input:checked+.toggle-slider{background:linear-gradient(135deg,#8b5cf1,#6366f1)}.toggle input:checked+.toggle-slider:before{transform:translate(20px)}.people-list{margin-bottom:24px}.person-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #2a2a2a;animation:fadeInUp .3s ease backwards}.person-item:nth-child(1){animation-delay:.05s}.person-item:nth-child(2){animation-delay:.1s}.person-item:nth-child(3){animation-delay:.15s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.person-item:last-child{border-bottom:none}.person-info{display:flex;align-items:center;gap:12px}.person-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;color:#fff}.person-details h4{color:#fff;font-size:14px;font-weight:500;margin-bottom:3px;font-family:Inter,sans-serif}.person-details p{color:#999;font-size:13px;font-family:Inter,sans-serif}.role-badge-static{background:#9333ea1a;border:1px solid rgba(147,51,234,.3);border-radius:8px;padding:6px 16px;color:#fff;font-size:13px;font-weight:500;font-family:Inter,sans-serif}.public-access-section{padding:16px;background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.06);border-radius:12px;margin-bottom:20px;transition:all .2s;box-shadow:0 2px 8px #0000001a,inset 0 1px #ffffff08}.public-access-section:hover{background:linear-gradient(135deg,#ffffff0a,#ffffff05);border-color:#ffffff14;box-shadow:0 4px 12px #00000026,inset 0 1px #ffffff0d}.public-access-header{display:flex;justify-content:space-between;align-items:center}.public-access-header h4{color:#fff;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;font-family:Inter,sans-serif}.url-copy-row{display:flex;gap:8px;max-height:0;margin-top:0;opacity:0;overflow:hidden;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .25s ease,margin-top .35s cubic-bezier(.4,0,.2,1);pointer-events:none}.url-copy-row.visible{max-height:60px;margin-top:12px;opacity:1;pointer-events:auto;transition:max-height .3s cubic-bezier(.16,1,.3,1),opacity .2s ease .05s,margin-top .3s cubic-bezier(.16,1,.3,1)}.url-input{flex:1;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;padding:8px 12px;color:#999;font-size:13px;outline:none;font-family:Inter,sans-serif}.copy-btn{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;padding:8px 16px;color:#fff;font-size:13px;cursor:pointer;transition:background .5s ease,border-color .5s ease;font-weight:500;min-width:80px;font-family:Inter,sans-serif}.copy-btn:hover{background:#3a3a3a;border-color:#4a4a4a}.copy-btn.copied{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#22c55e;transition:background .12s cubic-bezier(.16,1,.3,1),border-color .12s cubic-bezier(.16,1,.3,1);animation:copyPop .15s cubic-bezier(.16,1,.3,1)}@keyframes copyPop{0%{transform:scale(.94);opacity:.7}to{transform:scale(1);opacity:1}}.modal-footer{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid #2a2a2a}.footer-link{color:#999;font-size:14px;text-decoration:none;cursor:pointer;transition:color .2s;font-family:Inter,sans-serif}.footer-link:hover{color:#fff}.settings-btn{background:transparent;border:1px solid #3a3a3a;border-radius:8px;padding:8px 16px;color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s;font-weight:500;font-family:Inter,sans-serif}.settings-btn:hover{background:#ffffff0d;border-color:#4a4a4a}.tab-content-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;gap:16px;animation:fadeIn .3s ease}.tab-content-placeholder h3{color:#fff;font-size:20px;font-weight:500;margin:0;font-family:Inter,sans-serif}.tab-content-placeholder p{color:#999;font-size:14px;margin:0;font-family:Inter,sans-serif}.modal::-webkit-scrollbar{width:8px}.modal::-webkit-scrollbar-track{background:#1a1a1a}.modal::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:4px}.modal::-webkit-scrollbar-thumb:hover{background:#4a4a4a}.custom-select{position:relative}.select-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;background:linear-gradient(135deg,#ffffff0f,#ffffff08);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:8px 12px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000001a,inset 0 1px #ffffff0d;white-space:nowrap;font-family:Inter,sans-serif}.select-trigger:hover{border-color:#ffffff1f;background:linear-gradient(135deg,#ffffff14,#ffffff0a);box-shadow:0 2px 6px #00000026,inset 0 1px #ffffff0f}.select-trigger:active{transform:scale(.98)}.select-arrow{transition:transform .2s cubic-bezier(.4,0,.2,1);color:#999;flex-shrink:0}.select-arrow.open{transform:rotate(180deg)}.select-dropdown{position:absolute;top:calc(100% + 4px);right:0;background:linear-gradient(135deg,#1a1a1afa,#141414fa);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:4px;box-shadow:0 8px 24px #0006,0 0 1px #ffffff1a,inset 0 1px #ffffff0d;z-index:1000;animation:dropdownSlideIn .15s cubic-bezier(.16,1,.3,1);min-width:140px}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.select-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 10px;background:transparent;border:none;border-radius:6px;color:#ccc;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);text-align:left;font-family:Inter,sans-serif}.select-option:hover{background:linear-gradient(135deg,#ffffff14,#ffffff0a);color:#fff}.select-option.selected{color:#fff;background:linear-gradient(135deg,#9333ea1f,#9333ea0f)}.select-option.selected:hover{background:linear-gradient(135deg,#9333ea26,#9333ea14)}.select-option.dangerous{color:#ef4444}.select-option.dangerous:hover{background:linear-gradient(135deg,#ef444426,#ef444414);color:#f87171}.select-option.dangerous.selected{background:linear-gradient(135deg,#ef444426,#ef444414);color:#ef4444}.select-option.dangerous svg{color:#ef4444cc}.select-option svg{color:#9333eacc;flex-shrink:0}