/* heyloworld / living spaces. Mobile first, content first. */
:root{--sidebar:224px;--bg:#f3f5f9;--panel:#fff;--ink:#17223b;--muted:#5c6b83;--line:#e0e5ee;--soft:#edf0fa;--accent:#3855db;--scene:#dde6ff;--family:#a64624;--friends:#5551cc;--work:#166d63;--world:#375ad6;--heart:#a0356b;--shadow:0 5px 25px #17254605}
:root[data-space=family]{--bg:#faf6ef;--soft:#f5eadd;--line:#e9dfd3;--accent:#a64624;--scene:#f5dfc6;--ink:#3f3028;--muted:#7b6659}
:root[data-space=friends]{--bg:#f4f3fc;--soft:#eeebfb;--line:#e3dff3;--accent:#5750cc;--scene:#e8d9fd;--ink:#292444;--muted:#716587}
:root[data-space=work]{--bg:#f0f5f3;--soft:#e6f0ec;--line:#d6e2dd;--accent:#176b61;--scene:#d7e9e2;--ink:#1e3531;--muted:#5c726a}
:root[data-space=world]{--bg:#f3f5fa;--soft:#eaf0ff;--line:#dce3f0;--accent:#385bd8;--scene:#dce7fb;--ink:#172643;--muted:#60718c}
:root[data-space=heart]{--bg:#faf3f7;--soft:#f6e8f1;--line:#eadbe5;--accent:#963967;--scene:#f4d9e7;--ink:#402b3e;--muted:#806276}
:root[data-theme=dark]{--bg:#101622;--panel:#1a2332;--ink:#edf2fa;--muted:#acb8cb;--line:#354154;--soft:#293447;--accent:#a3baff;--scene:#263650;--family:#edc39e;--friends:#c6b8ff;--work:#9dddd0;--world:#adc3ff;--heart:#eeb0d4;--shadow:none;color-scheme:dark}
html{scroll-padding-top:145px}body{font-family:Manrope,'Noto Sans Devanagari','Noto Sans Arabic',sans-serif;font-size:15px;line-height:1.65;font-weight:450;background:var(--bg);color:var(--ink)}h1,h2,h3,h4{font-family:Manrope,'Noto Sans Devanagari','Noto Sans Arabic',sans-serif;letter-spacing:-.035em;line-height:1.25;font-weight:750}button,input,select,textarea{font:inherit}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}input,textarea,select{min-width:0}button{touch-action:manipulation}button:disabled{cursor:wait;opacity:.6}.button{border-radius:13px;min-height:44px;line-height:1.4}.button.primary{background:var(--accent);color:#fff;box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 14%,transparent)}.button.primary:hover{background:color-mix(in srgb,var(--accent) 86%,#000)}:root[data-theme=dark] .button.primary{color:#101a2e}.button.subtle{background:var(--panel)}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.icon-button>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%)}.card{border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);background:var(--panel)}.eyebrow{letter-spacing:.11em;font-size:.65rem}.muted,.fine-print{color:var(--muted)}:focus-visible{outline:3px solid var(--accent)!important;outline-offset:3px}
/* The brand lives in the frame, never in a content-blocking billboard. */
.sidebar{width:var(--sidebar);padding:24px 15px 14px;background:var(--panel);border-inline-end:1px solid var(--line);overflow-y:auto}.brand{padding:0 7px;gap:7px}.brand-symbol{width:33px;height:38px}.brand-word{font-size:1.35rem;letter-spacing:-.055em!important}.brand-caption{display:none}.sidebar>.side-label{margin:30px 12px 11px}.sidebar::after{content:'';position:absolute;inset-block:0;inset-inline-start:0;width:3px;background:linear-gradient(180deg,#4373e7 0%,#9354c6 50%,#36aece 100%)}.context-nav .space-link{border-radius:12px;min-height:45px;font-size:.82rem}.sidebar-bottom{border-top:1px solid var(--line);padding-top:13px}.connection-note{background:none;border:0;padding:12px 5px;color:var(--muted);font-size:.65rem}.sidebar-settings{padding:7px 11px;min-height:38px}.main-shell{margin-inline-start:var(--sidebar)}.topbar{height:76px;border-bottom:1px solid var(--line);padding:0 28px;backdrop-filter:blur(22px);background:color-mix(in srgb,var(--panel) 94%,transparent);gap:15px;z-index:30}.search-box{border-radius:50px;background:var(--bg);max-width:410px;min-width:120px;flex:1}.search-box input{pointer-events:auto;min-width:0;position:relative;z-index:1}.top-actions{gap:5px;flex:none}.mode-top{background:var(--soft);border:1px solid var(--line);font-size:.74rem;max-width:145px}.inbox-top{border:1px solid var(--line);background:var(--panel)}.top-actions .top-create,.top-logout{display:none}.topbar .profile-button{width:40px;height:40px;min-width:40px}.topbar .profile-button .avatar{width:36px;height:36px}.quick-spaces{padding:8px 28px;background:var(--panel);border-bottom:1px solid var(--line);gap:5px}.quick-spaces button{border-radius:50px;min-height:39px;padding:7px 17px;font-size:.76rem}.quick-spaces .selected{background:var(--soft);border:1px solid var(--line);box-shadow:none}.content{max-width:1430px;margin:auto;padding:24px 28px 36px}.page-heading{align-items:center;margin:0 0 22px;gap:12px}.page-heading h1{font-size:1.6rem;letter-spacing:-.055em}.page-heading .eyebrow{font-size:.61rem;letter-spacing:.06em;margin-bottom:5px}.heading-dot{width:6px;height:6px;vertical-align:middle}.heading-actions .button{max-width:240px}.two-column{grid-template-columns:minmax(0,1fr) 270px;gap:24px}.feed-column,.right-rail{min-width:0}.feed-tabs{display:flex;gap:3px;overflow:auto;scrollbar-width:none;flex-wrap:nowrap;white-space:nowrap;margin:0 0 20px;padding:0;border-bottom:1px solid var(--line)}.feed-tabs::-webkit-scrollbar{display:none}.feed-tabs button{flex:none;font-size:.78rem;min-height:46px;padding:10px 13px}.feed-tabs button.active{color:var(--accent);border-color:var(--accent)}.right-rail .rail-card{padding:22px;margin-bottom:19px}.right-rail .mini-location{display:none}.rail-card h3{font-size:.94rem}.rail-card p{font-size:.78rem}.stories-bar{margin:4px 0 20px;padding:0 2px;background:none;border:0;box-shadow:none}.stories-tip{display:none}.composer-card{padding:18px;margin-bottom:20px}.composer-main{padding-bottom:14px}.composer-main>button:not(.audience-compact){font-size:.85rem;background:var(--bg);border:1px solid var(--line);border-radius:50px;padding:13px 16px;text-align:start}.composer-tools{gap:4px;padding-top:12px}.composer-tool{min-height:40px;padding:6px 9px;font-size:.72rem;border-radius:10px}.composer-tool .icon{width:19px;height:19px}.post{margin-bottom:22px;overflow:hidden}.post-header{padding:21px 22px 0}.post-body{padding:16px 22px}.post-body p{font-size:.89rem;line-height:1.85;white-space:pre-wrap}.post-header strong{font-size:.83rem}.post-header small{font-size:.69rem}.post-media{max-height:none;background:var(--soft)}.post-media img,.post-media video{width:100%;max-height:none;object-fit:contain;display:block}.post-media>button{width:100%;display:block}.post-actions{padding:10px 17px}.post-actions button{font-size:.76rem;min-height:44px}.post-stats{padding:11px 22px;font-size:.72rem}.avatar{border:1px solid color-mix(in srgb,var(--accent) 14%,var(--line))}.avatar-initials{background:var(--soft);color:var(--accent);font-weight:750}.empty-state{border:1px dashed var(--line);border-radius:18px;background:color-mix(in srgb,var(--panel) 50%,transparent);padding:35px 20px;margin:18px 0;min-height:unset}.empty-state h3{font-size:1.06rem}.empty-state p{max-width:380px;margin:9px auto;color:var(--muted);font-size:.83rem}.empty-icon{width:46px;height:46px;margin-bottom:12px}.main-footer{padding:18px 0;font-size:.65rem}
/* Five distinct rhythms, with shared accessible controls. */
.space-intro h2{font-size:clamp(1.15rem,1.7vw,1.75rem);margin:0 0 7px;letter-spacing:-.045em}.space-intro p{font-size:.82rem;color:var(--muted);margin:0;max-width:580px}.family-dashboard{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:22px 24px;margin-bottom:25px;border-radius:23px;background:linear-gradient(120deg,var(--panel),var(--scene));border:1px solid var(--line);align-items:center}.family-dashboard .space-intro{padding-inline-end:12px}.family-agenda{border-inline-start:1px solid var(--line);padding-inline-start:24px;display:flex;align-items:center;flex-wrap:wrap;gap:6px}.family-agenda>.eyebrow{width:100%}.family-plan{display:flex;align-items:center;gap:9px;border:0;background:var(--panel);color:var(--ink);border-radius:12px;min-height:43px;padding:10px 13px;text-align:start;font-size:.79rem}.family-plan .icon{color:var(--accent)}:root[data-space=family] .feed-column .post{border-radius:24px}:root[data-space=family] .right-rail{display:flex;flex-direction:column}:root[data-space=family] .right-rail .rail-card{border:0;background:var(--soft)}
.friends-dashboard{padding:0 0 23px;margin-bottom:7px}.friends-dashboard .space-intro{margin-bottom:18px}.friend-circle-chips{display:flex;overflow:auto;gap:12px;scrollbar-width:thin}.friend-circle-chips>button{min-width:138px;max-width:190px;flex:none;border:1px solid var(--line);border-radius:20px;padding:16px;background:var(--panel);display:flex;flex-direction:column;align-items:flex-start;text-align:start;color:var(--ink);gap:5px}.friend-circle-chips>button:nth-child(3n+1){background:color-mix(in srgb,#cab9ff 25%,var(--panel))}.friend-circle-chips>button:nth-child(3n+2){background:color-mix(in srgb,#ffbaaa 18%,var(--panel))}.friend-circle-chips>button:nth-child(3n){background:color-mix(in srgb,#a4ddd5 24%,var(--panel))}.friend-circle-chips b{font-size:1.55rem;line-height:1.3}.friend-circle-chips span{font-weight:750;font-size:.8rem}.friend-circle-chips small{font-size:.66rem;color:var(--muted)}.friend-circle-chips .new-circle-tile{justify-content:center;border:1px dashed var(--accent);background:transparent;min-width:122px}.new-circle-tile .icon{color:var(--accent)}:root[data-space=friends] .two-column{grid-template-columns:minmax(0,1fr) 245px}
.work-dashboard{border-top:3px solid var(--accent);border-bottom:1px solid var(--line);padding:20px 0 22px;margin-bottom:24px;display:grid;grid-template-columns:1fr 1.1fr;gap:23px}.work-actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.work-action-tile{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;padding:15px;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:10px;text-align:start;font-size:.74rem;font-weight:700}.work-action-tile .icon{color:var(--accent);width:21px}:root[data-space=work] .card,:root[data-space=work] .composer-card{border-radius:12px}:root[data-space=work] .stories-bar{display:none}:root[data-space=work] .post{border-inline-start:3px solid color-mix(in srgb,var(--accent) 35%,var(--line))}:root[data-space=work] .identity-cover{min-height:95px;height:95px;background:linear-gradient(110deg,#213d38,#297366)}:root[data-space=work] .identity-cover-ribbon{opacity:.25}.resume-summary,.resume-skills,.resume-group{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:23px;margin-bottom:18px}.resume-entries .profile-section{border:0;border-inline-start:2px solid var(--line);border-radius:0;padding-inline-start:20px}.resume-body{padding-top:20px}.resume-jump a{color:var(--accent)}
.world-dashboard{display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid var(--line);padding:6px 0 23px;margin-bottom:24px}.world-dashboard h2{font-size:clamp(1.3rem,2.4vw,2.15rem)}.world-explore-button{display:flex;align-items:center;gap:12px;flex:none;border:1px solid var(--line);background:var(--ink);color:var(--panel);padding:15px 20px;border-radius:50px;font-size:.82rem;font-weight:750}.world-explore-button .icon{width:22px}:root[data-space=world] .interest-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}:root[data-space=world] .interest-tile{height:155px;border-radius:15px}:root[data-space=world] .discovery-start{border:0;padding:0;background:none}:root[data-space=world] .onboarding-list{margin:20px 0;border-top:1px solid var(--line)}:root[data-space=world] .onboarding-list button{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0}.world-explore .explore-intro{background:var(--panel);border-radius:18px;padding:23px}.discovery-grid.news{grid-template-columns:repeat(2,minmax(0,1fr))}.discovery-story{background:var(--panel);border-color:var(--line)}
.heart-dashboard{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:25px;padding:26px 28px;background:linear-gradient(110deg,var(--soft),var(--panel));border:1px solid var(--line);border-radius:28px 8px 28px 8px;margin-bottom:23px}.heart-dashboard .space-intro h2{font-weight:650;letter-spacing:-.045em;font-size:1.75rem}.private-pill{display:flex;gap:10px;align-items:flex-start;font-size:.78rem;color:var(--muted);line-height:1.65}.private-pill .icon{flex:none;color:var(--accent);width:18px;margin-top:3px}.heart-note{display:none}.heart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.heart-person{background:var(--panel);border:1px solid var(--line);border-radius:22px;overflow:hidden}.heart-connection-art{height:130px;background:radial-gradient(ellipse at center,var(--scene),var(--panel));display:flex;align-items:center;justify-content:center}.heart-person>div:last-child{padding:20px}.heart-person p{display:none}:root[data-space=heart] .right-rail .card{background:var(--panel);border-radius:22px}
/* Media: the same timeline items, indexed without changing their audience. */
.media-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.media-heading h2{font-size:1.25rem;margin:0}.media-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.media-library-item{min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden}.media-library-item>button{padding:0;border:0;background:var(--soft);display:block;width:100%;aspect-ratio:1}.media-library-item img{width:100%;height:100%;object-fit:contain;display:block}.media-library-item video{display:block;width:100%;aspect-ratio:9/14;object-fit:contain;background:#101728}.media-library-item>div{display:flex;align-items:center;justify-content:space-between;padding:4px 8px 4px 13px;gap:4px}.media-library-item>div>button:first-child{font-size:.7rem;color:var(--ink);background:none;border:0;text-align:start;min-width:0;overflow-wrap:anywhere}.media-library-item .icon-button{width:36px;min-width:36px;min-height:40px}.private-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.private-media-grid img,.private-media-grid video{max-width:100%;height:auto;object-fit:contain}.visibility-controls{margin-top:18px;border:1px solid var(--line);background:var(--bg);padding:15px;border-radius:12px}.visibility-controls summary{display:flex;align-items:center;gap:9px;font-size:.8rem;font-weight:750;cursor:pointer}.visibility-controls .checkbox-line{margin-top:13px}.visibility-people{max-height:200px;overflow:auto}.checkbox-line small{display:block;color:var(--muted);font-weight:400;font-size:.74rem;margin-top:5px}.identity-cover{height:160px;min-height:160px}.identity-page{border-radius:22px;border:1px solid var(--line);overflow:hidden}.profile-sections-grid{gap:20px}.profile-section{background:var(--panel);border:1px solid var(--line)}.profile-timeline{margin-top:26px}
/* One inbox, receipts from real acknowledgements, retained calls. */
.messenger-dialog{width:min(1040px,calc(100vw - 36px));max-height:calc(100dvh - 36px);border-radius:24px;padding:0;background:var(--panel)}.messenger-dialog .dialog-head{padding:18px 24px;border-bottom:1px solid var(--line)}.messenger-dialog .dialog-body{padding:18px 22px 22px}.messenger-tabs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:19px}.messenger-tabs .text-button{margin-inline-start:auto;font-size:.72rem}.messenger-tabs .chip{min-height:42px;gap:8px}.inbox-spaces{gap:10px;grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:20px}.inbox-space{padding:16px 12px;border:1px solid var(--line);border-radius:16px;background:var(--panel);min-width:0}.inbox-space strong{font-size:.76rem}.inbox-space .space-icon{width:34px;height:34px;border-radius:12px}.inbox-space .unread-pill{font-size:.85rem}.inbox-thread{border-radius:12px;margin:4px 0;min-height:73px}.chat-layout{display:grid;grid-template-columns:185px minmax(0,1fr);border:1px solid var(--line);border-radius:18px;overflow:hidden;min-height:400px}.chat-categories{display:flex;flex-wrap:nowrap;overflow:auto;gap:7px;margin-bottom:17px}.chat-categories .chip{white-space:nowrap;flex:none;font-size:.73rem}.chat-contacts{border-inline-end:1px solid var(--line);background:var(--bg);padding:9px;max-height:550px;overflow:auto}.chat-contacts>button{display:flex;align-items:center;gap:9px;min-height:58px;padding:9px;border:0;background:transparent;width:100%;text-align:start;border-radius:12px;font-size:.78rem;color:var(--ink)}.chat-contacts>button.active{background:var(--panel);box-shadow:0 2px 8px #15244108}.chat-contacts .avatar{width:33px;height:33px;flex:none}.chat-main{display:flex;flex-direction:column;min-width:0;background:var(--panel);padding:0}.chat-heading{display:flex;align-items:center;gap:11px;padding:13px 17px;border-bottom:1px solid var(--line)}.chat-heading strong{font-size:.85rem}.chat-heading>div:nth-child(2){min-width:0;flex:1}.chat-call-actions{display:flex;gap:4px}.presence-text{display:block;font-size:.66rem;color:var(--muted);min-height:1.3em}.presence-text.is-online{color:#208054}.presence-text.is-online:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-inline-end:5px}.chat-search{display:flex;align-items:center;gap:7px;padding:7px 16px;border-bottom:1px solid var(--line)}.chat-search .icon{width:16px;color:var(--muted)}.chat-search input{border:0;background:transparent;width:100%;font-size:.75rem;min-height:29px;color:var(--ink)}.chat-bubbles{height:350px;min-height:220px;max-height:45dvh;overflow:auto;padding:20px;display:flex;flex-direction:column;gap:13px;scrollbar-width:thin;background:linear-gradient(150deg,var(--bg),var(--panel));overscroll-behavior:contain}.bubble{max-width:85%;font-size:.84rem;padding:12px 15px;background:var(--panel);border:1px solid var(--line);border-radius:17px 17px 17px 4px;align-self:flex-start;word-break:break-word;white-space:normal;color:var(--ink)}.bubble.sent{align-self:flex-end;background:var(--soft);color:var(--ink);border-color:color-mix(in srgb,var(--accent) 15%,var(--line));border-radius:17px 17px 4px 17px}.bubble[hidden]{display:none}.message-text{white-space:pre-wrap}.bubble blockquote,#reply-preview blockquote{border-inline-start:3px solid var(--accent);margin:0 0 9px;padding:7px 11px;background:color-mix(in srgb,var(--panel) 45%,transparent);font-size:.76rem;color:var(--muted);border-radius:0 8px 8px 0}.message-meta{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin-top:5px}.message-meta small{font-size:.61rem;color:var(--muted);margin:0}.receipt{display:flex;align-items:center;color:var(--muted);width:24px}.receipt .icon{width:15px;height:15px}.receipt .icon+.icon{margin-inline-start:-8px}.receipt.read{color:#1476d0}.message-more{background:none;border:0;color:var(--muted);display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:4px}.message-more>span{display:none}.message-more .icon{width:17px}.message-attachment{margin-top:9px;max-width:100%;max-height:330px;object-fit:contain;border-radius:10px}.message-form{padding:13px;margin:0;gap:9px;border-top:1px solid var(--line);display:flex}.message-form>input{flex:1;border-radius:30px;background:var(--bg);border:1px solid var(--line);padding:11px 15px;width:0;min-width:0;color:var(--ink)}.message-form .message-file{border-radius:50%;width:42px;height:44px;display:grid;place-items:center;flex:none}.message-form button{min-width:44px}.message-preview:not(:empty){padding:8px 15px}.message-preview:empty,#reply-preview:empty{display:none}#reply-preview{padding:9px 15px 0}#reply-preview blockquote{display:flex;align-items:center;justify-content:space-between;margin:0}.call-filters{display:flex;gap:15px;margin-bottom:18px}.call-filters label{display:flex;align-items:center;gap:8px;font-size:.76rem;color:var(--muted)}.call-filters select{border:1px solid var(--line);border-radius:10px;padding:10px;color:var(--ink);background:var(--panel)}.call-history-row{display:flex;gap:14px;align-items:center;border-bottom:1px solid var(--line);padding:18px 6px}.call-history-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:15px;background:var(--soft);color:var(--accent);flex:none}.call-history-row>div:nth-child(2){flex:1;min-width:0}.call-history-row strong{font-size:.86rem}.call-history-row span:not(.call-history-icon){display:block;font-size:.73rem;color:var(--muted)}.call-history-row small{display:block;font-size:.66rem;color:var(--muted);margin-top:4px}.call-history-row.missed strong,.call-history-row.missed .call-history-icon{color:#b23653}.call-row-actions{display:flex;gap:4px}.call-row-actions .icon-button{border:0;background:transparent;color:var(--muted)}.mobile-dock{display:none}
@media(min-width:1450px){.content{padding-inline:45px}.two-column{grid-template-columns:minmax(0,1fr) 300px;gap:32px}.topbar{padding-inline:45px}.quick-spaces{padding-inline:45px}.post-body{padding-inline:26px}}
@media(max-width:1180px){:root{--sidebar:200px}.topbar{padding-inline:20px}.top-actions>.language-button{display:none}.two-column{grid-template-columns:minmax(0,1fr) 235px;gap:18px}.content{padding-inline:22px}.sidebar{padding-inline:11px}.world-dashboard .space-intro p{max-width:420px}.work-dashboard{grid-template-columns:1fr}.work-actions-grid{grid-template-columns:repeat(3,1fr)}.work-action-tile{flex-direction:row;align-items:center;justify-content:flex-start;gap:10px}.heart-dashboard{grid-template-columns:1fr;gap:13px}}
@media(max-width:1000px){.sidebar{display:none}.main-shell{margin-inline-start:0}.topbar .mobile-brand{display:flex}.topbar .mobile-brand .brand-symbol{width:30px}.topbar .mobile-brand .brand-word{font-size:1.2rem}.two-column,:root[data-space=friends] .two-column{grid-template-columns:minmax(0,1fr) 250px}.content{padding-bottom:110px}.mobile-dock{display:flex;position:fixed;bottom:0;inset-inline:0;justify-content:space-evenly;padding:8px 12px max(8px,env(safe-area-inset-bottom));background:color-mix(in srgb,var(--panel) 96%,transparent);backdrop-filter:blur(20px);border-top:1px solid var(--line);z-index:40;box-shadow:0 -7px 30px #15264106}.mobile-dock button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;background:none;color:var(--muted);font-size:.62rem;min-height:47px;min-width:54px;border-radius:12px}.mobile-dock .icon{width:21px;height:21px}.mobile-dock .active{color:var(--accent);background:var(--soft)}.mobile-dock .dock-create{background:var(--accent);color:#fff;min-width:53px}.mobile-dock .dock-create .icon{width:24px;height:24px}.mobile-dock .dock-create span{display:none}.top-actions>.icon-button[data-action=theme]{display:none}.profile-timeline{max-width:100%}}
@media(max-width:760px){html{scroll-padding-top:160px}.topbar{height:auto;min-height:112px;padding:12px 16px 11px;display:grid;grid-template-columns:1fr auto;gap:10px;position:sticky;top:0}.topbar .mobile-brand{grid-column:1;grid-row:1;min-width:0}.topbar .mobile-brand .brand-word{font-size:1.18rem}.topbar .mobile-brand .brand-symbol{width:25px;height:29px}.top-actions{grid-column:2;grid-row:1;gap:5px}.topbar .search-box{grid-column:1/-1;grid-row:2;width:100%;max-width:none;height:39px;margin:0;border-radius:11px}.search-box input{font-size:16px;line-height:1.3}.search-submit{min-height:35px}.top-actions>.icon-button[data-action=notifications],.top-actions>.language-button,.top-logout{display:none}.inbox-top{min-height:37px;min-width:39px;padding:8px 10px;border-radius:10px}.inbox-top>span{display:none}.inbox-top>.icon{width:19px}.mode-top{min-height:37px;padding:8px 9px;gap:5px;max-width:122px;font-size:.68rem;border-radius:10px}.mode-top .icon{width:16px;height:16px}.topbar .profile-button{min-width:32px;width:32px;height:32px}.topbar .profile-button .avatar{width:30px;height:30px;font-size:.65rem}.quick-spaces{position:static;padding:8px 12px;gap:4px;justify-content:space-between;overflow:auto}.quick-spaces button{padding:8px 10px;min-height:36px;gap:4px;font-size:.67rem;white-space:nowrap;flex:1;justify-content:center}.quick-spaces .icon{width:16px;height:16px}.content,html:not([data-mode=universal]) .content{padding:21px 16px 110px}.page-heading{margin-bottom:19px;align-items:center}.page-heading h1{font-size:1.38rem}.page-heading .eyebrow{font-size:.56rem;max-width:200px;line-height:1.5}.heading-actions .button{font-size:.68rem;min-height:39px;padding:8px 11px;max-width:150px}.heading-actions .icon{width:16px}.two-column,:root[data-space=friends] .two-column{display:block}.right-rail{display:none!important}.space-intro h2{font-size:1.28rem}.space-intro p{font-size:.77rem;line-height:1.75}.family-dashboard{grid-template-columns:1fr;padding:19px;gap:17px;margin-bottom:21px}.family-agenda{border-inline-start:0;border-top:1px solid var(--line);padding:15px 0 0}.family-agenda>.eyebrow{width:auto;margin-inline-end:4px}.family-plan{font-size:.72rem;max-width:100%;white-space:normal}.friends-dashboard{padding-bottom:17px}.friend-circle-chips{margin-inline-end:-16px;padding-inline-end:16px}.friend-circle-chips>button{min-width:119px;padding:13px}.friend-circle-chips>button span{font-size:.75rem}.work-dashboard{padding:16px 0 18px;gap:18px}.work-actions-grid{gap:7px}.work-action-tile{flex-direction:column;align-items:flex-start;gap:9px;padding:12px 9px;font-size:.67rem;border-radius:10px}.work-action-tile .icon{width:19px;height:19px}.world-dashboard{display:block;padding-top:0;padding-bottom:18px;margin-bottom:19px}.world-dashboard h2{font-size:1.55rem}.world-explore-button{display:none}.heart-dashboard{padding:21px;margin-bottom:20px;border-radius:22px 6px 22px 6px}.heart-dashboard .space-intro h2{font-size:1.4rem}.heart-dashboard .private-pill{font-size:.69rem}.heart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.heart-connection-art{height:100px}.heart-person>div:last-child{padding:14px}.heart-person h3{font-size:.87rem}.heart-person .button{width:100%;font-size:.68rem;padding-inline:9px}.feed-tabs{margin-inline-end:-16px;padding-inline-end:16px;gap:0;margin-bottom:17px}.feed-tabs button{font-size:.74rem;padding:9px 13px;min-height:44px}.stories-bar{margin-bottom:17px;gap:11px}.story-item .story-ring{width:55px;height:55px}.story-item .avatar{width:46px;height:46px}.story-item>span:last-child{font-size:.65rem}.composer-card{padding:14px;margin-bottom:18px;border-radius:17px}.composer-main .avatar{width:34px;height:34px}.composer-main{gap:9px}.composer-main>button:not(.audience-compact){padding:10px 13px;font-size:.75rem}.audience-compact{display:none}.composer-tools{justify-content:space-between;padding-top:7px;gap:1px}.composer-tool{flex-direction:column;gap:3px;padding:5px 6px;font-size:.63rem;min-height:45px}.composer-tool .icon{width:20px;height:20px}.post{margin-bottom:17px;border-radius:18px}.post-header{padding:17px 16px 0}.post-header .avatar{width:37px;height:37px}.post-header strong{font-size:.79rem}.post-header small{font-size:.62rem}.post-body{padding:13px 16px}.post-body p{font-size:.84rem;line-height:1.8}.post-stats{padding:10px 16px}.post-actions{padding:7px 10px}.post-actions button{font-size:.69rem;gap:5px}.post-actions .icon{width:18px}.post-media{margin:0;border-radius:0}.gallery-strip img{object-fit:contain}.media-library{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.media-library-item{border-radius:12px}.media-library-item>div{padding-inline:10px 4px}.media-heading h2{font-size:1.1rem}.media-heading .button{font-size:.74rem}.profile-timeline .section-heading{align-items:center;gap:10px}.profile-timeline h3{font-size:1.04rem}.profile-timeline .button{font-size:.71rem}.identity-cover{height:125px;min-height:125px}.identity-main{padding:20px 17px}.identity-summary h2{font-size:1.6rem}.identity-page .profile-about{padding:17px}.identity-actions{gap:8px}.identity-actions .button{font-size:.74rem}.resume-summary,.resume-skills,.resume-group{padding:18px;margin-bottom:13px}.profile-sections-grid{grid-template-columns:1fr}.profile-section{padding:18px}.discovery-grid.news{grid-template-columns:1fr}.interest-tile{height:132px!important}.onboarding-list button{padding:15px 0}.main-footer{font-size:.6rem;gap:12px;flex-wrap:wrap}.messenger-dialog{width:100%;max-width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0;margin:0}.messenger-dialog .dialog-head{padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top));position:sticky;top:0;z-index:2;background:var(--panel)}.messenger-dialog .dialog-head h2{font-size:1.2rem}.messenger-dialog .dialog-body{padding:12px 13px max(15px,env(safe-area-inset-bottom));overflow:auto}.messenger-tabs{margin-bottom:13px;gap:5px}.messenger-tabs .chip{font-size:.74rem;min-height:40px}.messenger-tabs .text-button{font-size:.64rem;gap:4px;max-width:140px;line-height:1.3}.messenger-tabs .text-button .icon{width:15px}.inbox-spaces{display:flex;overflow:auto;gap:8px;margin-bottom:17px}.inbox-space{min-width:90px;padding:13px 10px;gap:8px}.inbox-space strong{font-size:.7rem}.inbox-thread{padding:12px 6px;gap:10px}.inbox-thread p{font-size:.74rem}.chat-categories{gap:6px;margin-bottom:12px}.chat-categories .chip{font-size:.65rem;padding:7px 9px}.chat-categories .icon{width:15px}.chat-layout{display:flex;flex-direction:column;border-radius:15px;min-height:0}.chat-contacts{display:flex;gap:7px;overflow:auto;max-height:none;border-inline-end:0;border-bottom:1px solid var(--line);padding:7px;flex:none}.chat-contacts>button{flex:none;width:auto;max-width:150px;min-height:44px;padding:6px 8px;font-size:.69rem;white-space:nowrap}.chat-contacts>button .avatar{width:27px;height:27px;font-size:.62rem}.chat-main{min-height:0}.chat-heading{padding:10px 12px;gap:8px}.chat-heading .avatar{width:34px;height:34px}.chat-heading strong{font-size:.8rem}.chat-call-actions{gap:0}.chat-call-actions .icon-button{min-width:39px;min-height:41px}.chat-search{padding:6px 12px}.chat-search input{font-size:16px;transform-origin:left center}.chat-bubbles{height:calc(100dvh - 375px);min-height:190px;max-height:none;padding:15px 12px}.bubble{font-size:.81rem;max-width:90%;padding:10px 12px}.message-meta small{font-size:.56rem}.message-form{padding:10px 8px;gap:5px}.message-form input{font-size:16px;padding:10px 12px}.message-form .message-file{width:34px;height:42px}.message-form .button{min-width:42px;min-height:42px;padding:8px}.message-more{min-width:28px}.call-history-row{padding:15px 1px;gap:10px}.call-history-icon{width:36px;height:39px;border-radius:12px}.call-history-row strong{font-size:.8rem}.call-history-row span:not(.call-history-icon){font-size:.66rem}.call-history-row small{font-size:.6rem}.call-row-actions{gap:0}.call-row-actions .icon-button{min-width:36px;min-height:42px}.call-filters{gap:10px;justify-content:space-between}.call-filters label{font-size:.68rem;gap:5px}.call-filters select{font-size:.75rem;max-width:130px}.dialog-head{background:var(--panel)}dialog:not(.messenger-dialog):not(.call-dialog){max-height:calc(100dvh - 24px)}dialog input,dialog select,dialog textarea{font-size:16px}.call-dialog{padding-bottom:env(safe-area-inset-bottom)}}
@media(max-width:370px){.topbar{padding-inline:11px}.topbar .mobile-brand .brand-word{font-size:.98rem}.topbar .mobile-brand .brand-symbol{width:23px}.mode-top{font-size:.61rem;padding-inline:7px;max-width:103px}.mode-top>.icon{display:none}.inbox-top{min-width:35px;padding-inline:7px}.content{padding-inline:12px}.quick-spaces button{padding-inline:7px;font-size:.61rem}.quick-spaces .icon{display:none}.heading-actions .button{max-width:125px}.inbox-spaces{gap:6px}.work-action-tile{font-size:.62rem}.heart-grid{grid-template-columns:1fr}.chat-bubbles{min-height:170px}.messenger-tabs .text-button{max-width:110px}.mobile-dock button{min-width:49px;font-size:.58rem}}
@media(prefers-reduced-motion:no-preference){.space-intro,.media-library-item,.family-dashboard,.heart-dashboard{animation:space-arrive .22s ease-out}@keyframes space-arrive{from{opacity:.6;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}button{transition:background .15s,border-color .15s}.friend-circle-chips>button:hover{transform:translateY(-2px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Explicit foreground colours override earlier navigation treatments. */
.top-actions .inbox-top{color:var(--ink);background:var(--panel)}.top-actions .inbox-top:hover{color:var(--accent);background:var(--soft)}.top-actions .mode-top{color:var(--ink);background:var(--soft)}