/* Platform identity. No build step or JavaScript dependency. */
:root{--ink:#17233c;--ink-2:#22314d;--paper:#f7f8fc;--accent:#a5b4fc;--blue:#4f46e5;--radius:20px}
.brand-mark img{filter:none!important}.button{border-radius:12px}.button-lime{background:#4f46e5;color:#fff}.button-lime:hover{background:#4338ca}.button:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #818cf8;outline-offset:4px}
.theme-ink{--theme-bg:#17233c;--theme-panel:#21304b;--theme-panel-2:#2b3d5c;--theme-text:#f8fafc;--theme-muted:#c0cce0;--theme-line:#ffffff26;--surface:#17233c;--surface-text:#f8fafc}
.theme-paper{--theme-bg:#f7f8fc;--theme-panel:#fff;--theme-panel-2:#eef1f9;--theme-text:#17233c;--theme-muted:#56637b;--theme-line:#17233c22;--surface:#f7f8fc;--surface-text:#17233c}
.theme-cobalt{--theme-bg:#312e81;--theme-panel:#37348c;--theme-panel-2:#4541a0;--theme-text:#fff;--theme-muted:#dddafe;--theme-line:#ffffff29;--surface:#312e81;--surface-text:#fff}
.theme-forest{--theme-bg:#e9f4f0;--theme-panel:#f9fffc;--theme-panel-2:#d9ece5;--theme-text:#164b43;--theme-muted:#406a63;--theme-line:#164b4329;--surface:#e9f4f0;--surface-text:#164b43}
.theme-rose{--theme-bg:#fff0f2;--theme-panel:#fffafb;--theme-panel-2:#f8dfe6;--theme-text:#652e47;--theme-muted:#835469;--theme-line:#652e4726;--surface:#fff0f2;--surface-text:#652e47}
.theme-sand{--theme-bg:#f6efe5;--theme-panel:#fffaf3;--theme-panel-2:#ebe0cf;--theme-text:#59432e;--theme-muted:#78644f;--theme-line:#59432e26;--surface:#f6efe5;--surface-text:#59432e}
.profile-page{background:var(--theme-bg);color:var(--theme-text)}.preview-device{background:var(--theme-bg);color:var(--theme-text)}
.theme-swatch-ink{background:#17233c}.theme-swatch-paper{background:#f7f8fc}.theme-swatch-cobalt{background:#4f46e5}.theme-swatch-forest{background:#cde7dd}.theme-swatch-rose{background:#f8dfe6}.theme-swatch-sand{background:#ebe0cf}
/* Contrast remains legible in light themes, including custom accents. */
:is(.theme-paper,.theme-forest,.theme-rose,.theme-sand) :is(.space-intro-kicker .eyebrow,.space-story-number,.space-explore-link span,.space-next>.eyebrow,.preview-copy p){color:var(--theme-text)}
:is(.theme-paper,.theme-forest,.theme-rose,.theme-sand) .button-lime{color:#fff;background:#4f46e5}
.directory-page{background:#f7f8fc;color:#17233c;--accent:#4f46e5}
.directory-page .button-lime,.directory-page .owned-space-actions .button{color:#fff}
.directory-page :is(.directory-nav,.directory-results-bar,.directory-card,.directory-card-bottom,.directory-footer){border-color:#dfe5ee}
.directory-page :is(.directory-search,.directory-card,.directory-results-bar select,.template-preview){background:#fff}
.directory-page :is(.directory-search input,.directory-results-bar select,.directory-saved-filter){color:#17233c}
.directory-page :is(.directory-intro h1 span,.my-spaces-heading h1 span,.directory-intro .eyebrow,.directory-card-category,.template-setup .eyebrow){color:#4f46e5}
.directory-page :is(.directory-intro-note>span,.directory-results-bar p>span,.directory-results-bar label,.directory-card-headline,.directory-card-category span,.directory-disclosure,.directory-footer p,.my-spaces-heading p,.my-spaces-empty p,.template-setup p){color:#58667c}
.directory-page :is(.directory-search,.directory-saved-filter,.directory-categories button,.directory-tags span){border-color:#d3dbea}
.directory-page .directory-categories button{color:#526178;background:#fff}.directory-page .directory-categories button[aria-pressed=true]{background:#4f46e5;color:#fff;border-color:#4f46e5}.directory-page .directory-categories button:hover{color:#312e81;border-color:#818cf8}
.directory-page .directory-tags span{color:#526178;background:#f2f4fa}.directory-page .directory-invite{background:#eeedff;border-color:#ddd9fa}.directory-page .directory-invite .eyebrow{color:#4f46e5}.directory-page .directory-invite p:last-child{color:#58667c}.directory-page .directory-notice{background:#eeedff}.directory-page .directory-search>span:first-child{color:#4f46e5}
.social-home,.creator-page{background:#f7f8fc;color:#17233c;--accent:#4f46e5;--line:#dfe5ee;line-height:1.6}
.social-home *,.creator-page *{box-sizing:border-box}.social-home h1,.social-home h2,.social-home h3,.creator-page h1,.creator-page h2{font-family:var(--display);letter-spacing:-.045em;line-height:1.12}.social-home h2{font-size:clamp(2rem,4vw,3.3rem)}
.social-shell{width:min(1180px,calc(100% - 48px));margin:auto}.social-nav{display:flex;justify-content:space-between;align-items:center;padding:22px 0;gap:24px}.social-nav .brand{font-size:1.05rem;letter-spacing:-.035em}.social-nav nav{display:flex;align-items:center;gap:28px;font-size:.9rem;font-weight:600}.social-nav .button{font-size:.9rem;padding:12px 20px}.social-nav-wrap{border-bottom:1px solid #e3e7f0;background:#ffffffed}
.social-skip{position:absolute;left:20px;top:-100px;z-index:10;background:#fff;padding:12px}.social-skip:focus{top:12px}.social-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #d9ddf9;border-radius:100px;background:#eef0ff;color:#4338ca;padding:7px 13px;font-size:.76rem;font-weight:700;letter-spacing:.02em}.social-dot{height:7px;width:7px;border-radius:50%;background:#4f46e5}
.social-hero{display:grid;grid-template-columns:1.02fr 1fr;align-items:center;gap:62px;padding:76px 0 64px}.social-hero h1{font-size:clamp(2.8rem,5.3vw,4.9rem);margin:24px 0}.social-hero h1 span{color:#4f46e5}.social-hero p{color:#58667c;font-size:1.07rem;max-width:510px}.social-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 18px}.social-actions .button{font-size:.93rem;padding:15px 21px}.social-secondary{background:#fff;border:1px solid #d9dfea;color:#17233c}.social-note{font-size:.78rem!important;color:#69768a!important}.social-hero-art{position:relative;padding:24px;background:linear-gradient(140deg,#e9e7ff,#e7f4f3);border-radius:32px;min-width:0}
.social-space-card{background:#fff;border:1px solid #e6e8ef;border-radius:20px;box-shadow:0 18px 50px #25335412;overflow:hidden}.social-cover{height:155px;position:relative;background:#dfe6fa}.social-cover img{height:100%;width:100%;object-fit:cover}.social-cover>span{position:absolute;top:15px;left:15px;background:#fff;border-radius:30px;padding:4px 10px;font-size:.7rem;color:#4338ca}.social-profile{padding:0 24px 24px}.social-avatar{width:64px;height:64px;display:grid;place-items:center;background:#1a5951;color:#fff;border:5px solid #fff;border-radius:20px;margin-top:-30px;position:relative;font-size:1.4rem;font-weight:700}.social-profile h2{font-size:1.45rem;margin:12px 0 5px}.social-profile>p{font-size:.82rem;margin:0 0 18px}.social-card-tabs{display:flex;gap:25px;border-bottom:1px solid #e4e9f0;font-size:.8rem;padding:10px 0}.social-card-tabs b{color:#4f46e5;border-bottom:2px solid #4f46e5;padding-bottom:10px;margin-bottom:-11px}.social-update{padding-top:18px}.social-update header{display:flex;gap:10px;align-items:center;font-size:.78rem}.social-mini-avatar{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#e9f4f0;color:#164b43}.social-update small{display:block;color:#718096;font-size:.68rem}.social-update p{font-size:.87rem;line-height:1.6;margin:12px 0;color:#3e4f67}.social-update footer{display:flex;justify-content:space-between;font-size:.74rem;color:#65748b}.social-float{position:absolute;right:-20px;bottom:45px;display:flex;align-items:center;gap:12px;background:#fff;padding:14px 18px;border:1px solid #e3e8ef;border-radius:16px;box-shadow:0 12px 35px #17233c14;font-size:.78rem}.social-float svg{color:#4f46e5}.social-float small{display:block;color:#6b7890;font-size:.68rem}
.social-audiences{padding:25px 0 40px;text-align:center;border-bottom:1px solid #e1e6ef}.social-audiences>p{font-size:.74rem;letter-spacing:.13em;text-transform:uppercase;color:#6b7890}.social-audience-list{display:flex;justify-content:center;flex-wrap:wrap;gap:14px 28px;font-weight:600;color:#495971;font-size:.9rem}.social-section{padding:80px 0}.social-section-heading{max-width:670px;margin-bottom:36px}.social-section-heading h2{margin:15px 0}.social-section-heading>p:last-child{color:#5b687e}.social-eyebrow{color:#4f46e5;font-weight:700;font-size:.73rem;letter-spacing:.13em;text-transform:uppercase}.social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.social-feature{background:#fff;border:1px solid #e3e7ef;border-radius:20px;padding:28px}.social-feature>svg{color:#4f46e5;background:#eeedff;padding:10px;width:44px;height:44px;border-radius:13px}.social-feature h3{font-size:1.15rem;margin:20px 0 12px}.social-feature p{color:#5f6d82;font-size:.9rem;margin:0}.social-band{background:#fff;border-block:1px solid #e5e9f0}.social-community-card{border-radius:20px;overflow:hidden;background:#fff;border:1px solid #e0e5ee}.social-community-card img{height:220px;width:100%;object-fit:cover}.social-community-card>div{padding:22px}.social-community-card small{font-size:.68rem;letter-spacing:.08em;color:#718096}.social-community-card h3{font-size:1.28rem;margin:10px 0}.social-community-card p{color:#657389;font-size:.86rem}.social-community-card a{color:#4f46e5;font-size:.84rem;font-weight:700}.social-split-heading{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:32px}.social-split-heading .social-section-heading{margin-bottom:0}.social-split-heading>a{flex-shrink:0;color:#4f46e5;font-size:.86rem;font-weight:700}
.social-creator{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;background:#17233c;color:#fff;border-radius:28px;padding:48px}.social-creator .social-eyebrow{color:#c4bfff}.social-creator h2{margin:16px 0 22px}.social-creator p{color:#c3cee0;font-size:.96rem}.social-creator .social-pill{background:#ffffff0e;color:#d8d5ff;border-color:#ffffff26}.social-creator .button{background:#fff;color:#312e81}.social-creator-steps{display:grid;gap:14px}.social-creator-step{background:#ffffff08;border:1px solid #ffffff1c;border-radius:16px;padding:19px;display:flex;gap:16px}.social-creator-step>span{color:#c7c2ff;font-weight:700}.social-creator-step h3{font-size:1rem;margin:0 0 6px}.social-creator-step p{font-size:.82rem;margin:0}.social-theme-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.social-theme{border:1px solid #dfe5ee;border-radius:16px;overflow:hidden;background:#fff}.social-theme-preview{height:135px;padding:17px;display:flex;flex-direction:column;gap:10px;background:var(--theme-bg);color:var(--theme-text)}.social-theme-preview span{width:26px;height:26px;background:var(--theme-panel-2);border-radius:8px}.social-theme-preview b{width:80%;height:6px;background:currentColor;opacity:.65;border-radius:4px}.social-theme-preview i{width:60%;height:5px;background:currentColor;opacity:.25;border-radius:4px}.social-theme-preview em{margin-top:auto;width:45%;height:16px;background:var(--theme-text);opacity:.9;border-radius:5px}.social-theme>div:last-child{padding:13px;font-size:.8rem;font-weight:650}.social-theme small{display:block;color:#657389;font-size:.67rem;font-weight:400;margin-top:3px}.social-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px}.social-faq details{border-bottom:1px solid #dde3ec;padding:20px 0}.social-faq summary{font-weight:650;cursor:pointer;font-size:.95rem}.social-faq details p{font-size:.9rem;color:#5e6d82}.social-closing{text-align:center;background:#eeedff;border-radius:24px;padding:55px 24px;margin-bottom:60px}.social-closing h2{margin:0 0 16px}.social-closing p{color:#5d6487;margin-bottom:25px}.social-footer{display:flex;justify-content:space-between;gap:25px;padding:28px 0 40px;border-top:1px solid #dfe5ee;font-size:.8rem;color:#657389}.social-footer nav{display:flex;gap:22px;flex-wrap:wrap}.social-footer .brand{color:#17233c}.social-footer p{margin:12px 0}.creator-page .social-section{padding-top:42px}.creator-page input,.creator-page select,.creator-page textarea{font:inherit;padding:12px;border:1px solid #ccd5e3;border-radius:10px;background:#fff;color:#17233c;width:100%}.creator-page textarea{min-height:100px}.creator-page label{display:grid;gap:6px;font-size:.87rem;font-weight:600}.creator-form{display:grid;gap:16px;max-width:700px}.creator-panel{padding:28px;border:1px solid #dfe5ee;background:#fff;border-radius:18px;margin:24px 0}.creator-panel h2{font-size:1.5rem;margin:0 0 16px}.creator-panel h3{margin:12px 0}.creator-table{overflow-x:auto}.creator-table table{width:100%;border-collapse:collapse;min-width:570px;font-size:.85rem}.creator-table td,.creator-table th{text-align:left;border-bottom:1px solid #e2e8f0;padding:13px}.creator-message{padding:16px;border-radius:12px;background:#e8f3ed;color:#235c42}.creator-message.is-error{background:#fff0ef;color:#9b3228}.creator-metrics{display:flex;flex-wrap:wrap;gap:16px}.creator-metrics article{flex:1;min-width:140px;background:#f2f4fa;padding:20px;border-radius:12px}.creator-metrics strong{font-size:1.6rem;display:block}.creator-inline-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.creator-inline-form input{max-width:230px}.creator-inline-form .button{font-size:.8rem;padding:10px 15px}.creator-page .social-grid{grid-template-columns:repeat(2,1fr)}.creator-page .social-pill{margin-bottom:14px}
@media(max-width:1000px){.social-hero{gap:30px}.social-float{right:0}.social-theme-grid{grid-template-columns:repeat(3,1fr)}.social-creator{gap:30px;padding:35px}.social-nav nav{gap:16px}}
@media(max-width:720px){.social-shell{width:calc(100% - 32px)}.social-nav{padding:16px 0}.social-nav nav>a:not(.button){display:none}.social-nav .brand{font-size:.92rem}.social-nav .brand-mark{width:32px;height:32px}.social-nav .button{padding:10px 12px;font-size:.76rem}.social-hero{grid-template-columns:1fr;padding:45px 0;gap:28px}.social-hero h1{font-size:clamp(2.15rem,9.2vw,3rem)}.social-hero-art{padding:20px}.social-float{position:relative;bottom:auto;right:auto;margin:16px 0 0 auto}.social-grid,.creator-page .social-grid{grid-template-columns:1fr}.social-section{padding:50px 0}.social-creator{grid-template-columns:1fr;padding:28px;gap:24px}.social-faq{grid-template-columns:1fr;gap:10px}.social-split-heading{display:block}.social-split-heading>a{display:block;margin-top:20px}.social-theme-grid{grid-template-columns:repeat(2,1fr)}.social-footer{flex-direction:column}.social-closing{padding:40px 20px}.social-community-card img{height:230px}.creator-panel{padding:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}