:root{color:#12221f;font-synthesis:none;text-rendering:optimizelegibility;--ink:#12221f;--muted:#64716e;--paper:#f8f7f2;--surface:#fff;--line:#dfe5e1;--green:#0b6b5c;--green-dark:#075347;--green-soft:#dff1eb;--yellow:#f6c85f;--danger:#e95555;--shadow:0 20px 60px #18312b17;background:#e9ede8;font-family:Inter,ui-rounded,Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #0b6b5c4d}.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}.eyebrow{color:var(--green);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .25rem;font-size:.75rem;font-weight:750}.login-shell{min-height:100dvh;padding:max(1rem, env(safe-area-inset-top)) 1rem max(1rem, env(safe-area-inset-bottom));background:radial-gradient(circle at 12% 8%, #f6c85f47, transparent 28rem), var(--paper);grid-template-columns:minmax(0,27rem);place-items:center;display:grid}.loading-shell{min-height:100dvh;color:var(--muted);background:var(--paper);text-align:center;place-content:center;display:grid}.loading-mark{color:#fff;background:var(--green);border-radius:1.1rem;place-items:center;width:3.75rem;height:3.75rem;margin:0 auto;font-size:1.5rem;font-weight:850;display:grid}.loading-shell p{margin:.85rem 0 0;font-size:.9rem}.login-card{border:1px solid var(--line);width:100%;min-width:0;box-shadow:var(--shadow);background:#ffffffeb;border-radius:1.5rem;padding:2rem}.brand-mark{color:#fff;background:var(--green);border-radius:1.25rem;place-items:center;width:4rem;height:4rem;margin-bottom:2rem;display:grid}.login-card h1,.home-header h1{letter-spacing:-.045em;margin:0;font-size:clamp(2rem,8vw,2.75rem);line-height:1.05}.login-intro{max-width:20rem;color:var(--muted);margin:.75rem 0 1.5rem;line-height:1.55}.security-note,.encrypted-pill,.server-label{align-items:center;gap:.45rem;display:flex}.security-note{width:fit-content;color:var(--green-dark);background:var(--green-soft);border-radius:.65rem;margin-bottom:1.5rem;padding:.55rem .75rem;font-size:.82rem;font-weight:700}.login-card form{gap:.55rem;display:grid}.login-card label{margin-top:.45rem;font-size:.86rem;font-weight:700}.login-card input,.composer input{background:var(--surface);border:1px solid #cfd8d3;border-radius:.75rem;width:100%}.login-card input{min-height:3rem;padding:.75rem .875rem}.login-card input:hover{border-color:#aab9b2}.password-field{position:relative}.login-card .password-field input{padding-inline-end:4.75rem}.password-toggle{min-width:3.5rem;min-height:2.25rem;color:var(--green-dark);cursor:pointer;background:0 0;border:0;border-radius:.5rem;padding:.35rem .55rem;font-size:.8rem;font-weight:750;position:absolute;inset-block-start:50%;inset-inline-end:.4rem;transform:translateY(-50%)}.password-toggle:hover{background:var(--green-soft)}.primary-button,.group-call-button{color:#fff;background:var(--green);cursor:pointer;border:0;border-radius:.75rem;min-height:3rem;font-weight:750}.primary-button{margin-top:.9rem}.compatibility-button{width:100%}.primary-button:hover,.group-call-button:hover{background:var(--green-dark)}.primary-button:disabled{opacity:.65;cursor:wait}.form-error{color:#a02828;margin:.3rem 0 0;font-size:.85rem;line-height:1.4}.field-help{color:var(--muted);margin:0 0 .35rem;font-size:.74rem;line-height:1.4}.invitation-error{margin:1rem 0}.primary-link{color:#fff;background:var(--green);border-radius:.75rem;place-items:center;min-height:3rem;padding:.7rem 1rem;font-weight:750;text-decoration:none;display:grid}.conversation-error{color:#8f2727;background:#fff2f2;border:1px solid #efcaca;border-radius:.75rem;margin:-.5rem 0 1rem;padding:.8rem .9rem;font-size:.85rem}.verification-card{background:#fff8e5;border:1px solid #ead49c;border-radius:.9rem;grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;margin:-.5rem 0 1rem;padding:.8rem;display:grid}.verification-icon{color:#78550c;background:#fbe7af;border-radius:50%;place-items:center;width:2.5rem;height:2.5rem;display:grid}.verification-card strong,.verification-card small{display:block}.verification-card small{color:#756844;margin-top:.15rem;font-size:.73rem}.verification-card button{color:#fff;cursor:pointer;background:#806018;border:0;border-radius:.6rem;padding:.55rem .7rem;font-weight:750}.device-verified{width:fit-content;color:var(--green-dark);align-items:center;gap:.35rem;margin:-.5rem 0 1rem;font-size:.78rem;font-weight:700;display:flex}.dialog-backdrop{z-index:20;background:#0c1c189e;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.recovery-dialog{background:var(--surface);width:min(100%,27rem);box-shadow:var(--shadow);border-radius:1.2rem;padding:1.5rem}.recovery-dialog .shield-circle{margin-bottom:.8rem}.recovery-dialog h2,.recovery-dialog>p{text-align:center}.recovery-dialog h2{margin:0}.recovery-dialog>p{color:var(--muted);margin:.55rem 0 1.2rem;line-height:1.45}.recovery-dialog form,.recovery-dialog label{display:grid}.recovery-dialog label{margin-bottom:.4rem;font-size:.84rem;font-weight:750}.recovery-dialog input{border:1px solid #cfd8d3;border-radius:.75rem;min-height:3rem;padding:.75rem .875rem}.recovery-dialog .password-field input{width:100%;padding-inline-end:4.75rem}.dialog-actions{grid-template-columns:1fr 1fr;gap:.65rem;margin-top:1rem;display:grid}.dialog-actions .primary-button{margin-top:0}.secondary-button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:.75rem;min-height:3rem;font-weight:750}.server-label{color:var(--muted);justify-content:center;margin:1.5rem 0 0;font-size:.77rem}.app-shell,.conversation-shell,.settings-shell{width:min(100%,48rem);min-height:100dvh;padding:max(1.5rem, env(safe-area-inset-top)) 1rem calc(6rem + env(safe-area-inset-bottom));background:var(--paper);margin:0 auto;position:relative}.settings-shell{width:min(100%,48rem);min-height:100dvh;padding:max(1rem, env(safe-area-inset-top)) 1rem max(1rem, env(safe-area-inset-bottom));background:var(--paper);margin:0 auto}.settings-header{grid-template-columns:auto 1fr;align-items:center;gap:.7rem;margin-bottom:1.25rem;display:grid}.settings-header h1{margin:0;font-size:1.45rem}.settings-card{border:1px solid var(--line);background:var(--surface);border-radius:1rem;padding:1rem}.settings-card+.settings-card{margin-top:.8rem}.settings-card h2{margin:0;font-size:1rem}.settings-card p:not(.eyebrow){color:var(--muted);line-height:1.5}.settings-status{align-items:center;gap:.35rem;font-size:.8rem;font-weight:700;display:flex;color:#8f2727!important}.settings-status.verified{color:var(--green)!important}.settings-button{width:100%;margin-top:0}.danger-button{color:#992f2f;cursor:pointer;background:#fff2f2;border:1px solid #e3b7b7;border-radius:.75rem;width:100%;min-height:3rem;font-weight:750}.danger-button:disabled{opacity:.45;cursor:not-allowed}.admin-shell{padding-bottom:calc(2rem + env(safe-area-inset-bottom))}.admin-create-card>p{margin-bottom:1rem}.admin-form{gap:.5rem;display:grid}.admin-form label,.created-invitation>label,.recovery-dialog>label{margin-top:.35rem;font-size:.82rem;font-weight:750}.admin-form input,.created-invitation>input,.recovery-dialog>input{background:var(--surface);border:1px solid #cfd8d3;border-radius:.75rem;width:100%;min-height:3rem;padding:.7rem .8rem}.created-invitation{text-align:center}.created-invitation>label{text-align:left;display:block}.created-invitation>input{margin-top:.4rem;font-size:.78rem}.invitation-qr{border:.5rem solid #fff;border-radius:.75rem;width:min(100%,16rem);height:auto;margin:1rem auto;display:block}.admin-actions{grid-template-columns:1fr 1fr;gap:.65rem;margin-top:.65rem;display:grid}.admin-actions .primary-button{margin-top:0}.admin-notice{color:var(--green-dark);background:var(--green-soft);border:1px solid #cbe2d9;border-radius:.75rem;padding:.7rem .85rem;font-size:.82rem}.admin-list{margin:.75rem 0 0;padding:0;list-style:none}.admin-list li{justify-content:space-between;align-items:center;gap:.75rem;min-height:3.5rem;padding:.55rem 0;display:flex}.admin-list li+li{border-top:1px solid var(--line)}.admin-list strong,.admin-list small{display:block}.admin-list small{color:var(--muted);margin-top:.15rem;font-size:.72rem}.admin-list button{color:#992f2f;cursor:pointer;background:#fff7f7;border:1px solid #e3b7b7;border-radius:.6rem;flex:none;min-height:2.35rem;padding:.45rem .65rem;font-size:.75rem;font-weight:750}.admin-list button.reactivate-button{color:var(--green);background:var(--green-soft);border-color:#aed4c8}.status-label{color:#8f2727;font-size:.72rem;font-weight:750}.status-label.active{color:var(--green)}.recovery-save-dialog{text-align:center}.recovery-key-value{overflow-wrap:anywhere;border:1px solid var(--line);-webkit-user-select:all;user-select:all;background:#f4f6f4;border-radius:.75rem;padding:.9rem;font-size:.88rem;line-height:1.55;display:block}.copy-key-button{width:100%;margin-top:.65rem}.recovery-confirmation{text-align:left;grid-template-columns:auto 1fr;align-items:start;gap:.65rem;margin:1rem 0!important;display:grid!important}.recovery-confirmation input{width:1.2rem;height:1.2rem;min-height:auto;margin:.05rem 0 0}.home-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.encrypted-pill{color:var(--green-dark);background:#eff8f4;border:1px solid #cbe2d9;border-radius:999px;flex:none;padding:.5rem .7rem;font-size:.75rem;font-weight:750}.family-card{border:1px solid var(--line);background:var(--surface);border-radius:1.1rem;overflow:hidden;box-shadow:0 10px 28px #18312b0f}.family-card-main,.member-button{text-align:left;cursor:pointer;background:0 0;border:0;width:100%}.family-card-main{grid-template-columns:auto 1fr auto;align-items:center;gap:.9rem;padding:1rem;display:grid}.family-card-main:hover,.member-button:hover{background:#fbfcfa}.family-card-main strong,.member-copy strong{font-size:1rem;display:block}.family-card-main small,.member-copy small{color:var(--muted);margin-top:.18rem;font-size:.78rem;display:block}.group-avatar,.member-avatar,.shield-circle{place-items:center;display:grid}.group-avatar{width:3.25rem;height:3.25rem;color:var(--green-dark);background:var(--green-soft);border-radius:1rem}.chevron{color:#81908c;font-size:1.8rem}.group-call-button{justify-content:center;align-items:center;gap:.55rem;width:calc(100% - 2rem);margin:0 1rem 1rem;display:flex}.section-heading{justify-content:space-between;align-items:baseline;margin:1.75rem 0 .7rem;display:flex}.section-heading h2{margin:0;font-size:1.15rem}.section-heading span{color:var(--muted);font-size:.8rem}.member-list{border:1px solid var(--line);background:var(--surface);border-radius:1rem;margin:0;padding:0;list-style:none;overflow:hidden}.member-list li+li{border-top:1px solid #edf0ee}.member-button{grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;min-height:4.5rem;padding:.65rem .8rem;display:grid}.member-avatar{color:#183d36;background:#f7dfb3;border-radius:50%;width:2.85rem;height:2.85rem;font-weight:800}.member-list li:nth-child(2n) .member-avatar{background:#d8e7f7}.member-list li:nth-child(3n) .member-avatar{background:#e6daf4}.member-action{width:2.45rem;height:2.45rem;color:var(--green-dark);background:var(--green-soft);border-radius:50%;place-items:center;display:grid}.empty-state{min-height:11rem;color:var(--muted);text-align:center;border:1px dashed #cbd5d0;border-radius:1rem;place-content:center;padding:2rem;display:grid}.empty-state p{max-width:18rem;margin:.7rem 0 0;line-height:1.45}.bottom-nav{z-index:5;width:min(100%,48rem);min-height:calc(4.6rem + env(safe-area-inset-bottom));padding:.45rem .75rem env(safe-area-inset-bottom);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;grid-template-columns:repeat(3,1fr);margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav.has-admin{grid-template-columns:repeat(4,1fr)}.bottom-nav button{color:#71807c;cursor:pointer;background:0 0;border:0;place-items:center;gap:.15rem;font-size:.72rem;display:grid}.bottom-nav button.active{color:var(--green-dark);font-weight:750}.conversation-shell{grid-template-rows:auto 1fr auto;padding:0;display:grid}.conversation-header{min-height:calc(4.7rem + env(safe-area-inset-top));padding:env(safe-area-inset-top) .75rem 0;border-bottom:1px solid var(--line);background:#fffffff0;grid-template-columns:auto 1fr auto;align-items:center;gap:.55rem;display:grid}.icon-button{cursor:pointer;background:#f1f4f2;border:0;border-radius:50%;place-items:center;width:2.75rem;height:2.75rem;padding:0;display:grid}.icon-button:hover{background:#e6ece9}.conversation-title{align-items:center;gap:.6rem;min-width:0;display:flex}.member-avatar.compact{flex:none;width:2.35rem;height:2.35rem}.conversation-title h1{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1rem;overflow:hidden}.conversation-title small{color:var(--green);align-items:center;gap:.25rem;margin-top:.16rem;font-size:.7rem;font-weight:700;display:flex}.header-actions{gap:.35rem;display:flex}.message-area{background:#f4f3ed;place-items:center;padding:1.25rem;display:grid}.message-area.has-messages{display:block;overflow-y:auto}.message-list{flex-direction:column;gap:.65rem;width:100%;margin:0;padding:0;list-style:none;display:flex}.message-list li{align-self:flex-start;max-width:min(82%,30rem)}.message-list li p{border:1px solid var(--line);background:var(--surface);overflow-wrap:anywhere;white-space:pre-wrap;border-radius:.95rem .95rem .95rem .25rem;margin:0;padding:.7rem .85rem}.message-list li small{color:var(--muted);margin:.22rem .3rem 0;font-size:.68rem;display:block}.message-list li.own-message{text-align:right;align-self:flex-end}.message-list li.own-message p{color:#fff;border-color:var(--green);background:var(--green);text-align:left;border-radius:.95rem .95rem .25rem}.conversation-empty{max-width:21rem;color:var(--muted);text-align:center}.shield-circle{width:3.75rem;height:3.75rem;color:var(--green);background:var(--green-soft);border-radius:50%;margin:0 auto 1rem}.conversation-empty h2{color:var(--ink);margin:0;font-size:1.1rem}.conversation-empty p{margin:.55rem 0 0;line-height:1.5}.composer{padding:.75rem .8rem calc(.75rem + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--surface);grid-template-columns:1fr auto;gap:.5rem;display:grid}.composer-error{color:#a02828;grid-column:1/-1;margin:0 0 .15rem;font-size:.78rem}.composer input{min-height:2.8rem;padding:.7rem .85rem}.composer input:disabled{color:#77827f;background:#f2f4f2}.send-button{color:#fff;background:var(--green);border:0;border-radius:50%;place-items:center;width:2.8rem;height:2.8rem;display:grid}.send-button:disabled{opacity:.42}.call-shell{min-height:100dvh;padding:max(1rem, env(safe-area-inset-top)) 1rem max(1.25rem, env(safe-area-inset-bottom));color:#fff;background:radial-gradient(circle at 50% 32%,#297065b3,#0000 23rem),#102723;grid-template-rows:auto 1fr auto;display:grid}.call-widget-shell{background:#0e1715;width:min(100%,72rem);min-height:100dvh;margin:0 auto;position:relative;overflow:hidden}.call-widget-frame{border:0;width:100%;height:100dvh;display:block}.leave-widget-call{z-index:2;top:max(.75rem, env(safe-area-inset-top));color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#07110fc7;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:.35rem;min-height:2.6rem;padding:.55rem .75rem;font-size:.8rem;font-weight:750;display:flex;position:absolute;left:.75rem}.call-widget-error{z-index:3;color:#8f2727;text-align:center;background:#fff2f2;border-radius:.75rem;margin:0;padding:.8rem;position:absolute;bottom:1rem;left:1rem;right:1rem}.call-top{justify-content:center;display:flex}.encrypted-pill.dark{color:#c8f5e8;background:#ffffff14;border-color:#c8f5e833}.call-person{text-align:center;place-content:center;display:grid}.call-avatar{aspect-ratio:1;color:#173b34;background:#f6d4bd;border:5px solid #ffffff29;border-radius:50%;place-items:center;width:clamp(8.5rem,38vw,12rem);margin:0 auto 1.4rem;font-size:4rem;font-weight:800;display:grid}.call-person h1{letter-spacing:-.03em;margin:0;font-size:2rem}.call-kind{color:#81e0c9;margin:.4rem 0 0;font-weight:750}.call-help,.connecting-label{color:#c3d1cd}.call-help{margin:.65rem auto 1.4rem}.connecting-pulse{justify-content:center;gap:.35rem;min-height:1.25rem;display:flex}.connecting-pulse span{background:#81e0c9;border-radius:50%;width:.45rem;height:.45rem;animation:1.2s ease-in-out infinite pulse}.connecting-pulse span:nth-child(2){animation-delay:.18s}.connecting-pulse span:nth-child(3){animation-delay:.36s}.connecting-label{margin:.5rem 0 0;font-size:.8rem}@keyframes pulse{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-.25rem)}}.call-controls{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.call-controls button{color:#d9e4e1;cursor:pointer;background:0 0;border:0;place-items:center;gap:.45rem;padding:0;font-size:.72rem;display:grid}.call-controls button span{background:#ffffff1f;border-radius:50%;place-items:center;width:3.25rem;height:3.25rem;display:grid}.call-controls button.end-call span{background:var(--danger);transform:rotate(135deg)}@media (width>=48rem){body{background:#e9ede8;padding:1.5rem}.login-shell{border-radius:1.25rem;min-height:calc(100dvh - 3rem)}.app-shell,.conversation-shell,.settings-shell,.call-shell{min-height:calc(100dvh - 3rem);box-shadow:var(--shadow);border-radius:1.25rem}.app-shell{padding-left:2rem;padding-right:2rem}.bottom-nav{border-right:1px solid var(--line);border-left:1px solid var(--line);border-bottom-right-radius:1.25rem;border-bottom-left-radius:1.25rem;bottom:1.5rem}.conversation-header{border-top-left-radius:1.25rem;border-top-right-radius:1.25rem}}@media (width<=23rem){.encrypted-pill{padding:.45rem}.home-header .encrypted-pill{font-size:0}.header-actions{gap:.1rem}.icon-button{width:2.5rem;height:2.5rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.element-x-card{width:min(100%,39rem)}.handoff-step{border-top:1px solid var(--line);grid-template-columns:auto 1fr;gap:.8rem;padding:1rem 0;display:grid}.handoff-step h2{margin:0 0 .65rem;font-size:1rem}.step-number{color:#fff;background:var(--green);border-radius:50%;place-items:center;width:2rem;height:2rem;font-weight:800;display:grid}.store-actions{flex-wrap:wrap;gap:.55rem;display:flex}.store-actions a,.account-details button{color:var(--green-dark);background:var(--green-soft);border:1px solid #aed4c8;border-radius:.65rem;padding:.65rem .75rem;font-size:.78rem;font-weight:750;text-decoration:none}.element-x-instructions{color:var(--muted);margin:0;padding-left:1.2rem;line-height:1.55}.account-details{border:1px solid var(--line);border-radius:.9rem;margin:.4rem 0 0}.account-details>div{padding:.85rem}.account-details>div+div{border-top:1px solid var(--line)}.account-details dt{color:var(--muted);font-size:.72rem;font-weight:750}.account-details dd{overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:.75rem;margin:.35rem 0 0;display:flex}.account-details button{cursor:pointer;flex:none}.security-footnote{color:var(--muted);justify-content:center;align-items:center;gap:.4rem;margin:1rem 0 0;font-size:.78rem;display:flex}