.sp-page{--sp-accent:#9b7aff;--sp-purple:#7c4dff;--sp-muted:var(--theme-muted);--sp-surface:var(--theme-surface);--sp-border:var(--theme-border);background:var(--theme-page);color:var(--theme-fg);min-height:100dvh;padding:0 24px calc(110px + env(safe-area-inset-bottom));font-family:inherit}.sp-page button,.sp-modal-form button,.sp-invitation button{cursor:pointer}.sp-page :is(button,a,input,textarea,select):focus-visible,.sp-modal-form :is(button,input,textarea,select):focus-visible{outline-offset:4px;outline:2px solid #a78bfa}.sp-top{border-bottom:1px solid var(--sp-border);justify-content:space-between;align-items:center;gap:20px;max-width:1080px;min-height:84px;margin:auto;display:flex}.sp-brand,.sp-top-actions,.sp-exit{align-items:center;gap:10px;display:flex}.sp-brand img{width:34px;height:34px}.sp-brand strong{letter-spacing:-.8px;font-size:23px}.sp-top-actions button{min-width:44px;min-height:44px;font-size:12px;font-weight:700}.sp-exit{color:var(--sp-muted);font-size:13px}.sp-preview-note{max-width:1080px;color:var(--sp-muted);border:1px dashed #9b7aff44;border-radius:12px;align-items:center;gap:12px;margin:16px auto 36px;padding:10px 14px;font-size:12px;display:flex}.sp-preview-note>span{color:var(--sp-accent);white-space:nowrap;align-items:center;gap:7px;font-weight:600;display:flex}.sp-preview-note>button{place-items:center;min-width:32px;min-height:32px;margin-left:auto;display:grid}.sp-main{max-width:1080px;margin:auto}.sp-heading{margin-bottom:26px}.sp-eyebrow{color:var(--sp-accent);letter-spacing:.2px;align-items:center;gap:7px;font-size:12px;font-weight:600;display:flex}.sp-heading h1{letter-spacing:-1.3px;margin:12px 0;font-size:clamp(27px,4vw,40px);font-weight:750;line-height:1.16}.sp-heading>p{color:var(--sp-muted);font-size:15px;line-height:1.6}.sp-hero{background:radial-gradient(at 90% 40%,#aa64c922,#0000 60%),linear-gradient(120deg,#6a3ca622,#c24d8217);border:1px solid #9b7aff40;border-radius:26px;align-items:center;min-height:270px;margin-bottom:34px;padding:30px 34px;display:flex;position:relative;overflow:hidden}.sp-hero-copy{z-index:1;max-width:65%}.sp-pill{color:var(--sp-accent);background:#9b7aff18;border:1px solid #9b7aff25;border-radius:30px;align-items:center;gap:7px;padding:5px 10px;font-size:11px;font-weight:600;display:inline-flex}.sp-live-dot{background:#64d6a1;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block;box-shadow:0 0 8px #64d6a130}.sp-hero h2{letter-spacing:-.8px;margin:16px 0 10px;font-size:clamp(23px,3vw,32px);font-weight:700;line-height:1.2}.sp-hero p{color:var(--sp-muted);max-width:430px;margin-bottom:20px;font-size:14px;line-height:1.7}.sp-primary,.sp-secondary{border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:11px 17px;font-size:13px;font-weight:600;transition:background .15s,transform .15s;display:inline-flex}.sp-primary{color:#fff;background:#7c4dff}.sp-primary:hover{background:#9065ff}.sp-secondary{border-color:var(--sp-border);color:var(--theme-fg);background:#9b7aff0b}.sp-secondary:hover,.sp-secondary.active{background:#9b7aff1f;border-color:#9b7aff50}.sp-text-button{color:var(--sp-muted);min-height:32px;padding-top:12px;font-size:12px;display:block}.sp-hero-art{pointer-events:none;width:250px;height:240px;position:absolute;bottom:0;right:36px}.sp-art-orbit{border:1px solid #b788fc30;border-radius:50%;position:absolute;inset:12px 10px;transform:rotate(-20deg)}.sp-art-orbit:after{content:"";border:1px solid #b788fc20;border-radius:50%;position:absolute;inset:25px -25px;transform:rotate(55deg)}.sp-art-cup{color:#442b65;background:linear-gradient(140deg,#e1c7ff,#9b74d6);border-radius:30px;place-items:center;width:132px;height:132px;display:grid;position:absolute;top:75px;left:72px;transform:rotate(-12deg);box-shadow:0 20px 50px #0003}.sp-art-person{color:#46385c;border:5px solid #221934;border-radius:50%;place-items:center;width:55px;height:55px;font-weight:700;display:grid;position:absolute;box-shadow:0 6px 15px #0002}.sp-art-person.one{background:#f2bbc5;top:39px;left:35px}.sp-art-person.two{background:#bccef3;top:155px;right:0}.sp-art-spark{color:#b89be9;font-size:30px;position:absolute;top:28px;right:28px}.sp-section{margin-bottom:32px}.sp-section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.sp-section-heading h2{letter-spacing:-.4px;font-size:21px;font-weight:700}.sp-section-heading p{color:var(--sp-muted);margin-top:5px;font-size:12px}.sp-section-heading>svg{color:var(--sp-accent)}.sp-count{color:var(--sp-accent);background:#9b7aff15;border-radius:50%;place-items:center;width:30px;height:30px;font-size:12px;display:grid}.sp-friends-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.sp-friend{border:1px solid var(--sp-border);background:var(--sp-surface);border-radius:19px;min-width:0;padding:20px}.sp-friend header{align-items:center;gap:11px;display:flex}.sp-friend header>svg{color:var(--sp-muted);margin-left:auto}.sp-friend strong{font-size:14px;font-weight:650;display:block}.sp-friend header small{color:var(--sp-muted);align-items:center;gap:6px;margin-top:3px;font-size:11px;display:flex}.sp-avatar{color:#20152a;background:#9c82c3;border-radius:50%;flex-shrink:0;place-items:center;width:42px;height:42px;font-weight:650;display:grid}.sp-avatar.pink{background:linear-gradient(140deg,#f3c2d7,#cba0be)}.sp-avatar.blue{background:linear-gradient(140deg,#cee4fb,#96aaca)}.sp-avatar.green{background:linear-gradient(140deg,#d5e8bd,#9ab4a0)}.sp-friend>p{min-height:45px;margin:16px 0 7px;font-size:14px;line-height:1.6}.sp-place{color:var(--sp-muted);align-items:center;gap:5px;font-size:11px;display:flex}.sp-friend>button{width:100%;margin-top:18px}.sp-meetings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.sp-meeting{border:1px solid var(--sp-border);background:var(--sp-surface);border-radius:21px;overflow:hidden}.sp-meeting-art{color:#d6b990;background:radial-gradient(circle at 60% 25%,#c3905844,#0000),linear-gradient(140deg,#4b3527,#241d25);justify-content:center;align-items:center;height:150px;display:flex;position:relative}.sp-meeting.walk .sp-meeting-art{color:#a1ccbb;background:radial-gradient(circle at 75% 15%,#9ddbb344,#0000),linear-gradient(140deg,#253f39,#142d36)}.sp-meeting-art:after{content:"";border:1px solid #ffffff12;border-radius:50%;width:170px;height:170px;position:absolute;right:8%}.sp-meeting-art>svg{transform:rotate(-8deg)}.sp-meeting-art>span{color:#f0e8df;background:#0003;border:1px solid #ffffff18;border-radius:20px;padding:5px 9px;font-size:10px;position:absolute;bottom:12px;left:16px}.sp-meeting-body{padding:20px}.sp-meeting-body h3{margin:7px 0;font-size:21px;font-weight:700}.sp-meeting-body>p{color:var(--sp-muted);align-items:center;gap:7px;font-size:12px;display:flex}.sp-meeting-body footer{justify-content:space-between;align-items:center;gap:8px;margin-top:22px;display:flex}.sp-meeting-body footer>span{color:var(--sp-muted);align-items:center;gap:7px;font-size:12px;display:flex}.sp-repeat-card{border:1px solid var(--sp-border);background:var(--sp-surface);border-radius:20px;align-items:center;gap:17px;padding:22px;display:flex}.sp-repeat-icon,.sp-plan-icon{width:46px;height:46px;color:var(--sp-accent);background:#9b7aff15;border-radius:14px;flex-shrink:0;place-items:center;display:grid}.sp-repeat-card h3{font-size:16px;font-weight:650}.sp-repeat-card p{color:var(--sp-muted);margin-top:5px;font-size:12px}.sp-repeat-card>button{flex-shrink:0;margin-left:auto}.sp-bottom{bottom:calc(16px + env(safe-area-inset-bottom));z-index:40;border:1px solid var(--sp-border);background:color-mix(in srgb,var(--sp-surface) 92%,transparent);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:22px;grid-template-columns:repeat(4,minmax(0,1fr));width:min(500px,100% - 32px);padding:8px;display:grid;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 10px 35px #0004}.sp-bottom button{min-height:53px;color:var(--sp-muted);border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:10px;font-weight:600;display:flex;position:relative}.sp-bottom button.active{color:var(--sp-accent);background:#9b7aff16}.sp-bottom i{color:#fff;background:#7c4dff;border-radius:10px;padding:1px 4px;font-size:9px;font-style:normal;position:absolute;top:4px;right:20%}.sp-notice{color:#64d6a1;background:#64d6a110;border:1px solid #64d6a133;border-radius:13px;align-items:center;gap:9px;margin-bottom:22px;padding:12px 15px;font-size:13px;display:flex}.sp-notice>svg{flex-shrink:0}.sp-notice>button{place-items:center;min-width:32px;min-height:32px;margin-left:auto;display:grid}.sp-plans{gap:14px;display:grid}.sp-plan{border:1px solid var(--sp-border);background:var(--sp-surface);border-radius:20px;align-items:center;gap:15px;padding:22px;display:flex}.sp-plan h3{margin:5px 0;font-size:18px;font-weight:650}.sp-plan p{color:var(--sp-muted);font-size:12px}.sp-plan-actions{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.sp-chat-layout{grid-template-columns:280px minmax(0,1fr);gap:18px;display:grid}.sp-chat-list{flex-direction:column;gap:8px;display:flex}.sp-chat-list>button{border:1px solid var(--sp-border);text-align:left;background:var(--sp-surface);border-radius:15px;align-items:center;gap:11px;min-width:0;padding:14px;display:flex}.sp-chat-list>button.selected{background:#9b7aff0c;border-color:#9b7aff66}.sp-chat-list>button>span:nth-child(2){flex:1;min-width:0}.sp-chat-list strong{overflow-wrap:anywhere;font-size:13px;display:block}.sp-chat-list small{color:var(--sp-muted);margin-top:5px;font-size:10px;display:block}.sp-chat-list>button>svg{flex-shrink:0}.sp-chat{border:1px solid var(--sp-border);background:var(--sp-surface);border-radius:20px;overflow:hidden}.sp-chat>header{border-bottom:1px solid var(--sp-border);justify-content:space-between;align-items:center;gap:10px;padding:20px;display:flex}.sp-chat h2{font-size:17px;font-weight:650}.sp-chat header p{color:var(--sp-muted);align-items:center;gap:6px;margin-top:5px;font-size:10px;display:flex}.sp-chat-pin{color:var(--sp-accent);background:#9b7aff0c;align-items:center;gap:10px;padding:12px 20px;display:flex}.sp-chat-pin strong,.sp-chat-pin span{font-size:12px;display:block}.sp-chat-pin span{opacity:.8;margin-top:3px;font-size:10px}.sp-chat-messages{flex-direction:column;gap:12px;min-height:240px;max-height:380px;padding:24px 20px;display:flex;overflow:auto}.sp-message{background:var(--theme-page);border:1px solid var(--sp-border);overflow-wrap:anywhere;border-radius:14px 14px 14px 3px;align-self:flex-start;max-width:85%;padding:12px 15px;font-size:13px}.sp-message.own{color:#fff;background:#7c4dff;border-color:#7c4dff;border-radius:14px 14px 3px;align-self:flex-end}.sp-message strong{color:#bca1ff;font-size:10px;font-weight:650}.sp-message.own strong{color:#e4d8ff}.sp-message p{white-space:pre-wrap;margin:4px 0}.sp-message small{opacity:.65;justify-content:flex-end;font-size:9px;display:flex}.sp-message-form{border-top:1px solid var(--sp-border);gap:10px;padding:14px;display:flex}.sp-message-form input{background:var(--theme-page);border:1px solid var(--sp-border);border-radius:12px;flex:1;min-width:0;padding:12px;font-size:13px}.sp-message-form button{color:#fff;background:#7c4dff;border-radius:13px;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid}.sp-message-form button:disabled{opacity:.4}.sp-chat-repeat{width:100%;color:var(--sp-accent);border-top:1px solid var(--sp-border);justify-content:center;align-items:center;gap:8px;padding:15px;font-size:12px;display:flex}.sp-chat-placeholder{text-align:center;min-height:330px;color:var(--sp-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:25px;display:flex}.sp-chat-placeholder>svg{color:var(--sp-accent)}.sp-chat-placeholder p,.sp-chat-empty{color:var(--sp-muted);font-size:12px}.sp-chat-empty{text-align:center;margin:auto}.sp-modal-form{gap:18px;display:grid}.sp-modal-form label{color:#cbd5e1;gap:8px;font-size:12px;display:grid}.sp-modal-form :is(input,textarea,select){color:#fff;background:#ffffff06;border:1px solid #ffffff24;border-radius:12px;width:100%;min-width:0;padding:12px;font-size:14px}.sp-modal-form select option{background:#111827}.sp-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.sp-options>button{border:1px solid #ffffff20;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:90px;font-size:12px;display:flex}.sp-options>button.active{color:#c0a6ff;background:#9b7aff1b;border-color:#9b7aff88}.sp-modal-help{color:#94a3b8;font-size:12px;line-height:1.6}.sp-form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.sp-members{color:#c0a6ff;background:#9b7aff12;border-radius:12px;align-items:center;gap:10px;padding:12px;font-size:12px;display:flex}.sp-invitation{text-align:center;justify-items:center;gap:15px;display:grid}.sp-invitation .sp-avatar{width:60px;height:60px;font-size:23px}.sp-invitation h3{font-size:21px;font-weight:650}.sp-invitation>p{font-size:14px}.sp-invitation>button{width:100%}@media (width<=760px){.sp-page{padding-left:18px;padding-right:18px}.sp-preview-note{gap:8px;margin-bottom:28px}.sp-preview-note>p{font-size:10px}.sp-hero{min-height:250px;padding:24px}.sp-hero-copy{max-width:80%}.sp-hero-art{opacity:.45;bottom:-20px;right:-65px;transform:scale(.85)}.sp-hero-copy>p{max-width:280px}.sp-hero h2{max-width:300px}.sp-friends-grid{scroll-snap-type:x mandatory;grid-template-columns:repeat(3,minmax(230px,1fr));padding-bottom:8px;overflow-x:auto}.sp-friend{scroll-snap-align:start}.sp-meetings-grid{gap:12px}.sp-meeting-body{padding:16px}.sp-meeting-body footer{flex-wrap:wrap;gap:12px}.sp-meeting-body footer>button{width:100%}.sp-repeat-card{flex-wrap:wrap;gap:12px;padding:18px}.sp-repeat-card>div{flex:1;min-width:190px}.sp-repeat-card>button{width:100%;margin-left:0}.sp-plan{flex-wrap:wrap;padding:18px}.sp-plan-actions{margin-left:61px}.sp-chat-layout{grid-template-columns:1fr}.sp-chat-list{flex-direction:row;padding-bottom:5px;overflow-x:auto}.sp-chat-list>button{min-width:230px}.sp-chat>header{padding:16px}.sp-chat>header>.sp-pill{font-size:9px}.sp-chat-messages{min-height:220px;max-height:300px}.sp-heading h1{letter-spacing:-.8px}.sp-exit{font-size:11px}.sp-top{min-height:72px}}@media (width<=440px){.sp-meetings-grid{grid-template-columns:1fr}.sp-meeting-art{height:140px}.sp-meeting-body footer{flex-wrap:nowrap}.sp-meeting-body footer>button{width:auto}.sp-heading h1{max-width:330px}.sp-hero-copy{max-width:100%}.sp-hero-art{opacity:.2;right:-80px}.sp-hero-copy>p{max-width:250px}.sp-preview-note{align-items:flex-start}.sp-preview-note>span{font-size:10px}.sp-preview-note>p{line-height:1.5}.sp-section-heading h2{font-size:19px}.sp-plan-actions{width:100%;margin-left:0}.sp-plan-actions>button{flex:1}.sp-bottom{bottom:calc(10px + env(safe-area-inset-bottom));width:calc(100% - 24px)}.sp-message{max-width:92%}.sp-top-actions{gap:3px}.sp-top .sp-brand strong{font-size:21px}}@media (prefers-reduced-motion:reduce){.sp-page *{scroll-behavior:auto!important;transition:none!important}}