.studio-shell.product-shell .social-home{--sf-accent:var(--ui-primary,#80643e);--sf-soft:color-mix(in srgb,var(--sf-accent) 10%,var(--ui-surface,#fff));--sf-muted:color-mix(in srgb,var(--ui-text,#242936) 64%,var(--ui-surface,#fff));--sf-line:color-mix(in srgb,var(--ui-text,#242936) 9%,transparent);--sf-ink:var(--portal-button-ink,#fff);--sf-shadow:0 18px 40px -28px color-mix(in srgb,var(--ui-text,#242936) 35%,transparent)}@keyframes sf-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes sf-pop{0%{transform:scale(.6)}to{transform:scale(1)}}.studio-shell.product-shell .workspace-page .social-home .social-home-header{border:1px solid var(--sf-line);background:radial-gradient(110% 150% at 100% 0,color-mix(in srgb,var(--sf-accent) 20%,transparent) 0,transparent 55%),linear-gradient(135deg,var(--ui-surface),var(--sf-soft));box-shadow:none;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px 24px;margin:0 0 20px;padding:30px 32px;animation:.45s cubic-bezier(.2,.7,.2,1) both sf-in;display:flex;position:relative;overflow:hidden}.studio-shell.product-shell .social-home .social-home-header:after{content:"";border:1px solid color-mix(in srgb,var(--sf-accent) 22%,transparent);pointer-events:none;border-radius:50%;width:280px;height:280px;position:absolute;bottom:-120px;right:-70px}.studio-shell.product-shell .social-home .social-hero-copy{z-index:1;flex:360px;min-width:0;position:relative}.studio-shell.product-shell .workspace-page .social-home .social-home-header .eyebrow{letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:700;display:block;color:var(--sf-accent)!important}.studio-shell.product-shell .workspace-page .social-home .social-home-header h1{color:var(--ui-text);margin:0;letter-spacing:-.03em!important;font:600 clamp(30px,3.3vw,42px)/1.08 DM Sans,Arial,sans-serif!important}.studio-shell.product-shell .social-home .social-home-header h1 em{font-family:var(--font-heading),Georgia,serif;letter-spacing:-.02em;color:var(--sf-accent);font-style:italic;font-weight:500}.studio-shell.product-shell .workspace-page .social-home .social-home-header p.social-hero-sub{margin:10px 0 0;color:var(--sf-muted)!important;font-size:15px!important}.studio-shell.product-shell .social-home .social-hero-stats{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.studio-shell.product-shell .social-home .social-hero-stats>*{border:1px solid var(--sf-line);background:color-mix(in srgb,var(--ui-surface) 80%,transparent);min-height:32px;color:var(--sf-muted);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:12px;display:inline-flex}.studio-shell.product-shell .social-home .social-hero-stats b{color:var(--ui-text);font-weight:650}.studio-shell.product-shell .social-home .social-hero-stats svg{color:var(--sf-accent)}.studio-shell.product-shell .social-home .social-hero-stats button{cursor:pointer;transition:border-color .2s,background .2s}.studio-shell.product-shell .social-home .social-hero-stats button:hover{border-color:color-mix(in srgb,var(--sf-accent) 40%,transparent);background:var(--sf-soft)}.studio-shell.product-shell .social-home .social-hero-actions{z-index:1;flex:0 auto;align-items:center;gap:10px;min-width:0;display:flex;position:relative}.studio-shell.product-shell .social-home .social-global-search{background:var(--ui-surface);border:1px solid var(--sf-line);width:280px;min-height:44px;color:var(--sf-muted);border-radius:999px;align-items:center;gap:8px;margin:0;padding:0 16px;transition:border-color .2s,box-shadow .2s;display:flex}.studio-shell.product-shell .social-home .social-global-search input{min-width:0;min-height:40px;color:var(--ui-text);outline:0;flex:1;font-size:14px;box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important}.studio-shell.product-shell .social-home .social-global-search:focus-within{border-color:color-mix(in srgb,var(--sf-accent) 45%,transparent);box-shadow:0 0 0 4px var(--sf-soft)}.studio-shell.product-shell .social-home .social-me-button{border:1px solid var(--sf-line);background:var(--ui-surface);min-height:44px;color:var(--ui-text);cursor:pointer;border-radius:999px;flex:none;align-items:center;gap:8px;padding:4px 16px 4px 4px;font-size:13px;font-weight:600;transition:border-color .2s,background .2s;display:flex}.studio-shell.product-shell .social-home .social-me-button:hover{border-color:color-mix(in srgb,var(--sf-accent) 40%,transparent);background:var(--sf-soft)}.studio-shell.product-shell .social-home .social-me-button .social-avatar{min-width:34px;font-size:13px;width:34px!important;height:34px!important;display:flex!important}.studio-shell.product-shell .social-home .social-feed{gap:18px}.studio-shell.product-shell .social-home :is(.social-post,.social-composer,.community-story-strip,.social-aside>.card,.social-profile-timeline,.social-profile-editor){border:1px solid var(--sf-line);background:var(--ui-surface);box-shadow:0 1px 2px color-mix(in srgb,var(--ui-text) 4%,transparent);border-radius:20px}.studio-shell.product-shell .social-home .social-avatar{background:var(--sf-soft);width:42px;height:42px;color:var(--sf-accent);object-fit:cover;border:0;font-size:16px;font-weight:650}.studio-shell.product-shell .social-home .community-story-strip{scrollbar-width:none;scroll-snap-type:x proximity;gap:14px;padding:18px 20px;animation:.45s cubic-bezier(.2,.7,.2,1) 40ms both sf-in;overflow-x:auto}.studio-shell.product-shell .social-home .community-story-strip::-webkit-scrollbar{display:none}.studio-shell.product-shell .social-home .story-person{scroll-snap-align:start;flex:0 0 72px;gap:8px}.studio-shell.product-shell .workspace-page .social-home .story-person>span{max-width:76px;font-size:12px;font-weight:500;color:var(--ui-text)!important}.studio-shell.product-shell .social-home .story-divider{background:var(--sf-line);flex:0 0 1px;align-self:stretch;margin:6px 2px 22px}.studio-shell.product-shell .social-home .story-circle{cursor:pointer;background:var(--sf-line);border:0;border-radius:50%;width:68px;height:68px;padding:3px;transition:transform .25s cubic-bezier(.3,1.4,.5,1);position:relative;overflow:hidden}.studio-shell.product-shell .social-home .story-circle.has-story{background:conic-gradient(from 200deg,var(--sf-accent),color-mix(in srgb,var(--sf-accent) 45%,#f6c2a8),color-mix(in srgb,var(--sf-accent) 70%,#e889b5),var(--sf-accent))}.studio-shell.product-shell .social-home .own-story .story-circle:not(.has-story){border:1.5px dashed color-mix(in srgb,var(--sf-accent) 50%,transparent);background:0 0}.studio-shell.product-shell .social-home .story-circle img,.studio-shell.product-shell .social-home .story-circle>span{aspect-ratio:1;object-fit:cover;border:3px solid var(--ui-surface);background:var(--sf-soft);width:100%;height:auto;color:var(--sf-accent);box-sizing:border-box;border-radius:50%;display:block}.studio-shell.product-shell .social-home .story-circle>span{place-items:center;display:grid}.studio-shell.product-shell .social-home .story-person:hover .story-circle{transform:scale(1.06)}.studio-shell.product-shell .social-home .story-circle:focus-visible{outline:2px solid var(--sf-accent);outline-offset:3px}.studio-shell.product-shell .social-home .story-add{border:2px solid var(--ui-surface);background:var(--sf-accent);width:24px;height:24px;color:var(--sf-ink);cursor:pointer;box-shadow:0 4px 10px -4px color-mix(in srgb,var(--sf-accent) 80%,transparent);transition:transform .2s;top:48px;right:0}.studio-shell.product-shell .social-home .story-add:hover{transform:scale(1.12)}.studio-shell.product-shell .workspace-page .social-home .community-story-strip>p{align-self:center;font-size:14px;font-weight:600;color:var(--ui-text)!important}.studio-shell.product-shell .workspace-page .social-home .community-story-strip>p small{font-weight:400;color:var(--sf-muted)!important}.studio-shell.product-shell .social-home .story-create-menu{border:1px solid var(--sf-line);background:var(--ui-surface);box-shadow:var(--sf-shadow);border-radius:18px;grid-template-columns:1fr 1fr;gap:10px;margin:-6px 0 0;padding:10px;animation:.25s cubic-bezier(.2,.7,.2,1) both sf-in;display:grid}.studio-shell.product-shell .social-home .story-create-menu button{background:color-mix(in srgb,var(--ui-bg,#f6f6f4) 70%,var(--ui-surface));min-height:56px;color:var(--ui-text);text-align:left;cursor:pointer;border:1px solid #0000;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;font-size:14px;font-weight:600;transition:background .15s,border-color .15s;display:flex}.studio-shell.product-shell .social-home .story-create-menu button:hover{background:var(--sf-soft);border-color:color-mix(in srgb,var(--sf-accent) 25%,transparent)}.studio-shell.product-shell .social-home .story-create-menu button>svg{background:var(--sf-accent);width:36px;height:36px;color:var(--sf-ink);border-radius:12px;flex:none;padding:8px}.studio-shell.product-shell .workspace-page .social-home .story-create-menu small{margin-top:2px;font-size:12px;font-weight:400;display:block;color:var(--sf-muted)!important}.studio-shell.product-shell .social-home .social-composer{animation:.45s cubic-bezier(.2,.7,.2,1) 80ms both sf-in}.studio-shell.product-shell .social-home .compact-publisher{gap:10px;padding:16px 18px 10px}.studio-shell.product-shell .social-home .publisher-input{background:color-mix(in srgb,var(--ui-bg,#f6f6f4) 80%,var(--ui-surface));border:1px solid #0000;border-radius:22px;transition:box-shadow .2s,background .2s,border-color .2s}.studio-shell.product-shell .social-home .publisher-input:focus-within{background:var(--ui-surface);border-color:color-mix(in srgb,var(--sf-accent) 40%,transparent);box-shadow:0 0 0 4px var(--sf-soft)}.studio-shell.product-shell .social-home .publisher-input textarea{font-size:15px;background:0 0!important}.studio-shell.product-shell .social-home .publisher-submit{background:var(--sf-accent);border-color:var(--sf-accent);min-height:44px;color:var(--sf-ink);border-radius:999px;padding-inline:22px;font-weight:600;transition:transform .15s,opacity .2s}.studio-shell.product-shell .social-home .publisher-submit:not(:disabled):hover{transform:translateY(-1px)}.studio-shell.product-shell .social-home .publisher-submit:disabled{opacity:.35}.studio-shell.product-shell .social-home .publisher-toolbar{border-top:1px solid var(--sf-line);flex-wrap:wrap;align-items:center;gap:4px;padding-top:8px;display:flex}.studio-shell.product-shell .social-home .publisher-toolbar>:is(button,label){min-height:38px;color:var(--sf-muted);border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:inline-flex}.studio-shell.product-shell .social-home .publisher-toolbar>:is(button,label):hover{background:var(--sf-soft);color:var(--sf-accent)}.studio-shell.product-shell .social-home .publisher-toolbar svg{color:var(--sf-accent)}.studio-shell.product-shell .social-home .publisher-audience{background:var(--sf-soft);border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex;color:var(--sf-accent)!important}.studio-shell.product-shell .social-home .social-photo-preview{padding:4px 0}.studio-shell.product-shell .social-home .social-photo-preview img{border-radius:14px}.studio-shell.product-shell .social-home .social-photo-preview button{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;border:0;place-items:center;display:grid}.studio-shell.product-shell .social-home .publisher-mentions{background:color-mix(in srgb,var(--ui-bg,#f6f6f4) 70%,var(--ui-surface));border-radius:14px;flex-wrap:wrap;gap:6px;padding:10px;display:flex}.studio-shell.product-shell .social-home .publisher-mentions button{border:1px solid var(--sf-line);background:var(--ui-surface);border-radius:999px;align-items:center;gap:6px;min-height:36px;padding:3px 12px 3px 3px;font-size:13px;display:inline-flex}.studio-shell.product-shell .social-home .publisher-mentions .social-avatar{font-size:12px;width:28px!important;height:28px!important}.studio-shell.product-shell .social-home .feed-section-title{justify-content:space-between;align-items:center;gap:12px;padding:4px 4px 0;display:flex}.studio-shell.product-shell .social-home .feed-section-title strong{letter-spacing:-.01em;font-size:16px;font-weight:650}.studio-shell.product-shell .workspace-page .social-home .feed-section-title span{align-items:center;gap:6px;font-size:12px;display:inline-flex;color:var(--sf-muted)!important}.studio-shell.product-shell .social-home .feed-section-title span:before{content:"";background:#2f9e63;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #2f9e632e}.studio-shell.product-shell .social-home .social-post{padding:20px 22px 8px;transition:box-shadow .25s,border-color .25s,transform .25s;animation:.45s cubic-bezier(.2,.7,.2,1) both sf-in}.studio-shell.product-shell .social-home .social-post:hover{border-color:color-mix(in srgb,var(--sf-accent) 22%,transparent);box-shadow:var(--sf-shadow)}.studio-shell.product-shell .social-home .social-feed>.social-post:nth-of-type(2){animation-delay:50ms}.studio-shell.product-shell .social-home .social-feed>.social-post:nth-of-type(3){animation-delay:.1s}.studio-shell.product-shell .social-home .social-feed>.social-post:nth-of-type(n+4){animation-delay:.15s}.studio-shell.product-shell .social-home .social-post header{align-items:center}.studio-shell.product-shell .social-home .social-author{border-radius:14px;margin:-2px;padding:2px 8px 2px 2px;transition:background .15s}.studio-shell.product-shell .social-home .social-author:hover{background:var(--sf-soft)}.studio-shell.product-shell .social-home .social-author .social-avatar{width:44px;height:44px}.studio-shell.product-shell .social-home .social-author strong{letter-spacing:-.01em;align-items:center;gap:8px;font-size:15px;font-weight:650;display:flex}.studio-shell.product-shell .workspace-page .social-home .social-author small{margin-top:2px;font-size:12px;color:var(--sf-muted)!important}.studio-shell.product-shell .social-home .social-role-chip{letter-spacing:.08em;text-transform:uppercase;background:var(--sf-soft);border-radius:999px;align-items:center;padding:3px 9px;font-size:10px;font-style:normal;font-weight:700;display:inline-flex;color:var(--sf-accent)!important}.studio-shell.product-shell .workspace-page .social-home .social-post>p{letter-spacing:-.003em;margin:14px 2px 16px;font-size:15.5px;line-height:1.65;color:var(--ui-text)!important}.studio-shell.product-shell .social-home .social-post-photos{background:0 0;border-radius:16px;gap:4px;margin:0 0 4px;display:grid;overflow:hidden}.studio-shell.product-shell .social-home .social-post-photos>a{background:var(--sf-soft);min-width:0;min-height:0;display:block;position:relative;overflow:hidden}.studio-shell.product-shell .social-home .social-post-photos img{aspect-ratio:auto;object-fit:cover;width:100%;height:100%;max-height:none;transition:transform .6s cubic-bezier(.2,.7,.2,1);display:block}.studio-shell.product-shell .social-home .social-post-photos a:hover img{transform:scale(1.03)}.studio-shell.product-shell .social-home .social-post-photos.count-1{grid-template-columns:1fr}.studio-shell.product-shell .social-home .social-post-photos.count-1 img{aspect-ratio:4/3;height:auto;max-height:min(560px,70vh)}.studio-shell.product-shell .social-home .social-post-photos.count-2{aspect-ratio:8/5;grid-template-columns:1fr 1fr}.studio-shell.product-shell .social-home .social-post-photos.count-3{aspect-ratio:3/2;grid-template-rows:1fr 1fr;grid-template-columns:2fr 1fr}.studio-shell.product-shell .social-home .social-post-photos.count-3>a:first-child{grid-row:1/3}.studio-shell.product-shell .social-home .social-post-photos.count-4{aspect-ratio:1;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;max-height:640px}.studio-shell.product-shell .social-home .social-post-photos:is(.count-2,.count-3,.count-4) img{aspect-ratio:auto;height:100%}.studio-shell.product-shell .social-home .social-post-summary{min-height:32px;color:var(--sf-muted);justify-content:space-between;align-items:center;gap:12px;padding:8px 2px 2px;font-size:13px;display:flex}.studio-shell.product-shell .social-home .social-likers{align-items:center;gap:8px;min-width:0;display:inline-flex;color:var(--sf-muted)!important}.studio-shell.product-shell .social-home .social-likers-faces{display:inline-flex}.studio-shell.product-shell .social-home .social-likers-faces>span{border:2px solid var(--ui-surface);border-radius:50%;margin-left:-6px;display:block}.studio-shell.product-shell .social-home .social-likers-faces>span:first-child{margin-left:0}.studio-shell.product-shell .social-home .social-likers-faces .social-avatar{min-width:22px;font-size:10px;width:22px!important;height:22px!important;display:flex!important}.studio-shell.product-shell .social-home .social-summary-comments{color:var(--sf-muted);cursor:pointer;background:0 0;border:0;margin-left:auto;padding:4px 0;font-size:13px}.studio-shell.product-shell .social-home .social-summary-comments:hover{color:var(--ui-text);text-decoration:underline}.studio-shell.product-shell .social-home .social-post-actions{border-top:1px solid var(--sf-line);align-items:center;gap:4px;margin:8px 0 0;padding:6px 0;font-size:14px;display:flex}.studio-shell.product-shell .social-home .social-post-actions>button{min-height:44px;color:var(--sf-muted);border-radius:999px;align-items:center;gap:7px;padding:0 14px;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.studio-shell.product-shell .social-home .social-post-actions>button:hover{background:var(--sf-soft);color:var(--ui-text)}.studio-shell.product-shell .social-home .social-post-actions .social-action-count{background:color-mix(in srgb,var(--ui-text) 7%,transparent);font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;min-height:0!important;display:inline-grid!important}.studio-shell.product-shell .social-home .social-like[aria-pressed=true]{color:#c2416b;background:color-mix(in srgb,#c2416b 9%,var(--ui-surface))}.studio-shell.product-shell .social-home .social-like[aria-pressed=true] .social-action-count{background:#c2416b29}.studio-shell.product-shell .social-home .social-like[aria-pressed=true] svg{animation:.35s cubic-bezier(.3,1.6,.5,1) sf-pop}.studio-shell.product-shell .social-home .social-post-actions>.social-report{opacity:.7;margin-left:auto;font-size:12px;font-weight:500}.studio-shell.product-shell .social-home .social-report:hover{opacity:1}.studio-shell.product-shell .social-home .social-post-delete{color:var(--sf-muted);border-radius:50%;flex:none;place-items:center;width:40px;height:40px;transition:background .15s,color .15s;display:grid}.studio-shell.product-shell .social-home .social-post-delete:hover{background:color-mix(in srgb,#c2416b 9%,var(--ui-surface));color:#c2416b}.studio-shell.product-shell .social-home .social-feed>.btn.secondary{border-radius:999px;place-self:center;min-height:44px;padding:0 22px}.studio-shell.product-shell .social-home .social-back{min-height:36px;color:var(--sf-accent);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;margin:0 0 4px -8px;padding:0 12px 0 8px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.studio-shell.product-shell .social-home .social-back:hover{background:var(--sf-soft)}.studio-shell.product-shell .social-home .social-members{flex-direction:column;gap:16px;animation:.4s cubic-bezier(.2,.7,.2,1) both sf-in;display:flex}.studio-shell.product-shell .social-home .social-members-head{grid-template-columns:minmax(0,1fr) minmax(220px,320px);align-items:end;gap:6px 20px;display:grid}.studio-shell.product-shell .social-home .social-members-head>.social-back{grid-column:1/-1;justify-self:start}.studio-shell.product-shell .social-home .social-members-head h2{letter-spacing:-.02em;margin:0;font:600 22px/1.25 DM Sans,Arial,sans-serif}.studio-shell.product-shell .workspace-page .social-home .social-members-head p{margin:4px 0 0;font-size:14px;color:var(--sf-muted)!important}.studio-shell.product-shell .social-home .social-people-search{margin:0}.studio-shell.product-shell .social-home .social-people-search input{border-radius:999px;min-height:44px;padding:0 16px}.studio-shell.product-shell .social-home .social-people{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;display:grid}.studio-shell.product-shell .social-home .social-person{border:1px solid var(--sf-line);background:var(--ui-surface);text-align:center;cursor:pointer;border-radius:20px;flex-direction:column;align-items:center;gap:6px;padding:0 16px 18px;transition:transform .2s,box-shadow .2s,border-color .2s;animation:.45s cubic-bezier(.2,.7,.2,1) both sf-in;display:flex;position:relative;overflow:hidden}.studio-shell.product-shell .social-home .social-person:hover{border-color:color-mix(in srgb,var(--sf-accent) 30%,transparent);box-shadow:var(--sf-shadow);transform:translateY(-2px)}.studio-shell.product-shell .social-home .social-person-cover{background:linear-gradient(135deg,var(--sf-soft),color-mix(in srgb,var(--sf-accent) 22%,var(--ui-surface)));align-self:stretch;height:56px;margin:0 -16px -30px;display:block}.studio-shell.product-shell .social-home .social-person.is-coach .social-person-cover{background:linear-gradient(135deg,color-mix(in srgb,var(--sf-accent) 55%,var(--ui-surface)),var(--sf-accent))}.studio-shell.product-shell .social-home .social-person .social-avatar{border:3px solid var(--ui-surface);min-width:64px;box-shadow:0 6px 16px -10px color-mix(in srgb,var(--ui-text) 50%,transparent);font-size:22px;width:64px!important;height:64px!important;display:flex!important}.studio-shell.product-shell .social-home .social-person>strong{letter-spacing:-.01em;margin-top:4px;font-size:15px;font-weight:650}.studio-shell.product-shell .workspace-page .social-home .social-person-role{letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700;color:var(--sf-accent)!important}.studio-shell.product-shell .workspace-page .social-home .social-person-bio{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden;color:var(--sf-muted)!important}.studio-shell.product-shell .social-home .social-person-cta{opacity:.85;align-items:center;gap:4px;margin-top:auto;padding-top:8px;font-size:12px;font-weight:600;display:inline-flex;color:var(--sf-accent)!important}.studio-shell.product-shell .workspace-page .social-home .social-empty-card{text-align:center;border-radius:18px;padding:28px;color:var(--sf-muted)!important}.studio-shell.product-shell .social-home .social-profile-editor{max-width:760px;padding:24px 28px 28px;animation:.4s cubic-bezier(.2,.7,.2,1) both sf-in}.studio-shell.product-shell .social-home .social-kicker{letter-spacing:.12em;text-transform:uppercase;margin-top:6px;font-size:12px;font-weight:700;display:block;color:var(--sf-accent)!important}.studio-shell.product-shell .social-home .social-profile-editor h2{letter-spacing:-.025em;margin:6px 0 0;font:600 24px/1.2 DM Sans,Arial,sans-serif}.studio-shell.product-shell .workspace-page .social-home .social-profile-editor>p{margin:6px 0 0;font-size:14px;color:var(--sf-muted)!important}.studio-shell.product-shell .social-home .social-profile-editor form{flex-direction:column;gap:14px;display:flex}.studio-shell.product-shell .social-home .social-avatar-edit{background:color-mix(in srgb,var(--ui-bg,#f6f6f4) 70%,var(--ui-surface));border-radius:16px;flex-wrap:wrap;align-items:center;gap:18px;margin:20px 0 4px;padding:16px;display:flex}.studio-shell.product-shell .social-home .social-avatar.large{border:3px solid var(--ui-surface);min-width:88px;box-shadow:0 0 0 2px color-mix(in srgb,var(--sf-accent) 40%,transparent);font-size:30px;width:88px!important;height:88px!important}.studio-shell.product-shell .social-home .social-profile-editor :is(input:not([type=file]),textarea){border-radius:12px}.studio-shell.product-shell .social-home .social-profile-editor form>.btn{background:var(--sf-accent);border-color:var(--sf-accent);min-height:44px;color:var(--sf-ink);border-radius:999px;align-self:flex-start;padding:0 24px}.studio-shell.product-shell .social-home .social-profile-timeline{padding:0 24px 18px;animation:.4s cubic-bezier(.2,.7,.2,1) both sf-in;position:relative;overflow:hidden}.studio-shell.product-shell .social-home .profile-timeline-cover{background:radial-gradient(90% 140% at 100% 0,color-mix(in srgb,var(--sf-accent) 45%,transparent),transparent 60%),linear-gradient(135deg,var(--sf-soft),color-mix(in srgb,var(--sf-accent) 30%,var(--ui-surface)));height:110px;margin:0 -24px}.studio-shell.product-shell .social-home .social-profile-timeline>.social-back{background:color-mix(in srgb,var(--ui-surface) 85%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin:0;position:absolute;top:12px;left:20px}.studio-shell.product-shell .social-home .social-profile-timeline .profile-timeline-header{align-items:flex-start;gap:16px;margin-top:0;display:flex}.studio-shell.product-shell .social-home .social-profile-timeline .profile-timeline-header>.social-avatar{border:4px solid var(--ui-surface);font-size:34px;width:96px!important;min-width:96px!important;height:96px!important;margin:-40px 0 0!important;display:flex!important}.studio-shell.product-shell .social-home .social-profile-timeline .profile-timeline-header>div{flex-direction:column;align-items:flex-start;gap:6px;min-width:0;padding-top:12px;display:flex}.studio-shell.product-shell .social-home .social-profile-timeline h2{letter-spacing:-.025em;margin:0;font:600 24px/1.2 DM Sans,Arial,sans-serif}.studio-shell.product-shell .workspace-page .social-home .social-profile-timeline .profile-timeline-header p{margin:0;font-size:14px;line-height:1.55;color:var(--sf-muted)!important}.studio-shell.product-shell .social-home .profile-timeline-stats{gap:10px;margin:16px 0 4px;display:flex}.studio-shell.product-shell .social-home .profile-timeline-stats>span{background:color-mix(in srgb,var(--ui-bg,#f6f6f4) 70%,var(--ui-surface));color:var(--sf-muted);border-radius:14px;flex-direction:column;gap:2px;padding:10px 16px;font-size:12px;display:flex}.studio-shell.product-shell .social-home .profile-timeline-stats b{letter-spacing:-.02em;color:var(--ui-text);font-variant-numeric:tabular-nums;font-size:20px;font-weight:600}.studio-shell.product-shell .social-home .social-profile-timeline>strong{border-top:1px solid var(--sf-line);margin-top:14px;padding-top:14px;font-size:15px;font-weight:650;display:block}.studio-shell.product-shell .social-home .social-aside{gap:16px}.studio-shell.product-shell .social-home .social-aside>.card{padding:18px;animation:.45s cubic-bezier(.2,.7,.2,1) .1s both sf-in}.studio-shell.product-shell .social-home .social-widget-title{justify-content:space-between;align-items:center;gap:8px;display:flex}.studio-shell.product-shell .social-home .social-widget-title h2{letter-spacing:-.01em;margin:0;font:600 15px DM Sans,Arial,sans-serif!important}.studio-shell.product-shell .social-home .social-widget-title>svg{color:var(--sf-accent)}.studio-shell.product-shell .social-home .social-widget-title .icon-button{background:var(--sf-soft);width:36px;height:36px;color:var(--sf-accent);border:0;border-radius:50%;place-items:center;display:grid}.studio-shell.product-shell .workspace-page .social-home .widget-subtitle{margin:2px 0 8px;font-size:12px;color:var(--sf-muted)!important}.studio-shell.product-shell .social-home .social-contact-row,.studio-shell.product-shell .social-home .social-event-row{text-align:left;border-radius:14px;align-items:center;gap:10px;width:calc(100% + 16px);margin:0 -8px;padding:8px;transition:background .15s;display:flex}.studio-shell.product-shell .social-home .social-contact-row:hover,.studio-shell.product-shell .social-home .social-event-row:hover{background:var(--sf-soft)}.studio-shell.product-shell .social-home .social-contact-row>span,.studio-shell.product-shell .social-home .social-event-row>span:last-child{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.studio-shell.product-shell .social-home .social-contact-row strong,.studio-shell.product-shell .social-home .social-event-row strong{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.studio-shell.product-shell .workspace-page .social-home :is(.social-contact-row,.social-event-row) small{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden;color:var(--sf-muted)!important}.studio-shell.product-shell .social-home .social-contact-row .social-avatar{width:38px;min-width:38px;height:38px;font-size:14px}.studio-shell.product-shell .social-home .social-contact-row>svg{color:var(--sf-muted);flex:none}.studio-shell.product-shell .social-home .event-date{background:var(--sf-soft);width:46px;height:50px;color:var(--sf-accent);text-transform:uppercase;letter-spacing:.06em;border-radius:12px;flex-direction:column;flex:none;justify-content:center;align-items:center;font-size:10px;font-weight:700;line-height:1.1;display:flex}.studio-shell.product-shell .social-home .event-date b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:18px;font-weight:650}.studio-shell.product-shell .social-home .social-aside .text-button{min-height:36px;color:var(--sf-accent);align-items:center;gap:4px;margin-top:8px;font-size:13px;font-weight:600;display:inline-flex}.studio-shell.product-shell .social-home .social-empty-contact{border:1px dashed var(--sf-line);text-align:left;width:100%;color:var(--ui-text);background:0 0;border-radius:14px;align-items:center;gap:12px;padding:12px;display:flex}.studio-shell.product-shell .social-home .social-empty-contact>svg{background:var(--sf-soft);width:40px;height:40px;color:var(--sf-accent);border-radius:50%;flex:none;padding:9px}.studio-shell.product-shell .social-home .social-training-link{background:linear-gradient(135deg,var(--sf-accent),color-mix(in srgb,var(--sf-accent) 70%,#000));color:var(--sf-ink);text-align:left;cursor:pointer;border:0;border-radius:20px;align-items:center;gap:12px;padding:18px;transition:transform .2s,box-shadow .2s;animation:.45s cubic-bezier(.2,.7,.2,1) .14s both sf-in;display:flex;position:relative;overflow:hidden}.studio-shell.product-shell .social-home .social-training-link:after{content:"";border:1px solid color-mix(in srgb,var(--sf-ink) 25%,transparent);pointer-events:none;border-radius:50%;width:140px;height:140px;position:absolute;top:-50px;right:-40px}.studio-shell.product-shell .social-home .social-training-link:hover{box-shadow:0 18px 34px -22px color-mix(in srgb,var(--sf-accent) 90%,transparent);transform:translateY(-2px)}.studio-shell.product-shell .social-home .social-training-link>svg:first-child{background:color-mix(in srgb,var(--sf-ink) 18%,transparent);width:44px;height:44px;color:var(--sf-ink);border-radius:14px;flex:none;padding:10px}.studio-shell.product-shell .social-home .social-training-link>span{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.studio-shell.product-shell .social-home .social-training-link strong{color:var(--sf-ink);font-size:14px;font-weight:650}.studio-shell.product-shell .workspace-page .social-home .social-training-link small{font-size:12px;color:color-mix(in srgb,var(--sf-ink) 80%,transparent)!important}.studio-shell.product-shell .workspace-page .social-home p.social-privacy{gap:8px;margin:0;padding:0 4px;font-size:12px;line-height:1.5;display:flex;color:var(--sf-muted)!important}.studio-shell.product-shell .social-home dialog.comments-sheet{border:1px solid var(--sf-line);opacity:1;color:var(--ui-text);box-shadow:0 30px 80px -30px #0000008c;background:var(--ui-surface,#fff)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.studio-shell.product-shell .social-home dialog.comments-sheet::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0d0f1273}.studio-shell.product-shell .social-home .comments-handle{background:var(--sf-line)}.studio-shell.product-shell .social-home .comments-sheet>header{border-bottom:1px solid var(--sf-line);padding:16px 20px}.studio-shell.product-shell .social-home .comments-sheet h2{letter-spacing:-.01em;align-items:center;gap:8px;display:flex;font:600 17px DM Sans,Arial,sans-serif!important}.studio-shell.product-shell .social-home .comments-sheet h2 span{background:var(--sf-soft);border-radius:999px;place-items:center;min-width:24px;height:24px;margin:0;padding:0 8px;font-size:12px;font-weight:700;display:inline-grid;color:var(--sf-accent)!important}.studio-shell.product-shell .social-home .comments-sheet>header .icon-button{border:1px solid var(--sf-line);background:var(--ui-surface);width:40px;height:40px;color:var(--ui-text);border-radius:50%;place-items:center;display:grid}.studio-shell.product-shell .social-home .comments-list{padding:18px 20px}.studio-shell.product-shell .social-home .sheet-comment{gap:10px;margin-bottom:14px;animation:.3s cubic-bezier(.2,.7,.2,1) both sf-in}.studio-shell.product-shell .social-home .comment-avatar{background:var(--sf-soft);color:var(--sf-accent);font-size:13px;font-weight:650}.studio-shell.product-shell .social-home .comment-avatar :is(img,span){border-radius:50%}.studio-shell.product-shell .social-home .sheet-comment>div{background:color-mix(in srgb,var(--ui-bg,#f6f6f4) 75%,var(--ui-surface));border-radius:4px 16px 16px;padding:10px 14px}.studio-shell.product-shell .social-home .comment-byline button{color:var(--ui-text);cursor:pointer;font-size:13px;font-weight:650}.studio-shell.product-shell .social-home .comment-byline time{color:var(--sf-muted);font-size:11px}.studio-shell.product-shell .workspace-page .social-home .sheet-comment p{margin:3px 0 0;font-size:14px;line-height:1.5;color:var(--ui-text)!important}.studio-shell.product-shell .social-home .comment-remove{color:var(--sf-muted);cursor:pointer;margin-top:4px;padding:2px 0;font-size:11px;font-weight:600}.studio-shell.product-shell .social-home .comment-remove:hover{color:#c2416b}.studio-shell.product-shell .social-home .comments-empty{color:var(--sf-muted)}.studio-shell.product-shell .social-home .comments-empty>svg{background:var(--sf-soft);width:64px;height:64px;color:var(--sf-accent);border-radius:50%;padding:17px}.studio-shell.product-shell .social-home .comments-empty strong{color:var(--ui-text);font-size:17px}.studio-shell.product-shell .workspace-page .social-home .comments-empty p{color:var(--sf-muted)!important}.studio-shell.product-shell .social-home .comments-compose{padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--sf-line);background:var(--ui-surface);gap:8px}.studio-shell.product-shell .social-home .comments-compose textarea{border:1px solid var(--sf-line);background:color-mix(in srgb,var(--ui-bg,#f6f6f4) 75%,var(--ui-surface));color:var(--ui-text);border-radius:22px;min-height:44px;padding:10px 16px;font:15px/22px DM Sans,Arial,sans-serif}.studio-shell.product-shell .social-home .comments-compose textarea:focus{border-color:color-mix(in srgb,var(--sf-accent) 45%,transparent);box-shadow:0 0 0 4px var(--sf-soft);background:var(--ui-surface);outline:0}.studio-shell.product-shell .social-home .comments-compose>button{background:var(--sf-accent);width:44px;height:44px;color:var(--sf-ink);flex:0 0 44px;transition:transform .15s,opacity .2s}.studio-shell.product-shell .social-home .comments-compose>button:not(:disabled):hover{transform:scale(1.06)}.studio-shell.product-shell .social-home .comments-sheet>.btn{margin:12px 16px calc(16px + env(safe-area-inset-bottom));background:var(--sf-accent);border-color:var(--sf-accent);min-height:44px;color:var(--sf-ink);border-radius:999px}.studio-shell.product-shell .social-home .comments-error{color:#b23a3a}@keyframes sf-panel-in{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:none}}@media (min-width:761px){.studio-shell.product-shell .social-home dialog.comments-sheet{border-radius:22px;width:min(440px,100vw - 32px);max-width:none;height:auto;max-height:none;margin:0;position:fixed;inset:16px 16px 16px auto}.studio-shell.product-shell .social-home dialog.comments-sheet[open]{animation:.28s cubic-bezier(.2,.7,.2,1) sf-panel-in}.studio-shell.product-shell .social-home .comments-handle{display:none}}.studio-shell.product-shell .social-home dialog.story-dialog::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b0c0eb8}.studio-shell.product-shell .social-home dialog.story-dialog .story-close{cursor:pointer;border:0;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;display:grid}.studio-shell.product-shell .social-home dialog.story-dialog.story-viewer{color:#fff;border:1px solid #ffffff1a;border-radius:24px;width:min(440px,100vw - 24px);max-width:none;margin:auto;padding:14px;inset:0;box-shadow:0 40px 90px -30px #000;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#0f1012!important}.studio-shell.product-shell .social-home dialog.story-viewer[open]{flex-direction:column;height:min(820px,100dvh - 24px);animation:.3s cubic-bezier(.2,.7,.2,1) sf-in;display:flex;overflow:hidden}.studio-shell.product-shell .social-home .story-viewer .story-close{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff24;top:22px;right:18px}.studio-shell.product-shell .social-home .story-viewer .story-segments{flex-shrink:0;gap:4px;padding:4px 2px 0}.studio-shell.product-shell .social-home .story-viewer .story-segments i{background:#ffffff47;border-radius:3px;height:3px}.studio-shell.product-shell .social-home .story-viewer .story-segments i.current{background:#fff}.studio-shell.product-shell .social-home .story-viewer .story-view-author{color:#fff;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;min-height:56px;padding:8px 52px 8px 4px;display:flex}.studio-shell.product-shell .social-home .story-viewer .story-view-author>img,.studio-shell.product-shell .social-home .story-viewer .story-view-author>span:first-child:not(:last-child){object-fit:cover;border:2px solid var(--sf-accent);background:#2a2c30;border-radius:50%;flex:0 0 38px;place-items:center;width:38px;height:38px;display:grid}.studio-shell.product-shell .workspace-page .social-home .story-viewer .story-view-author>span{font-size:14px;font-weight:600;color:#fff!important}.studio-shell.product-shell .workspace-page .social-home .story-viewer .story-view-author small{font-size:12px;font-weight:400;display:block;color:#ffffffa8!important}.studio-shell.product-shell .social-home .story-viewer .story-stage{isolation:isolate;background:#1a1b1e 50%/cover no-repeat;border-radius:16px;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.studio-shell.product-shell .social-home .story-viewer .story-stage:before{content:"";z-index:-1;background:inherit;filter:blur(28px)brightness(.55);position:absolute;inset:0;transform:scale(1.2)}.studio-shell.product-shell .social-home .story-viewer .story-full-image{object-fit:contain;border-radius:0;flex:none;width:100%;height:100%;min-height:0;max-height:none;display:block}.studio-shell.product-shell .workspace-page .social-home .story-viewer .story-caption{white-space:pre-wrap;overflow-wrap:anywhere;flex-shrink:0;max-height:22dvh;margin:12px 4px 0;font-size:15px;line-height:1.55;overflow:auto;color:#fff!important}.studio-shell.product-shell .social-home .story-viewer .story-controls{flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;display:flex}.studio-shell.product-shell .social-home .story-viewer .story-controls button{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff29;border-radius:999px;place-items:center;min-width:44px;min-height:44px;padding:0 14px;font-size:13px;font-weight:600;transition:background .15s;display:inline-grid}.studio-shell.product-shell .social-home .story-viewer .story-controls button:hover:not(:disabled){background:#fff3}.studio-shell.product-shell .social-home .story-viewer .story-controls button:disabled{opacity:.35}.studio-shell.product-shell .social-home dialog.story-dialog.story-editor{border:1px solid var(--sf-line);width:min(480px,100vw - 24px);max-width:none;max-height:calc(100dvh - 24px);color:var(--ui-text);border-radius:24px;margin:auto;padding:26px;animation:.3s cubic-bezier(.2,.7,.2,1) sf-in;inset:0;overflow:auto;box-shadow:0 40px 90px -40px #000a;background:var(--ui-surface,#fff)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.studio-shell.product-shell .social-home .story-editor .story-close{background:color-mix(in srgb,var(--ui-text) 6%,transparent);color:var(--ui-text);top:16px;right:16px}.studio-shell.product-shell .social-home .story-editor-kicker{background:var(--sf-soft);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:700;display:inline-flex;color:var(--sf-accent)!important}.studio-shell.product-shell .social-home .story-editor h2{letter-spacing:-.025em;margin:12px 44px 6px 0;font:600 24px/1.2 DM Sans,Arial,sans-serif!important}.studio-shell.product-shell .workspace-page .social-home .story-editor>p{margin:0;font-size:14px;line-height:1.55;color:var(--sf-muted)!important}.studio-shell.product-shell .social-home dialog.story-editor form{flex-direction:column;gap:14px;margin-top:18px;display:flex!important}.studio-shell.product-shell .social-home .story-editor .story-photo-picker{border:1.5px dashed color-mix(in srgb,var(--sf-accent) 45%,transparent);background:linear-gradient(160deg,var(--sf-soft),var(--ui-surface));min-height:240px;color:var(--sf-accent);cursor:pointer;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:8px;margin:0;transition:border-color .2s,background .2s;display:flex;position:relative;overflow:hidden}.studio-shell.product-shell .social-home .story-editor .story-photo-picker:hover{border-color:var(--sf-accent)}.studio-shell.product-shell .social-home .story-editor .story-photo-picker>svg{background:var(--ui-surface);width:64px;height:64px;box-shadow:0 10px 24px -16px color-mix(in srgb,var(--sf-accent) 90%,transparent);border-radius:50%;padding:16px}.studio-shell.product-shell .social-home .story-editor .story-photo-picker strong{color:var(--ui-text);font-size:15px}.studio-shell.product-shell .workspace-page .social-home .story-editor .story-photo-picker small{font-size:12px;color:var(--sf-muted)!important}.studio-shell.product-shell .social-home .story-editor .story-photo-picker img{object-fit:cover;border-radius:16px;width:100%;max-height:360px}.studio-shell.product-shell .social-home .story-editor textarea{border-radius:14px}.studio-shell.product-shell .social-home .story-editor form>.btn{background:var(--sf-accent);border-color:var(--sf-accent);min-height:46px;color:var(--sf-ink);border-radius:999px;width:100%;font-weight:600}@media (max-width:1100px){.studio-shell.product-shell .social-home .social-hero-actions{flex:100%}.studio-shell.product-shell .social-home .social-global-search{flex:auto;width:auto}}@media (max-width:760px){.studio-shell.product-shell .workspace-page .social-home .social-home-header{border-radius:18px;gap:16px;padding:22px 18px}.studio-shell.product-shell .workspace-page .social-home .social-home-header h1{font-size:30px!important}.studio-shell.product-shell .workspace-page .social-home .social-home-header p.social-hero-sub{font-size:14px!important}.studio-shell.product-shell .social-home .social-hero-stats{scrollbar-width:none;flex-wrap:nowrap;gap:6px;margin:12px -18px 0;padding:0 18px;overflow-x:auto}.studio-shell.product-shell .social-home .social-hero-stats::-webkit-scrollbar{display:none}.studio-shell.product-shell .social-home .social-hero-stats>*{white-space:nowrap;flex:none}.studio-shell.product-shell .social-home .social-hero-copy{flex-basis:100%}.studio-shell.product-shell .social-home .social-home-header .social-global-search{flex:1 1 0;min-width:0;margin:0;width:auto!important}.studio-shell.product-shell .social-home .social-me-button{padding:4px}.studio-shell.product-shell .social-home .social-me-button span{display:none}.studio-shell.product-shell .social-home .community-story-strip{gap:12px;padding:14px 16px}.studio-shell.product-shell .social-home .story-person{flex-basis:66px}.studio-shell.product-shell .social-home .story-circle{width:62px;height:62px}.studio-shell.product-shell .social-home .story-add{top:43px}.studio-shell.product-shell .social-home .story-create-menu{grid-template-columns:1fr}.studio-shell.product-shell .social-home .publisher-input textarea{line-height:1.4;font-size:16px!important}.studio-shell.product-shell .social-home .publisher-input textarea::placeholder{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.studio-shell.product-shell .social-home .publisher-audience{display:none}.studio-shell.product-shell .social-home .social-post{border-radius:18px;padding:16px 16px 4px}.studio-shell.product-shell .social-home .social-post-photos{border-radius:0;margin:0 -16px 4px}.studio-shell.product-shell .social-home .social-post-photos.count-1 img{aspect-ratio:1;max-height:none}.studio-shell.product-shell .social-home .social-post-actions{flex-wrap:nowrap;gap:2px}.studio-shell.product-shell .social-home .social-post-actions>button{white-space:nowrap;padding:0 10px;font-size:13px}.studio-shell.product-shell .social-home .social-post-actions>.social-report{padding:0 6px}.studio-shell.product-shell .social-home .social-members-head{grid-template-columns:minmax(0,1fr)}.studio-shell.product-shell .social-home .social-people{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.studio-shell.product-shell .social-home .social-person{padding:0 10px 14px}.studio-shell.product-shell .social-home .social-person-cover{margin:0 -10px -30px}.studio-shell.product-shell .social-home .social-profile-editor{padding:18px 16px 20px}.studio-shell.product-shell .social-home .social-profile-timeline{padding:0 16px 16px}.studio-shell.product-shell .social-home .profile-timeline-cover{height:96px;margin:0 -16px}.studio-shell.product-shell .social-home .social-profile-timeline>.social-back{left:12px}.studio-shell.product-shell .social-home .social-profile-timeline .profile-timeline-header{flex-direction:column;align-items:flex-start;gap:10px}.studio-shell.product-shell .social-home .social-profile-timeline .profile-timeline-header>.social-avatar{width:84px!important;min-width:84px!important;height:84px!important}.studio-shell.product-shell .social-home dialog.story-dialog.story-editor{width:100%;max-height:calc(100dvh - 12px);padding:22px 18px calc(22px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;margin:0;inset:auto 0 0}.studio-shell.product-shell .social-home dialog.story-dialog.story-viewer{width:100%;height:100dvh;max-height:100dvh;padding:calc(12px + env(safe-area-inset-top)) 12px calc(12px + env(safe-area-inset-bottom));border:0;border-radius:0}.studio-shell.product-shell .social-home dialog.story-viewer[open]{height:100dvh}.studio-shell.product-shell .social-home .story-viewer .story-close{top:calc(20px + env(safe-area-inset-top))}.studio-shell.product-shell .social-home dialog.comments-sheet{border-bottom:0;border-radius:24px 24px 0 0}}.studio-shell.product-shell .social-home :is(.social-contact-row,.social-event-row)>span.social-avatar{border-radius:50%;flex:0 0 38px;place-items:center;gap:0;width:38px;min-width:38px;height:38px;font-weight:700;display:grid}.studio-shell.product-shell .social-home .social-contact-row>img.social-avatar{object-fit:cover;border-radius:50%;flex:0 0 38px;width:38px;height:38px}
.product-shell *,.product-shell~dialog *{scrollbar-width:none}dialog:has(.product-shell) *{scrollbar-width:none}.product-shell ::-webkit-scrollbar{width:0;height:0;display:none}.product-shell~dialog ::-webkit-scrollbar{width:0;height:0;display:none}
.help-center,.support-inbox{--hc-accent:var(--ui-primary,#80643e);--hc-soft:color-mix(in srgb,var(--hc-accent) 10%,var(--ui-surface,#fff));--hc-line:color-mix(in srgb,var(--ui-text,#242936) 10%,transparent);--hc-muted:color-mix(in srgb,var(--ui-text,#242936) 66%,var(--ui-surface,#fff));max-width:1100px;color:var(--ui-text,#242936);flex-direction:column;gap:28px;margin:0 auto;display:flex}.help-center .field,.support-inbox .field{margin:0}.hc-hero{border:1px solid var(--hc-line);background:radial-gradient(110% 140% at 100% 0,color-mix(in srgb,var(--hc-accent) 20%,transparent) 0,transparent 60%),linear-gradient(135deg,var(--ui-surface,#fff),var(--hc-soft));border-radius:22px;padding:36px;position:relative;overflow:hidden}.hc-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--hc-accent);align-items:center;gap:8px;font-size:12px;font-weight:700;display:inline-flex}.studio-shell.product-shell .hc-hero h1{margin:12px 0 22px;letter-spacing:-.035em!important;font:600 clamp(30px,3.4vw,42px)/1.1 DM Sans,Arial,sans-serif!important}.hc-hero h1 em{font-family:var(--font-heading),Georgia,serif;color:var(--hc-accent);font-style:italic;font-weight:500}.hc-search{background:var(--ui-surface,#fff);border:1px solid var(--hc-line);max-width:560px;min-height:52px;color:var(--hc-muted);border-radius:999px;align-items:center;gap:10px;padding:0 18px;transition:box-shadow .2s,border-color .2s;display:flex}.hc-search:focus-within{border-color:color-mix(in srgb,var(--hc-accent) 45%,transparent);box-shadow:0 0 0 5px var(--hc-soft)}.hc-search input{min-width:0;color:var(--ui-text);background:0 0;border:0;outline:0;flex:1;font-size:15px}.hc-section{flex-direction:column;gap:14px;display:flex}.hc-section-head h2{letter-spacing:-.01em;font:650 19px DM Sans,Arial,sans-serif!important}.studio-shell.product-shell .workspace-page .hc-section-head p,.studio-shell.product-shell .workspace-page .hc-muted{margin-top:4px;font-size:14px;color:var(--hc-muted)!important}.hc-videos{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;display:grid}.hc-video{text-align:left;background:var(--ui-surface,#fff);border:1px solid var(--hc-line);color:inherit;border-radius:18px;flex-direction:column;gap:6px;padding:0 0 14px;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.hc-video:hover{box-shadow:0 16px 34px -24px color-mix(in srgb,var(--ui-text) 60%,transparent);transform:translateY(-3px)}.hc-video-thumb{aspect-ratio:16/10;background:var(--hc-soft);color:#fff;place-items:center;margin-bottom:6px;display:grid;position:relative}.hc-video-thumb img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hc-video-thumb:after{content:"";background:linear-gradient(#0000 40%,#0008);position:absolute;inset:0}.hc-video-thumb svg{z-index:1;filter:drop-shadow(0 4px 12px #0006);transition:transform .2s;position:relative}.hc-video:hover .hc-video-thumb>svg{transform:scale(1.1)}.hc-video-thumb small{z-index:1;align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex;position:absolute;bottom:8px;right:10px;color:#fff!important}.hc-video>strong{padding:0 14px;font-size:14px;font-weight:650;line-height:1.35}.studio-shell.product-shell .workspace-page .hc-video>small{padding:0 14px;font-size:12px;color:var(--hc-muted)!important}.hc-faq{border:1px solid var(--hc-line);background:var(--ui-surface,#fff);border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.hc-faq details+details{border-top:1px solid var(--hc-line)}.hc-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;font-size:15px;font-weight:600;list-style:none;display:flex}.hc-faq summary::-webkit-details-marker{display:none}.hc-faq summary svg{color:var(--hc-muted);flex:none;transition:transform .2s}.hc-faq details[open] summary svg{color:var(--hc-accent);transform:rotate(180deg)}.hc-faq details>p{padding:0 20px 6px;font-size:14px;line-height:1.65}.hc-faq details>.text-button{color:var(--hc-accent);margin:0 20px 10px}.hc-empty{padding:20px;font-size:14px}.hc-support{background:var(--hc-soft);border:1px solid color-mix(in srgb,var(--hc-accent) 18%,transparent);border-radius:22px;padding:26px}.hc-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.hc-option{text-align:left;background:var(--ui-surface,#fff);border:1px solid var(--hc-line);color:inherit;border-radius:18px;align-items:center;gap:14px;padding:18px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.hc-option:hover{transform:translateY(-2px)}.hc-option.active{border-color:var(--hc-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--hc-accent) 18%,transparent)}.hc-option>span:nth-child(2){flex-direction:column;flex:1;gap:3px;display:flex}.hc-option strong{font-size:15px;font-weight:650}.studio-shell.product-shell .workspace-page .hc-option small{font-size:13px;color:var(--hc-muted)!important}.hc-option>svg{color:var(--hc-muted);transition:transform .2s}.hc-option.active>svg{color:var(--hc-accent);transform:rotate(90deg)}.hc-option-icon{background:var(--hc-soft);width:46px;height:46px;color:var(--hc-accent);border-radius:14px;flex:none;place-items:center;display:grid}.hc-form{background:var(--ui-surface,#fff);border:1px solid var(--hc-line);border-radius:18px;flex-direction:column;gap:14px;padding:22px;animation:.3s both hc-in;display:flex}@keyframes hc-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.hc-form .btn{border-radius:999px;align-self:flex-start;padding-inline:22px}.hc-done{align-items:flex-start}.hc-done h3{font:650 18px DM Sans,Arial,sans-serif!important}.hc-done-icon{background:color-mix(in srgb,#2f8f5b 14%,var(--ui-surface));color:#2f8f5b;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.hc-tickets{border:1px solid var(--hc-line);background:var(--ui-surface,#fff);border-radius:18px;margin:0;padding:0;list-style:none}.hc-tickets li{align-items:center;gap:12px;padding:14px 18px;display:flex}.hc-tickets li+li{border-top:1px solid var(--hc-line)}.hc-tickets li>span:nth-child(2){flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.hc-tickets strong{font-size:14px;font-weight:600}.studio-shell.product-shell .workspace-page .hc-tickets small{text-transform:none;font-size:12px;color:var(--hc-muted)!important}.hc-kind,.si-kind{background:var(--hc-soft);width:36px;height:36px;color:var(--hc-accent);border-radius:12px;flex:none;place-items:center;display:grid}.hc-status{background:var(--hc-soft);color:var(--hc-accent);border-radius:999px;flex:none;padding:4px 10px;font-size:12px;font-weight:650;text-decoration:none}.hc-status.in_progress{background:color-mix(in srgb,#c58a1b 14%,var(--ui-surface));color:#8a5d0c}.hc-status.resolved{background:color-mix(in srgb,#2f8f5b 14%,var(--ui-surface));color:#24724a}.hc-status.join{background:var(--hc-accent);color:var(--portal-button-ink,#fff)}.studio-shell .help-center dialog.hc-dialog{width:min(560px,100% - 24px);max-width:none;max-height:calc(100dvh - 32px);color:var(--ui-text,#242936);border:0;border-radius:22px;margin:auto;padding:0;inset:0;overflow:hidden;background:var(--ui-surface,#fff)!important}.studio-shell .help-center dialog.hc-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009}.studio-shell .help-center dialog.hc-dialog video,.hc-dialog-poster{aspect-ratio:16/9;object-fit:contain;background:#111;width:100%;max-height:62dvh;display:block}.hc-dialog-poster{place-items:center;display:grid;position:relative}.hc-dialog-poster img{object-fit:cover;opacity:.55;width:100%;height:100%;position:absolute;inset:0}.hc-dialog-poster span{color:#fff;background:#000a;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;position:relative}.studio-shell .help-center dialog.hc-dialog h2{margin:20px 24px 8px;font:650 20px DM Sans,Arial,sans-serif}.studio-shell .help-center dialog.hc-dialog ol{flex-direction:column;gap:8px;margin:0 24px 24px;padding-left:20px;font-size:14px;line-height:1.55;display:flex}.hc-close{z-index:2;color:#222;background:#fffe;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:12px;right:12px}.si-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.studio-shell.product-shell .si-head h1{margin:8px 0 6px;letter-spacing:-.03em!important;font:600 30px/1.15 DM Sans,Arial,sans-serif!important}.studio-shell.product-shell .workspace-page .si-head p{font-size:14px;color:var(--hc-muted)!important}.si-filters{flex-wrap:wrap;gap:6px;display:flex}.si-filters button{border:1px solid var(--hc-line);background:var(--ui-surface,#fff);min-height:38px;color:var(--ui-text);border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:600;display:flex}.si-filters button span{background:var(--hc-soft);min-width:20px;color:var(--hc-accent);border-radius:999px;padding:0 6px;font-size:11px}.si-filters [aria-selected=true]{background:var(--hc-accent);border-color:var(--hc-accent);color:var(--portal-button-ink,#fff)}.si-filters [aria-selected=true] span{color:inherit;background:#fff3}.si-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.si-ticket{background:var(--ui-surface,#fff);border:1px solid var(--hc-line);border-radius:18px;gap:14px;padding:18px;display:flex}.si-ticket.resolved{opacity:.7}.si-kind.meeting{background:color-mix(in srgb,#2f6f9f 12%,var(--ui-surface));color:#2f6f9f}.si-body{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.si-title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.si-title strong{font-size:15px;font-weight:650}.si-chip{background:var(--hc-soft);color:var(--hc-accent);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:650}.studio-shell.product-shell .workspace-page .si-meta{font-size:12px;color:var(--hc-muted)!important}.si-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.6}.si-meeting{color:#2f6f9f;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.si-meeting a{color:inherit}.si-warning{font-size:12px;color:#a33d3d!important}.si-actions{flex-direction:column;flex:none;align-items:stretch;gap:8px;display:flex}.si-actions select{border:1px solid var(--hc-line);background:var(--ui-surface);min-height:38px;color:var(--ui-text);border-radius:10px;padding:6px 10px;font-size:13px}.si-actions .btn{border-radius:10px;min-height:38px;font-size:13px}.si-empty{text-align:center;color:var(--hc-muted);padding:28px}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:760px){.hc-hero{padding:26px 20px}.hc-options{grid-template-columns:minmax(0,1fr)}.hc-support{padding:18px}.hc-videos{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.si-ticket{flex-wrap:wrap}.si-actions{flex-direction:row;width:100%}.si-actions>*{flex:1}}.studio-shell .help-center dialog.hc-modal{--hc-accent:var(--portal-primary,#80643e);--hc-soft:color-mix(in srgb,var(--hc-accent) 10%,#fff);--hc-line:#24293614;--hc-muted:#5f6672;color:#242936;border:0;border-radius:24px;width:min(980px,100% - 32px);max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:0;inset:0;overflow:hidden;box-shadow:0 30px 80px -30px #0007;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important}.studio-shell .help-center dialog.hc-modal.ticket,.studio-shell .help-center dialog.hc-modal.details{width:min(780px,100% - 32px)}.studio-shell .help-center dialog.hc-modal[open]{grid-template-columns:280px minmax(0,1fr);animation:.25s cubic-bezier(.2,.7,.2,1) hc-pop;display:grid}@keyframes hc-pop{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}.studio-shell .help-center dialog.hc-modal::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b0d1299}.hc-modal-info{border-right:1px solid var(--hc-line);background:linear-gradient(180deg,var(--hc-soft),#fff 70%);flex-direction:column;gap:10px;padding:30px 26px;display:flex}.hc-modal-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--hc-muted);margin-top:6px;font-size:11px;font-weight:700}.hc-modal-info h2{letter-spacing:-.02em;color:#242936;font:650 22px/1.2 DM Sans,Arial,sans-serif}.hc-modal-info>p{color:var(--hc-muted);font-size:14px;line-height:1.6}.hc-modal-facts{color:#3a404c;flex-direction:column;gap:10px;margin:6px 0 0;padding:0;font-size:14px;font-weight:600;list-style:none;display:flex}.hc-modal-facts li{align-items:center;gap:10px;display:flex}.hc-modal-facts svg{color:var(--hc-muted);flex:none}.hc-modal-facts .hc-chosen{color:var(--hc-accent)}.hc-modal-facts .hc-chosen span{display:inline-block}.hc-modal-facts .hc-chosen svg{color:var(--hc-accent)}.hc-notify{color:var(--hc-muted);margin-top:auto;line-height:1.5;font-size:12px!important}.hc-modal-main{min-width:0;padding:30px 30px 26px;overflow:auto}.studio-shell .help-center dialog.hc-modal .hc-close{background:#f2f3f5}.hc-picker{grid-template-columns:minmax(0,1fr) 210px;gap:28px;min-height:380px;display:grid}.hc-cal-head{justify-content:space-between;align-items:center;margin-bottom:16px;padding-right:44px;display:flex}.hc-cal-head strong{font-size:16px;display:inline-block}.hc-cal-head strong:first-letter,.hc-times-title:first-letter,.hc-modal-facts .hc-chosen span:first-letter{text-transform:uppercase}.hc-cal-head .icon-button{background:var(--hc-soft);width:38px;height:38px;color:var(--hc-accent);border:0}.hc-cal-head .icon-button:disabled{color:#c3c6cc;background:0 0}.hc-cal-grid{text-align:center;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.hc-cal-wd{color:var(--hc-muted);padding:6px 0;font-size:11px;font-weight:700}.hc-cal-grid button{aspect-ratio:1;background:var(--hc-soft);width:100%;max-width:48px;color:var(--hc-accent);border-radius:50%;margin:auto;font-size:14px;font-weight:650;transition:background .15s,color .15s,transform .15s;position:relative}.hc-cal-grid button:not(:disabled):hover{background:color-mix(in srgb,var(--hc-accent) 20%,#fff);transform:scale(1.06)}.hc-cal-grid button:disabled{color:#b8bcc4;opacity:1;cursor:default;background:0 0;font-weight:500}.hc-cal-grid button.active{background:var(--hc-accent);color:var(--portal-button-ink,#fff)}.hc-cal-grid button.today:after{content:"";background:currentColor;border-radius:50%;width:4px;height:4px;margin-left:-2px;position:absolute;bottom:5px;left:50%}.hc-times-col{flex-direction:column;gap:12px;min-width:0;padding-top:4px;display:flex}.hc-times-title{padding-right:40px;font-size:14px;display:block}.hc-times-list{flex-direction:column;gap:8px;max-height:340px;padding-right:2px;display:flex;overflow:auto}.hc-times-list>button{border:1px solid color-mix(in srgb,var(--hc-accent) 45%,transparent);min-height:46px;color:var(--hc-accent);background:#fff;border-radius:10px;font-size:14px;font-weight:700;transition:border-color .15s,box-shadow .15s}.hc-times-list>button:hover{border-color:var(--hc-accent);box-shadow:inset 0 0 0 1px var(--hc-accent)}.hc-time-confirm{grid-template-columns:1fr 1fr;gap:6px;animation:.2s both hc-in;display:grid}.hc-time-confirm span{color:#fff;background:#5f6672;border-radius:10px;place-items:center;min-height:46px;font-size:13px;font-weight:700;display:grid}.hc-time-confirm .btn{background:var(--hc-accent);min-height:46px;color:var(--portal-button-ink,#fff);border-radius:10px;padding:0 8px;font-size:13px}.studio-shell .help-center dialog.hc-modal .hc-form{background:0 0;border:0;padding:0;animation:none}.studio-shell .help-center dialog.hc-modal .hc-form .btn{background:var(--hc-accent);color:var(--portal-button-ink,#fff)}.hc-back{color:var(--hc-accent);align-self:flex-start;min-height:32px}.studio-shell .help-center dialog.hc-modal .field{color:#3a404c;flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.studio-shell .help-center dialog.hc-modal .field :is(input,select,textarea){color:#242936;background:#fff;border:1px solid #d9dce1;border-radius:12px;width:100%;min-height:46px;padding:11px 14px;font-size:15px}.studio-shell .help-center dialog.hc-modal .field :is(input,select,textarea):focus{border-color:var(--hc-accent);box-shadow:0 0 0 4px var(--hc-soft);outline:0}.studio-shell .help-center dialog.hc-modal .field textarea{resize:vertical;min-height:120px}.studio-shell .help-center dialog.hc-modal .hc-done{flex-direction:column;align-items:flex-start;gap:12px;padding-top:20px;display:flex}.studio-shell .help-center dialog.hc-modal .hc-done h3{font:650 22px DM Sans,Arial,sans-serif}.studio-shell .help-center dialog.hc-modal .hc-done p{color:#3a404c;font-size:15px;line-height:1.6}.studio-shell .help-center dialog.hc-modal .hc-done .btn{border-radius:999px}@media (max-width:760px){.studio-shell .help-center dialog.hc-modal,.studio-shell .help-center dialog.hc-modal.ticket,.studio-shell .help-center dialog.hc-modal.details{border-radius:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0}.studio-shell .help-center dialog.hc-modal[open]{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.hc-modal-info{border-right:0;border-bottom:1px solid var(--hc-line);gap:6px;padding:22px 20px 16px}.hc-modal-info .hc-option-icon,.hc-modal-info .hc-notify{display:none}.hc-modal-info h2{padding-right:44px;font-size:20px}.hc-modal-facts{flex-flow:wrap;gap:6px 14px;font-size:13px}.hc-modal-main{padding:20px 20px calc(24px + env(safe-area-inset-bottom))}.hc-picker{grid-template-columns:minmax(0,1fr);gap:20px;min-height:0}.hc-times-list{max-height:none}.studio-shell .help-center dialog.hc-modal .hc-form .btn{width:100%}}.hc-section-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.studio-shell.product-shell .workspace-page .hc-install{border-radius:999px;min-height:44px;padding:8px 18px}.hc-topics{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.hc-topics button{border:1px solid var(--hc-line);background:var(--ui-surface,#fff);min-height:40px;color:var(--ui-text);border-radius:999px;flex:none;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:600;display:flex}.hc-topics button span{background:var(--hc-soft);min-width:20px;color:var(--hc-accent);text-align:center;border-radius:999px;padding:0 6px;font-size:11px}.hc-topics [aria-pressed=true]{background:var(--hc-accent);border-color:var(--hc-accent);color:var(--portal-button-ink,#fff)}.hc-topics [aria-pressed=true] span{color:inherit;background:#fff3}
.whoop{--wh-green:#1fb56b;--wh-yellow:#e8b422;--wh-red:#ec4e5c;--wh-sleep:#7a8cff;--wh-strain:#3b8bff;--wh-track:color-mix(in srgb,var(--ui-text,#242936) 9%,transparent);--wh-line:color-mix(in srgb,var(--ui-text,#242936) 9%,transparent);--wh-muted:color-mix(in srgb,var(--ui-text,#242936) 62%,var(--ui-surface,#fff));color:var(--ui-text,#242936);flex-direction:column;gap:16px;display:flex}.studio-shell.product-shell .workspace-page .whoop :is(p,small){color:inherit!important}.wh-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.wh-brand{align-items:center;gap:12px;display:flex}.wh-logo{color:#fff;background:#111317;border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.studio-shell.product-shell .whoop .wh-head h2{letter-spacing:.08em;font:700 18px DM Sans,Arial,sans-serif}.studio-shell.product-shell .workspace-page .whoop .wh-head p{font-size:13px;color:var(--wh-muted)!important}.wh-head-actions{align-items:center;gap:8px;display:flex}.wh-status{background:var(--ui-surface,#fff);border:1px solid var(--wh-line);border-radius:999px;align-items:center;gap:7px;padding:6px 12px;font-size:12px;font-weight:650;display:inline-flex}.wh-status i{background:var(--wh-muted);border-radius:50%;width:7px;height:7px}.wh-status.on i{background:var(--wh-green);box-shadow:0 0 0 4px color-mix(in srgb,var(--wh-green) 22%,transparent)}.wh-icon{background:var(--ui-surface,#fff);border:1px solid var(--wh-line);width:38px;height:38px;color:var(--ui-text);border-radius:50%;place-items:center;display:grid}.wh-spin{animation:1s linear infinite wh-spin}@keyframes wh-spin{to{transform:rotate(360deg)}}.wh-dash{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;display:grid}.wh-dash>*{animation:.55s cubic-bezier(.2,.7,.2,1) both wh-rise}.wh-dash>:nth-child(2){animation-delay:60ms}.wh-dash>:nth-child(3){animation-delay:.12s}.wh-dash>:nth-child(4){animation-delay:.18s}.wh-dash>:nth-child(5){animation-delay:.24s}@keyframes wh-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.wh-today{color:#f4f5f7;--wh-track:#ffffff1a;background:radial-gradient(90% 120% at 100% 0,#26314a 0,#0000 60%),radial-gradient(70% 90% at 0 100%,#1c2a24 0,#0000 60%),#0f1115;border-radius:24px;grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;padding:30px 32px;display:grid;position:relative;overflow:hidden}.wh-today:after{content:"";pointer-events:none;background:linear-gradient(#ffffff08,#0000 40%);position:absolute;inset:0}.wh-kicker{letter-spacing:.1em;text-transform:uppercase;color:#fff9;margin-bottom:10px;font-size:12px;font-weight:650;display:block}.wh-kicker:first-letter{text-transform:uppercase}.studio-shell.product-shell .whoop .wh-today h3{letter-spacing:-.03em;color:#fff;font:600 clamp(24px,2.6vw,32px)/1.12 DM Sans,Arial,sans-serif}.wh-today h3 em{font-family:var(--font-heading),Georgia,serif;font-style:italic;font-weight:500}.studio-shell.product-shell .workspace-page .whoop .wh-today p{max-width:40ch;margin-top:10px;font-size:15px;line-height:1.55;color:#ffffffc7!important}.studio-shell.product-shell .workspace-page .whoop .wh-today small{margin-top:14px;font-size:12px;display:block;color:#ffffff80!important}.wh-rings{gap:18px;display:flex}.wh-metric{flex-direction:column;align-items:center;gap:10px;margin:0;display:flex}.wh-ring-wrap{width:150px;height:150px;position:relative}.wh-ring circle:last-child{filter:drop-shadow(0 0 10px color-mix(in srgb,currentColor 0%,transparent));animation:1.1s cubic-bezier(.2,.7,.2,1) both wh-draw}@keyframes wh-draw{0%{stroke-dashoffset:var(--wh-c)}}.wh-today .wh-ring circle:last-child{filter:drop-shadow(0 0 8px #fff2)}.wh-ring-value{flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:0}.wh-ring-value strong{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font:650 30px/1 DM Sans,Arial,sans-serif}.studio-shell.product-shell .workspace-page .whoop .wh-ring-value small{letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:600;color:#fff9!important}.wh-metric figcaption{color:#ffffffd9;font-size:13px;font-weight:600}.wh-tiles{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.wh-tile{background:var(--ui-surface,#fff);border:1px solid var(--wh-line);border-radius:20px;flex-direction:column;gap:6px;padding:18px 20px 0;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.wh-tile:hover{box-shadow:0 18px 36px -26px color-mix(in srgb,var(--ui-text) 60%,transparent);transform:translateY(-2px)}.wh-tile-label{color:var(--wh-muted);align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.wh-tile>strong{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font:650 26px/1.15 DM Sans,Arial,sans-serif}.studio-shell.product-shell .workspace-page .whoop .wh-delta{align-items:center;gap:3px;font-size:12px;font-weight:600;display:inline-flex;color:var(--wh-muted)!important}.studio-shell.product-shell .workspace-page .whoop .wh-delta.good{color:#14955a!important}.studio-shell.product-shell .workspace-page .whoop .wh-delta.bad{color:#d0394a!important}.wh-spark{width:calc(100% + 40px);height:46px;margin:6px -20px 0;display:block}.wh-chart-card{grid-column:span 4}.wh-sleep-card{grid-column:span 2}.wh-chart-card,.wh-sleep-card{background:var(--ui-surface,#fff);border:1px solid var(--wh-line);border-radius:20px;flex-direction:column;gap:14px;padding:20px 22px;display:flex}.wh-chart-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.studio-shell.product-shell .whoop .wh-chart-head h3{font:650 16px DM Sans,Arial,sans-serif}.studio-shell.product-shell .workspace-page .whoop .wh-chart-head p{margin-top:2px;font-size:12px;color:var(--wh-muted)!important}.wh-legend{color:var(--wh-muted);gap:12px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.wh-legend li{align-items:center;gap:6px;display:flex}.wh-legend i{border-radius:3px;width:10px;height:10px}.wh-legend i.line{border-radius:2px;width:14px;height:3px}.wh-chart svg{width:100%;height:190px;display:block;overflow:visible}.wh-grid{stroke:var(--wh-line);stroke-dasharray:3 5}.wh-axis{fill:var(--wh-muted);font:600 11px DM Sans,Arial,sans-serif}.wh-bar{transform-box:fill-box;transform-origin:bottom;animation:.7s cubic-bezier(.2,.7,.2,1) both wh-grow}@keyframes wh-grow{0%{transform:scaleY(0)}}.wh-chart-values{text-align:center;color:var(--wh-muted);font-variant-numeric:tabular-nums;grid-auto-columns:1fr;grid-auto-flow:column;font-size:11px;font-weight:650;display:grid}.wh-big{letter-spacing:-.02em;white-space:nowrap;flex-direction:column;align-items:flex-end;font:650 20px/1.1 DM Sans,Arial,sans-serif;display:flex}.studio-shell.product-shell .workspace-page .whoop .wh-big small{font-size:11px;font-weight:600;color:var(--wh-muted)!important}.wh-sleep-bars{flex:1;grid-auto-columns:1fr;grid-auto-flow:column;gap:8px;min-height:170px;display:grid}.wh-sleep-col{flex-direction:column;align-items:center;gap:8px;display:flex}.wh-sleep-track{background:color-mix(in srgb,var(--wh-sleep) 10%,var(--ui-surface,#fff));border-radius:999px;flex:1;width:100%;max-width:26px;position:relative;overflow:hidden}.wh-sleep-track i{background:color-mix(in srgb,var(--wh-sleep) 55%,var(--ui-surface,#fff));transform-origin:bottom;border-radius:999px;animation:.7s cubic-bezier(.2,.7,.2,1) both wh-grow;position:absolute;bottom:0;left:0;right:0}.wh-sleep-track i.ok{background:linear-gradient(180deg,#9aa8ff,var(--wh-sleep))}.wh-sleep-goal{border-top:2px dashed color-mix(in srgb,var(--wh-sleep) 60%,transparent);z-index:1;position:absolute;bottom:80%;left:-4px;right:-4px}.studio-shell.product-shell .workspace-page .whoop .wh-sleep-col small{font-size:11px;font-weight:600;color:var(--wh-muted)!important}.wh-insight{background:color-mix(in srgb,var(--ui-primary,#80643e) 9%,var(--ui-surface,#fff));border:1px solid color-mix(in srgb,var(--ui-primary,#80643e) 18%,transparent);border-radius:18px;grid-column:1/-1;align-items:flex-start;gap:12px;padding:16px 20px;display:flex}.wh-insight svg{color:var(--ui-primary,#80643e);flex:none;margin-top:2px}.studio-shell.product-shell .workspace-page .whoop .wh-insight p{font-size:14px;line-height:1.6}.wh-settings{background:var(--ui-surface,#fff);border:1px solid var(--wh-line);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.wh-switch{cursor:pointer;align-items:center;gap:12px;display:flex}.wh-switch input{opacity:0;width:1px;height:1px;position:absolute}.wh-switch>span:first-of-type{background:var(--wh-track);border-radius:999px;flex:none;width:44px;height:26px;transition:background .2s;position:relative}.wh-switch>span:first-of-type:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.wh-switch input:checked+span{background:var(--wh-green)}.wh-switch input:checked+span:after{transform:translate(18px)}.wh-switch input:focus-visible+span{outline:2px solid var(--ui-primary);outline-offset:2px}.wh-switch>span:last-child{flex-direction:column;gap:2px;display:flex}.wh-switch strong{font-size:14px}.studio-shell.product-shell .workspace-page .whoop .wh-switch small{font-size:12px;color:var(--wh-muted)!important}.wh-disconnect{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.wh-disconnect .text-button{color:var(--wh-muted);font-size:13px}.studio-shell.product-shell .workspace-page .whoop .wh-disconnect p{flex-basis:100%;font-size:13px}.wh-empty{text-align:center;background:var(--ui-surface,#fff);border:1px solid var(--wh-line);border-radius:24px;flex-direction:column;align-items:center;gap:10px;padding:40px 24px;display:flex}.wh-empty-rings{width:88px;height:88px;margin-bottom:8px;position:relative}.wh-empty-rings .wh-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.studio-shell.product-shell .whoop .wh-empty h3{font:650 19px DM Sans,Arial,sans-serif}.studio-shell.product-shell .workspace-page .whoop .wh-empty p{max-width:46ch;font-size:14px;line-height:1.6;color:var(--wh-muted)!important}.wh-empty .btn{border-radius:999px;margin-top:6px}.wh-loading{grid-template-columns:2fr 1fr 1fr;gap:14px;display:grid}.wh-loading span{background:linear-gradient(90deg,var(--wh-track),color-mix(in srgb,var(--ui-text) 4%,transparent),var(--wh-track));background-size:200% 100%;border-radius:20px;height:140px;animation:1.2s linear infinite wh-shimmer}@keyframes wh-shimmer{to{background-position:-200% 0}}.studio-shell.product-shell .workspace-page .whoop .wh-privacy{flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex;color:var(--wh-muted)!important}.wh-privacy a{color:inherit}@media (max-width:1100px){.wh-today{grid-template-columns:minmax(0,1fr)}.wh-rings{justify-content:space-between}.wh-chart-card,.wh-sleep-card{grid-column:1/-1}}@media (max-width:700px){.wh-today{gap:22px;padding:24px 18px}.wh-rings{gap:6px}.wh-ring-wrap,.wh-ring-wrap .wh-ring{width:100px;height:100px}.wh-ring-value strong{font-size:21px}.studio-shell.product-shell .workspace-page .whoop .wh-ring-value small{font-size:9px}.wh-metric figcaption{text-align:center;font-size:11px}.wh-tiles{grid-template-columns:minmax(0,1fr)}.wh-tile{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) 120px;column-gap:12px;padding:16px 18px;display:grid}.wh-tile .wh-spark{grid-area:1/2/4;align-self:center;width:120px;height:56px;margin:0}.wh-legend{flex-direction:column;gap:4px}.wh-settings{flex-direction:column;align-items:flex-start}}