:root{color-scheme:dark;--bg:#080a0f;--bg2:#11151d;--panel:rgba(24,29,39,.72);--panel2:rgba(255,255,255,.075);--stroke:rgba(255,255,255,.12);--text:#f5f7fb;--muted:#99a2b2;--accent:#a78bfa;--accent2:#69d5ff;--bubble-me:linear-gradient(145deg,rgba(117,86,238,.92),rgba(81,63,187,.94));--bubble-them:rgba(31,36,47,.89);--good:#79e0aa;--warn:#ffd479;--bad:#ff8f9c;--shadow:0 18px 60px rgba(0,0,0,.34);--radius:24px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}
[data-theme="light"]{color-scheme:light;--bg:#f5f6f8;--bg2:#e8ebf0;--panel:rgba(255,255,255,.78);--panel2:rgba(0,0,0,.045);--stroke:rgba(0,0,0,.09);--text:#12151b;--muted:#68717f;--accent:#765bd9;--accent2:#2088bb;--bubble-me:linear-gradient(145deg,#8870e6,#725aca);--bubble-them:rgba(255,255,255,.94);--shadow:0 18px 55px rgba(43,49,62,.13)}
[data-theme="black"]{--bg:#000;--bg2:#050505;--panel:rgba(16,16,16,.86);--panel2:rgba(255,255,255,.06);--stroke:rgba(255,255,255,.11);--bubble-them:rgba(20,20,20,.95)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;color:var(--text)}body:before{content:"";position:fixed;inset:-25%;background:radial-gradient(circle at 18% 8%,rgba(113,79,231,.18),transparent 34%),radial-gradient(circle at 82% 35%,rgba(73,180,229,.10),transparent 30%),linear-gradient(160deg,var(--bg),var(--bg2));z-index:-2}button,input,textarea{font:inherit}button{border:0;color:inherit}.app-shell{height:100dvh;display:flex;flex-direction:column;padding-top:var(--safe-top)}.topbar{height:72px;display:flex;align-items:center;gap:12px;padding:12px 18px 8px;flex:none}.topbar h1{font-size:30px;letter-spacing:-.7px;margin:0;font-weight:760}.topbar .spacer{flex:1}.icon-btn,.round-btn{width:42px;height:42px;border-radius:16px;background:var(--panel2);border:1px solid var(--stroke);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);display:grid;place-items:center;font-size:19px}.main{flex:1;min-height:0;overflow:hidden;position:relative}.view{height:100%;overflow:auto;padding:4px 14px 110px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.bottom-nav{position:absolute;left:12px;right:12px;bottom:calc(10px + var(--safe-bottom));height:68px;background:var(--panel);border:1px solid var(--stroke);border-radius:25px;display:flex;align-items:center;justify-content:space-around;padding:6px;backdrop-filter:blur(28px) saturate(150%);-webkit-backdrop-filter:blur(28px) saturate(150%);box-shadow:var(--shadow);z-index:20}.nav-btn{height:54px;min-width:64px;border-radius:19px;background:transparent;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px;font-weight:650}.nav-btn .nav-ico{font-size:20px}.nav-btn.active{color:var(--text);background:var(--panel2)}.glass{background:var(--panel);border:1px solid var(--stroke);border-radius:var(--radius);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);box-shadow:var(--shadow)}.search{width:100%;height:46px;border-radius:18px;background:var(--panel2);border:1px solid var(--stroke);padding:0 16px;color:var(--text);outline:none}.section-title{font-size:13px;color:var(--muted);font-weight:700;padding:20px 8px 8px;text-transform:uppercase;letter-spacing:.08em}.chat-row{display:flex;align-items:center;gap:12px;padding:11px 8px;border-bottom:1px solid color-mix(in srgb,var(--stroke) 68%,transparent)}.chat-row:last-child{border-bottom:0}.avatar{width:49px;height:49px;border-radius:18px;background:linear-gradient(145deg,rgba(153,118,255,.85),rgba(64,153,204,.72));display:grid;place-items:center;font-weight:800;color:white;flex:none;overflow:hidden}.avatar.sm{width:25px;height:25px;border-radius:10px;font-size:10px}.row-main{min-width:0;flex:1}.row-title{font-weight:720;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-sub{color:var(--muted);font-size:13px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-time{font-size:11px;color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;background:var(--panel2);border:1px solid var(--stroke);font-size:11px;font-weight:750}.badge.gold{color:#ffd35c;background:rgba(255,195,47,.11);border-color:rgba(255,195,47,.25)}.empty{margin:54px 24px;text-align:center;color:var(--muted)}.empty strong{display:block;color:var(--text);font-size:20px;margin-bottom:8px}.primary,.secondary,.danger{min-height:48px;border-radius:18px;padding:0 18px;font-weight:750}.primary{background:linear-gradient(145deg,#8b6ff1,#6f57d5);color:white}.secondary{background:var(--panel2);border:1px solid var(--stroke)}.danger{background:rgba(255,86,107,.13);color:var(--bad);border:1px solid rgba(255,86,107,.18)}.field{width:100%;min-height:50px;border-radius:17px;border:1px solid var(--stroke);background:var(--panel2);color:var(--text);padding:13px 15px;outline:none}.field:focus{border-color:color-mix(in srgb,var(--accent) 65%,var(--stroke))}.hint{font-size:12px;color:var(--muted);padding:5px 5px 0}.hint.good{color:var(--good)}.hint.bad{color:var(--bad)}.stack{display:flex;flex-direction:column;gap:11px}.card{padding:17px}.profile-head{display:flex;align-items:center;gap:14px}.profile-head .avatar{width:68px;height:68px;border-radius:23px;font-size:22px}.profile-name{font-size:22px;font-weight:780}.profile-handle{font-size:14px;color:var(--muted);margin-top:3px}.segmented{display:flex;padding:4px;border-radius:18px;background:var(--panel2);border:1px solid var(--stroke)}.segmented button{flex:1;height:38px;border-radius:14px;background:transparent;color:var(--muted);font-weight:700}.segmented button.on{background:var(--panel);color:var(--text)}
/* Chat */
.chat-screen{position:absolute;inset:0;background:var(--bg);z-index:30;display:flex;flex-direction:column;padding-top:var(--safe-top)}.chat-head{height:66px;display:flex;align-items:center;padding:8px 12px;gap:10px;border-bottom:1px solid var(--stroke);background:color-mix(in srgb,var(--bg) 80%,transparent);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.chat-head-text{min-width:0;flex:1}.chat-head-title{font-size:16px;font-weight:760;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-head-status{height:16px;font-size:12px;color:var(--muted);margin-top:1px}.messages{flex:1;overflow:auto;padding:15px 12px 20px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.date-chip{width:max-content;max-width:80%;margin:13px auto 10px;padding:5px 10px;border-radius:999px;background:var(--panel);border:1px solid var(--stroke);color:var(--muted);font-size:11px;font-weight:700;backdrop-filter:blur(20px)}.message-row{display:flex;align-items:flex-end;gap:6px;margin:3px 0;min-height:28px}.message-row.me{justify-content:flex-end}.message-hit{min-width:154px;max-width:84%;display:flex;touch-action:pan-y;position:relative}.message-row.me .message-hit{justify-content:flex-end}.bubble{max-width:100%;width:max-content;padding:9px 11px 7px;border-radius:19px;background:var(--bubble-them);border:1px solid color-mix(in srgb,var(--stroke) 72%,transparent);box-shadow:0 6px 18px rgba(0,0,0,.12);transform:translateX(var(--drag,0px));transition:transform .17s ease;position:relative;overflow:hidden}.message-row.me .bubble{background:var(--bubble-me);color:white;border-color:rgba(255,255,255,.12)}.sender-label{font-size:11px;font-weight:800;color:var(--accent2);margin:0 0 4px 2px}.message-text{font-size:15px;line-height:1.28;word-break:break-word;white-space:pre-wrap}.msg-time{font-size:10px;opacity:.62;text-align:right;margin-top:4px}.reply-quote{border-left:3px solid currentColor;padding:5px 8px;margin-bottom:6px;border-radius:8px;background:rgba(0,0,0,.10);font-size:12px;opacity:.86;max-width:270px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reaction-line{display:flex;gap:4px;flex-wrap:wrap;margin-top:5px}.reaction-chip{padding:2px 7px;border-radius:999px;background:var(--panel);border:1px solid var(--stroke);font-size:12px}.composer-wrap{padding:8px 10px calc(8px + var(--safe-bottom));background:color-mix(in srgb,var(--bg) 82%,transparent);border-top:1px solid var(--stroke);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.reply-bar{display:flex;gap:8px;align-items:center;padding:7px 10px;margin:0 2px 6px;border-radius:14px;background:var(--panel);border:1px solid var(--stroke);font-size:12px}.reply-bar .rb-main{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.composer{display:flex;align-items:flex-end;gap:7px}.composer textarea{flex:1;min-height:44px;max-height:120px;resize:none;border-radius:19px;border:1px solid var(--stroke);background:var(--panel);color:var(--text);padding:11px 13px;outline:none}.send{width:44px;height:44px;border-radius:17px;background:linear-gradient(145deg,#8b6ff1,#6f57d5);color:white;font-size:19px}.overlay{position:fixed;inset:0;background:rgba(3,4,7,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:80;display:flex;align-items:flex-end;justify-content:center;padding:14px 14px calc(14px + var(--safe-bottom))}.sheet{width:min(620px,100%);max-height:82dvh;overflow:auto;background:var(--panel);border:1px solid var(--stroke);border-radius:28px;padding:16px;box-shadow:var(--shadow);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}.sheet-title{font-size:19px;font-weight:800;margin:2px 4px 14px}.reaction-picker{display:flex;gap:6px;justify-content:space-between;padding:7px;border-radius:22px;background:var(--panel);border:1px solid var(--stroke)}.reaction-picker button{width:42px;height:42px;border-radius:15px;background:transparent;font-size:21px}.reaction-picker button:active{background:var(--panel2)}.action-row{display:flex;gap:8px;flex-wrap:wrap}.action-row button{padding:11px 14px;border-radius:15px;background:var(--panel2);border:1px solid var(--stroke);font-weight:700}.receipt-section{padding:10px 0}.receipt-section h3{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:8px 0}.receipt-person{display:flex;justify-content:space-between;gap:12px;padding:10px 4px;border-bottom:1px solid var(--stroke);font-size:14px}.toast{position:fixed;left:50%;bottom:calc(94px + var(--safe-bottom));transform:translate(-50%,18px);opacity:0;pointer-events:none;max-width:86%;padding:10px 14px;border-radius:15px;background:rgba(18,20,27,.92);color:white;border:1px solid rgba(255,255,255,.12);z-index:120;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.auth{height:100dvh;overflow:auto;padding:calc(24px + var(--safe-top)) 18px calc(28px + var(--safe-bottom));display:flex;justify-content:center}.auth-inner{width:min(520px,100%);margin:auto}.brand-mark{width:78px;height:78px;border-radius:24px;margin:0 auto 20px;box-shadow:0 25px 70px rgba(105,75,218,.3);overflow:hidden}.brand-mark img{display:block;width:100%;height:100%;object-fit:cover}.auth h1{text-align:center;margin:0;font-size:35px;letter-spacing:-1px}.auth-lead{text-align:center;color:var(--muted);line-height:1.45;margin:8px 12px 24px}.auth-card{padding:18px}.auth-mode{display:flex;gap:8px;margin-bottom:14px}.auth-mode button{flex:1;height:43px;border-radius:15px;background:var(--panel2);color:var(--muted);font-weight:730}.auth-mode button.on{color:var(--text);background:color-mix(in srgb,var(--accent) 18%,var(--panel2))}.security-note{font-size:12px;color:var(--muted);line-height:1.45;padding:10px 4px}.spinner{display:inline-block;width:15px;height:15px;border:2px solid var(--stroke);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:760px){.app-shell{max-width:720px;margin:auto;border-left:1px solid var(--stroke);border-right:1px solid var(--stroke)}.bottom-nav{position:absolute}.view{padding-left:22px;padding-right:22px}}


/* ========================================================================== 
   Orbit Safari · Android visual parity 0.2
   Mirrors FridayTheme / FridayCrystalNav proportions without changing crypto.
   ========================================================================== */
:root{
  --bg:#070511;--bg2:#0b0b21;--bg3:#050711;
  --panel:rgba(11,11,18,.72);--panel-emph:rgba(17,16,27,.84);
  --panel2:rgba(255,255,255,.072);--stroke:rgba(255,255,255,.17);
  --text:#f8f6ff;--muted:rgba(248,246,255,.56);--accent:#b45cff;--accent2:#4cb6ff;
  --bubble-me:linear-gradient(145deg,#b45cff 0%,#7348c9 58%,#5142a7 100%);
  --bubble-them:rgba(25,23,36,.94);--good:#79ebc0;--bad:#ff7a91;
  --shadow:0 16px 44px rgba(0,0,0,.56);--radius:24px;
}
[data-theme="light"]{--bg:#fbfbfc;--bg2:#f6f7f9;--bg3:#f1f3f6;--panel:#fff;--panel-emph:#fff;--panel2:#f0f1f4;--stroke:#d0d3da;--text:#111217;--muted:#555963;--accent:#67409d;--accent2:#08678f;--bubble-me:linear-gradient(145deg,#7350aa,#67409d);--bubble-them:#fff;--shadow:0 7px 24px rgba(31,34,41,.12)}
[data-theme="black"]{--bg:#000;--bg2:#000;--bg3:#000;--panel:#080808;--panel-emph:#0a0a0a;--panel2:#111;--stroke:rgba(255,255,255,.16);--text:#f8f8fa;--muted:rgba(248,248,250,.54);--bubble-them:#111}
html,body{background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",sans-serif}
body:before{inset:-18%;background:linear-gradient(155deg,var(--bg),var(--bg2) 58%,var(--bg3));animation:none}
body:after{content:"";position:fixed;inset:-18%;z-index:-1;pointer-events:none;background:radial-gradient(circle at 86% 4%,rgba(157,76,255,.34),transparent 26%),radial-gradient(circle at 2% 94%,rgba(26,143,255,.29),transparent 27%);filter:blur(32px);opacity:.95;animation:orbitAmbient 10s ease-in-out infinite alternate}
[data-theme="light"] body:after,[data-theme="black"] body:after{display:none}
@keyframes orbitAmbient{from{transform:translate3d(-10px,-5px,0) scale(.98);opacity:.72}to{transform:translate3d(12px,8px,0) scale(1.03);opacity:1}}
.app-shell{padding-top:0}
.topbar{height:auto;min-height:82px;padding:calc(10px + var(--safe-top)) 18px 10px;gap:9px}
.topbar-copy{min-width:0;display:flex;flex-direction:column;justify-content:center}
.topbar h1{font-size:27px;line-height:32px;letter-spacing:-.45px;font-weight:650}
.topbar-sub{font-size:12px;line-height:17px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.transport-pill{height:30px;padding:0 9px;border-radius:999px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.055);display:flex;align-items:center;gap:6px;font-size:10.5px;font-weight:650;color:var(--muted);white-space:nowrap}
.transport-pill i{width:7px;height:7px;border-radius:50%;background:rgba(248,246,255,.30);box-shadow:0 0 0 3px rgba(248,246,255,.035)}
.transport-pill.on{color:#83f0c0;background:rgba(79,226,163,.10);border-color:rgba(131,240,192,.16)}.transport-pill.on i{background:#79ebc0;box-shadow:0 0 12px rgba(121,235,192,.55)}
.founding-mini,.founding-inline{display:inline-grid;place-items:center;border-radius:999px;color:#ffde86;background:rgba(255,200,87,.14);border:1px solid rgba(255,214,107,.34);font-size:10px;font-weight:800}.founding-mini{width:27px;height:27px}.founding-inline{width:18px;height:18px;vertical-align:middle;flex:none}
.request-count{min-width:25px;height:25px;padding:0 7px;border-radius:999px;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:750}
.icon-btn,.round-btn{width:42px;height:42px;border-radius:17px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.13);box-shadow:0 7px 18px rgba(0,0,0,.20);color:var(--text)}
.round-btn.bare{background:transparent;border-color:transparent;box-shadow:none}.round-btn.tiny{width:32px;height:32px;border-radius:50%;font-size:21px}
.ui-icon{width:22px;height:22px;display:block}.icon-btn .ui-icon,.round-btn .ui-icon{width:21px;height:21px}
.main{overflow:hidden}
.view{padding:6px 16px 112px}
.bottom-nav{left:14px;right:14px;bottom:calc(8px + var(--safe-bottom));height:76px;border-radius:28px;padding:6px;background:rgba(10,9,18,.85);border:1px solid rgba(255,255,255,.12);box-shadow:0 16px 34px rgba(0,0,0,.46);backdrop-filter:blur(30px) saturate(150%);-webkit-backdrop-filter:blur(30px) saturate(150%)}
[data-theme="light"] .bottom-nav{background:#fcfcfd;border-color:#d5d8df;box-shadow:0 7px 20px rgba(31,34,41,.12)}[data-theme="black"] .bottom-nav{background:#050505}
.nav-btn{position:relative;height:62px;border-radius:20px;min-width:0;flex:1;gap:3px;color:rgba(248,246,255,.48);font-size:11px;font-weight:550;transition:background .20s ease,color .20s ease,transform .13s ease}
.nav-btn:active{transform:scale(.96)}.nav-btn .nav-ico{display:grid;place-items:center;height:24px}.nav-btn .nav-ico .ui-icon{width:21px;height:21px}.nav-btn.active{color:var(--text);background:rgba(180,92,255,.18)}.nav-btn.active .nav-ico{color:var(--accent)}
.nav-badge{position:absolute;top:5px;left:calc(50% + 6px);min-width:17px;height:17px;border-radius:999px;background:#ff7a91;color:#fff;border:2px solid #0a0912;display:grid;place-items:center;padding:0 4px;font-size:9px;line-height:1}
.glass,.person-card,.conversation-card{background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(11,11,18,.70));border:1px solid rgba(255,255,255,.17);box-shadow:0 9px 24px rgba(0,0,0,.35);backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%)}
.emphasized,.person-card.emphasized{background:linear-gradient(145deg,rgba(255,255,255,.145),rgba(11,11,18,.78));border-color:rgba(255,255,255,.25);box-shadow:0 20px 42px rgba(0,0,0,.48)}
[data-theme="light"] .glass,[data-theme="light"] .person-card,[data-theme="light"] .conversation-card{background:linear-gradient(145deg,#fff,#fafafc);border-color:#d5d8df;box-shadow:0 3px 12px rgba(31,34,41,.08)}
[data-theme="black"] .glass,[data-theme="black"] .person-card,[data-theme="black"] .conversation-card{background:linear-gradient(145deg,#0a0a0a,#050505)}
.search-shell{height:52px;position:relative;margin-bottom:12px}.search-shell>.ui-icon{position:absolute;left:15px;top:15px;width:21px;height:21px;color:var(--muted);z-index:1}.search{height:52px;border-radius:18px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.14);padding:0 16px 0 45px;font-size:15px}.search:focus{border-color:rgba(180,92,255,.58);box-shadow:0 0 0 3px rgba(180,92,255,.08)}
.conversation-list,.card-stack{display:flex;flex-direction:column;gap:10px}.conversation-card,.person-card{border-radius:23px;padding:12px 13px;border-bottom:1px solid rgba(255,255,255,.17)}.conversation-card:last-child,.person-card:last-child{border-bottom:1px solid rgba(255,255,255,.17)}
.chat-row{gap:11px}.chat-row:active{transform:scale(.992)}
.avatar{width:49px;height:49px;border-radius:50%;background:linear-gradient(145deg,#b45cff,#4cb6ff);border:1px solid rgba(255,255,255,.28);box-shadow:0 8px 19px rgba(0,0,0,.28),0 0 18px rgba(180,92,255,.12);font-size:15px}.avatar.sm{width:28px;height:28px;border-radius:50%;font-size:10px}.avatar.chat-avatar{width:42px;height:42px;font-size:13px}
.row-title-line{display:flex;align-items:center;gap:6px;min-width:0}.row-title{font-size:16px;font-weight:620;letter-spacing:-.1px}.row-sub{font-size:13px;margin-top:2px;color:var(--muted)}.row-sub.typing{color:var(--accent2);font-weight:580}.row-side{align-self:stretch;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:6px}.row-meta{display:flex;align-items:center;gap:5px}.online-dot{width:7px;height:7px;border-radius:50%;background:#79ebc0;box-shadow:0 0 9px rgba(121,235,192,.45)}.row-time{font-size:11px;color:rgba(248,246,255,.42)}.unread-badge{min-width:23px;height:23px;padding:0 7px;border-radius:999px;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:700}.pin-dot{font-size:8px;color:var(--accent);opacity:.7}
.section-title{padding:18px 3px 8px;text-transform:none;letter-spacing:0;font-size:16px;line-height:22px;color:var(--text);font-weight:620}.secondary.compact{min-height:38px;height:38px;padding:0 13px;border-radius:15px}
.fab{position:fixed;right:20px;bottom:calc(98px + var(--safe-bottom));width:57px;height:57px;border-radius:18px;background:var(--accent);color:#fff;display:grid;place-items:center;box-shadow:0 14px 32px rgba(83,35,137,.45);z-index:18}.fab .ui-icon{width:25px;height:25px}.fab:active{transform:scale(.94)}
.capsules-view{display:flex;align-items:flex-start;justify-content:center}.capsule-card{width:100%;margin-top:8px;text-align:center;padding:34px 24px;border-radius:30px}.capsule-icon{width:62px;height:62px;margin:0 auto 15px;border-radius:21px;background:rgba(180,92,255,.12);border:1px solid rgba(180,92,255,.22);display:grid;place-items:center;color:var(--accent)}.capsule-icon .ui-icon{width:31px;height:31px}.capsule-title{font-size:22px;font-weight:650;margin-bottom:10px}.capsule-copy{color:var(--muted);margin:13px auto 0;max-width:330px;line-height:1.48;font-size:13px}.status-pill{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid rgba(121,235,192,.18);background:rgba(79,226,163,.13);color:#83f0c0}
.profile-view{padding-top:8px}.profile-card{border-radius:30px}.profile-head .avatar{width:82px;height:82px;border-radius:50%;font-size:24px}.profile-name{font-size:21px;font-weight:650}.profile-handle{font-size:12px}.segmented{border-radius:18px;background:rgba(255,255,255,.06);padding:4px}.segmented button{height:40px}.segmented button.on{background:rgba(180,92,255,.14);color:var(--text)}
.primary{background:var(--accent);border-radius:18px;box-shadow:0 8px 22px rgba(180,92,255,.20)}.secondary{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14)}.field{border-radius:18px;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14)}
/* Chat parity */
.chat-screen{background:linear-gradient(160deg,var(--bg),var(--bg2) 62%,var(--bg3));padding-top:0}.chat-screen:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 90% 5%,rgba(157,76,255,.17),transparent 28%),radial-gradient(circle at 5% 93%,rgba(26,143,255,.15),transparent 27%)}[data-theme="light"] .chat-screen:before,[data-theme="black"] .chat-screen:before{display:none}
.chat-head{position:relative;z-index:2;height:auto;min-height:68px;padding:calc(8px + var(--safe-top)) 10px 8px;background:rgba(10,8,18,.83);border-bottom:0;box-shadow:0 9px 24px rgba(0,0,0,.25);backdrop-filter:blur(28px) saturate(145%);-webkit-backdrop-filter:blur(28px) saturate(145%)}[data-theme="light"] .chat-head{background:rgba(255,255,255,.97)}[data-theme="black"] .chat-head{background:rgba(0,0,0,.97)}
.chat-head-title{font-size:16px;font-weight:650}.chat-head-status{color:var(--muted);font-size:12px;height:17px}.messages{position:relative;z-index:1;padding:16px 12px 18px}.date-chip{background:rgba(11,11,18,.72);border-color:rgba(255,255,255,.12);box-shadow:0 5px 14px rgba(0,0,0,.18);color:rgba(248,246,255,.58)}
.bubble{border-radius:20px;padding:9px 12px 7px;background:rgba(25,23,36,.94);border-color:rgba(255,255,255,.10);box-shadow:0 6px 17px rgba(0,0,0,.16)}.message-row.me .bubble{background:linear-gradient(145deg,#a653ec,#7948d1 62%,#5c45b3);border-color:rgba(255,255,255,.13)}.sender-label{color:var(--accent2)}.reaction-chip{background:rgba(12,11,19,.90)}
.composer-wrap{position:relative;z-index:3;padding:7px 10px calc(8px + var(--safe-bottom));background:transparent;border-top:0;backdrop-filter:none;-webkit-backdrop-filter:none}.composer-surface{width:100%;border-radius:30px;background:rgba(18,16,32,.82);border:1px solid rgba(255,255,255,.18);box-shadow:0 18px 34px rgba(0,0,0,.42);backdrop-filter:blur(28px) saturate(150%);-webkit-backdrop-filter:blur(28px) saturate(150%);overflow:hidden}[data-theme="light"] .composer-surface{background:rgba(255,255,255,.98);border-color:#d5d8df}[data-theme="black"] .composer-surface{background:rgba(7,7,7,.96)}
.composer{padding:6px 7px 6px 8px;gap:4px}.composer textarea{min-height:46px;border:0;background:transparent;padding:12px 8px;border-radius:0;font-size:16px}.composer textarea:focus{outline:none}.send{width:46px;height:46px;border-radius:50%;background:var(--accent);display:grid;place-items:center;box-shadow:none}.send .ui-icon{width:21px;height:21px}
.reply-bar{margin:8px 10px 0;padding:7px 4px 7px 0;border-radius:18px;background:rgba(180,92,255,.10);border:1px solid rgba(180,92,255,.24);gap:9px}.reply-accent{width:3px;height:34px;border-radius:999px;background:var(--accent);margin-left:10px}.reply-bar .rb-main{display:flex;flex-direction:column;gap:1px}.reply-bar .rb-main b{font-size:12px;color:var(--accent)}.reply-bar .rb-main span{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sheet{background:rgba(17,16,27,.94);border-color:rgba(255,255,255,.17);border-radius:30px;padding:18px;box-shadow:0 28px 70px rgba(0,0,0,.58)}[data-theme="light"] .sheet{background:#fff;border-color:#d5d8df}.sheet-title{font-size:21px;font-weight:650}.action-row button{border-radius:17px;background:rgba(255,255,255,.07)}
.toast{background:rgba(18,16,32,.94);border-color:rgba(255,255,255,.15);border-radius:16px}
.auth{background:transparent}.brand-mark{width:82px;height:82px;border-radius:26px;box-shadow:0 22px 52px rgba(105,75,218,.34)}.auth h1{font-size:32px;font-weight:650}.auth-card{border-radius:30px}.auth-mode{padding:4px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.11)}.auth-mode button{height:40px;background:transparent}.auth-mode button.on{background:rgba(180,92,255,.15)}
@media(min-width:760px){.app-shell{max-width:720px}.view{padding-left:18px;padding-right:18px}.fab{right:calc((100vw - min(720px,100vw))/2 + 22px)}}


/* Friday Orbit Safari 0.3 · multimedia parity */
.composer-action{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);background:color-mix(in srgb,var(--accent2) 16%,transparent);color:var(--accent2);flex:0 0 auto}
.composer-action .ui-icon,.send .ui-icon{width:21px;height:21px}.send.mic.recording{background:#e65b78;box-shadow:0 8px 22px rgba(230,91,120,.28)}
.recording-state{display:flex;align-items:center;gap:8px;padding:9px 14px 2px;color:var(--text)}.recording-state small{margin-left:auto;color:var(--muted);font-size:11px}.record-dot{width:9px;height:9px;border-radius:50%;background:#e65b78;box-shadow:0 0 0 5px rgba(230,91,120,.13);animation:recordPulse 1.15s ease-in-out infinite}@keyframes recordPulse{50%{opacity:.45;transform:scale(.82)}}
.media-actions{display:grid;gap:8px}.media-actions button{display:flex;align-items:center;gap:13px;padding:13px 14px;border-radius:19px;background:var(--surface2);border:1px solid var(--line);color:var(--text);text-align:left}.media-actions .ui-icon{width:24px;height:24px;color:var(--accent2);flex:0 0 auto}.media-actions span{display:grid;gap:2px}.media-actions small{font-size:12px;color:var(--muted)}
.attachment-bubble{padding:7px;min-width:min(270px,76vw)}.media-image-btn{display:block;width:100%;padding:0;border:0;background:none;border-radius:17px;overflow:hidden}.media-image{width:100%;max-height:330px;object-fit:cover;display:block;border-radius:17px}.media-video{width:100%;max-height:360px;display:block;border-radius:17px;background:#050509}.media-caption{padding:7px 7px 2px;font-size:12px;color:currentColor;opacity:.78;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-note{display:flex;align-items:center;gap:9px;min-width:min(285px,72vw);padding:5px 6px}.voice-note audio{width:100%;height:38px}.voice-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.10);flex:0 0 auto}.voice-icon .ui-icon{width:21px;height:21px}.file-attachment{display:flex;align-items:center;gap:10px;padding:9px;color:inherit;text-decoration:none}.file-attachment>.ui-icon{width:28px;height:28px;flex:0 0 auto}.file-attachment span{display:grid;min-width:0}.file-attachment b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-attachment small{opacity:.65;font-size:11px}.media-preview-shell{height:min(76vh,720px);display:grid;place-items:center}.media-preview-shell img{max-width:100%;max-height:100%;border-radius:22px;box-shadow:0 22px 70px rgba(0,0,0,.38)}
@media(max-width:430px){.recording-state small{display:none}.attachment-bubble{min-width:min(250px,78vw)}.voice-note{min-width:min(250px,74vw)}}

/* Friday Orbit Safari v58 · calls, recording workflow and Web Push */
.chat-head-text{flex:1;min-width:0}.chat-head>.round-btn{flex:0 0 auto}.chat-head #voiceCall,.chat-head #videoCall{width:38px;height:38px;border-radius:50%}
.composer-surface{position:relative}
.composer-surface.recording-active .composer{visibility:visible;height:auto;padding:6px 7px 6px 8px}.composer-surface.recording-active .composer>.attach,.composer-surface.recording-active .composer>textarea,.composer-surface.recording-active .composer>#sendBtn{visibility:hidden}.composer-surface.recording-active .composer>.mic{visibility:visible;position:relative;z-index:8;background:#df4c65}.composer-surface.recording-active .recording-state{right:58px}
.recording-state[hidden]{display:none}.composer-surface.recording-active .composer{visibility:hidden;height:54px;padding:0;overflow:hidden}.recording-state{position:absolute;inset:0;z-index:5;min-height:58px;padding:0 14px 0 12px;display:flex;align-items:center;overflow:hidden;background:rgba(18,16,32,.98);border-radius:30px}.record-live{width:100%;display:flex;align-items:center;gap:11px;transform:translateX(var(--record-drag,0px));transition:transform .05s linear;will-change:transform}.record-live strong{min-width:46px;font-size:17px;font-variant-numeric:tabular-nums;letter-spacing:.02em}.record-live #recordingHint{margin-left:auto;color:var(--muted);font-size:12px;white-space:nowrap;transition:color .15s}.record-delete-target{position:absolute;left:12px;top:9px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;opacity:0;transform:scale(.82);color:#ff8198;background:rgba(255,95,124,.16);border:1px solid rgba(255,129,152,.25);transition:opacity .08s,transform .12s,background .12s}.record-delete-target .ui-icon{width:21px;height:21px}.recording-state.cancel-ready .record-delete-target{transform:scale(1);background:#df4c65;color:#fff}.recording-state.cancel-ready #recordingHint{color:#ff8198;font-weight:700}.send.mic{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.send.mic:active{transform:scale(.91);background:#d84e6b}
.incoming-call{position:fixed;left:12px;right:12px;top:calc(10px + var(--safe-top));z-index:170;display:flex;align-items:center;gap:10px;padding:12px;border-radius:25px;background:rgba(17,16,27,.96);border:1px solid rgba(255,255,255,.19);box-shadow:0 24px 65px rgba(0,0,0,.58);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}.incoming-copy{display:flex;flex:1;min-width:0;flex-direction:column}.incoming-copy b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.incoming-copy span{font-size:12px;color:var(--muted)}
.call-avatar{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--accent),var(--accent2));color:#fff;font-weight:750;font-size:18px;box-shadow:0 10px 26px rgba(0,0,0,.28)}.call-action{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;color:#fff}.call-action.accept{background:#39bc7b}.call-action.decline{background:#e74f69}.call-action .ui-icon{width:22px;height:22px}
.call-screen{position:fixed;inset:0;z-index:160;background:radial-gradient(circle at 75% 8%,rgba(180,92,255,.38),transparent 30%),linear-gradient(160deg,#080513,#080b19 70%,#04050a);color:#fff;display:flex;flex-direction:column;padding:calc(12px + var(--safe-top)) 12px calc(18px + var(--safe-bottom))}.call-top{display:flex;align-items:center;gap:13px;z-index:2}.call-top>div{display:flex;flex-direction:column;gap:2px}.call-top b{font-size:17px}.call-top span{font-size:12px;color:rgba(255,255,255,.62)}.call-media{flex:1;min-height:0;display:grid;place-items:center;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:18px 0}.call-media>.call-avatar{width:118px;height:118px;font-size:34px;grid-column:1/-1}.call-video{width:100%;height:100%;min-height:180px;max-height:62dvh;object-fit:cover;border-radius:24px;background:#030305}.call-audio{position:absolute;width:1px;height:1px;opacity:.01}.call-controls{display:flex;justify-content:center;gap:16px;z-index:2}.call-control{width:72px;min-height:72px;border-radius:25px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:10px}.call-control .ui-icon{width:23px;height:23px}.call-control.off{background:rgba(255,255,255,.95);color:#15131b}.call-control.danger{background:#df4c65;border-color:#f1758a}
.call-pill{position:fixed;left:14px;right:14px;top:calc(10px + var(--safe-top));z-index:150;display:flex;align-items:center;background:rgba(17,16,27,.96);border:1px solid rgba(121,235,192,.22);box-shadow:0 15px 38px rgba(0,0,0,.48);border-radius:22px;overflow:hidden}.call-pill-main{flex:1;min-width:0;height:58px;padding:0 14px;display:flex;align-items:center;gap:8px;color:#fff;text-align:left}.call-pill-main b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.call-pill-main .call-duration{margin-left:auto;color:rgba(255,255,255,.62);font-size:12px}.call-pill-end{width:58px;height:58px;background:#df4c65;color:#fff;display:grid;place-items:center}.call-pill-end .ui-icon{width:24px;height:24px}
@media(max-width:390px){.chat-head #voiceCall,.chat-head #videoCall{width:34px;height:34px}.chat-head .chat-avatar{display:none}.call-media{grid-template-columns:1fr}.call-video{min-height:150px;max-height:32dvh}}
.composer-surface.recording-active .recording-state{right:58px}

/* Friday Orbit v61 · grabación fluida y bloqueada */
.send.mic{transition:transform .16s cubic-bezier(.2,.8,.2,1),opacity .16s,background .16s;will-change:transform}.send.mic.deleting{transform:translateX(-108px) scale(.25)!important;opacity:.08}
.recording-state{transition:right .2s cubic-bezier(.2,.8,.2,1),opacity .2s,transform .2s}.recording-state.locking{transform:translateY(-5px)}.recording-state.deleting{transform:translateX(-100%);opacity:0}
.composer-surface.recording-locked .recording-state{right:0}.recording-state.locked .record-live{padding-right:94px}.recording-state.locked #recordingHint{color:var(--accent2);font-weight:650}
.record-locked-action{position:absolute;top:8px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);z-index:7}.record-locked-action .ui-icon{width:20px;height:20px}.record-locked-action.discard{right:55px;background:rgba(230,91,120,.14);color:#ff8198}.record-locked-action.send-voice{right:8px;background:var(--accent);color:#fff}.record-locked-action[hidden]{display:none}
.document-viewer{z-index:230}.document-viewer .full-screen-head>div{flex:1;min-width:0}.document-viewer .full-screen-head b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.document-download{display:grid;place-items:center;color:var(--text);text-decoration:none}.document-view-body{flex:1;min-height:0;background:var(--bg);overflow:auto;-webkit-overflow-scrolling:touch}.document-view-body iframe{width:100%;height:100%;border:0;background:#fff}.document-view-body pre{margin:14px;padding:18px;white-space:pre-wrap;overflow-wrap:anywhere;border-radius:20px;background:var(--panel);border:1px solid var(--stroke);font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.document-empty{height:100%;padding:34px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;color:var(--muted)}.document-empty>.ui-icon{width:54px;height:54px;color:var(--accent2)}.document-empty strong{font-size:19px;color:var(--text)}.document-empty a{padding:11px 16px;border-radius:15px;color:var(--text);text-decoration:none;border:1px solid var(--stroke);background:var(--panel)}.document-empty .primary-link{background:var(--accent);color:#fff;border-color:transparent}

/* Friday Orbit v59 · contactos y Órbita compartida */
.avatar img{width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit}.chat-avatar{padding:0;color:#fff}.full-screen-dialog{position:fixed;inset:0;z-index:210;display:flex;flex-direction:column;background:linear-gradient(160deg,var(--bg),var(--bg2));color:var(--text);animation:fullScreenIn .22s cubic-bezier(.2,.78,.2,1)}@keyframes fullScreenIn{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}.full-screen-head{min-height:72px;padding:calc(10px + var(--safe-top)) 12px 10px;display:flex;align-items:center;gap:12px;background:rgba(10,8,18,.88);border-bottom:1px solid var(--stroke);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}[data-theme="light"] .full-screen-head{background:rgba(255,255,255,.96)}.full-screen-head>div{display:flex;flex-direction:column;gap:2px}.full-screen-head b{font-size:19px}.full-screen-head span{font-size:12px;color:var(--muted)}.full-screen-body{flex:1;min-height:0;overflow:auto;padding:15px 16px calc(28px + var(--safe-bottom));-webkit-overflow-scrolling:touch}.contact-directory{display:flex;flex-direction:column;gap:9px}.directory-row{width:100%;min-height:70px;padding:10px 12px;display:flex;align-items:center;gap:12px;text-align:left;border-radius:22px;background:var(--panel);border:1px solid var(--stroke);color:var(--text)}.directory-row>span{display:flex;min-width:0;flex:1;flex-direction:column;gap:3px}.directory-row b{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.directory-row small{font-size:12px;color:var(--accent2)}.directory-row>i{font-size:25px;font-style:normal;color:var(--muted)}
.shared-orbit-body{text-align:center}.shared-avatar-button{width:136px;height:136px;margin:8px auto 12px;padding:0;border-radius:50%;background:transparent;display:block;box-shadow:0 18px 44px rgba(0,0,0,.35)}.shared-avatar-button>.avatar{width:136px;height:136px;border-radius:50%;font-size:34px}.shared-orbit-body h1{font-size:28px;margin:4px 0 2px}.shared-public-name{font-size:13px;color:var(--muted)}.shared-handle{margin-top:4px;color:var(--accent2)}.shared-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0 13px}.shared-metrics>div{padding:14px 5px;border-radius:20px;background:var(--panel2);border:1px solid var(--stroke);display:flex;flex-direction:column;gap:4px}.shared-metrics b{font-size:20px}.shared-metrics span{font-size:11px;color:var(--muted)}.shared-card{margin-top:11px;padding:18px;text-align:left}.shared-card h2{font-size:18px;margin:0 0 6px}.shared-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.shared-theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:15px}.shared-theme-grid button{min-height:43px;padding:7px 4px;font-size:12px}
.avatar-viewer{position:fixed;inset:0;z-index:260;display:grid;place-items:center;background:rgba(3,2,8,.08);opacity:0;transition:opacity .20s ease,background .20s ease;padding:24px}.avatar-viewer.visible{opacity:1;background:rgba(3,2,8,.92)}.avatar-viewer>small{position:absolute;bottom:calc(28px + var(--safe-bottom));left:16px;right:16px;text-align:center;color:rgba(255,255,255,.62);font-size:12px}.avatar-zoom-content{width:min(82vw,360px);aspect-ratio:1;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#b45cff,#4cb6ff);color:#fff;font-size:72px;font-weight:800;box-shadow:0 24px 80px rgba(0,0,0,.56);transform:scale(.96);transition:transform .20s cubic-bezier(.2,.78,.2,1);touch-action:none}.avatar-viewer.visible .avatar-zoom-content{transform:scale(1)}.avatar-zoom-content.pinching:not(.resetting){transition:none}.avatar-zoom-content.resetting{transition:transform .24s cubic-bezier(.2,.8,.2,1)}.avatar-zoom-content img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}


/* FRIDAY_ORBIT_IPHONE_PARITY_V1_CSS */
.profile-avatar-edit{position:relative;border:0;padding:0;overflow:visible}
.profile-avatar-edit img,.avatar img,.chat-head-avatar-inner img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}
.avatar-edit-badge{position:absolute;right:-4px;bottom:-4px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.96);color:#17131e;font-size:12px;box-shadow:0 5px 18px rgba(0,0,0,.24)}
.profile-avatar-actions{display:flex;gap:12px;margin-top:8px}
.tiny-link{border:0;background:none;padding:0;color:var(--accent,#9c72ff);font:inherit;font-size:13px}
.danger-text{color:#ff7a88}
.chat-avatar>.avatar{width:100%;height:100%;margin:0}
.incoming-call-fullscreen{position:fixed!important;z-index:10050!important;inset:0!important;width:100%!important;height:100dvh!important;border-radius:0!important;margin:0!important;padding:max(48px,env(safe-area-inset-top)) 28px max(42px,env(safe-area-inset-bottom))!important;display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:1fr auto auto!important;align-items:center!important;justify-items:center!important;background:radial-gradient(circle at 50% 18%,rgba(139,91,210,.34),rgba(8,7,14,.98) 56%)!important;backdrop-filter:blur(36px)!important;-webkit-backdrop-filter:blur(36px)!important}
.incoming-call-fullscreen .call-avatar{grid-column:1/3;align-self:end;width:126px;height:126px;font-size:42px}
.incoming-call-fullscreen .incoming-copy{grid-column:1/3;text-align:center;align-self:start;margin-top:18px}
.incoming-call-fullscreen .incoming-copy b{display:block;font-size:29px;letter-spacing:-.03em}
.incoming-call-fullscreen .incoming-copy span{display:block;margin-top:8px;font-size:16px;opacity:.68}
.incoming-call-fullscreen .call-action{width:72px;height:72px;border-radius:50%;align-self:end;margin-bottom:14px}


/* FRIDAY_ORBIT_IPHONE_POLISH_CALLS_V2_CSS */

/* Locked voice recording: the normal microphone must get out of the way. */
.recording-state:not([hidden]) + .composer .mic,
.recording-state:not([hidden]) + .composer #micBtn{
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
.recording-state:not([hidden]) .record-locked-action.send-voice:not([hidden]){
  position:relative!important;
  z-index:8!important;
}

/* Stable audio player with a real Safari-independent timeline. */
.friday-voice-player{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  width:min(330px,72vw)!important;
  min-width:240px!important;
}
.friday-voice-player audio{display:none!important}
.voice-play{
  flex:0 0 48px;width:48px;height:48px;border:0;border-radius:16px;
  display:grid;place-items:center;background:rgba(25,12,48,.28);color:inherit
}
.voice-progress-wrap{flex:1;min-width:0}
.voice-progress{
  display:block!important;width:100%!important;height:24px!important;margin:0!important;
  accent-color:currentColor;background:transparent
}
.voice-time{display:flex;justify-content:space-between;font-size:11px;opacity:.64;margin-top:-3px}

/* Shared Orbit must always sit above the chat, including installed Safari PWA. */
.shared-orbit-screen{
  position:fixed!important;inset:0!important;z-index:9800!important;
  width:100%!important;height:100dvh!important;
  overflow:auto!important;background:var(--bg,#070511)!important;
  padding-top:env(safe-area-inset-top)!important;
  padding-bottom:env(safe-area-inset-bottom)!important;
}
.shared-orbit-screen .full-screen-head{
  position:sticky!important;top:0!important;z-index:3!important;
  backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)
}
.shared-orbit-body{padding-bottom:calc(28px + env(safe-area-inset-bottom))!important}

/* The tab bar was visually floating too high on iPhone. */

/* Direct-call media polish. */
.direct-call-screen{z-index:10040!important}
.direct-call-screen .call-media audio{display:none}


/* FRIDAY_ORBIT_BOTTOM_NAV_V31_CSS
   Actual nav geometry is handled by JS after render. */
html,body{min-height:100%;min-height:100dvh}

/* FRIDAY_ORBIT_CHAT_NAV_V32_CSS */
.chat-screen{z-index:700!important}

/* FRIDAY_ORBIT_PWA_V78_PARITY_MEDIA_AVATAR_CSS */
.friday-verified-seal{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  vertical-align:-2px;
  color:#FFD45E;
  line-height:0;
  flex:0 0 auto;
}
.friday-verified-seal svg{width:17px;height:17px;overflow:visible}
.friday-verified-seal circle{fill:currentColor;stroke:currentColor;stroke-width:1.1}
.friday-verified-seal .seal-check{
  fill:none;
  stroke:#17140b;
  stroke-width:2.15;
  stroke-linecap:round;
  stroke-linejoin:round;
}
@media (prefers-color-scheme: light){
  .friday-verified-seal{color:#9A6800}
  .friday-verified-seal .seal-check{stroke:#fffaf0}
}
.shared-orbit-screen .full-screen-body{
  padding-bottom:max(28px,env(safe-area-inset-bottom));
}
.shared-orbit-screen .shared-avatar-button{
  box-shadow:0 18px 54px rgba(0,0,0,.20);
}
.shared-orbit-screen .shared-card,
.shared-orbit-screen .shared-metrics>div{
  backdrop-filter:blur(22px) saturate(1.15);
  -webkit-backdrop-filter:blur(22px) saturate(1.15);
}
.friday-shared-orbit-action{
  font-weight:700!important;
  letter-spacing:-.01em;
}
.friday-media-viewer{
  position:fixed;
  inset:0;
  z-index:10050;
  display:flex;
  flex-direction:column;
  background:rgba(5,7,12,.94);
  backdrop-filter:blur(22px);
  -webkit-backdrop-filter:blur(22px);
  padding-top:env(safe-area-inset-top);
  padding-bottom:env(safe-area-inset-bottom);
}
.friday-media-viewer-top{
  min-height:58px;
  display:grid;
  grid-template-columns:52px minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  padding:6px 12px;
  border-bottom:1px solid rgba(255,255,255,.10);
}
.friday-media-close{
  appearance:none;
  border:0;
  background:rgba(255,255,255,.08);
  color:#fff;
  width:42px;
  height:42px;
  border-radius:21px;
  font:300 30px/38px system-ui;
}
.friday-media-title{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#fff;
  font:650 15px/1.2 -apple-system,BlinkMacSystemFont,system-ui;
}
.friday-media-save{
  color:#fff;
  text-decoration:none;
  font:650 14px/1 -apple-system,BlinkMacSystemFont,system-ui;
  padding:12px 13px;
  border-radius:18px;
  background:rgba(255,255,255,.10);
}
.friday-media-viewer-body{
  flex:1;
  min-height:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:12px;
  overflow:auto;
}
.friday-media-full{
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  border-radius:16px;
}
.friday-media-video-full{
  width:100%;
  height:auto;
  background:#000;
}
.friday-media-audio-full{width:min(560px,100%)}
.friday-media-document{
  width:100%;
  height:100%;
  border:0;
  border-radius:14px;
  background:#fff;
}
.friday-file-preview-card{
  width:min(420px,92vw);
  padding:28px;
  border-radius:26px;
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.12);
  display:grid;
  gap:16px;
  text-align:center;
  color:#fff;
}
.friday-file-preview-card a{color:#fff}
.friday-file-preview-icon{font-size:34px;opacity:.72}
.friday-media-open-chip{
  appearance:none;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.10);
  color:inherit;
  border-radius:999px;
  padding:8px 12px;
  margin:8px 0 2px;
  font:650 12px/1 -apple-system,BlinkMacSystemFont,system-ui;
}
.friday-media-open-chip.compact{
  padding:7px 10px;
  font-size:11px;
}


/* FRIDAY_ORBIT_PWA_V78_1_IOS_LAYOUT_FIX_CSS */
.overlay.friday-overlay-front{
  position:fixed!important;
  inset:0!important;
  z-index:22000!important;
  display:flex!important;
  justify-content:center!important;
  background:rgba(5,7,12,.58)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  overflow:hidden!important;
}
.overlay.friday-overlay-home{
  align-items:flex-end!important;
  padding:18px 18px calc(138px + env(safe-area-inset-bottom))!important;
}
.overlay.friday-overlay-chat{
  align-items:flex-end!important;
  padding:18px 18px calc(28px + env(safe-area-inset-bottom))!important;
}
.overlay.friday-overlay-front .friday-elevated-sheet{
  position:relative!important;
  z-index:1!important;
  width:min(720px,100%)!important;
  max-height:min(68dvh,690px)!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  margin:0!important;
  padding-bottom:max(18px,env(safe-area-inset-bottom))!important;
}
.chat-screen #chatMore{display:none!important}
.chat-screen .chat-head-text{cursor:pointer}
.full-screen-dialog.shared-orbit-screen{z-index:14000!important}
.friday-shared-head{display:grid!important;grid-template-columns:48px minmax(0,1fr) 48px!important;align-items:center!important;gap:8px!important}
.friday-shared-head-copy{text-align:center;min-width:0}
.friday-shared-head-copy b,.friday-shared-head-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.friday-shared-body{padding-bottom:calc(42px + env(safe-area-inset-bottom))!important}
.friday-shared-profile{display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px 8px 2px}
.friday-shared-name-row{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px}
.friday-shared-name-row h1{margin:0!important}
.shared-orbit-verified svg{width:22px!important;height:22px!important}
.friday-shared-status{margin-top:8px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.08);font-size:12px;opacity:.8}
.friday-shared-edit-alias{appearance:none;border:0;background:transparent;color:inherit;opacity:.78;font-weight:650;padding:12px 16px;margin-top:2px}
.friday-shared-metrics{margin-top:10px}
.friday-shared-card{margin-top:12px}
.friday-shared-card-head{display:flex;align-items:center;gap:12px}
.friday-shared-card-head>div{flex:1;min-width:0}
.friday-shared-pill{padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.08);font-size:11px;white-space:nowrap}
.friday-shared-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
.friday-danger-action{opacity:.82}
@media (max-height:700px){
  .overlay.friday-overlay-home{padding-bottom:calc(118px + env(safe-area-inset-bottom))!important}
  .overlay.friday-overlay-front .friday-elevated-sheet{max-height:62dvh!important}
}



/* FRIDAY_ORBIT_SHARED_AVATAR_LAYER_V84
   El visor pertenece visualmente a la capa superior global.
   Órbita compartida y chat permanecen montados debajo para que,
   al cerrar la foto, el usuario vuelva exactamente al mismo lugar. */
html body > .avatar-viewer {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483000 !important;
    isolation: isolate !important;
    transform: translateZ(0);
}

html body > .avatar-viewer .avatar-zoom-content {
    position: relative;
    z-index: 1;
}

html body > .avatar-viewer > small {
    position: relative;
    z-index: 1;
}

html body > .avatar-viewer.visible {
    pointer-events: auto !important;
}