:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:oklch(20.5% .006 167);--surface:oklch(23.5% .007 167);--raised:oklch(27% .008 167);--line:oklch(31% .009 167);--text:oklch(95.5% .006 167);--muted:oklch(72.5% .01 167);--accent:#bbd9cc;--ease-out:cubic-bezier(.22, 1, .36, 1);--shadow-sm:0px 2px 3px -1px #0000001a, 0px 1px 0px 0px #191c2105, 0px 0px 0px 1px #191c2114;--shadow-md:0px 0px 0px 1px #0000000f, 0px 1px 1px -.5px #0000000f, 0px 3px 3px -1.5px #0000000f, 0px 6px 6px -3px #0000000f, 0px 12px 12px -6px #0000000f, 0px 24px 24px -12px #0000000f;--shadow-button-pressed:inset 0 1px 2px #00000024, var(--shadow-sm);--app-nav-width:80px;--column:680px;--font:"Manrope", "IBM Plex Sans Arabic", system-ui, sans-serif}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:color-mix(in oklch, var(--muted) 40%, transparent) transparent}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:20px}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled,input:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}svg{flex-shrink:0}h1,h2,h3,p{margin:0}button{transition:background .3s, color .3s, border-color .3s, opacity .3s, transform .3s var(--ease-out)}button:not(:disabled):active{transform:scale(.97)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{color:var(--text);background:oklch(45% .045 167)}.ranna-app{isolation:isolate;flex-direction:column;min-height:100svh;display:flex;position:relative;overflow-x:clip}.ambient{--wave-at:76%;--glow-at:50% 72%;z-index:-1;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0.08 0 0 0 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E"), radial-gradient(60% 45% at var(--glow-at), oklch(55% .05 167/.14), transparent 70%), var(--bg);position:fixed;inset:0;overflow:hidden}:is(.in-screen,.information-page) .ambient{--wave-at:94%;--glow-at:50% -12%}.site-header{z-index:2;justify-content:space-between;align-items:center;gap:24px;height:96px;padding:0 48px;display:flex;position:relative}.brand{letter-spacing:-1px;align-items:center;gap:12px;font-size:24px;font-weight:500;line-height:32px;display:flex}.brand>.wave{color:var(--accent)}.wave{direction:ltr;align-items:center;gap:2px;height:28px;display:inline-flex}.wave>i{background:currentColor;border-radius:2px;width:3px;height:9px}.wave>i:nth-child(2){--wave-delay:80ms;height:19px}.wave>i:nth-child(3){--wave-delay:.16s;height:27px}.wave>i:nth-child(4){--wave-delay:.24s;height:16px}.wave>i:nth-child(5){--wave-delay:.32s;height:7px}.header-nav{color:var(--muted);align-items:center;gap:16px;display:flex}.nav-button{align-items:center;gap:8px;padding:8px 0;font-size:12px;line-height:16px;display:flex}@media (hover:hover){.nav-button:hover{color:var(--text)}}.nav-button svg,.header-nav>.icon-button svg{stroke-width:1.6px}.icon-button{width:34px;height:34px;color:var(--muted);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}@media (hover:hover){.icon-button:hover{background:var(--raised);color:var(--text)}}.notifications{position:relative}.notifications>i{background:var(--accent);width:5px;height:5px;box-shadow:0 0 0 3px var(--bg);border-radius:50%;position:absolute;top:4px;right:4px}.nav-divider{background:var(--raised);width:1px;height:23px;margin:0 1px}:is(.button,.call-controls>button>span,.call-mini .icon-button){--shadow-button:inset 0 1px 0 var(--button-highlight,#ffffff14), inset 0 -1px 0 #0000001f, 0 2px 0 #00000047, var(--shadow-sm)}.button{--button-highlight:#fff9;background:var(--text);color:var(--bg);min-height:43px;box-shadow:var(--shadow-button);transition:background-color .16s ease, color .16s ease, border-color .16s ease, opacity .16s ease, box-shadow .14s var(--ease-out), transform .14s var(--ease-out);border:1px solid #0000001a;border-color:#ffffff2e #0000001a #0003;border-radius:6px;justify-content:center;align-items:center;gap:12px;padding:0 16px;font-size:12px;font-weight:500;line-height:16px;display:inline-flex}.button:not(:disabled):active{box-shadow:var(--shadow-button-pressed);transition-duration:80ms;transform:translateY(2px)scale(.98)}.button:disabled{box-shadow:none}@media (hover:hover){.button:hover:not(:disabled){background:oklch(99% .005 167)}}.button.secondary{background:var(--surface);color:var(--text);border-color:var(--line)}.button:is(.secondary,.enter-button){--button-highlight:#ffffff14}@media (hover:hover){.button.secondary:hover:not(:disabled){background:var(--raised);border-color:oklch(49% .014 167)}}.button.small{gap:4px;min-height:34px;padding:0 12px;font-size:12px;line-height:16px}.button.full{width:100%;margin-top:24px}.enter-button{min-height:39px;color:var(--text);background:0 0;border-color:oklch(43% .01 167);gap:16px;padding:0 16px;font-size:12px;line-height:16px}@media (hover:hover){.enter-button:hover:not(:disabled){background:var(--raised)}}.profile-button{color:var(--text);align-items:center;gap:8px;padding:4px 0;font-size:12px;line-height:16px;display:flex}.profile-button>.avatar{width:29px;height:29px;font-size:12px;line-height:16px}.profile-button>svg{color:var(--muted);margin-inline-start:2px}.search-home{outline:none;flex:1;width:min(580px,100% - 40px);margin:0 auto;padding:clamp(64px,12vh,96px) 0 64px;position:relative}.home-intro{text-align:start}.home-intro h1{letter-spacing:-1px;color:oklch(95% .006 167);font-size:36px;font-weight:400;line-height:40px}.home-intro p{color:oklch(68% .009 167);margin-top:8px;font-size:14px;font-weight:400;line-height:20px}.home-presence{align-items:center;gap:20px;display:flex}.home-presence>div{min-width:0}.home-presence-avatar{flex-shrink:0;display:inline-flex;position:relative}.home-presence-avatar>.avatar{width:64px;height:64px;font-size:20px;line-height:28px}.home-presence-avatar:before,.home-presence-avatar:after{content:"";border:1px solid var(--accent);opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:0}.home-presence[data-live] .home-presence-avatar:before,.home-presence[data-live] .home-presence-avatar:after{animation:presence-ring 3.2s var(--ease-out) infinite}.home-presence[data-live] .home-presence-avatar:after{animation-delay:.4s}.ranna-app:has(.ambient[data-paused]) .home-presence-avatar:before{animation-play-state:paused}.ranna-app:has(.ambient[data-paused]) .home-presence-avatar:after{animation-play-state:paused}.home-presence:not([data-live]) .home-presence-avatar>.avatar{opacity:.6}.home-passkey{border:1px solid var(--line);min-height:44px;color:var(--muted);transition:color .2s var(--ease-out), border-color .2s var(--ease-out);border-radius:22px;flex-shrink:0;align-items:center;gap:8px;margin-inline-start:auto;padding-inline:12px;font-size:12px;line-height:16px;display:inline-flex;position:relative}.home-passkey>svg{color:oklch(80% .09 60);flex-shrink:0}.home-passkey:after{--ring-scale:1.12;content:"";border-radius:inherit;opacity:0;pointer-events:none;animation:presence-ring 3.2s var(--ease-out) 1.2s 2;border:1px solid oklch(80% .09 60);position:absolute;inset:-1px}@media (hover:hover){.home-passkey:hover:not(:disabled){color:var(--text);border-color:oklch(80% .09 60/.5)}}.home-passkey:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (width<=640px){.home-presence{position:relative}.home-passkey{top:calc(50% - 38px);border:2px solid var(--bg);background:var(--raised);justify-content:center;width:28px;min-height:28px;margin:0;padding:0;position:absolute;inset-inline-start:42px}.home-passkey>svg{width:16px;height:16px}.home-passkey>span{display:none}.home-passkey:before{content:"";position:absolute;inset:-10px}.home-passkey:after{--ring-scale:1.5;inset:-2px}}.home-people{margin-top:32px}.signed-in .call-link-area{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.signed-in .call-link-card{width:100%}.home-history{isolation:isolate;min-height:48px;transition:transform .16s var(--ease-out);border-radius:999px;flex-direction:row-reverse;align-items:center;margin-inline-start:auto;display:flex}.home-history:active{transform:scale(.97)}.home-history-clock{z-index:3;border:1px solid var(--line);background:var(--raised);width:44px;height:44px;color:var(--muted);transition:color .16s var(--ease-out);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:relative}@media (hover:hover){.home-history:hover .home-history-clock{color:var(--text)}}.home-history .avatar{width:36px;height:36px;box-shadow:0 0 0 2px var(--bg);transition:margin-inline-end .2s var(--ease-out);margin-inline-end:-10px}.home-history .avatar:nth-child(2){z-index:2}.home-history .avatar:nth-child(3){z-index:1}@media (hover:hover){.home-history:hover .avatar{margin-inline-end:-4px}}.home-add{border:1px solid var(--line);text-align:start;width:100%;min-height:64px;transition:background-color .2s var(--ease-out);border-radius:12px;align-items:center;gap:12px;margin-top:8px;padding:12px;display:flex}@media (hover:hover){.home-add:hover{background:var(--raised)}}.home-add-icon{width:40px;height:40px;color:var(--accent);background:oklch(33% .03 163);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.home-add>span:nth-child(2){flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.home-add strong{font-size:14px;font-weight:500;line-height:20px}.home-add small{color:var(--muted);font-size:12px;line-height:16px}.home-add>svg{color:var(--muted);flex-shrink:0}.ranna-app .home-intro .home-handle{color:var(--muted);overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:4px;margin-top:4px;font-size:14px;line-height:20px;display:flex}.home-handle>.icon-button{width:32px;height:32px}.person-row:has(+.recovery-reminder){border-bottom:0}.recovery-reminder{border-top:1px solid var(--line);text-align:start;align-items:flex-start;gap:12px;margin-top:24px;padding-block:16px;display:flex}.recovery-reminder>svg{color:var(--accent);margin-top:2px}.recovery-reminder>div{flex:1;min-width:0}.recovery-reminder h3{font-size:14px;font-weight:500;line-height:20px}.recovery-reminder p{color:var(--muted);max-width:65ch;margin-top:4px;font-size:12px;line-height:16px}.recovery-reminder .quiet-button{min-height:44px;color:var(--accent);padding:8px 0;font-size:12px;line-height:16px}.recovery-reminder>.icon-button{width:36px;height:36px;margin-top:-4px}.site-footer{min-height:87px;color:var(--muted);justify-content:space-between;align-items:center;gap:16px;padding:16px 48px;font-size:12px;line-height:16px;display:flex;position:relative}.site-footer>span,.site-footer>button{align-items:center;gap:8px;display:flex}.site-footer>span>svg{stroke-width:1.6px}.site-footer>button{color:oklch(64% .012 167);padding:8px 0;font-size:12px;line-height:16px}@media (hover:hover){.site-footer>button:hover{color:var(--text)}}.search-results{animation:appear .3s var(--ease-out);margin-top:24px}.results-label{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 4px;font-size:12px;line-height:16px;display:flex}.results-label>span:last-child{color:oklch(58% .01 167);font-size:12px;line-height:16px}.person-row{text-align:start;border-bottom:1px solid oklch(35% .009 167/.7);align-items:center;gap:12px;min-width:0;padding:16px 2px;display:flex}.person-row:last-child{border-bottom:0}.avatar{color:oklch(81% .025 250);background:oklch(31% .025 250);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:12px;font-weight:500;line-height:16px;display:inline-flex;position:relative}.avatar.mint{color:oklch(79% .045 165);background:oklch(31% .025 165)}.avatar.peach{color:oklch(82% .045 50);background:oklch(32% .03 50)}.avatar.lavender{color:oklch(81% .04 300);background:oklch(32% .03 300)}.avatar.yellow{color:oklch(81% .04 85);background:oklch(32% .025 85)}.avatar.rose{color:oklch(80% .035 15);background:oklch(31% .03 15)}.avatar.large{width:76px;height:76px;font-size:20px;line-height:28px}.avatar.picture{background:oklch(85% .018 165)}.avatar>img{border-radius:50%;width:100%;height:100%}.presence{--presence-size:9px;bottom:calc(15% - var(--presence-size) / 2);width:var(--presence-size);height:var(--presence-size);background:var(--raised);border:2px solid var(--bg);border-radius:50%;position:absolute;inset-inline-end:calc(15% - var(--presence-size) / 2)}.avatar.large>.presence{--presence-size:14px}.presence.online{background:oklch(74% .1 160)}.presence.busy{background:oklch(74% .1 80)}.person-name{text-align:start;flex-direction:column;flex:1;align-items:flex-start;gap:4px;min-width:0;padding:0;display:flex}.person-name:disabled{opacity:1;cursor:default}.field-help{color:var(--muted);font-size:12px;line-height:16px}.person-name strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;font-weight:500;line-height:20px;overflow:hidden}.person-name small{color:var(--muted);align-items:center;gap:4px;font-size:12px;line-height:16px;display:flex}.person-name .person-meta{gap:4px;width:100%;min-width:0}.person-meta>.person-username,.person-meta>.person-activity{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.person-meta>.person-username{flex:0 2 auto;min-width:3ch}.person-meta>.person-activity{flex:none;max-width:75%}.meta-separator{flex-shrink:0}.person-activity.online{color:oklch(72% .045 160)}.person-activity.busy{color:oklch(73% .05 80)}.row-actions{align-items:center;gap:8px;display:flex}.person-menu{flex-shrink:0;position:relative}.person-menu>.icon-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.person-menu-items{position-area:block-end span-inline-start;position-try-fallbacks:flip-block, flip-inline, flip-block flip-inline;border:1px solid var(--line);background:var(--raised);min-width:170px;max-width:calc(100dvw - 24px);max-height:calc(100dvh - 24px);color:var(--text);box-shadow:var(--shadow-md);border-radius:8px;margin:6px 0;padding:4px;position:fixed;inset:auto;overflow:auto}.person-menu-items button{text-align:start;white-space:nowrap;border-radius:4px;align-items:center;gap:8px;width:100%;padding:12px 8px;display:flex}@media (hover:hover){.person-menu-items button:hover{background:var(--surface)}}.confirm-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:24px;display:flex}.danger-button{--button-highlight:#ffffff24;color:#fff;background:oklch(55% .12 25)}.modal .setting-row{border-top:1px solid var(--line);width:100%;color:var(--muted);text-align:start;flex-direction:row;align-items:center;gap:16px;margin-top:0;padding:16px 0;font-size:12px;line-height:16px;display:flex}.modal h2+.setting-row{margin-top:16px}.setting-text{flex-direction:column;flex:1;gap:4px;display:flex}.setting-row strong{color:var(--text);font-size:14px;font-weight:500;line-height:20px}.modal .setting-row>select{width:auto;min-height:38px}.sound-volume-control{flex:0 0 144px;align-items:center;gap:8px;display:flex}.sound-volume-control input{width:100%;min-width:0;accent-color:var(--accent);padding:0}.sound-volume-control output{text-align:end;font-variant-numeric:tabular-nums;min-width:4ch}.sound-preview{width:100%}.sound-preview summary{cursor:pointer;color:var(--text);font-size:14px;line-height:20px}.sound-samples{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.sound-samples [data-playing]{color:var(--accent);border-color:var(--accent)}.sound-preview-status{margin-top:12px;display:block}@media (width<=480px){.modal .sound-volume{flex-wrap:wrap}.sound-volume-control{flex-basis:100%}.setting-link:hover strong{color:var(--accent)}}.switch{appearance:none;background:var(--line);cursor:pointer;width:40px;height:24px;transition:background-color .2s var(--ease-out);border-radius:9999px;flex-shrink:0;position:relative}.switch:before{content:"";top:3px;background:var(--muted);width:18px;height:18px;transition:translate .2s var(--ease-out), background-color .2s var(--ease-out);border-radius:50%;position:absolute;inset-inline-start:3px}.switch:checked{background:var(--accent)}.switch:checked:before{background:var(--bg);translate:16px}[dir=rtl] .switch:checked:before{translate:-16px}.switch:disabled{cursor:default}.request-sent{color:var(--muted);white-space:nowrap;align-items:center;gap:4px;padding-inline:4px;font-size:12px;line-height:16px;display:inline-flex}.registration-check{min-width:0;margin-block:16px}.call-action{color:var(--accent)}.quiet-button{color:var(--accent);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:8px 0;font-size:12px;line-height:16px;display:inline-flex}@media (hover:hover){.quiet-button:hover{color:var(--text)}}.inline-empty{text-align:center;color:oklch(61% .012 167);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:32px 12px;display:flex}.inline-empty>p{color:oklch(80% .01 167);font-size:14px;line-height:20px}.inline-empty>small{color:var(--muted);font-size:12px;line-height:16px}.inline-empty>.quiet-button{margin-top:2px}.search-skeleton>div{align-items:center;gap:12px;padding:16px 0;display:flex}.search-skeleton>div>i{background:var(--raised);border-radius:50%;width:40px;height:40px;display:block}.search-skeleton>div>span{flex-direction:column;gap:8px;display:flex}.search-skeleton b{background:var(--raised);border-radius:2px;width:110px;height:8px;display:block}.search-skeleton b:last-child{opacity:.65;width:70px}.search-skeleton{animation:skeleton-pulse 1.5s var(--ease-out) infinite}.install-guide{width:min(100% - 32px,680px);color:var(--muted);text-align:start;margin:24px auto;font-size:14px;line-height:20px}.install-guide summary{width:fit-content;color:var(--text);cursor:pointer;align-items:center;gap:8px;list-style:none;display:flex}.install-guide summary::-webkit-details-marker{display:none}.install-guide summary>svg{transition:transform .2s var(--ease-out);transform:rotate(-90deg)}[dir=rtl] .install-guide summary>svg{transform:rotate(90deg)}.install-guide details[open]>summary>svg{transform:none}@media (hover:hover){.install-guide summary:hover{color:var(--accent)}}.install-guide p{text-wrap:pretty;margin-top:12px}.install-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:16px;display:flex}.modal .install-guide{width:100%;margin:24px 0}.setting-row>button{flex-shrink:0}.modal-backdrop{width:auto;max-width:none;height:auto;max-height:none;color:inherit;background:var(--surface);border:0;outline:none;justify-content:center;align-items:center;margin:0;padding:24px;position:fixed;inset:0}.modal-backdrop[open]{display:flex}.modal-backdrop::backdrop{background:0 0}body:has(.modal-backdrop[open]){overflow:hidden!important}.modal{background:var(--surface);border:1px solid var(--line);width:420px;max-height:calc(100dvh - 48px);box-shadow:var(--shadow-md);border-radius:16px;outline:none;padding:32px 32px 24px;animation:.3s cubic-bezier(.22,1,.36,1) modal-enter;position:relative;overflow:auto}.modal.list-modal{width:520px}.modal .close{top:13px;z-index:3;width:29px;height:29px;position:absolute;inset-inline-end:13px}.modal-kicker{color:var(--muted);align-items:center;gap:8px;margin-bottom:12px;font-size:12px;line-height:16px;display:flex}.modal h2{letter-spacing:-.6px;font-size:24px;font-weight:500;line-height:32px}.modal>.avatar{margin-bottom:16px}.modal h2>small{color:var(--muted);margin-inline-start:4px;font-size:12px;line-height:16px}.modal-description{color:var(--muted);margin-top:8px;margin-bottom:24px;font-size:12px;line-height:16px}.modal label,.call-invite-card label{color:oklch(78% .01 167);flex-direction:column;gap:8px;margin-top:24px;font-size:12px;line-height:16px;display:flex}.modal label>input:not([type=radio],[type=checkbox]),.modal label>select,.modal label>textarea,.username-search-field>input,.call-invite-card label>input,.copy-link{background:var(--surface);width:100%;min-height:45px;color:var(--text);border:1px solid oklch(39% .009 167);border-radius:6px;padding:8px 12px;font-size:14px;line-height:20px}.modal input::placeholder,.call-invite-card input::placeholder{color:oklch(53% .01 167)}.optional-field{margin-top:16px}.optional-field>summary{color:var(--muted);cursor:pointer;align-items:center;gap:4px;font-size:12px;line-height:16px;list-style:none;display:inline-flex}.optional-field>summary::-webkit-details-marker{display:none}.optional-field>summary>svg{transition:transform .2s var(--ease-out);transform:rotate(-90deg)}[dir=rtl] .optional-field>summary>svg{transform:rotate(90deg)}.optional-field[open]>summary>svg{transform:none}.optional-field>summary>span{color:oklch(52% .01 167);margin-inline-start:4px;font-size:12px;line-height:16px}.optional-field>label,.optional-field>form{margin-top:12px}.optional-field>small{color:var(--muted);margin-top:8px;font-size:12px;line-height:16px;display:block}.form-error{color:oklch(80% .07 25);background:oklch(29% .025 25);border:1px solid oklch(40% .04 25);border-radius:6px;margin-top:16px;padding:8px 12px;font-size:12px;line-height:16px}.join-note{color:var(--muted);text-align:center;margin-top:16px;font-size:12px;line-height:16px}.restore-link{color:oklch(63% .02 167);margin:24px auto 0;padding:0;font-size:12px;line-height:16px;display:block}@media (hover:hover){.restore-link:hover{color:var(--accent)}}.subheading{color:var(--muted);margin:24px 0 4px;font-size:12px;font-weight:500;line-height:16px}.modal label>textarea{resize:vertical;min-height:120px}.modal label.confirmation-label{flex-direction:row;align-items:flex-start;margin-top:16px;font-size:14px;line-height:20px}.confirmation-label>input{accent-color:var(--accent);margin-top:4px}.report-dialog .profile-view>.avatar{margin-bottom:16px}.report-dialog h2{outline:none}.report-dialog .modal-description{margin-bottom:16px}.report-step{animation:report-step .24s var(--ease-out)}.modal.report-dialog .setting-link{padding:12px 0}.modal.report-dialog .setting-link>svg:first-child{color:var(--accent);flex-shrink:0}.report-note{background:var(--raised);color:var(--text);border-radius:6px;margin-top:16px;padding:8px 12px;font-size:12px;line-height:16px}.modal.report-dialog form label:not(.setting-row){margin-top:16px}.modal.report-dialog form textarea{min-height:88px}.modal.report-dialog form .setting-row{border-top:0;margin-top:16px;padding:0}.report-sent-text{color:var(--muted);text-align:center;margin-top:8px;font-size:14px;line-height:20px}.report-step>.report-sent-text~.confirm-actions{justify-content:center}.device-code{letter-spacing:2px;text-align:center;margin-top:16px;font-family:monospace;font-size:24px;line-height:32px}.device-phone-option,.device-new-code{margin-top:12px}.filter-tabs{border-bottom:1px solid var(--line);gap:16px;margin:24px 0 8px;display:flex}.filter-tabs>button{color:var(--muted);padding:0 0 12px;font-size:12px;line-height:16px;position:relative}.filter-tabs>button.selected{color:var(--text)}.filter-tabs>button.selected:after{content:"";background:var(--accent);height:1px;position:absolute;bottom:-1px;left:0;right:0}.filter-tabs>button>span{color:oklch(59% .01 167);margin-inline-start:4px;font-size:12px;line-height:16px}.history-row .missed{color:oklch(75% .055 25)}.history-row .guest-label{color:var(--muted);font-weight:400}.duration{color:var(--muted);white-space:nowrap;font-size:12px;line-height:16px}.profile-view{text-align:center}.account-screen{--column:860px}.account-column{flex-direction:column;gap:16px;display:flex}.account-column>.screen-heading{margin-bottom:8px}.account-settings{gap:8px;min-height:44px;font-size:14px;line-height:20px}.account-card{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:24px}.account-card h2{font-size:16px;font-weight:500;line-height:24px}.account-identity{flex-wrap:wrap;align-items:center;gap:16px 24px;display:flex}.account-identity>.avatar-button{flex-shrink:0}.account-identity-text{flex:220px;min-width:0}.account-name{flex-wrap:wrap;align-items:baseline;gap:0 12px;display:flex}.account-identity .account-name h2{overflow-wrap:anywhere;font-size:24px;line-height:32px}.account-name .profile-username{margin-top:0}.account-identity .profile-bio{text-wrap:pretty;margin:4px 0 0}.account-identity .presence{border-color:var(--surface)}.account-identity-actions{gap:8px;display:flex}.account-identity-actions>.button{gap:8px;min-height:44px;font-size:14px;line-height:20px}.account-panels{gap:16px;display:grid}@media (width>=1000px){.account-panels{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.new-device-card{grid-area:1/2}}.new-device-card{flex-direction:column;display:flex}.new-device-card>p{color:var(--muted);margin-top:4px}.new-device-card>form{margin-top:16px}.device-steps{gap:12px;margin:20px 0;padding:0;list-style:none;display:grid}.device-steps>li{align-items:flex-start;gap:12px;display:flex}.device-steps>li>span{background:var(--raised);width:20px;height:20px;color:var(--muted);border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;line-height:16px;display:grid}.new-device-start{width:100%;margin-top:auto}.device-code-box{background:var(--bg);color:var(--muted);border:1px dashed oklch(43% .01 167);border-radius:12px;justify-items:center;gap:8px;padding:16px;font-size:12px;line-height:16px;display:grid}.device-code-box:focus-within{border-style:solid;border-color:var(--accent)}.device-code-box>input{width:100%;color:var(--text);letter-spacing:.1em;text-align:center;background:0 0;border:0;outline:none;padding:0;font-family:monospace;font-size:24px;line-height:32px}.device-code-box>input::placeholder{color:oklch(52% .01 167)}.new-device-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.security-card{padding-bottom:12px}.security-card-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.no-password-badge{background:var(--raised);color:var(--accent);border-radius:999px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;line-height:16px;display:inline-flex}.security-card .account-row-list{border:0;margin:8px -12px 0}.security-card .account-row-main{gap:8px}.security-card .account-row-head>svg{box-sizing:content-box;background:var(--raised);color:var(--accent);border-radius:10px;padding:10px}.account-footer{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.account-identity>.avatar-button .avatar,.profile-view>.avatar-button .avatar,.user-profile>.avatar{width:96px;height:96px;font-size:28px;line-height:36px}.profile-view>.avatar-button,.user-profile>.avatar{margin-block:8px 12px}.profile-view h2{overflow-wrap:anywhere;font-size:24px;line-height:32px}.profile-username{color:var(--muted);margin-top:4px;font-size:14px;line-height:20px}.status-menu{margin-top:12px;display:flex}.status-menu-trigger{border:1px solid var(--line);min-height:36px;color:var(--text);transition:background-color .2s var(--ease-out);border-radius:999px;align-items:center;gap:8px;padding-inline:12px;font-size:14px;line-height:20px;display:inline-flex}.status-menu-trigger>svg{color:var(--muted)}@media (hover:hover){.status-menu-trigger:hover{background:var(--raised)}}.status-menu-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.status-menu-trigger:before,.status-menu .person-menu-items button:before{content:"";background:oklch(52% .01 167);border-radius:50%;flex-shrink:0;width:6px;height:6px}.status-menu button.online:before{background:oklch(74% .1 160)}.status-menu button.busy:before{background:oklch(74% .1 80)}.status-menu .person-menu-items{position-area:block-end span-inline-end;min-width:160px}.status-menu .person-menu-items svg{color:var(--muted);margin-inline-start:auto}.account-rows{text-align:start;margin-top:32px}.modal .account-rows:first-of-type{margin-top:16px}.account-rows>.button{margin-top:12px}.account-rows>h3{font-size:16px;font-weight:500;line-height:24px}.account-row-list{border:1px solid var(--line);border-radius:12px;margin-top:12px;padding:0;list-style:none}.account-row-list>li+li{border-top:1px solid var(--line)}.account-row-list .form-error{margin:0 12px 12px}.account-row-main{align-items:center;gap:12px;min-height:44px;padding:12px;display:flex}.account-row-main>.button{flex-shrink:0;margin-block:-4px}button.account-row-main{text-align:start;cursor:pointer;width:100%;transition:background-color .2s var(--ease-out);border-radius:11px}button.account-row-main:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}@media (hover:hover){button.account-row-main:hover{background:var(--raised)}button.account-row-main:hover .account-row-caret{color:var(--text)}}.account-row-head{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.account-row-head>svg{color:var(--muted);flex-shrink:0}.account-row-text{min-width:0}.account-row-title{color:var(--text);font-size:14px;font-weight:500;line-height:20px;display:block}.account-row-detail{color:var(--muted);font-size:12px;line-height:16px;display:block}.account-row-detail>.offer{color:var(--text)}.session-current{color:var(--accent);margin-inline-start:8px;font-size:12px;font-weight:400;line-height:16px}.account-row-main>.quiet-button{flex-shrink:0;min-width:44px;min-height:44px;margin-block:-4px;padding-block:0;font-size:14px;line-height:20px}.way-back-card{border:1px solid var(--line);background:var(--surface);text-align:start;border-radius:16px}.way-back-card .account-row-head{align-items:flex-start}.way-back-card .account-row-head>svg{color:oklch(80% .09 60)}.way-back-card .form-error{margin:0 12px 12px}.way-back-actions{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.account-row-caret{color:var(--muted);flex-shrink:0}.account-row-body{padding-block-end:12px;padding-inline:44px 12px}.account-row-body>p{color:var(--muted);font-size:14px;line-height:20px}.account-row-body>.button{margin-top:8px}.account-row-body>input{background:var(--bg);border:1px solid var(--line);width:100%;color:var(--text);border-radius:6px;padding:12px 8px;font-family:monospace;font-size:12px;line-height:16px}.account-rows .button.small{min-height:44px}.account-item-list{margin-top:4px;padding:0;list-style:none}.account-item-list>li{min-height:44px;color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:14px;line-height:20px;display:flex}.account-item-list>li>div{min-width:0}.account-item-list .quiet-button{flex-shrink:0;justify-content:flex-end;min-width:44px;min-height:44px;padding-block:0;font-size:14px;line-height:20px}.logout-link{min-height:44px;color:var(--muted);align-items:center;gap:8px;margin-inline-start:auto;padding:0;font-size:14px;line-height:20px;display:inline-flex}[dir=rtl] .logout-link>svg{transform:rotate(180deg)}@media (hover:hover){.logout-link:hover{color:oklch(80% .07 25)}}.copy-link{font-size:12px;line-height:16px}.account-code-actions,.share-link-actions{flex-wrap:wrap;gap:8px 16px;margin-top:12px;display:flex}.account-code-actions>.quiet-button{min-height:44px;font-size:12px;line-height:16px}.share-link label{font-size:12px;line-height:16px}.share-link-actions>.button{min-height:44px}.copy-label{display:inline-grid}.copy-label>span{grid-area:1/1}.copy-label:not([data-copied])>:last-child,.copy-label[data-copied]>:first-child{visibility:hidden}.copy-feedback{color:var(--muted);margin-top:12px;font-size:12px;line-height:16px}.copy-feedback:empty{margin-top:0}.profile-qr,.profile-link-skeleton>i{border-radius:16px;width:fit-content;margin-inline:auto;padding:16px}.profile-qr{background:#edf1ef}.profile-qr>svg{display:block}.profile-link-skeleton>*{background:var(--raised);animation:skeleton-pulse 1.5s var(--ease-out) infinite;display:block}.profile-link-skeleton>i{width:200px;height:200px}.profile-link-skeleton>b{border-radius:8px;height:45px;margin-top:40px}.ranna-app .profile-link-reset{min-height:44px;color:var(--muted);margin-inline-start:auto;font-size:12px;line-height:16px}@media (hover:hover){.ranna-app .profile-link-reset:hover{color:var(--text)}}.username-search{margin-top:16px}.add-share{border-top:1px solid var(--line);margin-top:24px;padding-top:16px}.add-share h3{font-size:14px;font-weight:500;line-height:20px}.add-share p{color:var(--muted);margin-top:4px;font-size:12px;line-height:16px}.add-share>.button{margin-top:12px}.username-search-field{gap:8px;margin-top:8px;display:flex}.username-search-field>input{flex:1;min-width:0}.username-search-field>.button{min-height:45px}.username-search>.field-help{margin-top:8px;display:block}.username-search+.search-results:empty{margin-top:0}.ranna-app{--toast-offset:24px}.ranna-app:has(.site-footer){--toast-offset:80px}.ranna-app:has(.message-form){--toast-offset:104px}.toast{bottom:calc(var(--toast-offset) + env(safe-area-inset-bottom));background:var(--raised);z-index:100;color:oklch(86% .01 167);width:max-content;max-width:calc(100% - 30px);box-shadow:var(--shadow-sm);animation:appear .3s var(--ease-out);border:1px solid oklch(41% .01 167);border-radius:8px;align-items:center;gap:8px;padding:8px 12px 8px 16px;font-size:12px;line-height:16px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast>svg{color:var(--accent);flex:none}.toast.alert>svg{color:oklch(80% .09 60)}.toast.missed>svg{color:oklch(75% .055 25)}.toast>.icon-button{width:24px;height:24px;margin-inline-start:8px}.signed-in{padding-inline-start:var(--app-nav-width)}.in-screen{height:100dvh;min-height:0;overflow:hidden}.app-screen{min-height:0;padding:48px max(32px, calc((100% - var(--column)) / 2)) 120px;outline:none;flex:1;overflow-y:auto}.notification-group+.notification-group{margin-top:32px}.screen-empty{padding-block:96px}.screen-empty>svg{border:1px solid var(--line);border-radius:50%;width:64px;height:64px;padding:16px}.app-screen h1{margin-bottom:24px;font-size:24px;font-weight:500;line-height:32px}.screen-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.screen-heading>h1{margin-bottom:0}.screen-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.count-badge{background:var(--accent);min-width:16px;height:16px;color:var(--bg);text-align:center;border-radius:8px;padding-inline:4px;font-size:12px;line-height:16px}.app-screen h1>small{color:var(--muted);margin-inline-start:8px;font-size:14px}.app-screen>.friend-search{margin-block:16px 8px}.avatar-button{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.avatar-edit{position:relative}.avatar-edit-badge{bottom:0;background:var(--raised);border:2px solid var(--surface);width:28px;height:28px;color:var(--text);transition:background .2s var(--ease-out);border-radius:50%;place-items:center;display:grid;position:absolute;inset-inline-start:0}@media (hover:hover){.avatar-edit:hover .avatar-edit-badge{background:var(--line)}}.modal .filter-tabs{margin:0 0 20px}.avatar-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 12px;padding:4px;display:grid}.modal .avatar-picker>label{cursor:pointer;place-items:center;margin:0;display:grid}.avatar-picker .avatar{aspect-ratio:1;width:100%;max-width:76px;height:auto;transition:transform .2s var(--ease-out), box-shadow .2s var(--ease-out)}@media (hover:hover){.avatar-picker>label:hover .avatar{transform:scale(1.04)}}.avatar-picker>label:has(:checked) .avatar{box-shadow:0 0 0 3px var(--surface), 0 0 0 5px var(--accent)}.avatar-picker>label:has(:focus-visible) .avatar{outline:2px solid var(--accent);outline-offset:8px}.modal.profile-modal{width:380px;padding-top:40px}.profile-status{background:var(--raised);color:var(--muted);border-radius:9999px;align-items:center;gap:8px;margin-top:12px;padding:4px 12px 4px 10px;font-size:12px;line-height:16px;display:inline-flex}.profile-status:before{content:"";background:oklch(52% .01 167);border-radius:50%;flex-shrink:0;width:6px;height:6px}.profile-status.online{color:oklch(80% .05 160)}.profile-status.online:before{background:oklch(74% .1 160)}.profile-status.busy{color:oklch(80% .05 80)}.profile-status.busy:before{background:oklch(74% .1 80)}.profile-bio{color:oklch(86% .006 167);overflow-wrap:anywhere;white-space:pre-line;text-wrap:balance;max-width:44ch;margin:12px auto 0}.profile-contact{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:24px;display:grid}.profile-contact>button{background:var(--raised);border-radius:12px;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:16px 4px 12px;font-size:12px;font-weight:500;line-height:16px;display:flex}.profile-contact>button>svg{color:var(--accent)}@media (hover:hover){.profile-contact>button:hover{background:oklch(31% .004 167)}}.profile-note{color:var(--muted);margin-top:12px;font-size:12px;line-height:16px}.user-profile>.person-menu{top:13px;z-index:3;position:absolute;inset-inline-start:13px}.user-profile>.person-menu>.icon-button{width:29px;height:29px}.user-profile>.person-menu>.person-menu-items{position-area:block-end span-inline-end}.conversation-empty{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.conversation-empty h1{font-size:16px;font-weight:500;line-height:24px}.device-request{border-top:1px solid var(--line);width:100%;max-width:400px;margin-top:24px}.device-request>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:12px 0;font-size:14px;line-height:20px;display:flex}.device-request dt{color:var(--muted)}.device-request dd{margin:0}.device-warning{width:100%;max-width:400px;color:var(--muted);text-align:start;gap:8px;margin-top:16px;font-size:14px;line-height:20px;display:flex}.device-warning>svg{color:oklch(80% .09 60);flex:none}.app-navigation{z-index:30;width:var(--app-nav-width);flex-direction:column;align-items:center;padding:32px 12px;display:flex;position:fixed;inset-block:0;inset-inline-start:0}.app-nav-mark{width:48px;height:48px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.app-nav-items{flex-direction:column;align-items:center;gap:16px;width:100%;margin-block:auto;display:flex}.app-nav-button{width:48px;height:48px;color:var(--muted);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.app-nav-button.selected{background:var(--raised);color:var(--text)}@media (hover:hover){.app-nav-button:hover{background:var(--raised);color:var(--text)}}.app-nav-tooltip{inset-inline-start:calc(100% + 16px);border:1px solid var(--line);background:var(--raised);box-shadow:var(--shadow-sm);color:var(--text);white-space:nowrap;visibility:hidden;opacity:0;transition:opacity .16s var(--ease-out), visibility .16s;border-radius:8px;padding:8px 12px;font-size:14px;line-height:20px;position:absolute;top:50%;transform:translateY(-50%)}.app-nav-tooltip:before{content:"";width:16px;position:absolute;inset-block:0;inset-inline-end:100%}.app-nav-button[data-tooltip-active] .app-nav-tooltip{visibility:visible;opacity:1}.app-nav-button .avatar{width:28px;height:28px;font-size:12px;line-height:16px}.app-nav-badge{background:var(--accent);min-width:20px;height:20px;color:var(--bg);text-align:center;border-radius:999px;padding-inline:4px;font-size:12px;line-height:20px;position:absolute;inset-block-start:0;inset-inline-end:0}@media (width>=901px) and (height>=521px){.app-nav-items{padding-block-end:96px}}@media (height<=520px){.app-navigation{padding-block:16px}.app-nav-mark{display:none}.app-nav-items{gap:4px}}.friend-search{border:1px solid var(--line);background:var(--bg);min-width:0;height:44px;color:var(--muted);border-radius:8px;align-items:center;gap:8px;padding:0 12px;display:flex}.friend-search:focus-within{border-color:var(--accent)}.friend-search input{min-width:0;height:100%;color:var(--text);background:0 0;border:0;outline:none;flex:1;padding:0;font-size:14px;line-height:20px}.friend-search input::placeholder{color:var(--muted)}.friend-search input:focus-visible{outline:none}.chat-sidebar>.friend-search{margin:0 16px 16px}.modal .friend-search{flex-direction:row;margin:16px 0 8px}.modal .friend-search>input{background:0 0;border:0;border-radius:0;width:0;min-height:0;padding:0;font-size:16px;line-height:24px}.friend-empty{text-align:center;color:var(--muted);padding:16px;font-size:12px;line-height:16px}.chat-page{grid-template-rows:minmax(0,1fr);grid-template-columns:280px minmax(0,1fr);height:100%;min-height:0;display:grid}.chat-sidebar{border-inline-end:1px solid var(--line);flex-direction:column;min-width:0;display:flex}.chat-sidebar h2{padding:24px 24px 16px;font-size:14px;font-weight:500;line-height:20px}.chat-friends{flex:1;min-height:0;padding:0 12px 16px;overflow-y:auto}.chat-friend{text-align:start;border-radius:8px;align-items:center;gap:12px;width:100%;margin-block:2px;padding:12px;display:flex}@media (hover:hover){.chat-friend:hover{background:var(--surface)}}.chat-friend.selected{background:var(--raised)}.chat-friend>.person-name{flex-direction:column;gap:4px;min-width:0;display:flex}.chat-friend-line{align-items:center;gap:8px;width:100%;min-width:0;display:flex}.chat-friend-line>strong,.chat-friend-line>small{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.chat-friend-line>time{color:var(--muted);flex:none;font-size:12px;line-height:16px}.chat-friend.unread .chat-friend-line>small{color:var(--text)}.chat-friend.unread .chat-friend-line>time{color:var(--accent)}.unread-count{background:var(--accent);min-width:20px;height:20px;color:var(--bg);text-align:center;border-radius:10px;flex:none;padding-inline:6px;font-size:12px;font-weight:600;line-height:20px}.chat-friend strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;line-height:20px;overflow:hidden}.chat-friend small{color:var(--muted);font-size:12px;line-height:16px}.chat-pane{outline:none;flex-direction:column;min-width:0;min-height:0;display:flex}.chat-header{border-bottom:1px solid var(--line);z-index:2;align-items:center;gap:12px;min-height:90px;padding:16px 32px;display:flex}.chat-header .avatar{width:42px;height:42px}.chat-header .person-name strong{font-size:14px;line-height:20px}.chat-header .person-name small{font-size:12px;line-height:16px}.chat-header .icon-button{border-radius:8px;width:40px;height:40px}[dir=rtl] .back-directional{transform:rotate(180deg)}@media (width>=901px){.chat-back{display:none}}.chat-log{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.chat-messages{overscroll-behavior:contain;overflow-anchor:none;flex-direction:column;flex:1;align-items:flex-start;gap:4px;min-height:0;padding:32px max(32px,50% - 400px);display:flex;overflow-y:auto}.older-messages{color:var(--muted);flex-direction:column;align-self:center;align-items:center;gap:4px;padding-bottom:16px;font-size:13px;display:flex}.chat-messages>:first-child{margin-top:auto}.chat-messages>.inline-empty{margin:auto}.ranna-app .new-message{z-index:1;box-shadow:var(--shadow-md);animation:appear .2s var(--ease-out);border-radius:999px;position:absolute;bottom:12px;left:50%;translate:-50%}.message-day{background:var(--surface);color:var(--muted);border-radius:999px;align-self:center;margin-block:8px 4px;padding:2px 12px;font-size:12px;line-height:16px}.chat-messages>.inline-empty>svg{border:1px solid var(--line);width:54px;height:54px;color:var(--accent);border-radius:16px;padding:12px}.message{min-width:0;max-width:min(75%,560px);margin-left:0;margin-right:auto}.message.group-start{margin-top:12px}.message-bubble{background:var(--raised);border:1px solid var(--line);border-radius:16px;padding:10px 14px 8px}.message.mine{flex-direction:column;align-items:flex-end;margin-left:auto;margin-right:0;display:flex}.message.mine .message-bubble{color:oklch(25% .025 167);background:oklch(84% .035 167);border-color:#0000}.message.group-start .message-bubble{border-top-left-radius:4px}.message.mine.group-start .message-bubble{border-top-left-radius:16px;border-top-right-radius:4px}.message-bubble>p{white-space:pre-wrap;overflow-wrap:anywhere;text-align:start;font-size:14px;line-height:22px}.message-bubble>time{color:var(--muted);text-align:right;margin-top:4px;font-size:11px;line-height:16px;display:block}.message.mine .message-bubble>time{color:oklch(41% .025 167)}.message-bubble a{color:inherit;text-underline-offset:2px;text-decoration:underline}.message.mine .message-bubble{position:relative}.message-waiting{color:var(--muted);animation:.15s ease-out 1s backwards message-waiting;position:absolute;bottom:8px;right:calc(100% + 8px)}@keyframes message-waiting{0%{opacity:0}}.message-read{text-align:right;color:var(--muted);align-self:stretch;margin-top:4px;font-size:11px;line-height:16px}.message-failed{flex-wrap:wrap;align-items:center;gap:0 12px;margin-top:4px;display:flex}.message-failed>span{color:oklch(80% .07 25);align-items:center;gap:4px;font-size:12px;line-height:16px;display:inline-flex}.message-form{padding:16px max(32px,50% - 400px);padding-bottom:max(16px, env(safe-area-inset-bottom));border-top:1px solid var(--line);align-items:flex-end;gap:12px;display:flex}.message-form textarea{field-sizing:content;resize:none;border:1px solid var(--line);background:var(--surface);min-width:0;min-height:50px;max-height:160px;color:var(--text);border-radius:12px;flex:1;padding:12px 16px;font-size:16px;line-height:24px}.message-form textarea::placeholder{color:var(--muted)}.message-form textarea:focus-visible{border-color:var(--accent);outline:none}.message-form .button{background:var(--accent);border-radius:12px;width:50px;min-width:50px;height:50px;padding:0}.message-form .button svg{transform:rotate(180deg)}.voice-modal{text-align:center;width:390px;padding:24px 32px 32px}.voice-modal .modal-kicker{justify-content:center;gap:8px;font-size:12px;line-height:16px}.voice-modal .modal-kicker .wave{gap:2px;height:16px}.voice-modal .modal-kicker .wave i{width:2px;height:5px}.voice-modal .modal-kicker .wave i:nth-child(2){height:11px}.voice-modal .modal-kicker .wave i:nth-child(3){height:16px}.voice-modal .modal-kicker .wave i:nth-child(4){height:9px}.call-avatar{border:1px solid oklch(38% .018 167);border-radius:50%;justify-content:center;align-items:center;width:112px;height:112px;margin:32px auto 24px;display:flex}.call-avatar>.avatar{width:87px;height:87px;font-size:24px;line-height:32px}.call-avatar>svg{color:var(--accent)}.voiceprint{--level:1;--gap:56px;--fade:12%;color:oklch(41% .01 167);height:128px;transition:color .6s var(--ease-out);place-items:center;margin-bottom:4px;display:grid;position:relative}.voiceprint .avatar{width:88px;height:88px;font-size:24px;line-height:32px}.voiceprint-lines{-webkit-mask-image:linear-gradient(90deg, transparent, #000 var(--fade), #000 calc(50% - var(--gap) - 1px), transparent calc(50% - var(--gap)), transparent calc(50% + var(--gap)), #000 calc(50% + var(--gap) + 1px), #000 calc(100% - var(--fade)), transparent);mask-image:linear-gradient(90deg, transparent, #000 var(--fade), #000 calc(50% - var(--gap) - 1px), transparent calc(50% - var(--gap)), transparent calc(50% + var(--gap)), #000 calc(50% + var(--gap) + 1px), #000 calc(100% - var(--fade)), transparent);position:absolute;inset:0}.voiceprint-lines>svg{width:100%;height:100%;transform:scaleY(var(--level));transition:transform .7s var(--ease-out);animation:voiceprint-rise .9s var(--ease-out);display:block}.voiceprint-lines path{stroke:currentColor;stroke-width:2px;stroke-linecap:round;vector-effect:non-scaling-stroke}.voiceprint[data-live]{--level:.12;color:var(--accent)}.voiceprint[data-live] .voiceprint-lines>svg{transition-duration:.16s}.call-ended .voiceprint{--level:.3}.call-ended .voiceprint-lines>svg{animation:none}.voice-modal>.voiceprint,.call-ended>.voiceprint{margin-block:16px 12px}.video-placeholder .voiceprint{width:min(100%,420px);margin:0}.video-stage.sharing-local:not(.sharing-remote) .voiceprint-lines{display:none}.video-stage.sharing-local:not(.sharing-remote) .voiceprint{height:auto}.voice-modal h2{font-size:24px;line-height:32px}.voice-state{color:var(--muted);margin-top:8px;font-size:12px;line-height:16px}.peer-muted:not(:empty):before{content:" · "}.call-warnings{flex-direction:column;gap:8px;margin:12px auto 0;display:flex}.call-warning{background:var(--raised);color:var(--text);border-radius:8px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;padding:8px 12px;font-size:12px;line-height:16px;display:flex}.call-warning button{color:var(--accent);text-decoration:underline}.video-modal>.call-warnings{z-index:2;bottom:calc(110px + env(safe-area-inset-bottom));width:fit-content;max-width:calc(100% - 32px);position:absolute;inset-inline:16px}.audio-meter{justify-content:center;align-items:center;gap:4px;height:58px;margin:16px 0;display:flex}.audio-meter i{background:var(--accent);width:2px;height:44px;opacity:calc(.35 + var(--level) * .65);transform:scaleY(calc(.1 + var(--level) * var(--height)));transition:transform .18s var(--ease-out), opacity .18s var(--ease-out);border-radius:9999px}.call-controls{justify-content:center;align-items:flex-start;gap:24px;margin-top:12px;display:flex}.call-controls>button{color:var(--muted);flex-direction:column;align-items:center;gap:12px;min-width:58px;padding:0;font-size:12px;line-height:16px;display:flex;position:relative}.call-controls>button>small{font:inherit}.call-controls>button[data-icon-only]{border-radius:50%;flex:0 0 52px;min-width:52px}.call-control-tooltip{z-index:4;border:1px solid var(--line);background:var(--surface);width:max-content;max-width:160px;color:var(--text);box-shadow:var(--shadow-sm);visibility:hidden;border-radius:6px;padding:8px 12px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.call-controls>button[data-icon-only]:not([data-tooltip-dismissed],:disabled):focus-visible>.call-control-tooltip{visibility:visible}@media (hover:hover){.call-controls>button[data-icon-only]:not([data-tooltip-dismissed],:disabled):hover>.call-control-tooltip{visibility:visible}}.call-controls>button:first-child>.call-control-tooltip{left:auto;inset-inline-start:0;transform:none}.call-controls>button:last-child>.call-control-tooltip{left:auto;inset-inline-end:0;transform:none}.call-controls>button>span{background:var(--raised);width:52px;height:52px;color:var(--text);box-shadow:var(--shadow-button);transition:background-color .16s ease, box-shadow .14s var(--ease-out), transform .14s var(--ease-out);border:1px solid oklch(39% .01 167);border-radius:50%;justify-content:center;align-items:center;display:flex}.call-controls>button:not(:disabled):active{transform:none}.call-controls>button:not(:disabled):active>span{box-shadow:var(--shadow-button-pressed);transition-duration:80ms;transform:translateY(2px)scale(.98)}.call-controls>button:disabled>span{box-shadow:none}@media (hover:hover){.call-controls>button:hover>span{background:var(--raised)}}.call-controls>.end-call>span{background:oklch(48% .085 25);border-color:oklch(56% .1 25)}@media (hover:hover){.call-controls>.end-call:hover>span{background:oklch(55% .1 25)}}.call-controls>.accept-call>span{background:oklch(51% .07 160);border-color:oklch(59% .08 160)}.call-controls>.off>span{background:oklch(43% .03 250)}.call-controls>.muted>span,.call-controls>.muted:hover>span{background:var(--text);color:var(--bg);border-color:#0000}.call-ended{display:contents}.call-ended>.call-controls{margin-top:24px}.modal-backdrop:has(>.end-call-confirm){background:#181818cc}.modal.end-call-confirm{text-align:start;width:380px}.modal.end-call-confirm h2{padding-inline-end:24px;font-size:18px;line-height:28px}.call-mini{z-index:50;background:var(--surface);border:1px solid var(--line);width:min(288px,100vw - 32px);box-shadow:var(--shadow-md);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;animation:modal-enter .3s var(--ease-out);border-radius:12px;position:fixed;overflow:hidden}.call-mini[data-corner^=top]{top:calc(16px + env(safe-area-inset-top))}.call-mini[data-corner^=bottom]{bottom:calc(var(--toast-offset) + env(safe-area-inset-bottom))}.call-mini[data-corner$=start]{inset-inline-start:16px}.call-mini[data-corner$=end]{inset-inline-end:16px}.signed-in .call-mini[data-corner$=start]{inset-inline-start:calc(var(--app-nav-width) + 16px)}.call-mini-ended{cursor:default;touch-action:auto;width:min(328px,100vw - 32px)}.call-mini-video{aspect-ratio:16/9;background:#000}.call-mini-video video{object-fit:contain;width:100%;height:100%;display:block}.call-mini-bar{align-items:center;gap:8px;padding:8px;padding-inline-start:12px;display:flex}.call-mini-text{flex-direction:column;flex:1;min-width:0;display:flex}.call-mini-text>strong{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.call-mini-text>span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:16px;overflow:hidden}.call-mini-mobile-expand{display:none}.call-mini .icon-button{background:var(--raised);width:36px;height:36px;color:var(--text);border-radius:50%}.call-mini .icon-button:not(.call-mini-expand,.call-mini-float){box-shadow:var(--shadow-button);transition:background-color .16s ease, opacity .16s ease, box-shadow .14s var(--ease-out), transform .14s var(--ease-out)}.call-mini .icon-button:not(.call-mini-expand,.call-mini-float,:disabled):active{box-shadow:var(--shadow-button-pressed);transition-duration:80ms;transform:translateY(2px)scale(.98)}.call-mini .icon-button:disabled{box-shadow:none}.call-mini .icon-button.off{background:oklch(43% .03 250)}.call-mini .icon-button.muted{background:var(--text);color:var(--bg)}.call-mini .icon-button.end-call{background:oklch(48% .085 25)}@media (hover:hover){.call-mini .icon-button.end-call:hover{background:oklch(55% .1 25)}}.call-mini .call-warnings{margin:0 8px 8px}.call-float-button{top:13px;z-index:3;border-radius:6px;width:29px;height:29px;position:absolute;inset-inline-start:13px}@media (hover:hover){.call-float-button:hover{background:var(--raised);color:var(--text)}}.call-pip-error{color:var(--muted);margin:12px 8px 0;font-size:12px;line-height:18px}.call-mini>.call-pip-error{margin:0 12px 12px}.video-modal>.call-pip-error{z-index:2;bottom:calc(112px + env(safe-area-inset-bottom));background:var(--surface);border-radius:8px;padding:8px 12px;position:absolute;inset-inline:16px}.call-pip,.call-pip body,.call-pip-content{height:100%}.call-pip-content{display:flex}.call-pip .call-mini{width:100%;box-shadow:none;cursor:default;touch-action:auto;border:0;border-radius:0;flex-direction:column;animation:none;display:flex;position:static}.call-pip .call-mini-video{flex:1;min-height:0}.call-pip .call-mini-bar{flex-shrink:0;min-height:64px;margin-block:auto}.call-pip .modal-backdrop{padding:12px}.call-pip .end-call-confirm{width:100%;max-height:calc(100dvh - 24px);padding:20px}.device-pickers{text-align:start;gap:12px;display:grid}.device-pickers:not(:empty){margin-top:24px}.modal .device-pickers label{margin-top:0}.mic-privacy{color:var(--muted);margin-top:24px;font-size:12px;line-height:16px}.voice-modal.video-modal{width:min(680px,100%)}.video-stage{aspect-ratio:16/10;background:var(--bg);border:1px solid var(--line);direction:ltr;border-radius:8px;margin:24px 0 16px;position:relative;overflow:hidden}.remote-video,.video-stage video,.video-placeholder{width:100%;height:100%}.video-stage video{object-fit:contain;display:block}.remote-video>video{visibility:hidden}.remote-video.has-video>video{visibility:visible}.video-placeholder{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:12px;line-height:16px;display:flex;position:absolute;inset:0}.local-video{bottom:12px;aspect-ratio:3/4;background:var(--surface);border:1px solid var(--line);border-radius:6px;width:25%;position:absolute;inset-inline-end:12px;overflow:hidden}.local-video video{object-fit:cover}.video-modal .local-video.landscape{width:clamp(120px,22vw,260px)}.video-stage .mirrored{transform:scaleX(-1)}.local-video-placeholder{height:100%;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:12px;line-height:16px;display:flex}.video-label{bottom:8px;text-overflow:ellipsis;white-space:nowrap;color:#f0f0f0;background:#181818e6;border-radius:4px;max-width:65%;padding:2px 8px;font-size:12px;line-height:16px;position:absolute;inset-inline-start:8px;overflow:hidden}.video-modal .call-controls{gap:clamp(8px,4vw,24px)}.video-modal .call-controls>button:not([data-icon-only]){flex:1;min-width:0}.video-consent{color:var(--muted);margin-top:12px;font-size:12px;line-height:16px}.call-controls.with-sharing{flex-wrap:wrap;gap:16px 8px}.call-controls>.sharing>span{border-color:var(--accent);background:oklch(39% .045 250)}.sharing-notice{top:10px;background:#181818e6;border-radius:4px;align-items:center;gap:8px;padding:4px 8px;font-size:12px;line-height:16px;display:flex;position:absolute;inset-inline-start:10px}.video-stage.sharing-local .local-video{aspect-ratio:16/9}.video-stage.sharing-local .local-video video{object-fit:contain}.video-stage.sharing-local:not(.sharing-remote) .remote-video{bottom:12px;aspect-ratio:3/4;z-index:1;border:1px solid var(--line);background:var(--bg);border-radius:6px;width:25%;height:auto;position:absolute;inset-inline-end:12px;overflow:hidden}.video-stage.sharing-local:not(.sharing-remote) .remote-video video{object-fit:cover}.video-stage.sharing-local:not(.sharing-remote) .remote-video .video-placeholder>span{display:none}.video-stage.sharing-local:not(.sharing-remote) .local-video{aspect-ratio:auto;border:0;width:100%;height:100%;inset:0}.group-call{gap:16px;display:grid}.group-call ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.group-call small{color:var(--muted)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes appear{0%{opacity:0}to{opacity:1}}@keyframes modal-enter{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes presence-ring{0%{opacity:.5;transform:scale(1)}45%,to{transform:scale(var(--ring-scale,1.5));opacity:0}}@keyframes voiceprint-rise{0%{scale:1 .1}}@keyframes report-step{0%{opacity:0;translate:0 4px}}@keyframes skeleton-pulse{50%{opacity:.45}}@media (any-pointer:coarse){.modal label>input:not([type=radio],[type=checkbox]),.modal label>select,.modal label>textarea,.username-search-field>input,.call-invite-card label>input,.copy-link,.account-row-body>input,.friend-search input{font-size:16px;line-height:24px}}@media (width>=1500px){.site-header,.site-footer{padding-inline:80px}.search-home{padding-top:clamp(96px,16vh,96px)}}@media (width<=1000px){.site-header{height:100px;padding:0 32px}.header-nav{gap:16px}.site-footer{padding-inline:32px}.search-home{padding-top:14vh}.home-intro h1{font-size:36px;line-height:40px}}@media (width<=620px){.site-header{gap:12px;height:84px;padding:0 24px}.brand{gap:8px;font-size:24px;line-height:32px}.brand .wave{transform-origin:50%;margin-inline-end:-4px;transform:scale(.87)}.header-nav{gap:8px}.nav-button{padding:4px 0}.nav-button>span,.history-nav,.nav-divider{display:none}.header-nav>.icon-button{width:27px;height:31px}.header-nav>.icon-button>svg,.nav-button>svg{width:17px;height:17px}.enter-button{gap:12px;min-height:34px;margin-inline-start:2px;padding:0 12px;font-size:12px;line-height:16px}.enter-button>svg{width:13px}.profile-button{gap:4px}.profile-button>span:not(.avatar){text-overflow:ellipsis;white-space:nowrap;max-width:70px;font-size:12px;line-height:16px;overflow:hidden}.profile-button>.avatar{width:26px;height:26px;font-size:12px;line-height:16px}.profile-button>svg{display:none}.search-home{width:calc(100% - 44px);min-height:0;padding:10vh 0 48px}.home-intro h1{letter-spacing:-.5px;font-size:30px;line-height:36px}.home-intro p{margin-top:12px;font-size:12px;line-height:16px}.site-footer{gap:16px;min-height:91px;padding:16px 24px;font-size:12px;line-height:16px}.site-footer>span{max-width:205px;line-height:inherit;gap:4px}.site-footer>span>svg{width:13px}.site-footer>button{white-space:nowrap;gap:4px;font-size:12px;line-height:16px}.site-footer>button>svg{width:14px}.modal-backdrop{padding:12px}.modal{border-radius:12px;width:min(100%,420px);max-height:calc(100dvh - 28px);padding:32px 24px 24px}.modal.list-modal{width:100%}.modal h2{font-size:24px;line-height:32px}.modal-description{font-size:12px;line-height:16px}.modal .person-row{gap:8px;padding:16px 0}.person-name strong,.person-name small{font-size:12px;line-height:16px}.avatar{width:36px;height:36px;font-size:12px;line-height:16px}.row-actions{gap:2px}.person-row .button.small{gap:4px;min-height:32px;padding:0 8px;font-size:12px;line-height:16px}.person-row>.quiet-button{gap:4px;font-size:12px;line-height:16px}.modal .inline-empty>small{font-size:12px;line-height:16px}.voice-modal{width:min(100%,370px);padding:24px 16px 16px}.toast{gap:8px;padding-inline-start:12px;font-size:12px;line-height:16px}.toast>.icon-button{margin-inline-start:0}.restore-link,.optional-field>summary,.optional-field>summary>span,.join-note{font-size:12px;line-height:16px}}@media (width<=370px){.site-header{padding:0 16px}.header-nav{gap:8px}.enter-button{padding:0 8px;font-size:12px;line-height:16px}.enter-button svg{display:none}.search-home{width:calc(100% - 34px)}.site-footer{gap:8px;padding-inline:16px}.site-footer>span,.site-footer>button{font-size:12px;line-height:16px}.brand{font-size:24px;line-height:32px}}.language-button{min-width:30px;min-height:34px;color:var(--muted);padding:0 2px;font-size:12px;line-height:16px}.language-button[lang=ar]{font-family:IBM Plex Sans Arabic,system-ui,sans-serif}@media (hover:hover){.language-button:hover{color:var(--text)}}[dir=ltr] .directional{transform:rotate(180deg)}[dir=ltr] .message-form .button svg{transform:none}@media (width<=370px){.site-header{gap:8px}.language-button{min-width:27px;font-size:12px;line-height:16px}}.voice-modal.video-modal{background:var(--bg);border:0;border-radius:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;animation:none;position:fixed;inset:0;overflow:hidden}.video-modal>.modal-kicker{top:max(16px, env(safe-area-inset-top));justify-content:flex-start;margin:0;font-size:12px;line-height:16px;position:absolute;inset-inline-start:20px}.video-modal>h2{top:calc(max(16px, env(safe-area-inset-top)) + 24px);text-align:start;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 140px);font-size:18px;line-height:28px;position:absolute;inset-inline-start:20px;overflow:hidden}.video-modal>.voice-state{top:calc(max(16px, env(safe-area-inset-top)) + 53px);margin:0;position:absolute;inset-inline-start:20px}.video-modal>.video-stage{inset:calc(max(16px, env(safe-area-inset-top)) + 82px) 12px calc(112px + env(safe-area-inset-bottom));aspect-ratio:auto;background:#000;border:0;border-radius:8px;height:auto;margin:0;position:absolute}.video-modal .local-video,.video-modal .video-stage.sharing-local:not(.sharing-remote) .remote-video{width:clamp(90px,15vw,190px);top:12px;bottom:auto}.video-modal .local-video video{object-fit:contain}.video-modal .video-stage.sharing-local:not(.sharing-remote) .local-video{width:100%;inset:0}.video-modal>.audio-meter{display:none}.video-modal>.call-controls{bottom:calc(18px + env(safe-area-inset-bottom));flex-wrap:nowrap;gap:clamp(4px,2vw,16px);max-width:480px;margin:0 auto;position:absolute;inset-inline:12px}.video-modal .call-controls>button:not([data-icon-only]){flex:0 72px;gap:8px;min-width:44px;font-size:12px;line-height:16px}.video-modal>.close,.video-modal>.fullscreen-button{top:max(18px, env(safe-area-inset-top));z-index:2;border:1px solid var(--line);background:var(--surface);width:36px;height:36px;position:absolute;inset-inline-end:16px}.video-modal>.fullscreen-button{inset-inline-end:62px}.video-modal>.call-float-button{top:max(18px, env(safe-area-inset-top));border:1px solid var(--line);background:var(--surface);width:36px;height:36px;inset-inline:auto 108px}.video-modal:has(>.call-float-button)>h2{max-width:calc(100% - 186px)}.video-modal>.video-consent{bottom:calc(100px + env(safe-area-inset-bottom));margin:0;position:absolute;inset-inline:16px}.fullscreen-error{top:70px;z-index:2;max-width:270px;color:var(--text);background:var(--raised);border-radius:6px;padding:8px 12px;font-size:12px;line-height:16px;position:absolute;inset-inline-end:16px}@media (any-pointer:coarse){.status-menu-trigger{min-height:44px}}@media (width<=620px){.account-card{padding:20px}.account-identity{text-align:center;flex-direction:column}.account-identity-text{flex:none;width:100%}.account-name{flex-direction:column;align-items:center}.status-menu{justify-content:center}.account-identity-actions{width:100%}.account-identity-actions>.button{flex:1;min-width:0;padding-inline:8px}.account-identity-actions>.button>svg,.no-password-badge{display:none}.account-settings{width:44px;padding:0}.account-settings>span{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.account-footer{text-align:center;flex-direction:column-reverse;align-items:stretch}.logout-link{border:1px solid var(--line);border-radius:12px;justify-content:center;margin-inline-start:0}.logout-link>svg{display:none}}@media (width<=480px){.call-controls.with-sharing{gap:8px 4px}.call-controls>button[data-icon-only]{flex-basis:44px;min-width:44px}.call-controls>button[data-icon-only]>span,.video-modal .call-controls>button>span{width:44px;height:44px}.video-modal .call-controls>button{font-size:12px;line-height:16px}}@media (width<=620px),(height<=520px){.voice-modal:not(.video-modal,.mic-test){width:100%;max-width:none;height:100dvh;max-height:none;padding:max(20px, env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));box-shadow:none;border:0;border-radius:0;flex-direction:column;margin:0;display:flex;position:fixed;inset:0}.voice-modal:not(.video-modal,.mic-test)>.close{top:max(13px, env(safe-area-inset-top))}.voice-modal:not(.video-modal,.mic-test) .voiceprint{flex-shrink:0;margin-block:auto 16px}.voice-modal:not(.video-modal,.mic-test) .audio-meter,.voice-modal:not(.video-modal,.mic-test) .call-controls{margin-top:auto}.voice-modal:not(.video-modal,.mic-test) .audio-meter+.call-controls{margin-top:0}.video-modal>.video-stage{isolation:isolate;border-radius:0;inset:0}.video-modal>.video-stage:before,.video-modal>.video-stage:after{content:"";z-index:1;pointer-events:none;transition:opacity .3s var(--ease-out);position:absolute;inset-inline:0}.video-modal>.video-stage:before{background:linear-gradient(#0009,#0000);height:120px;top:0}.video-modal>.video-stage:after{background:linear-gradient(#0000,#0009);height:160px;bottom:0}.video-modal>.modal-kicker,.video-modal .local-video>.video-label,.video-modal>.video-stage:not(.sharing-remote) .remote-video>.video-label{display:none}.video-modal>.video-stage.sharing-remote .remote-video>.video-label{z-index:2;bottom:calc(96px + env(safe-area-inset-bottom))}.video-modal>:is(h2,.voice-state,.video-consent,.call-controls){z-index:2}.video-modal>:is(h2,.voice-state,.call-controls,.close,.fullscreen-button,.call-float-button){transition:opacity .3s var(--ease-out)}.video-modal.controls-idle:not(:has(:focus-visible))>:is(h2,.voice-state,.call-controls,.close,.fullscreen-button,.call-float-button){opacity:0;pointer-events:none}.video-modal.controls-idle:not(:has(:focus-visible))>.video-stage:before{opacity:0;pointer-events:none}.video-modal.controls-idle:not(:has(:focus-visible))>.video-stage:after{opacity:0;pointer-events:none}.video-modal>h2{top:max(16px, env(safe-area-inset-top))}.video-modal>.voice-state{top:calc(max(16px, env(safe-area-inset-top)) + 28px);text-align:start;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 186px);overflow:hidden}.video-modal .local-video,.video-modal .video-stage.sharing-local:not(.sharing-remote) .remote-video{z-index:2;top:calc(max(16px, env(safe-area-inset-top)) + 56px);width:96px}.video-modal .local-video.landscape{width:136px}.video-modal .video-stage.sharing-local:not(.sharing-remote) .local-video{z-index:auto;width:100%;inset:0}.video-modal .sharing-notice{z-index:2;top:calc(max(16px, env(safe-area-inset-top)) + 56px);inset-inline-start:12px}}@media (height<=520px){.voice-modal:not(.video-modal,.mic-test){padding-block:max(12px, env(safe-area-inset-top)) calc(12px + env(safe-area-inset-bottom))}.voice-modal:not(.video-modal,.mic-test) .modal-kicker,.voice-modal:not(.video-modal,.mic-test) .audio-meter{display:none}.voice-modal:not(.video-modal,.mic-test) .voiceprint{height:72px;margin-block:auto 8px}.voice-modal:not(.video-modal,.mic-test) .voiceprint .avatar{width:64px;height:64px}}.site-header,.home-intro,.call-link-area,.home-people,.call-invite{transition:opacity .5s var(--ease-out), transform .5s var(--ease-out)}.home-intro,.call-invite{transition-delay:60ms}.call-link-area{transition-delay:90ms}.home-people{transition-delay:.12s}@starting-style{.site-header,.home-intro,.call-link-area,.home-people,.call-invite{opacity:0;transform:translateY(6px)}}.home-friends .results-label>span:first-child{color:var(--muted);align-items:center;gap:8px;display:flex}.online-dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.home-friends .person-row{padding-block:12px}.site-footer .wave{height:15px;color:var(--accent);gap:2px}.site-footer .wave>i{width:2px;height:40%}.site-footer .wave>i:nth-child(2){height:70%}.site-footer .wave>i:nth-child(3){height:100%}.site-footer .wave>i:nth-child(4){height:60%}.site-footer .wave>i:nth-child(5){height:30%}@media (width<=900px){.app-screen{padding:24px 16px 100px}.screen-heading{min-height:40px}.ranna-app:has(>.call-mini){padding-bottom:calc(96px + env(safe-area-inset-bottom))}.ranna-app.signed-in:has(>.call-mini){padding-bottom:calc(96px + var(--app-nav-space))}.ranna-app .call-mini[data-corner]{top:auto;bottom:calc(12px + env(safe-area-inset-bottom));cursor:default;touch-action:pan-y;border-radius:16px;grid-template-columns:minmax(0,1fr);width:auto;display:grid;inset-inline:12px}.ranna-app.signed-in .call-mini[data-corner]{bottom:var(--app-nav-space)}.ranna-app .call-mini:has(.call-mini-video){grid-template-columns:64px minmax(0,1fr)}.ranna-app .call-mini-video{aspect-ratio:auto;border-radius:10px;grid-area:1/1;width:56px;height:56px;margin:8px 0;margin-inline-start:8px;overflow:hidden}.ranna-app .call-mini-bar{min-width:0;min-height:72px}.ranna-app .call-mini:has(.call-mini-video) .call-mini-bar{grid-column:2;padding-inline-start:8px}.ranna-app .call-mini-text>span{align-items:center;gap:6px;display:flex}.ranna-app .call-mini-mobile-expand{display:block}.ranna-app .call-mini .icon-button{flex-shrink:0;width:44px;height:44px}.ranna-app .call-mini .call-mini-expand{inset:0;bottom:auto;outline-offset:-4px;background:0 0;border-radius:16px;width:auto;height:72px;position:absolute;inset-inline-end:112px}.ranna-app .call-mini-expand>svg,.ranna-app .call-mini .call-mini-float{display:none}.ranna-app .call-mini>.call-warnings,.ranna-app .call-mini>.call-pip-error{grid-column:1/-1}.signed-in{--app-nav-space:calc(88px + env(safe-area-inset-bottom));padding-inline-start:0;padding-bottom:var(--app-nav-space)}.signed-in:has(.chat-page.has-chat){--app-nav-space:calc(12px + env(safe-area-inset-bottom))}.signed-in:has(.chat-page.has-chat):not(:has(>.call-mini)){padding-bottom:0}.signed-in:has(.chat-page.has-chat)>.app-navigation{display:none}.signed-in .toast{bottom:calc(max(var(--toast-offset), 88px) + env(safe-area-inset-bottom))}.signed-in:has(>.call-mini) .toast{bottom:calc(96px + var(--app-nav-space))}.app-navigation{border:1px solid var(--line);background:var(--surface);width:calc(100% - 32px);max-width:440px;height:64px;box-shadow:var(--shadow-md);border-radius:999px;margin-inline:auto;padding:4px 8px;inset-block-start:auto;inset-block-end:calc(12px + env(safe-area-inset-bottom));inset-inline:0}.app-nav-items{flex-direction:row;gap:0;height:100%;margin:0}.app-nav-button{border-radius:999px;flex:1;min-width:0;height:52px}.app-nav-mark,.app-nav-tooltip{display:none}.app-nav-badge{inset-block-start:2px;inset-inline-end:calc(50% - 24px)}.chat-page{grid-template-columns:minmax(0,1fr)}.chat-page.has-chat .chat-sidebar,.chat-page:not(.has-chat) .conversation-empty{display:none}.chat-sidebar{border-inline-end:0}.chat-sidebar h2{padding:24px 16px;font-size:24px;line-height:40px}.chat-header{min-height:76px;padding:max(12px, env(safe-area-inset-top)) 16px 12px;gap:8px}.chat-header .avatar{width:36px;height:36px}.chat-header .person-name strong{font-size:14px;line-height:20px}.chat-header .person-name small{font-size:12px;line-height:16px}.chat-header .icon-button{width:36px;height:40px}.chat-messages{padding:24px 16px}.message{max-width:88%}.message-form{padding:12px 16px max(12px, env(safe-area-inset-bottom));gap:8px}}@media (width<=370px){.home-history .avatar:nth-child(n+3){display:none}.chat-header{gap:4px;padding-inline:8px}.chat-header .icon-button{width:32px}}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-400.woff2)format("woff2")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-500.woff2)format("woff2")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-600.woff2)format("woff2")}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/manrope-400.woff2)format("woff2")}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/manrope-500.woff2)format("woff2")}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/manrope-600.woff2)format("woff2")}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/manrope-700.woff2)format("woff2")}html{scroll-behavior:smooth;scroll-padding-block:96px}body{line-height:20px}h1,h2,h3,dt{text-wrap:balance}p,dd{text-wrap:pretty}:lang(ar){--font:"IBM Plex Sans Arabic", "Manrope", sans-serif}h1,h2,h3{font-weight:500}button,a,summary{transition:background-color .3s var(--ease-out), color .3s var(--ease-out), border-color .3s var(--ease-out), opacity .3s var(--ease-out), transform .5s var(--ease-out)}button:not(:disabled):active,a:active{transform:scale(.98)}input,select{transition:border-color .3s var(--ease-out), background-color .3s var(--ease-out)}.skip-link{z-index:70;background:var(--accent);color:var(--bg);border-radius:8px;padding:12px 16px;position:fixed;inset-block-start:16px;inset-inline-start:16px;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.ranna-app .site-header{border:1px solid var(--line);background:color-mix(in oklch, var(--surface) 82%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:16px;gap:64px;width:fit-content;max-width:calc(100% - 32px);height:auto;min-height:64px;margin:16px auto 0;padding:8px 16px}.ranna-app .brand{letter-spacing:-.5px;gap:12px;font-size:24px;line-height:32px}.brand:lang(ar){letter-spacing:normal}.site-header .brand:is(:hover,:focus-visible) .wave>i,.ranna-app:not(.information-page) .site-header .brand .wave>i{animation:logo-wave 4.8s var(--ease-out) var(--wave-delay,0s) both}.ranna-app:not(.information-page) .site-header .brand .wave>i{animation-iteration-count:infinite}.ranna-app:not(.information-page):has(.ambient[data-paused]) .site-header .brand .wave>i{animation-play-state:paused}@keyframes logo-wave{0%,24%,to{transform:scaleY(1)}6%{transform:scaleY(.5)}12%{transform:scaleY(1.15)}18%{transform:scaleY(.75)}}.ranna-app .header-nav{gap:16px}.button{border-radius:8px;gap:8px;min-height:44px;padding:8px 12px;font-size:16px;font-weight:600;line-height:24px}.button.small,.ranna-app .enter-button{gap:8px;min-height:40px;padding:8px 12px;font-size:14px;font-weight:600;line-height:20px}.ranna-app .enter-button{border-color:var(--line);color:var(--text);white-space:nowrap;background:0 0}@media (hover:hover){.ranna-app .enter-button:hover{background:var(--raised)}}.ranna-app .enter-button>svg{width:16px;display:block}.ranna-app .sign-in-button{min-height:40px;color:var(--text);white-space:nowrap;border-radius:8px;padding:8px 12px;font-size:14px;font-weight:600;line-height:20px}@media (hover:hover){.ranna-app .sign-in-button:hover:not(:disabled){background:var(--raised)}}.ranna-app .language-button{min-width:40px;min-height:40px;padding:8px;font-size:14px;line-height:20px}.ranna-app .search-home{width:min(var(--column), calc(100% - 48px));padding:0}.search-hero{flex-direction:column;justify-content:center;min-height:calc(100svh - 176px);padding:64px 0 96px;display:flex}.ranna-app .home-intro h1{letter-spacing:-2px;max-width:680px;color:var(--text);font-size:64px;font-weight:600;line-height:64px}.ranna-app .home-intro h1:lang(ar){letter-spacing:normal}.ranna-app .home-intro p{max-width:44ch;color:var(--muted);margin:24px 0 0;font-size:16px;line-height:24px}.call-link-reassurance{color:var(--muted);text-align:start;margin-top:16px;font-size:12px;line-height:16px}.entry-reveal{--ascii-accent:var(--accent);--ascii-glyph:color-mix(in srgb, var(--accent) 45%, transparent);position:relative}.call-link-area{margin-top:32px}.ranna-app .call-link-create{border-radius:12px;width:fit-content;min-height:56px;padding:12px 24px;font-size:16px;line-height:24px;display:flex}.call-link-card,.call-invite-card{border:1px solid var(--line);background:var(--surface);text-align:start;box-shadow:var(--shadow-sm);border-radius:16px}.call-link-card{padding:20px 24px 24px}.call-link-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.call-link-status{color:var(--accent);align-items:center;gap:8px;font-size:12px;line-height:16px;display:flex}.call-link-status>i{--ring-scale:3;background:currentColor;border-radius:50%;width:8px;height:8px;position:relative}.call-link-status>i:before,.call-link-status>i:after{content:"";opacity:0;animation:presence-ring 3.2s var(--ease-out) infinite;border:1px solid;border-radius:50%;position:absolute;inset:0}.call-link-status>i:after{animation-delay:.4s}.ranna-app:has(.ambient[data-paused]) .call-link-status>i:before{animation-play-state:paused}.ranna-app:has(.ambient[data-paused]) .call-link-status>i:after{animation-play-state:paused}.call-link-card .share-link label{color:oklch(78% .01 167);flex-direction:column;gap:8px;margin-top:16px;display:flex}.call-link-card .copy-link,.call-invite-card label>input{background:var(--bg)}.ranna-app .call-link-cancel{min-height:44px;color:var(--muted);margin-inline-start:auto}@media (hover:hover){.ranna-app .call-link-cancel:hover{color:var(--text)}}.call-link-note,.call-invite-note{color:var(--muted);margin-top:12px;font-size:12px;line-height:16px}.call-invite{text-align:center;flex-direction:column;align-items:center;display:flex}.call-invite>.avatar.large{width:88px;height:88px;margin-bottom:24px;font-size:24px;line-height:32px}.call-invite>.avatar>.presence{--presence-size:16px;border-width:3px}.call-invite>.eyebrow{margin-bottom:12px}.ranna-app .call-invite h1{letter-spacing:-1px;overflow-wrap:anywhere;max-width:100%;color:var(--text);font-size:40px;font-weight:500;line-height:48px}.ranna-app .call-invite h1:lang(ar){letter-spacing:normal}.call-invite-name{color:var(--accent);font-weight:700}.call-invite-host{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:4px 8px;margin-top:12px;font-size:14px;line-height:20px;display:flex}.call-invite-lead{max-width:480px;color:var(--muted);margin-top:16px;font-size:16px;line-height:24px}.call-invite-card{width:100%;max-width:440px;margin-top:32px;padding:24px}.ranna-app .call-invite-card label{margin-top:0}.call-invite-self{align-items:center;gap:12px;font-size:14px;line-height:20px;display:flex}.call-invite-away{background:var(--raised);border-radius:8px;margin-top:16px;padding:12px;font-size:12px;line-height:16px}.call-invite-away>.quiet-button{padding:0;display:inline}.call-invite-actions{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:24px;display:grid}.call-invite-actions:first-child{margin-top:0}.call-invite-actions>.button{min-height:48px}.call-invite-icon{border:1px solid var(--line);background:var(--surface);width:64px;height:64px;color:var(--accent);border-radius:16px;place-items:center;margin-bottom:24px;display:grid}.call-invite>.button{margin-top:32px}.call-invite-skeleton{--ascii-skeleton:var(--muted);justify-items:center;gap:16px;display:grid}.sound-wave{--period:clamp(560px, 100vw, 1700px);--height:clamp(240px, 30vw, 440px);top:calc(var(--wave-at) - var(--height) / 2);width:calc(var(--period) * 3);height:var(--height);color:var(--accent);will-change:transform;animation:48s linear infinite sound-wave-travel;position:absolute;left:0}.sound-wave svg{width:100%;height:100%;animation:9s cubic-bezier(.45,0,.55,1) infinite alternate sound-wave-breathe;display:block;overflow:visible;transform:scaleY(.85)}.sound-wave path{vector-effect:non-scaling-stroke}.sound-wave-lines{stroke:currentColor;stroke-width:1px;opacity:.12}.sound-wave-crest{stroke:currentColor;stroke-width:1.5px;opacity:.34}.sound-wave-haze{stroke:currentColor;stroke-width:24px;opacity:.06;filter:blur(12px)}.sound-wave--far{--period:clamp(840px, 140vw, 2300px);--height:clamp(180px, 22vw, 320px);color:#a3bfb5;animation-duration:71s;animation-direction:reverse}.sound-wave--far svg{animation-name:sound-wave-answer;animation-duration:13s;animation-delay:-4s;transform:scaleY(-.75)}.sound-wave--far .sound-wave-crest{opacity:.24}.ambient[data-paused] :is(.sound-wave,.sound-wave svg){animation-play-state:paused}:is(.in-screen,.information-page) .sound-wave{opacity:.5}@keyframes sound-wave-travel{to{transform:translate(-33.3333%)}}@keyframes sound-wave-breathe{0%{opacity:.7;transform:scaleY(.7)}to{opacity:1;transform:scaleY(1)}}@keyframes sound-wave-answer{0%{opacity:.9;transform:scaleY(-.9)}to{opacity:.5;transform:scaleY(-.55)}}.ranna-app .site-footer{flex-wrap:wrap;gap:24px;min-height:96px;padding:24px 48px;font-size:12px;line-height:16px}.site-footer>span{gap:8px}.ranna-app .site-footer>button{color:var(--muted);gap:8px;padding:8px 0;font-size:12px;line-height:16px}@media (hover:hover){.site-footer>button:hover{color:var(--text)}}.footer-links{flex-wrap:wrap;gap:24px;display:flex}.footer-links a{padding-block:8px}@media (hover:hover){.footer-links a:hover{color:var(--text)}}.signed-in .search-hero{justify-content:flex-start;min-height:0;padding:clamp(64px,14vh,128px) 0 64px}.ranna-app.signed-in .home-intro h1{letter-spacing:-1px;font-size:40px;line-height:44px}.modal{border-radius:16px}.modal input,.modal select{border-radius:8px}.home-guide{padding-bottom:64px}.home-guide>section{padding-block:80px}.eyebrow{color:var(--accent);margin-bottom:16px;font-size:12px;font-weight:500;line-height:16px}.home-guide h2,.information-content h1{letter-spacing:-.5px;font-size:30px;font-weight:500;line-height:36px}.guide-steps h3{font-size:18px;font-weight:500;line-height:28px}.guide-steps p,.information-content p{color:var(--muted);margin:8px 0 0;font-size:14px;line-height:20px}.guide-steps ol{counter-reset:steps;gap:32px;margin:40px 0 0;padding:0;list-style:none;display:grid}.guide-steps li{counter-increment:steps;grid-template-columns:32px minmax(0,1fr);gap:0 16px;display:grid}.guide-steps li:before{content:counter(steps, decimal-leading-zero);color:var(--accent);font-variant-numeric:tabular-nums;grid-row:span 2;padding-top:4px;font-size:12px;line-height:16px}.action-skeleton{opacity:.25;width:48px;height:16px;animation:skeleton-pulse 1.5s var(--ease-out) infinite;background:currentColor;border-radius:4px;display:inline-block}.message-skeleton{gap:16px;width:100%;padding:24px;display:grid}.message-skeleton i{background:var(--raised);width:64%;height:48px;animation:skeleton-pulse 1.5s var(--ease-out) infinite;border-radius:12px;display:block}.message-skeleton i:nth-child(2){justify-self:end;width:48%}.information-content{width:min(680px,100% - 48px);margin:80px auto}.information-sections{gap:32px;margin-block:48px;display:grid}.information-content h2{font-size:18px;line-height:28px}.information-content>.button{margin-top:32px}.information-page .eyebrow{color:var(--accent);margin:0 0 16px}@media (width<=620px){.ranna-app .site-header{border-radius:16px;gap:16px;padding:8px 12px}.ranna-app .brand{gap:8px}.ranna-app .header-nav{gap:4px}.ranna-app .sign-in-button{padding-inline:8px}.ranna-app .search-home{width:calc(100% - 32px)}.search-hero{min-height:calc(100svh - 160px);padding:64px 0 80px}.ranna-app .home-intro h1{letter-spacing:-1.5px;font-size:44px;line-height:48px}.ranna-app .home-intro p{font-size:14px;line-height:20px}.call-link-card,.call-invite-card{padding:16px}.ranna-app .call-invite h1{font-size:32px;line-height:40px}.ranna-app .site-footer{justify-content:center;gap:16px;padding:24px 16px}.ranna-app .site-footer>span{max-width:none;font-size:12px;line-height:16px}.footer-links{gap:16px}.home-guide{padding-inline:8px}.home-guide>section{padding-block:48px}.home-guide h2{font-size:24px;line-height:32px}.signed-in .search-hero{padding-top:72px}.ranna-app.signed-in .home-intro h1{font-size:28px;line-height:36px}.information-content{margin-block:64px}}@media (width<=370px){.ranna-app .site-header{gap:8px;padding-inline:8px}.ranna-app .brand{gap:8px;font-size:20px}.ranna-app .language-button{min-width:32px}.ranna-app .sign-in-button,.ranna-app .enter-button{padding-inline:8px}.ranna-app .enter-button>svg{display:none}}@media (width<=340px){.ranna-app .sign-in-button,.ranna-app .enter-button{padding-inline:6px;font-size:13px}.button.danger-button:hover:not(:disabled){background:oklch(60% .12 25)}}@media (forced-colors:active){.ambient{background:canvas}}