/* heyloworld · flowing connections. Derived from the supplied blue–violet–cyan h. */
:root{--bg:#f6f7fb;--panel:#fff;--ink:#182744;--muted:#61708a;--line:#e3e9f2;--soft:#eef2ff;--accent:#2958db;--shadow:0 4px 24px #18335c06;--sidebar:245px;--family:#ad6520;--friends:#7447cd;--work:#126c99;--world:#2958db;--heart:#b73273;--navy:#182744}
:root[data-theme=dark]{--bg:#101728;--panel:#182238;--ink:#ecf2ff;--muted:#aebed6;--line:#2e3e57;--soft:#263853;--accent:#abc6ff;--family:#efc18c;--friends:#c7b6ff;--work:#8bd5f4;--world:#abc6ff;--heart:#ffb0d4;--shadow:none}
body{font-family:Manrope,'Noto Sans Devanagari','Noto Sans Arabic',sans-serif;letter-spacing:-.01em;line-height:1.6;background:var(--bg);color:var(--ink)}h1,h2,h3,.brand-word,.hero-eyebrow,.eyebrow,.little-promo strong,.welcome-logo .brand-word,.welcome-art h3,.today-intro h2,.today-card h3,.dialog-head h2,.initial-loader strong{font-family:Manrope,'Noto Sans Devanagari','Noto Sans Arabic',sans-serif}h1,h2,h3{font-weight:750;line-height:1.24}.eyebrow{font-size:.68rem;font-weight:800;letter-spacing:.13em;color:var(--muted)}.content{max-width:1470px;padding:28px 34px 36px}.two-column{grid-template-columns:minmax(0,1fr) 280px;gap:26px}.card{border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.button{min-height:44px;border-radius:12px;font-weight:750;font-size:.8rem;gap:8px}.button.primary{background:#2958db;color:#fff;box-shadow:0 4px 12px #2458db18}.button.primary:hover{background:#1d46ba;box-shadow:0 5px 18px #2458db25}.button.subtle{background:var(--panel);border:1px solid var(--line);color:var(--ink)}.text-button{color:var(--accent);min-height:44px}.danger{color:#b12e54!important}.icon-button{min-width:44px;min-height:44px}.button:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #5987ed;outline-offset:3px}.fine-print{font-size:.75rem;line-height:1.6;color:var(--muted)}
/* A quiet, light frame lets people and their content carry the colour. */
.sidebar{background:var(--panel);color:var(--ink);border-inline-end:1px solid var(--line);padding:29px 18px 18px;box-shadow:none}.sidebar::before{display:none}.brand{gap:7px;font-size:1.4rem;letter-spacing:-1px;min-height:45px}.brand-symbol{width:40px;height:42px;border-radius:0;object-fit:contain}.brand-word,.sidebar .brand-word,.mobile-brand .brand-word,.welcome-logo .brand-word{font-family:Manrope,sans-serif;font-weight:850;color:var(--ink);letter-spacing:-1.2px}.brand-word>span,.sidebar .brand-word>span,.mobile-brand .brand-word>span{color:inherit}.brand-caption,.sidebar .brand-caption{color:var(--muted);font-size:.68rem;margin:10px 0 30px;letter-spacing:0}.sidebar .side-label{color:var(--muted);font-size:.62rem;letter-spacing:.12em}.space-nav{gap:5px}.space-link{min-height:51px;color:var(--muted);border:1px solid transparent;border-radius:13px;font-size:.86rem;font-weight:700;padding:8px 11px}.space-link:hover{background:var(--bg);color:var(--ink)}.space-link .space-icon{background:transparent;color:var(--color);width:31px;height:31px}.space-link.selected{color:var(--color);background:var(--tint);border-color:color-mix(in srgb,var(--color) 14%,transparent)}.space-link.selected .space-icon{color:var(--color);background:transparent;box-shadow:none}.space-link .nav-dot{background:var(--color)}.space-link .icon.small{color:var(--muted)}.family{--color:var(--family);--tint:#fff3e6}.friends{--color:var(--friends);--tint:#f2ecff}.work{--color:var(--work);--tint:#eaf5fc}.world{--color:var(--world);--tint:#edf2ff}.heart{--color:var(--heart);--tint:#fff0f6}.sidebar .side-heading .icon-button{color:var(--muted)}.sidebar .circle-link{color:var(--ink);font-size:.74rem;min-height:42px}.sidebar .circle-link:hover,.sidebar .circle-link.selected{background:var(--soft)}.sidebar .circle-num{color:var(--muted)}.sidebar-settings{color:var(--muted);font-size:.74rem;min-height:40px}.sidebar-settings:hover{background:var(--bg);color:var(--ink)}.sidebar .account{border-color:var(--line);padding-top:17px}.sidebar .account strong{color:var(--ink)}.sidebar .account small{color:var(--muted)}.sidebar .account .avatar-initials{background:var(--soft);color:var(--accent)}.little-promo{background:linear-gradient(115deg,#edf3ff,#f2edff);border:1px solid #e3e8fa;min-height:95px;padding:16px;border-radius:15px}.little-promo strong{color:#314c82;font-size:.8rem}.little-promo p{color:#64749a;font-size:.67rem;max-width:145px}.mini-orbits{opacity:.35}.mini-orbits i{border-color:#7773e3!important}.sidebar-bottom{padding-top:12px}.topbar{height:79px;background:color-mix(in srgb,var(--panel) 95%,transparent);padding:0 34px;gap:20px}.search-box{max-width:440px;border-radius:12px;border:1px solid var(--line);background:var(--bg);height:44px;gap:10px;padding-inline:14px 4px}.search-box>svg{display:none}.search-box input{width:100%;max-width:none!important;font-size:.8rem}.search-submit{display:grid;place-items:center;border:0;background:transparent;color:var(--muted);width:40px;min-height:40px;border-radius:9px;flex:none}.search-submit:hover{background:var(--soft);color:var(--accent)}.top-actions{gap:6px}.top-actions>.icon-button{border:0;border-radius:11px}.language-button{font-size:.72rem;min-height:44px}.top-create{margin-inline-start:4px}.page-heading{margin:4px 0 23px}.page-heading h1{font-size:1.85rem;letter-spacing:-.06em;line-height:1.2}.page-heading .eyebrow{font-size:.6rem;letter-spacing:.11em;margin-bottom:6px}.heading-dot{background:var(--accent);width:7px;height:7px}.heading-actions .button{font-size:.75rem}.guide-link{font-size:.7rem}.main-footer{border-top:1px solid var(--line);font-size:.68rem;margin-top:35px;padding-top:22px}
/* Brand ribbon, not a giant banner: navigation and feeds stay close. */
.brand-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(180px,1fr);overflow:hidden;border:1px solid #dfe7f8;border-radius:24px;background:linear-gradient(110deg,#f8fbff 6%,#eef3ff 56%,#f2ebff 100%);min-height:272px;margin-bottom:18px}.brand-hero-copy{padding:31px 35px;z-index:1}.brand-hero .eyebrow{color:var(--color);font-size:.62rem}.brand-hero h2{color:#182b4c;font-size:clamp(1.9rem,2.6vw,2.8rem);letter-spacing:-.065em;margin:12px 0 12px;line-height:1.12}.brand-hero p{color:#60718f;font-size:.83rem;max-width:420px;line-height:1.7;margin:0 0 21px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px}.brand-hero .text-button{font-size:.77rem}.brand-hero-art{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;isolation:isolate}.brand-hero-art>img{position:relative;z-index:2;width:57%;max-width:205px;filter:drop-shadow(0 20px 17px #394fd426);transform:rotate(-8deg)}.ribbon-loop{position:absolute;width:280px;height:280px;border-radius:50%;border:1px solid #727eee26;z-index:-1;transform:rotate(-25deg) scaleY(.78)}.loop-two{width:380px;height:380px;transform:rotate(35deg) scaleY(.67);border-color:#59ace822}.floating-circle{display:grid;place-items:center;position:absolute;background:#ffffffed;border:1px solid #fff;box-shadow:0 6px 25px #41578a10;border-radius:20px;width:46px;height:46px;z-index:3;color:#6653c2;transform:rotate(8deg)}.floating-circle .icon{width:23px;height:23px}.floating-circle.one{left:5%;top:23%;color:#7854c7}.floating-circle.two{right:9%;top:19%;color:#277be0}.floating-circle.three{right:14%;bottom:16%;color:#bf5484}.brand-hero.family{background:linear-gradient(110deg,#fffbf5,#fff3e6 60%,#f4eeff)}.brand-hero.friends{background:linear-gradient(110deg,#fdfbff,#f0edff 60%,#e9f5ff)}.brand-hero.heart{background:linear-gradient(110deg,#fffafe,#fcebf3 65%,#eeeaff)}.orbit-spaces{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:0 0 28px}.orbit-space{display:flex;align-items:center;gap:10px;min-height:68px;border:1px solid var(--line);padding:12px;border-radius:14px;background:var(--panel);text-align:start;box-shadow:none}.orbit-space.selected{background:var(--tint);border-color:color-mix(in srgb,var(--color) 22%,var(--line));box-shadow:none}.orbit-space .orbit-space-icon{color:var(--color);background:var(--tint);border-radius:10px;display:grid;place-items:center;min-width:32px;height:34px}.orbit-space-icon .icon{width:20px;height:20px}.orbit-space strong{color:var(--ink);font-size:.78rem;font-weight:800}.orbit-space small{color:var(--muted);font-size:.59rem;line-height:1.5;margin-top:2px}.orbit-space>b{display:none}.simple .brand-hero-art{display:none}.simple .brand-hero{grid-template-columns:1fr;min-height:0}
/* Feed cards: all member media keeps its uploaded proportions. */
.feed-tabs{margin-bottom:20px;gap:23px;overflow-x:auto;scrollbar-width:thin}.feed-tabs>button:not(.icon-button){font-size:.82rem;min-height:49px;white-space:nowrap}.feed-tabs>button.active{color:var(--accent);border-color:var(--accent)}.stories-bar{padding:15px 18px;background:var(--panel);border-radius:17px;border-color:var(--line);margin-bottom:19px}.story-ring{background:conic-gradient(#3f67f4,#915df0,#37b9e5,#3f67f4)}.story-item{font-size:.67rem}.composer-card{padding-top:18px}.composer-main>button:first-of-type{background:var(--bg);border:1px solid var(--line);border-radius:12px;min-height:47px;font-size:.84rem}.composer-tools{border-color:var(--line);margin-top:14px}.composer-tool{font-size:.75rem;min-height:51px}.topic-chips{gap:8px;margin-bottom:20px}.chip{font-size:.74rem;min-height:37px;border:1px solid var(--line)}.chip.active{color:var(--accent);background:var(--soft);border-color:color-mix(in srgb,var(--accent) 25%,var(--line))}.post{margin-bottom:23px;overflow:hidden}.post-header{padding:22px 24px 12px}.author strong{font-size:.88rem;font-weight:800;letter-spacing:-.01em}.author small{font-size:.67rem;color:var(--muted)}.post-body{padding:0 24px 17px}.post-body p{font-size:.9rem;line-height:1.8;white-space:pre-wrap}.post-media{background:var(--bg);line-height:0;max-height:none}.post-media>button{display:block;width:100%;padding:0;background:transparent;border:0}.post-media img,.post-media video,.gallery-strip img,.gallery-strip video,.profile-section-image,.profile-photo-grid img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;object-position:center}.gallery-strip{display:grid;grid-template-columns:1fr;gap:8px;padding:8px;background:var(--bg)}.gallery-strip button{display:block;width:100%;padding:0;border:0;background:transparent;line-height:0;overflow:hidden;border-radius:8px}.post-stats{font-size:.7rem;padding-inline:24px}.post-actions{padding-inline:18px}.post-actions button{min-height:51px;font-size:.74rem;font-weight:700}.post-topic{font-size:.72rem}.post-context{display:flex;flex-direction:column;gap:7px;font-size:.75rem;color:var(--muted);margin-bottom:10px}.post-context>span{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.post-context .icon{width:15px;height:15px}.post-type-label{display:inline-flex;font-size:.6rem;letter-spacing:.035em;font-weight:750;color:var(--muted);padding:4px 8px;border-radius:6px;background:var(--bg);margin:0 7px 7px 0}.post-type-label{background:var(--soft);color:var(--accent)}.message-attachment{display:block;width:auto;max-width:100%;height:auto;max-height:none;object-fit:contain;aspect-ratio:auto}.story-content img{object-fit:contain!important}.rail-card{border-radius:19px;border-color:var(--line);padding:22px}.rail-card h3,.section-heading h3{font-family:Manrope,sans-serif;font-weight:750;font-size:1.1rem;letter-spacing:-.04em}.topic-card{background:linear-gradient(135deg,#f0f4ff,#f4efff);border:1px solid #e0e6fa}.topic-card p,.topic-card>small{color:#61749c}.topic-card .rail-icon{color:#3f5ebe;background:#e2eaff}.topic-card .switch.on{background:#2958db}.topic-card .switch.on i{background:#fff}.avatar-initials{background:var(--soft);color:var(--accent);font-weight:750}.reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.reference-grid>button{display:flex;gap:10px;text-align:start;align-items:center;background:var(--bg);border:1px solid var(--line);border-radius:11px;min-height:66px;padding:10px;color:var(--ink)}.reference-grid>button:hover{background:var(--soft)}.reference-grid>button>span:not(.avatar){flex:1;min-width:0}.reference-grid strong{font-size:.72rem;display:block}.reference-grid small{font-size:.65rem;display:block;color:var(--muted)}.reference-grid .avatar{width:34px;height:34px;font-size:.68rem}.reference-grid>.icon{width:15px}
/* Work has its own purpose and information hierarchy. */
.work-welcome{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(220px,1fr);gap:32px;padding:31px;border:1px solid #dce8f5;background:linear-gradient(110deg,#f8fbff,#edf5fd 60%,#f0f0fe);border-radius:22px;margin-bottom:16px}.work-welcome h2{font-size:2rem;color:#1d3459;letter-spacing:-.06em;margin:10px 0 13px}.work-welcome p{font-size:.83rem;color:#61718c;max-width:430px;line-height:1.7}.work-welcome .hero-actions{margin-top:20px;gap:10px}.work-profile-progress{background:#ffffffb8;border:1px solid #fff;border-radius:17px;padding:21px;align-self:center}.work-persona{display:flex;gap:12px;align-items:center}.work-persona>div{min-width:0}.work-persona strong{font-size:.85rem;color:#233a5e;display:block}.work-persona span:not(.avatar){display:block;font-size:.7rem;color:#647899;line-height:1.6}.work-profile-progress .avatar{width:44px;height:44px;font-size:.85rem}.progress-track{height:5px;border-radius:8px;background:#e3ebf6;overflow:hidden;margin:20px 0 8px}.progress-track i{display:block;height:100%;background:linear-gradient(90deg,#3373ed,#7d55dc);border-radius:8px}.work-profile-progress small{font-size:.65rem;color:#617492}.work-profile-progress .text-button{font-size:.7rem;min-height:32px}.work-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:28px}.work-quick-card{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--panel);color:var(--ink);font-size:.75rem;font-weight:750;min-height:55px}.work-quick-card .icon{color:var(--work);width:19px;height:19px}.work-quick-card:hover{background:var(--soft)}
/* Modular identities work as an editorial page, a portfolio or a résumé. */
.profile-layout{grid-template-columns:minmax(0,1fr) 260px;gap:26px}.profile-layout>section,.profile-layout>div{min-width:0}.identity-page{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--panel);margin-bottom:26px}.identity-cover{min-height:170px;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(115deg,#e8f1ff,#ede7fd 65%,#cef3fc);display:flex;align-items:center;padding:28px 34px}.identity-cover>span{position:relative;z-index:2;font-size:1.24rem;letter-spacing:-.04em;max-width:50%;font-weight:800;color:#29476e;line-height:1.4}.identity-cover-ribbon{position:absolute;right:8%;top:-30px;width:235px;height:235px;background:url('/assets/brand/mark.svg') center/contain no-repeat;opacity:.22;transform:rotate(-20deg)}.identity-cover.has-cover{padding:0;min-height:0;background:var(--bg)}.identity-cover>img{width:100%;height:auto;display:block;object-fit:contain}.cover-edit{position:absolute;right:18px;bottom:18px;background:#fff!important;color:#263e6a!important;border:1px solid #e5ecf8!important;box-shadow:0 2px 12px #243d4f0a;font-size:.69rem;min-height:38px;padding:8px 12px}.identity-main{position:relative;padding:0 28px 24px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px 20px;align-items:start}.identity-avatar{margin-top:-32px;position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:6px}.identity-avatar .profile-avatar{position:static;inset:auto;width:105px;height:105px;border:5px solid var(--panel);border-radius:28px;box-shadow:0 4px 12px #133e6110;object-fit:cover;font-size:1.7rem;margin:0}.photo-edit-link{display:flex;align-items:center;gap:5px;font-size:.64rem;color:var(--accent);background:transparent;border:0;min-height:32px}.photo-edit-link .icon{width:14px;height:14px}.identity-summary{padding-top:23px;min-width:0}.identity-summary .eyebrow{font-size:.6rem;color:var(--color);letter-spacing:.09em}.identity-summary h2{font-size:1.9rem;letter-spacing:-.06em;margin:7px 0 9px;overflow-wrap:anywhere}.identity-headline{font-size:.9rem;line-height:1.6;margin:0 0 6px;color:var(--ink)}.identity-role,.identity-facts,.profile-handle,.profile-contact{font-size:.74rem;color:var(--muted);line-height:1.7}.identity-role{margin:3px 0}.identity-facts{display:flex;flex-wrap:wrap;gap:4px 13px}.profile-handle,.profile-contact{display:block;margin-top:5px}.profile-contact{color:var(--accent)}.availability-pill{display:inline-flex;align-items:center;gap:6px;font-size:.64rem;color:#287359;background:#eaf7f0;border-radius:20px;padding:5px 10px;margin-top:12px}.availability-pill .icon{width:13px;height:13px}.identity-actions{grid-column:2;display:flex;flex-wrap:wrap;gap:8px}.identity-actions .button{font-size:.72rem;min-height:40px}.profile-about,.profile-interests{padding:0 28px 20px}.profile-about h3,.profile-interests strong{font-size:1rem;margin:0 0 11px}.profile-about p,.profile-interests p{font-size:.85rem;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted);margin:0}.profile-skills{padding:0 28px 22px;display:flex;flex-wrap:wrap;gap:7px}.profile-skills .chip{font-size:.68rem;min-height:30px;padding:5px 10px;background:var(--bg);color:var(--ink)}.profile-sections-grid{display:grid;grid-template-columns:1fr;padding:0 28px 28px;gap:17px}.profile-section{min-width:0;background:var(--bg);border:1px solid var(--line);border-radius:16px;padding:22px;overflow:hidden}.profile-section .section-heading{margin-bottom:12px;align-items:center;gap:10px}.profile-section .section-heading .eyebrow{font-size:.6rem;color:var(--color)}.profile-section .text-button{min-height:30px;font-size:.67rem}.profile-section h3{font-size:1.15rem;letter-spacing:-.04em;margin:12px 0 8px;overflow-wrap:anywhere}.profile-section-subtitle{font-size:.8rem;color:var(--muted);margin:0 0 8px}.profile-period{font-size:.66rem;color:var(--muted)}.profile-section-body{font-size:.82rem;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;margin:13px 0;color:var(--muted)}.profile-section-image{border-radius:10px;margin:0 0 14px}.layout-portfolio .profile-sections-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-professional .profile-section{border:0;border-radius:0;background:transparent;border-top:1px solid var(--line);padding:23px 0 7px}.layout-professional .profile-sections-grid{gap:0}.profile-section-empty{text-align:center;border:1px dashed var(--line);border-radius:16px;margin:0 28px 28px;padding:25px}.profile-section-empty h3{font-size:1.1rem}.profile-section-empty p{font-size:.8rem;color:var(--muted)}.profile-section-empty .button{margin-top:9px}.profile-timeline{margin-top:25px}.profile-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px}.profile-photo-grid img{border-radius:12px}.reference-notice,.reference-banner{border:1px solid var(--line);background:var(--soft);border-radius:12px;padding:15px;font-size:.8rem;margin-bottom:20px}.public-profile-dialog{width:min(950px,calc(100vw - 24px))}.public-profile-dialog .identity-page{margin-top:15px}.profile-edit-intro{display:flex;gap:16px;align-items:center;padding:18px;background:var(--bg);border:1px solid var(--line);border-radius:15px;margin-bottom:24px}.profile-edit-intro .avatar{width:65px;height:65px}.profile-edit-intro strong{font-size:.85rem}.profile-edit-intro p{font-size:.73rem;color:var(--muted);line-height:1.6;margin:4px 0}.profile-edit-intro .text-button{font-size:.7rem;min-height:30px}.profile-edit-dialog{width:min(730px,calc(100vw - 24px))}.profile-edit-dialog textarea{min-height:110px}
/* Search, photo editing, conversations and settings share one control system. */
dialog{border:1px solid var(--line);border-radius:22px;box-shadow:0 30px 110px #10244238;max-height:92dvh}dialog::backdrop{background:#15274475;backdrop-filter:blur(7px)}.dialog-head{padding:22px 26px;border-color:var(--line);background:var(--panel)}.dialog-head h2{font-size:1.2rem;font-weight:800;letter-spacing:-.035em}.dialog-body{padding:24px 26px}.dialog-body>p{line-height:1.7;color:var(--muted);font-size:.85rem}.field{font-size:.78rem;font-weight:750;margin-bottom:18px;gap:8px}.field input,.field textarea,.field select,input,textarea,select{border-color:var(--line);border-radius:10px;font-family:inherit;color:var(--ink);background:var(--panel);font-size:.84rem;line-height:1.6}input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=file]),select{min-height:44px}textarea{resize:vertical}.form-row{gap:17px}.upload-box{border:1px dashed color-mix(in srgb,var(--accent) 30%,var(--line));background:var(--bg);border-radius:14px;padding:20px;font-size:.8rem;line-height:1.6}.upload-box small{font-size:.71rem;color:var(--muted);max-width:470px}.upload-preview{display:grid;gap:15px}.upload-preview:empty{display:none}.upload-photo-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:0 0 12px;background:var(--bg);min-width:0}.upload-photo-card>canvas,.upload-photo-card>video{width:auto!important;max-width:100%;height:auto!important;max-height:60vh;display:block;object-fit:contain;aspect-ratio:auto;border-radius:0;margin:0 auto}.crop-controls{padding:12px 17px;border-top:1px solid var(--line)}.crop-controls summary,.post-extra-fields summary{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.78rem;font-weight:750;color:var(--accent);min-height:35px}.crop-controls summary .icon{width:18px;height:18px}.crop-controls label{display:grid;grid-template-columns:135px minmax(0,1fr);gap:15px;align-items:center;font-size:.73rem;color:var(--muted);margin:13px 0}.crop-controls input[type=range],.crop-controls select{width:100%;min-width:0;accent-color:#2958db}.crop-controls p{font-size:.72rem;color:var(--muted);line-height:1.7}.upload-photo-caption{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:8px 15px;font-size:.7rem;color:var(--muted)}.upload-photo-caption>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-photo-caption .text-button{font-size:.7rem;min-height:33px;flex-shrink:0}.photo-crop-preview canvas{display:block;width:100%;height:100%;object-fit:contain}.post-extra-fields{border:1px solid var(--line);padding:12px 17px;background:var(--bg);border-radius:13px;margin:18px 0}.post-extra-fields summary{margin-bottom:0}.post-extra-fields[open] summary{margin-bottom:17px}.post-extra-fields .fine-print{margin:8px 0 20px}.post-extra-fields h4{font-size:.8rem;margin:18px 0 10px}.tag-people-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:190px;overflow:auto}.checkbox-line{display:flex;align-items:center;gap:9px;font-size:.78rem;min-height:38px}.checkbox-line input{width:17px;height:17px;accent-color:var(--accent)}.full-photo{width:100%;height:auto;max-height:none;object-fit:contain}.image-viewer-dialog{width:min(1100px,calc(100vw - 24px))}.image-viewer-dialog .dialog-body{padding:0;background:var(--bg)}.search-dialog{width:min(710px,calc(100vw - 24px))}.search-summary{border-bottom:1px solid var(--line);padding-bottom:16px}.search-dialog h3{font-size:.92rem;margin:22px 0 12px}.search-people{display:grid;gap:7px}.search-result-person{display:flex;align-items:center;text-align:start;gap:15px;border:1px solid var(--line);border-radius:13px;background:var(--panel);padding:14px;min-height:78px;color:var(--ink);width:100%}.search-result-person:hover,.search-result-post:hover{background:var(--soft)}.search-result-person>span:not(.avatar){flex:1;min-width:0}.search-result-person strong{display:block;font-size:.85rem}.search-result-person small{display:block;color:var(--muted);font-size:.72rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:480px}.search-result-person>.icon{width:18px}.search-result-post{display:flex;align-items:center;text-align:start;gap:10px;width:100%;padding:14px;border:1px solid var(--line);background:var(--panel);border-radius:12px;margin-bottom:8px;color:var(--ink)}.search-result-post strong{font-size:.75rem}.search-result-post span{font-size:.75rem;color:var(--muted);flex:1}.search-result-post .icon{width:18px;flex-shrink:0}.chat-layout{border-radius:16px;overflow:hidden;border:1px solid var(--line)}.chat-contacts{background:var(--bg)}.chat-contacts>button{min-height:68px;border-radius:11px;color:var(--ink);font-size:.76rem}.chat-contacts>button.active{background:var(--soft);color:var(--accent)}.chat-heading{border-color:var(--line);padding:17px}.chat-bubbles{background:var(--panel);padding:20px;max-height:47vh;overflow:auto}.bubble{font-size:.84rem;line-height:1.7;border-radius:15px;padding:13px 16px;max-width:88%;overflow-wrap:anywhere}.bubble.sent{background:#2958db;color:#fff;border-bottom-right-radius:4px}.bubble.received{background:var(--bg);color:var(--ink);border-bottom-left-radius:4px}.bubble.sent small{color:#dbe6ff}.bubble small{font-size:.59rem;margin-top:5px}.message-form{border-color:var(--line);gap:8px;padding:12px}.message-file{min-width:40px;min-height:44px;display:grid;place-items:center;cursor:pointer}.message-form input[name=body]{background:var(--bg);min-width:0;font-size:.81rem}.message-form>.button{min-width:45px;padding:10px}.message-preview{padding:12px;max-height:42vh;overflow:auto}.message-preview .upload-photo-card>canvas{max-height:220px}.account-menu-link{background:var(--bg);min-height:67px}.option-list .button{justify-content:flex-start}.event-advanced{background:var(--bg);border-color:var(--line);border-radius:12px}.event-detail-banner,.gather-image{background-color:var(--soft)}.event-invitation h3,.gather-copy h3,.gather-hub .section-toolbar h2{font-family:Manrope,sans-serif;letter-spacing:-.04em}.event-invitation{background:#eef4fd;border-color:#dfe7f3}.event-invitation h3{color:#233f66}.event-invitation p{color:#627797}.event-invitation>div>.icon{color:#3e73c5}.gather-copy{padding:21px}.gather-copy h3{font-size:1.18rem}.gather-meta{font-size:.63rem}.gather-copy p{font-size:.79rem}.today-intro{background:linear-gradient(110deg,#eef5ff,#efeafb);color:#243d68}.today-intro::before{display:none}.today-intro h2{font-size:2rem;font-weight:800}.today-intro p,.today-intro .eyebrow{color:#647496}.welcome-art{background:linear-gradient(135deg,#eef4ff,#eee8fb);color:#283f67}.welcome-art::before{display:none}.welcome-logo .brand-word>span{color:inherit}.welcome-art h3{color:#243c62;font-weight:800}.welcome-art p{color:#637694}.initial-loader{background:#fafbff;color:#5c7297}.initial-loader strong{color:#1e3356;font-weight:850;letter-spacing:-.06em}.initial-loader span{color:#657897}.initial-loader img{width:64px;height:74px}
:root[data-theme=dark] .button.primary{background:#a9c4ff;color:#102d64}:root[data-theme=dark] .button.primary:hover{background:#c6d8ff}:root[data-theme=dark] .sidebar .little-promo{background:#223351;border-color:#304668}:root[data-theme=dark] .little-promo strong{color:#d0ddfc}:root[data-theme=dark] .little-promo p{color:#a9b8d4}:root[data-theme=dark] .topic-card{background:#213450;border-color:#314967}:root[data-theme=dark] .topic-card p,:root[data-theme=dark] .topic-card>small{color:#b7c8e3}:root[data-theme=dark] .family{--tint:#3a2f29}:root[data-theme=dark] .friends{--tint:#30294b}:root[data-theme=dark] .work{--tint:#233b50}:root[data-theme=dark] .world{--tint:#263952}:root[data-theme=dark] .heart{--tint:#402c41}:root[data-theme=dark] .brand-hero,:root[data-theme=dark] .work-welcome{background:linear-gradient(110deg,#1b2c49,#293654 62%,#352c4d);border-color:var(--line)}:root[data-theme=dark] .brand-hero h2,:root[data-theme=dark] .work-welcome h2{color:#edf4ff}:root[data-theme=dark] .brand-hero p,:root[data-theme=dark] .work-welcome p{color:#b6c6df}:root[data-theme=dark] .work-profile-progress{background:#192b49;border-color:#304362}:root[data-theme=dark] .work-persona strong{color:#e2edff}:root[data-theme=dark] .work-persona span:not(.avatar),:root[data-theme=dark] .work-profile-progress small{color:#aebfda}:root[data-theme=dark] .identity-cover{background:linear-gradient(115deg,#203451,#3b315c,#224d61)}:root[data-theme=dark] .identity-cover>span{color:#d6e4ff}:root[data-theme=dark] .availability-pill{background:#1d413b;color:#b7e6d1}:root[data-theme=dark] .chip.active{background:var(--soft);color:var(--accent);border-color:#466ba2}
@media(min-width:1650px){.content{padding:32px 44px}.brand-hero{min-height:295px}.brand-hero-copy{padding:34px 40px}.brand-hero h2{font-size:3rem}.brand-hero p{font-size:.9rem}.two-column{grid-template-columns:minmax(0,1fr) 310px}}
@media(max-width:1250px){:root{--sidebar:222px}.content{padding:25px}.topbar{padding-inline:25px}.sidebar{padding-inline:15px}.brand{font-size:1.25rem}.brand-symbol{width:35px}.two-column{grid-template-columns:minmax(0,1fr) 235px;gap:20px}.brand-hero-copy{padding:28px}.brand-hero h2{font-size:2.35rem}.orbit-space{padding:10px;gap:7px}.orbit-space small{display:none}.work-welcome{gap:23px;padding:25px}.work-welcome h2{font-size:1.8rem}.work-profile-progress{padding:16px}.work-quick-card{font-size:.68rem;padding:12px;gap:8px}.profile-layout{grid-template-columns:1fr}.profile-layout>aside{display:none}.rail-card{padding:18px}}
@media(max-width:1100px){.two-column{grid-template-columns:minmax(0,1fr)}.right-rail{display:none}.content{max-width:1000px}.brand-hero h2{font-size:2.6rem}.brand-hero p{max-width:400px}.layout-portfolio .profile-sections-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{gap:14px}.search-box{max-width:360px}}
@media(max-width:900px){.work-welcome{grid-template-columns:minmax(0,1.5fr) minmax(185px,1fr);gap:18px}.work-welcome h2{font-size:1.6rem}.work-welcome .hero-actions .button{font-size:.69rem}.brand-hero h2{font-size:2.3rem}.brand-hero-copy{padding:26px}.brand-hero{grid-template-columns:minmax(0,1.8fr) minmax(150px,1fr)}.orbit-space{flex-direction:column;text-align:center}.orbit-space strong{font-size:.72rem}.content{padding-inline:22px}}
@media(max-width:760px){:root{--sidebar:0px}.sidebar{display:none}.main-shell{margin-inline-start:0}.content{padding:20px 18px 110px}.topbar{height:auto;min-height:73px;padding:12px 18px;flex-wrap:wrap;gap:9px;position:relative}.mobile-brand{display:flex;align-items:center;font-size:1.3rem;gap:5px}.mobile-brand .brand-symbol{width:32px;height:36px}.top-actions{margin-inline-start:auto;gap:3px}.top-actions>.icon-button{min-width:38px;width:38px;height:42px}.top-create{min-width:38px;width:38px;min-height:42px}.topbar .search-box{order:3;flex-basis:100%;width:100%;max-width:none;height:45px}.topbar .search-box input{max-width:none;font-size:.9rem}.topbar .search-box input::placeholder{font-size:.82rem}.language-button{min-width:35px;min-height:42px}.top-actions .language-button>span{display:none}.top-actions>.icon-button[data-action=theme]{display:none}.auth-link{min-height:40px;font-size:.73rem}.page-heading h1{font-size:1.8rem}.page-heading .eyebrow{font-size:.56rem}.page-heading{align-items:center;gap:10px;margin-bottom:19px}.heading-actions{gap:6px}.heading-actions .button{font-size:.68rem;min-height:43px;padding:9px 11px;max-width:165px}.heading-actions .guide-link{display:none}.brand-hero{grid-template-columns:minmax(0,1.7fr) minmax(125px,1fr);border-radius:19px;min-height:255px;margin-bottom:13px}.brand-hero-copy{padding:25px}.brand-hero h2{font-size:2.15rem;line-height:1.12;letter-spacing:-.065em}.brand-hero p{font-size:.8rem;margin-bottom:18px}.brand-hero .eyebrow{font-size:.56rem}.brand-hero .hero-actions{gap:9px 16px}.brand-hero .button{font-size:.72rem}.brand-hero .text-button{font-size:.72rem}.brand-hero-art>img{width:68%}.ribbon-loop{width:230px;height:230px}.loop-two{width:310px;height:310px}.floating-circle{width:35px;height:35px;border-radius:13px}.floating-circle .icon{width:18px;height:18px}.floating-circle.one{left:0;top:21%}.floating-circle.two{right:5%;top:25%}.floating-circle.three{bottom:20%}.orbit-spaces{gap:7px;margin-bottom:23px}.orbit-space{min-height:70px;padding:9px 4px;gap:5px;border-radius:12px}.orbit-space strong{font-size:.7rem}.orbit-space .orbit-space-icon{min-width:26px;width:29px;height:28px;background:transparent}.orbit-space-icon .icon{width:21px;height:21px}.orbit-space small{display:none}.feed-tabs{gap:21px;margin-bottom:17px}.feed-tabs>button:not(.icon-button){font-size:.84rem}.stories-bar{padding:15px 13px}.composer-main>button:first-of-type{font-size:.79rem}.composer-tool{font-size:.68rem}.composer-card{padding-inline:17px}.post-header{padding:20px 19px 12px}.post-body{padding:0 19px 16px}.post-body p{font-size:.9rem}.post-stats{padding-inline:19px}.post-actions{padding-inline:12px}.post-actions button{font-size:.72rem;min-height:49px}.post{border-radius:17px}.mobile-nav{background:var(--panel);padding:7px 7px calc(7px + env(safe-area-inset-bottom));border-top:1px solid var(--line);box-shadow:0 -4px 18px #1e385c05}.mobile-nav button{min-height:49px;font-size:.68rem;min-width:53px;color:var(--muted)}.mobile-nav button.selected{background:var(--tint);color:var(--color)}.work-welcome{padding:24px;border-radius:19px;grid-template-columns:1fr;gap:20px}.work-welcome h2{font-size:2rem}.work-profile-progress{display:block;padding:16px}.work-persona{float:inline-start;margin-inline-end:20px;max-width:55%}.work-profile-progress .progress-track{margin-top:7px}.work-profile-progress .text-button{display:flex;min-height:30px}.work-quick-grid{gap:8px;margin-bottom:23px}.work-quick-card{flex-direction:column;justify-content:center;gap:8px;min-height:80px;text-align:center;font-size:.69rem;padding:10px}.work-quick-card .icon{width:21px;height:21px}.identity-page{border-radius:18px}.identity-cover{min-height:145px;padding:22px}.identity-cover>span{font-size:1.05rem;max-width:58%}.identity-cover-ribbon{width:190px;height:190px;right:2%}.cover-edit{font-size:.63rem;min-height:35px;padding:7px 9px;right:12px;bottom:12px}.identity-main{padding:0 21px 23px;gap:14px}.identity-avatar{margin-top:-24px}.identity-avatar .profile-avatar{width:88px;height:88px;border-radius:25px;font-size:1.4rem}.identity-summary{padding-top:18px}.identity-summary h2{font-size:1.65rem;margin-top:5px}.identity-headline{font-size:.83rem}.identity-actions{gap:7px}.identity-actions .button{font-size:.68rem;min-height:40px;padding:9px 11px}.profile-about,.profile-interests{padding-inline:21px}.profile-skills{padding-inline:21px}.profile-sections-grid{padding:0 21px 21px;gap:13px}.profile-section{padding:18px}.profile-section h3{font-size:1.06rem}.profile-section-body{font-size:.8rem}.profile-section-empty{margin-inline:21px}.dialog-head{padding:19px 20px}.dialog-head h2{font-size:1.15rem}.dialog-body{padding:21px 20px}.field input,.field select,.field textarea,input,select,textarea{font-size:1rem}.field{font-size:.78rem}.reference-grid{gap:8px}.reference-grid strong{font-size:.7rem}.reference-grid>button{padding:10px 8px;gap:8px}.reference-grid .avatar{width:30px;height:30px}.reference-grid>button>.icon{display:none}.search-result-person small{max-width:250px}.message-form input[name=body]{font-size:1rem}.message-preview{padding:10px}.chat-bubbles{padding:15px}.tag-people-options{grid-template-columns:1fr}.full-photo{max-height:none}.main-footer{font-size:.65rem}}
@media(max-width:480px){.content{padding-inline:14px}.topbar{padding-inline:14px}.mobile-brand{font-size:1.17rem}.mobile-brand .brand-symbol{width:29px}.top-actions>.icon-button[data-action=messages]{display:none}.top-actions{gap:2px}.topbar .profile-button{min-width:35px}.page-heading h1{font-size:1.65rem}.page-heading .eyebrow{max-width:175px;line-height:1.65}.heading-actions .button{max-width:150px;font-size:.66rem}.brand-hero{grid-template-columns:1fr;min-height:0}.brand-hero-copy{padding:25px 23px;max-width:100%}.brand-hero h2{font-size:2.05rem;max-width:270px}.brand-hero p{font-size:.81rem;max-width:280px}.brand-hero-art{position:absolute;right:-28px;top:13px;width:115px;height:155px;opacity:.24;pointer-events:none;z-index:-1}.brand-hero-art>img{width:95px}.floating-circle{display:none}.brand-hero .hero-actions{gap:9px 16px}.brand-hero .button,.brand-hero .text-button{font-size:.72rem}.orbit-space strong{font-size:.65rem}.orbit-spaces{gap:5px}.orbit-space{border-radius:10px}.orbit-space .orbit-space-icon{height:27px}.post-body p{font-size:.875rem}.story-item{font-size:.66rem}.reference-grid{grid-template-columns:1fr}.reference-grid>button{min-height:58px}.reference-grid>button>.icon{display:block;width:15px;height:15px}.reference-grid>button:nth-child(n+4){display:none}.work-welcome{padding:22px}.work-welcome h2{font-size:1.85rem}.work-persona{float:none;max-width:100%;margin:0}.work-profile-progress .progress-track{margin-top:15px}.identity-main{grid-template-columns:1fr;padding:0 20px 22px;gap:10px}.identity-avatar{align-items:flex-start;max-width:110px;margin-top:-25px}.identity-summary{padding-top:0}.identity-summary h2{font-size:1.8rem}.identity-actions{grid-column:1}.identity-cover>span{max-width:60%;font-size:1rem}.identity-cover .cover-edit .icon{display:none}.profile-about,.profile-interests,.profile-skills{padding-inline:20px}.profile-sections-grid,.layout-portfolio .profile-sections-grid{grid-template-columns:1fr;padding-inline:20px}.profile-section{padding:18px}.identity-page{border-radius:16px}.dialog-body{padding:20px 17px}.dialog-head{padding:17px}.form-row{grid-template-columns:1fr;gap:0}.crop-controls label{grid-template-columns:100px minmax(0,1fr);gap:10px}.crop-controls{padding:11px 13px}.upload-photo-caption{padding-inline:12px}.search-result-person{gap:10px;padding:12px}.search-result-person small{max-width:205px}.search-result-person .avatar{width:36px;height:36px}.chat-layout{grid-template-columns:1fr}.chat-contacts{display:flex;overflow:auto;max-height:none;border-inline-end:0;border-bottom:1px solid var(--line);padding:8px;gap:7px}.chat-contacts>button{display:flex;flex-direction:column;min-width:80px;max-width:95px;min-height:77px;flex-shrink:0;padding:8px;gap:4px;font-size:.62rem}.chat-contacts>button .avatar{width:32px;height:32px}.chat-main{min-width:0}.chat-bubbles{max-height:37vh}.chat-heading{padding:12px}.chat-categories{gap:6px;overflow:auto}.chat-categories .chip{font-size:.7rem;min-height:42px;white-space:nowrap}.chat-categories .icon{width:16px;height:16px}.bubble{max-width:92%}.message-form{padding:10px;gap:5px}.message-file{min-width:30px}.message-form>.button{min-width:42px}.profile-edit-intro{padding:14px;gap:12px}.profile-edit-intro .avatar{width:50px;height:50px}.profile-edit-dialog .dialog-footer{gap:8px}.profile-edit-dialog .dialog-footer .text-button{font-size:.69rem}.today-intro{padding:24px}.welcome-art h3{font-size:1.7rem!important}}
[dir=rtl] .brand-word{direction:ltr;unicode-bidi:isolate}[dir=rtl] .brand-hero-art{transform:scaleX(-1)}[dir=rtl] .brand-hero-art>img{transform:scaleX(-1) rotate(8deg)}[dir=rtl] .brand-hero h2,[dir=rtl] .identity-summary h2,[dir=rtl] .work-welcome h2{letter-spacing:0;line-height:1.4}[dir=rtl] .identity-cover-ribbon{right:auto;left:8%}[dir=rtl] .cover-edit{right:auto;left:18px}@media(max-width:480px){[dir=rtl] .brand-hero-art{right:auto;left:-28px}[dir=rtl] .cover-edit{left:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.person-profile-dialog{width:min(950px,calc(100vw - 24px))}.person-profile-dialog .public-profile-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:25px}.post-detail-dialog{width:min(730px,calc(100vw - 24px))}.post-detail-dialog .dialog-body{background:var(--bg);padding:18px}.post-detail-dialog .post{margin-bottom:0}
.person-profile-open{display:flex;flex-direction:column;align-items:center;gap:13px;background:transparent;border:0;color:var(--ink);margin:0 auto 8px;padding:0}.person-profile-open h3{margin:0;font-size:1rem}.person-card>.button{display:inline-flex;margin:5px 3px;font-size:.69rem;min-height:40px}.person-card>p{color:var(--muted);font-size:.74rem}