/* heyloworld · connected, considered, calm. */
.context-nav{gap:5px}.context-nav .space-link{min-height:47px}.sidebar .side-label{letter-spacing:.09em;font-size:.66rem}.sidebar .little-promo{display:none}.sidebar-bottom{margin-top:auto}.space-nav{padding-bottom:20px}.content{scroll-margin-top:140px}.feed-tabs{border-bottom:1px solid var(--line);padding-bottom:0;margin-bottom:24px}.feed-tabs button{min-height:49px}.profile-timeline{scroll-margin-top:150px}.post{scroll-margin-top:155px}.post:focus{outline:2px solid var(--accent);outline-offset:4px}.post.just-published{box-shadow:0 0 0 2px var(--accent),0 15px 50px color-mix(in srgb,var(--accent) 12%,transparent)}.timeline-state{text-align:center;color:var(--muted);font-size:.78rem;padding:22px}.connection-connected{background:color-mix(in srgb,var(--accent) 7%,var(--panel));color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));font-weight:750}.connections-dialog{width:min(820px,calc(100vw - 24px))}.connection-intro{padding:19px 22px;border:1px solid var(--line);border-radius:17px;background:var(--soft);margin-bottom:24px}.connection-intro>strong{font-size:1.1rem}.connection-intro p{font-size:.83rem;line-height:1.8;color:var(--muted);margin:9px 0 0}.connection-section>h3{display:flex;align-items:center;gap:10px;font-size:.98rem}.connection-section>h3>span{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:var(--soft);font-size:.7rem;color:var(--accent)}.connection-row{display:grid;grid-template-columns:44px 1fr;gap:9px 14px;align-items:center;border-bottom:1px solid var(--line);padding:19px 0}.connection-row>.avatar{width:44px;height:44px}.connection-person{min-width:0}.connection-person>.text-button{font-size:.91rem;font-weight:750;padding:0;min-height:27px;white-space:normal;text-align:start}.connection-state{display:block;font-size:.73rem;color:var(--muted);margin-top:4px}.connection-actions{grid-column:2;display:flex;flex-wrap:wrap;align-items:center;gap:3px 15px}.connection-actions .text-button{font-size:.74rem;padding:4px 0;min-height:36px}.connection-actions .button{font-size:.75rem;min-height:38px;padding:8px 15px}.connection-actions .icon{width:16px;height:16px}.connection-add{border:1px solid var(--line);border-radius:16px;margin-top:28px;padding:18px 21px}.connection-add>summary{cursor:pointer;font-size:.84rem;font-weight:750}.connection-add form{margin-top:20px}.connection-add form>p{font-size:.8rem;color:var(--muted)}.person-card .connection-connected{width:100%;margin-top:8px}.identity-actions{flex-wrap:wrap}.button.danger,.text-button.danger{color:#b62951}.button.danger{border:1px solid #e2adba;background:#fff1f4}.profile-main-column{min-width:0}.profile-timeline>h3{font-size:1.3rem;letter-spacing:-.025em;margin:29px 0 20px}
/* Calls: immersive remote stage, readable states, one consistent control dock. */
.call-dialog{width:min(1080px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #ffffff20;border-radius:30px;color:#f9fbff;background:#0b1022;box-shadow:0 40px 140px #020713aa;overflow:auto;color-scheme:dark}.call-dialog::backdrop{background:#070b1dd9;backdrop-filter:blur(16px)}.call-screen{padding:24px;background:radial-gradient(ellipse at 12% 0,#28335b75,transparent 45%),#0b1022}.call-topline{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:18px}.call-brand{display:flex;align-items:center;gap:11px;min-width:0}.call-brand>img{width:35px;height:41px}.call-brand>span{font-size:1.17rem;color:#f5f7ff;font-weight:650;letter-spacing:-.04em}.call-brand strong{font-weight:400;color:#bec9e1}.call-brand small{display:block;font-size:.66rem;color:#bac6df;letter-spacing:.02em;font-weight:500;margin-top:2px}.call-status-pill{display:flex;align-items:center;gap:8px;max-width:55%;padding:9px 14px;border:1px solid #a6b8e129;border-radius:50px;font-size:.73rem;color:#cfd9ec;background:#1a254344}.call-status-pill>i{width:6px;height:6px;border-radius:50%;background:#b9acf8;flex:none}.connected .call-status-pill>i{background:#6fdbb4}.call-stage{height:min(56vh,560px);min-height:310px;margin-top:23px;border:1px solid #a9b7dd1f;border-radius:22px;overflow:hidden;background:radial-gradient(ellipse at 20% 20%,#3b3a7070,transparent 52%),radial-gradient(ellipse at 90% 90%,#15665e40,transparent 47%),#151e34}.call-stage video#remote-call-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .2s}.remote-visible .call-stage video#remote-call-video{opacity:1}.call-dialog.connected .call-stage:not(.audio-stage) .call-person{display:block}.call-dialog.remote-visible .call-stage:not(.audio-stage) .call-person{display:none}.call-person{max-width:80%;z-index:1}.call-avatar{width:110px;height:110px;border-radius:50%;font-size:2.1rem;letter-spacing:-.045em;font-weight:650;background:linear-gradient(140deg,#655ccc,#317aac);border:1px solid #d0ddff4f;box-shadow:0 0 0 15px #ada6ed09,0 0 0 33px #ada6ed05;margin:0 auto 32px}.call-person h2{font-size:1.85rem;font-weight:650;letter-spacing:-.035em;color:#fff;margin:0 0 10px}.call-person p{font-size:.79rem;color:#c5d0e6;line-height:1.6}.call-remote-label{position:absolute;inset-inline-start:20px;bottom:18px;display:flex;align-items:center;gap:12px;color:#f5f7ff;z-index:2;padding:8px 13px;border-radius:11px;background:#080d2199;backdrop-filter:blur(10px);font-size:.73rem;max-width:60%}.call-remote-label strong{font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-remote-label span{font-variant-numeric:tabular-nums;color:#d3ddef;white-space:nowrap}.local-preview{position:absolute;inset-inline-end:17px;bottom:17px;width:21%;max-width:195px;aspect-ratio:4/3;border:1px solid #d5e1ff70;border-radius:15px;background:#202f4b;box-shadow:0 10px 30px #0006;overflow:hidden;z-index:3}.call-stage .local-preview video#local-call-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0;border-radius:0;transform:scaleX(-1)}.local-preview>small{position:absolute;bottom:7px;inset-inline-start:9px;border-radius:6px;padding:3px 7px;background:#0b132e99;color:#fff;font-size:.65rem;z-index:2}.camera-hidden{display:none;position:absolute;inset:0;align-items:center;justify-content:center;flex-direction:column;gap:7px;font-size:.65rem;background:#202f4b;color:#cad6eb}.camera-hidden .icon{width:22px;height:22px}.local-camera-off .camera-hidden{display:flex}.audio-stage .local-preview,.audio-stage #remote-call-video{display:none}.call-bottom{padding:14px 0 0}.call-help{color:#c3cce2;font-size:.74rem;text-align:center;margin:0 auto 17px;max-width:650px;line-height:1.7;min-height:1.6em}.call-controls{display:flex;flex-wrap:nowrap;width:fit-content;margin:0 auto;gap:10px;padding:9px;border-radius:23px;background:#151f36;border:1px solid #b2c8ed18}.call-control{position:relative;min-width:90px;min-height:75px;border:1px solid #a7bbeb24;border-radius:15px;padding:13px 15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#25314b;color:#edf3ff;font:inherit;font-size:.66rem;transition:background .15s,transform .15s;cursor:pointer}.call-control>.icon{width:23px;height:23px}.call-control:hover{background:#344765;transform:translateY(-1px)}.call-control:focus-visible,.call-audio-prompt:focus-visible{outline:3px solid #aeafff;outline-offset:3px}.call-control.hangup{background:#d64b68;border-color:#f36d8470;color:#fff;min-width:110px}.call-control.hangup>.icon{transform:rotate(135deg)}.call-control.hangup:hover{background:#ed5c77}.call-control.answer{background:#337e72;border-color:#79e1c340}.call-control.answer:hover{background:#419b8c}.call-control[aria-pressed=true]{background:#dbe2f5;color:#16203a;border-color:#fff}.call-network{font-size:.65rem;line-height:1.7;color:#a6b3ce;margin:14px auto 0;max-width:720px}.call-audio-prompt{position:absolute;inset-inline-start:50%;top:20px;transform:translateX(-50%);border-radius:50px;display:flex;align-items:center;gap:8px;padding:12px 18px;background:#edf1ff;color:#142247;border:0;font-size:.8rem;box-shadow:0 5px 35px #0005;z-index:4;cursor:pointer}.call-audio-prompt[hidden]{display:none}.call-failed .call-status-pill>i{background:#f3859d}.call-failed .local-preview{display:none}.call-failed .call-person p{color:#f5b6c7}.call-screen:fullscreen{width:100vw;height:100dvh;display:flex;flex-direction:column;box-sizing:border-box}.call-screen:fullscreen .call-stage{height:auto;flex:1;max-height:none}.call-screen:fullscreen .call-bottom{flex:none}
html:not([data-mode=universal]) .content{padding-top:27px}html:not([data-mode=universal]) .feed-tabs{margin-top:5px}:root[data-theme=dark] .connection-intro,:root[data-theme=dark] .connection-connected{background:var(--soft)}:root[data-theme=dark] .button.danger{background:#3e2433;border-color:#734358;color:#ffc0ce}
@media(min-width:1060px){.context-nav+.side-heading{padding-top:10px}.profile-timeline{max-width:900px}}
@media(max-width:760px){.call-dialog{width:calc(100vw - 14px);max-height:calc(100dvh - 14px);border-radius:24px}.call-screen{padding:16px}.call-stage{height:49dvh;min-height:260px;margin-top:16px;border-radius:18px}.call-brand>span{font-size:1.05rem}.call-brand>img{width:29px}.call-status-pill{font-size:.65rem;padding:8px 10px}.call-controls{padding:7px;gap:7px}.call-control{min-width:68px;min-height:67px;padding:10px 12px;font-size:.6rem}.call-control.hangup{min-width:85px}.local-preview{width:26%;bottom:12px;inset-inline-end:12px;border-radius:12px}.call-avatar{width:88px;height:88px;font-size:1.8rem}.call-person h2{font-size:1.55rem}.call-help{font-size:.68rem;margin-bottom:13px}.call-network{font-size:.62rem}.call-remote-label{bottom:13px;inset-inline-start:12px;font-size:.67rem;gap:8px;padding:7px 10px}.connection-row{gap:7px 10px}.connection-actions{gap:5px 13px}.connection-intro{padding:17px}.post{scroll-margin-top:140px}html:not([data-mode=universal]) .content{padding-top:19px}.profile-timeline{scroll-margin-top:130px}.call-audio-prompt{font-size:.7rem;max-width:85%;width:max-content}.call-control[data-call=fullscreen]{display:none}}
@media(prefers-reduced-motion:no-preference){.profile-main-column,.connections-dialog .dialog-body{animation:gentle-enter .18s ease-out}@keyframes gentle-enter{from{opacity:.7;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}}
@media(prefers-reduced-motion:reduce){.call-stage video#remote-call-video,.call-control{transition:none}html{scroll-behavior:auto}}