/* Orbit — an original shared identity, with a distinct atmosphere in each circle. */
:root{--bg:#f3f5f8;--panel:#fff;--ink:#172b3b;--muted:#5c6c7d;--line:#dde5eb;--accent:#205ac2;--soft:#edf3fc;--scene:#dcebf7;--sidebar:224px;--shadow:0 6px 24px #102e4406;font-size:15px}
:root[data-space=family]{--bg:#faf7f2;--accent:#925022;--soft:#f6eadb;--scene:#f1dfc4;--line:#e8dfd3}
:root[data-space=friends]{--bg:#f6f5fb;--accent:#6945b5;--soft:#f0eafb;--scene:#e7dcfa;--line:#e3dff0}
:root[data-space=work]{--bg:#f2f7f6;--accent:#146a60;--soft:#e5f1ed;--scene:#cee8de;--line:#d8e5e0}
:root[data-space=heart]{--bg:#fcf6f8;--accent:#a33967;--soft:#fae9f0;--scene:#f5d8e5;--line:#ecdde3}
:root[data-theme=dark]{--bg:#101a25;--panel:#192735;--ink:#eff5fa;--muted:#b2c2cf;--line:#354858;--accent:#a5c6ff;--soft:#25394d;--scene:#30475e;--media-mat:#0e1822;--on-accent:#122339}
:root[data-theme=dark][data-space=family]{--bg:#201b17;--panel:#2a241e;--ink:#faf2e7;--muted:#d4c0aa;--line:#4b3e30;--accent:#f2c08d;--soft:#3c3025;--media-mat:#1b1713}
:root[data-theme=dark][data-space=friends]{--bg:#1b1829;--panel:#282239;--ink:#f6f0ff;--muted:#c8bbdf;--line:#493d5e;--accent:#d0b6ff;--soft:#3b2e50;--media-mat:#191523}
:root[data-theme=dark][data-space=work]{--bg:#13211e;--panel:#1e2d29;--ink:#edf8f2;--muted:#b6ccc2;--line:#3c5248;--accent:#9adfc8;--soft:#2c4238;--media-mat:#12221c}
:root[data-theme=dark][data-space=heart]{--bg:#241a23;--panel:#332530;--ink:#fff0f6;--muted:#dbc0ce;--line:#573f4d;--accent:#f6afd0;--soft:#48313e;--media-mat:#20171e}
body{background:var(--bg);font-feature-settings:'ss01';text-rendering:optimizeLegibility}
h1,h2,h3,.brand-word{font-family:'Manrope','Noto Sans Devanagari','Noto Sans Arabic',sans-serif}
h1,h2,h3{letter-spacing:-.035em;line-height:1.2}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}
.brand-word{font-size:24px;font-weight:800;letter-spacing:-.065em}.brand-word>span{font-weight:500;color:inherit}.brand-symbol{width:37px;height:37px;filter:none}
.sidebar{background:#102b3b;--panel:#183648;--ink:#f0f6fa;--muted:#a9c3d2;--line:#304b5d;--soft:#203f52;color:var(--ink);border:0;padding-inline:18px}
.sidebar .brand-word,.sidebar .brand-word>span,.sidebar .account strong{color:#f0f6fa}.sidebar .brand-caption{font-size:.72rem;color:#a9c3d2;max-width:175px;margin:7px 0 30px}.sidebar .brand{gap:9px}.sidebar .brand-symbol{width:34px;height:34px}.sidebar .side-label{color:#97b4c7;letter-spacing:.13em;font-size:.65rem}
.sidebar .space-link,.sidebar .sidebar-settings,.sidebar .circle-link,.sidebar .account{color:#c4d6e1}.sidebar .space-link{min-height:46px;margin-block:4px;border-radius:13px;font-size:.83rem}.sidebar .space-link.selected{color:#fff;background:#284b61;box-shadow:inset 3px 0 #69d6cd}.sidebar .space-link:hover,.sidebar .sidebar-settings:hover{background:#1d3d51;color:#fff}.sidebar .space-icon{background:transparent;color:inherit}.sidebar-bottom{gap:5px}.sidebar-settings{min-height:39px;font-size:.76rem}.sidebar .connection-note{color:#a6c2d3;font-size:.65rem}.sidebar .account{border-color:#304b5d;background:#183648;border-radius:14px}.sidebar .avatar-initials{background:#31576d;color:#fff}
.topbar{background:color-mix(in srgb,var(--panel) 96%,transparent);border-bottom:1px solid var(--line);box-shadow:none}.search-box{border:1px solid var(--line);background:var(--bg);border-radius:15px}.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--soft)}.top-actions{gap:8px}.top-actions .icon-button,.top-actions .button{border-radius:13px;min-height:42px}.top-actions .mode-top{background:var(--soft);border-color:var(--line)}
.content{max-width:1280px;margin-inline:auto;padding:28px 30px 50px}.two-column{grid-template-columns:minmax(0,720px) minmax(230px,286px);gap:25px;justify-content:center}.feed-column,.right-rail{min-width:0}.page-heading{padding-block:4px 20px;border-bottom:1px solid var(--line);margin-bottom:22px}.page-heading h1{font-size:clamp(1.7rem,2.6vw,2.5rem);font-weight:800}.page-heading .eyebrow{font-size:.64rem;letter-spacing:.18em;margin-bottom:8px}.heading-dot{width:9px;height:9px;margin-inline-start:11px;background:var(--accent);box-shadow:0 0 0 5px var(--soft)}
.card{border:1px solid var(--line);border-radius:21px;box-shadow:var(--shadow);background:var(--panel)}.post{overflow:hidden;margin-bottom:23px}.post-header{padding:20px 22px 12px}.post-body{padding:3px 22px 17px}.post-body>p{font-size:.95rem;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere}.author strong{font-size:.88rem;font-weight:800}.author small{font-size:.7rem;line-height:1.65;color:var(--muted)}.post-stats{padding:13px 22px;font-size:.75rem}.post-actions{margin-inline:18px;gap:5px;padding-block:7px}.post-actions>button{min-height:43px;font-size:.8rem;border-radius:11px}.post-actions>button:hover{background:var(--soft)}
/* Reserve a frame before private media arrives; fit the entire image, never crop. */
.post .post-media{height:clamp(240px,48svh,480px);max-height:480px;background:var(--media-mat,#f0f3f6);display:grid;place-items:center}
.post .post-media>button{width:100%;height:100%;min-height:0;display:grid;place-items:center;background:transparent;padding:0}
.post .post-media img,.post .post-media video{width:100%;height:100%;max-width:100%;max-height:clamp(240px,48svh,480px);object-fit:contain;object-position:center;aspect-ratio:auto;display:block}
.post .gallery-strip{height:clamp(220px,44svh,420px)}.post .gallery-strip img,.post .gallery-strip video{height:100%;max-height:100%;object-fit:contain}
.composer-card{border-radius:19px;margin-bottom:20px}.composer-main{padding:17px 20px}.composer-tools{gap:8px;padding:0 15px 14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.composer-tool{justify-content:center;gap:7px;min-height:40px;border-radius:11px;font-size:.73rem}.stories-bar{padding-block:2px 18px;gap:16px}.story-ring{padding:3px;border:2px solid var(--accent);background:var(--panel)}.story-item>span:last-child{font-size:.71rem}.stories-tip{display:none}
.right-rail .rail-card{padding:22px;margin-bottom:18px}.right-rail h3{font-size:1rem}.right-rail p{font-size:.8rem;line-height:1.65}.right-rail .rail-icon{width:37px;height:37px;border-radius:12px;background:var(--soft)}.topic-chips{display:flex;gap:10px;flex-wrap:wrap;margin-block:17px 22px;justify-content:flex-start}.topic-chips .chip{min-height:36px;padding:8px 16px;font-size:.77rem;border-radius:24px}.topic-chips .chip.active{background:var(--ink);color:var(--panel);border-color:var(--ink)}
.discovery-controls{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:12px 15px;margin-block:15px}.discovery-controls>button:first-child{display:flex;align-items:center;gap:11px;background:transparent;border:0;text-align:start;color:var(--ink);padding:0;min-width:0}.discovery-controls strong{display:block;font-size:.81rem}.discovery-controls small{display:block;color:var(--muted);font-size:.7rem;margin-top:3px}.discovery-controls .text-button{font-size:.72rem;white-space:nowrap}.discovery-orbit{display:grid;place-items:center;background:var(--soft);color:var(--accent);width:37px;height:37px;border-radius:50%;flex-shrink:0}.discovery-orbit .icon{width:20px;height:20px}.why-post{display:grid;gap:15px}.why-post h3,.why-post p{margin:0;line-height:1.65}.preference-section{padding-block:8px 22px;margin-bottom:14px;border-bottom:1px solid var(--line)}.preference-section h3{margin:5px 0 15px;font-size:1.1rem}.preference-section>p{font-size:.82rem;line-height:1.65;color:var(--muted)}.preference-section .checkbox-line{margin:16px 0;align-items:flex-start;gap:12px}.preference-section input[type=checkbox]{margin-top:4px;min-width:18px;min-height:18px;accent-color:var(--accent)}.preference-section small{font-size:.77rem;line-height:1.6}
:root[data-space=work] .work-dashboard{border-left:3px solid var(--accent);padding:4px 0 4px 15px;margin-bottom:23px}.work-actions-grid{gap:9px}.work-action-tile{border-radius:13px;padding:14px 9px;min-height:82px;font-size:.71rem;background:var(--panel);border:1px solid var(--line)}.work-action-tile .icon{width:23px;height:23px}.work-quick-links{gap:15px;flex-wrap:wrap}.identity-page.work{border-radius:16px}.resume-group,.resume-summary,.resume-skills{border-radius:14px}.resume-group h3{font-size:1.1rem}
:root[data-space=family] .together-reminders{border-radius:22px;background:linear-gradient(115deg,var(--soft),var(--panel));padding:22px}:root[data-space=friends] .friend-circle-chips{gap:12px;padding-bottom:8px}:root[data-space=heart] .heart-person{border-top:3px solid var(--accent)}
.explore-launch{background:#153e55;border-radius:17px;padding:17px 20px;box-shadow:none}.explore-launch>span>.icon{color:#7be0d4}.explore-launch small{color:#c1d8e7}.interest-tile{border-radius:15px}.feed-end{padding:25px 20px 30px}.feed-end strong{font-size:.9rem}.feed-end p{font-size:.76rem}.main-footer{font-size:.7rem;color:var(--muted)}
:root[data-motion=reduced] *, :root[data-motion=reduced] *::before,:root[data-motion=reduced] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:1180px){.content{padding-inline:22px}.two-column{grid-template-columns:minmax(0,1fr)}.two-column>.right-rail{display:none}}
@media(max-width:760px){:root{--sidebar:0px}.content{padding:18px 13px calc(96px + env(safe-area-inset-bottom))}.topbar{padding:10px 13px;gap:9px}.topbar .mobile-brand .brand-symbol{width:32px;height:32px}.topbar .top-actions{gap:5px}.top-actions .icon-button,.top-actions .button,.top-actions .language-button{min-height:40px;min-width:40px}.top-actions .mode-top{min-width:76px;padding:9px;font-size:.72rem}.top-actions>.icon-button[data-action=notifications]{display:inline-flex}.topbar .search-box{height:43px;border-radius:13px}.page-heading{padding-block:0 14px;margin-bottom:18px}.page-heading h1{font-size:1.8rem}.card{border-radius:18px}.post-header{padding:16px 16px 10px}.post-body{padding:3px 16px 14px}.post-body>p{font-size:.9rem;line-height:1.7}.post .post-media{height:clamp(230px,43svh,370px)}.post .post-media img,.post .post-media video{max-height:clamp(230px,43svh,370px)}.post-actions{margin-inline:9px;gap:2px}.post-actions>button{font-size:.74rem;min-height:44px}.post-stats{padding:11px 16px;font-size:.71rem}.composer-tools{gap:4px;padding-inline:10px}.composer-tool{font-size:.66rem;gap:5px}.composer-tool .icon{width:18px;height:18px}.composer-main{padding:14px}.stories-bar{gap:13px}.discovery-controls{padding:11px;gap:8px}.discovery-controls strong{font-size:.75rem}.discovery-controls .text-button{padding:6px;min-height:40px}.discovery-controls small{font-size:.67rem}.topic-chips{gap:8px;margin-block:15px 19px}.topic-chips .chip{padding:8px 13px}.work-actions-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.work-action-tile{min-height:80px}.mobile-dock{background:var(--panel);border-top:1px solid var(--line);box-shadow:0 -8px 24px #122f4806;padding-bottom:max(8px,env(safe-area-inset-bottom))}.mobile-dock button{min-height:49px}.mobile-dock .dock-create{border-radius:17px;background:var(--accent);color:var(--on-accent,#fff)}.mobile-dock button>span{font-size:.65rem}.preference-section .filter-grid{gap:9px}.preference-section .filter-option{min-height:45px}.dialog-body{overflow-wrap:anywhere}.sidebar{display:none}}
@media(max-width:370px){.topbar{padding-inline:9px}.topbar .top-actions{gap:3px}.top-actions .mode-top{min-width:65px;max-width:90px;font-size:.65rem}.top-actions .icon-button,.top-actions .button,.top-actions .language-button{min-width:37px}.discovery-orbit{width:29px;height:29px}.discovery-controls{gap:5px}.discovery-controls strong{font-size:.7rem}.post-actions>button{font-size:.67rem;gap:5px}}
[dir=rtl] .sidebar .space-link.selected{box-shadow:inset -3px 0 #69d6cd}[dir=rtl] .work-dashboard{border-left:0;border-right:3px solid var(--accent);padding-inline:15px 0}

@media(max-width:760px){.search-box input,.message-form input,.field input,.field select,.field textarea{font-size:16px}}