@import "https://fonts.googleapis.com/css2?family=Afacad+Flux:wght@400;500;600;700;800&family=Fraunces:opsz,wght@9..144,650;9..144,750;9..144,850&family=Vazirmatn:wght@400;500;600;700;800;900&display=swap";:root{--ink:#151816;--muted:#68736d;--paper:#f4f6f3;--paper-strong:#fff;--fog:#dbe3dc;--line:#fff9;--signal:#14a06f;--cobalt:#176b7a;--alert:#d94b4b;--amber:#c9892f;--shadow:0 20px 42px -18px #1518162e;--glass-bg:#ffffffbf;--glass-border:#ffffffe6;--component-inactive-color:var(--muted);--component-bg:#fffffff0;--component-shadow:#1518161f;--component-active-bg:#1518160f;--component-line-inactive-color:#1518161f;--component-active-color-default:var(--ink);--menu-accent:var(--ink);--display:"Fraunces", Georgia, serif;--body:"Afacad Flux", sans-serif;--mono:"JetBrains Mono", "Menlo", monospace;color:var(--ink);background:var(--paper);font-family:var(--body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}html.dark{--ink:#dfd8c6;--muted:#a9a08d;--paper:#0e0e0e;--paper-strong:#171615;--fog:#2a2722;--line:#ffffff17;--signal:#4ed6a1;--cobalt:#72c3d0;--alert:#ff8585;--amber:#d9aa5d;--shadow:0 20px 52px -22px #000000b8;--glass-bg:#171615c7;--glass-border:#ffffff1a;--component-inactive-color:var(--muted);--component-bg:#171615f0;--component-shadow:#ffffff14;--component-active-bg:#ffffff12;--component-line-inactive-color:#ffffff1f;--component-active-color-default:var(--ink);--menu-accent:var(--ink);background:var(--paper);color:var(--ink)}html[dir=rtl]{--display:"Vazirmatn", sans-serif;--body:"Vazirmatn", sans-serif}*{box-sizing:border-box}html{overscroll-behavior:none;background:#eef2ee;min-height:100%}body{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background:linear-gradient(135deg,#c9892f14,#0000 32%),linear-gradient(135deg,#f7f8f4 0%,#eef3f1 45%,#f6f4ee 100%);min-width:320px;min-height:100svh;margin:0}html.dark body{background:radial-gradient(circle at 12% 0,#72c3d01f,#0000 34%),linear-gradient(135deg,#11100f 0%,#0e0e0e 48%,#17130f 100%)}button,input,textarea{font:inherit;letter-spacing:0;transition:all .2s}input,textarea{-webkit-user-select:auto;user-select:auto}button{cursor:pointer}button:active{transform:scale(.97)}button:disabled{cursor:not-allowed;opacity:.5;transform:none}a{color:var(--cobalt);font-weight:600;text-decoration:none;transition:color .2s}a:hover{color:var(--ink)}#root{min-height:100svh}::selection{color:var(--ink);background:#6366f133}@keyframes iconBounce{0%,to{transform:translateY(0)}20%{transform:translateY(-.3em)}40%{transform:translateY(0)}60%{transform:translateY(-.1em)}80%{transform:translateY(0)}}:root{--action-primary-bg:#151816;--action-primary-text:#fff;--action-secondary-bg:#fff;--action-secondary-text:#151816;--action-secondary-border:#15181629}html.dark{--action-primary-bg:#f2e8d5;--action-primary-text:#11100f;--action-secondary-bg:#ffffff1a;--action-secondary-text:#f2e8d5;--action-secondary-border:#f2e8d547}.secondary-action,.auth-tabs button.is-active,.role-switch button.is-active{border-color:var(--action-secondary-border);background:var(--action-secondary-bg);color:var(--action-primary-text)!important}html.dark .auth-tabs,html.dark .role-switch{background:#ffffff12}html.dark .auth-tabs button,html.dark .role-switch button{color:#c9bea8}.password-strength{flex-wrap:wrap;gap:7px;display:flex}.password-strength span{color:var(--muted);border:1px solid #1518161a;border-radius:999px;padding:6px 9px;font-size:.78rem;font-weight:800}.password-strength span.is-passed{color:var(--signal);background:#14a06f1f;border-color:#14a06f57}html.dark .password-strength span{border-color:#ffffff1a}.auth-field-hint{color:var(--muted);overflow-wrap:anywhere;font-size:.8rem;display:block}.otp-input{font-variant-numeric:tabular-nums;letter-spacing:.35em;text-align:center;font-size:1.35rem}.form-success{color:var(--signal);margin:0;font-size:.88rem;font-weight:700}.password-field{gap:7px;display:grid}.password-field-control{position:relative}.password-field-control input{width:100%;padding-inline-end:3.25rem}.password-visibility-toggle{width:2.5rem;color:var(--ui-text-muted);background:0 0;border:0;position:absolute;inset-block:0;inset-inline-end:.45rem}.password-visibility-toggle:hover,.password-visibility-toggle:focus-visible{color:var(--ui-primary-strong)}.password-visibility-toggle:active{transform:scale(.94)}.group-card-head{gap:12px;margin-bottom:16px;display:grid}.group-card-head .sender-qr{justify-self:center;width:min(100%,320px)}.group-card-head .inline-form{grid-template-columns:minmax(0,1fr)}.group-card-head .inline-form button{justify-self:stretch}.connection-row small,.request-card small{overflow-wrap:anywhere}.sender-qr-copy{border-radius:var(--ui-radius-sm);align-items:center;gap:7px;min-height:34px;margin-top:7px;padding:6px 11px;font-size:.78rem;font-weight:800;display:inline-flex}.sender-qr-caption .sender-qr-copy span{color:inherit;font-size:inherit;text-transform:none}@media (width>=820px){.group-card-head .inline-form{grid-template-columns:minmax(0,1fr) auto auto;align-items:end}}:root{--ui-bg:#f7f8fb;--ui-bg-elevated:#fff;--ui-surface:#fff;--ui-surface-subtle:#f1f4f8;--ui-text:#14171f;--ui-text-muted:#667085;--ui-border:#14171f1a;--ui-border-strong:#14171f2e;--ui-primary:#2558d9;--ui-primary-strong:#5f7097;--ui-primary-soft:#2558d91a;--ui-success-soft:#14a06f1f;--ui-danger-soft:#d94b4b1c;--ui-radius:8px;--ui-radius-sm:6px;--ui-shadow:0 16px 36px -30px #14171f73;--ui-ring:0 0 0 3px #2558d92e;--display:var(--body);--paper:var(--ui-bg);--paper-strong:var(--ui-bg-elevated);--ink:var(--ui-text);--muted:var(--ui-text-muted);--cobalt:var(--ui-primary);--shadow:var(--ui-shadow)}html.dark{--ui-bg:#0f1218;--ui-bg-elevated:#171b24;--ui-surface:#171b24;--ui-surface-subtle:#202635;--ui-text:#f2f5fb;--ui-text-muted:#a8b0c0;--ui-border:#f2f5fb1f;--ui-border-strong:#f2f5fb33;--ui-primary:#8fb2ff;--ui-primary-strong:#c5d6ff;--ui-primary-soft:#8fb2ff29;--ui-shadow:0 18px 44px -30px #000000e6}body{background:var(--ui-bg);color:var(--ui-text)}.auth-shell,.app-shell,.boot-screen{width:min(100%,1180px)}.app-shell{padding:max(16px, env(safe-area-inset-top)) 16px calc(104px + env(safe-area-inset-bottom));gap:16px}.page-grid,.auth-form,.profile-form,.message-composer,.connection-list,.request-stack,.message-feed{gap:16px}.topbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0}.topbar-card,.topbar-actions,.header-meta,.message-card-head,.sent-message-head,.sender-inbox-card-head{gap:10px}.auth-shell{padding:max(20px, env(safe-area-inset-top)) 16px max(20px, env(safe-area-inset-bottom));align-content:center}.identity-panel{gap:16px;width:min(100%,460px)}.identity-panel,.panel,.metric-tile,.sender-qr,.topbar,.menu,.install-prompt,.toast-card,.receiver-modal{border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-surface);box-shadow:var(--ui-shadow)}.panel,.identity-panel{padding:20px}.topbar{background:color-mix(in srgb, var(--ui-surface) 92%, transparent)}.receiver-selector-card,.composer-summary,.inbox-toolbar,.push-card,.profile-card,.request-card,.connection-row,.message-card,.sent-message-card,.sent-preview-card,.sender-inbox-card,.sender-inbox-hero,.sent-overview>div{border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-bg-elevated);box-shadow:none}.composer-summary,.sender-inbox-card.featured,.receiver-select-row.all-option{background:var(--ui-surface-subtle)}.empty-state,.status-note{border:1px dashed var(--ui-border-strong);border-radius:var(--ui-radius);background:var(--ui-surface-subtle);padding:14px}.toast-card,.install-prompt{border-radius:var(--ui-radius)}.modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}button,input,textarea,.language-switch{border-radius:var(--ui-radius-sm)}input,textarea{border-color:var(--ui-border);background:var(--ui-bg-elevated);min-height:46px;color:var(--ui-text)}.primary-action{border-color:var(--ui-primary);background:var(--ui-primary);color:#fff;min-height:44px}.primary-action:hover{background:var(--ui-primary-strong)}.secondary-action,.ghost-action,.icon-action,.auth-tabs button.is-active,.role-switch button.is-active{border-color:var(--ui-border);background:var(--ui-bg-elevated);min-height:44px;color:var(--ui-text)}.auth-tabs,.role-switch{border-radius:var(--ui-radius);background:var(--ui-surface-subtle)}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--ui-primary);outline-offset:2px;box-shadow:var(--ui-ring)}button,a,.message-card-button,.sent-message-card,.sent-preview-card,.sender-inbox-card{-webkit-tap-highlight-color:transparent}.password-strength span,.selected-receiver-preview span,.recipient-strip span,.status-chip,.role-badge,.push-pill{border-radius:999px}.role-badge,.push-pill,.status-chip{border:1px solid var(--ui-border);background:var(--ui-surface-subtle)}.selected-receiver-preview span,.recipient-strip span{background:var(--ui-primary-soft);color:var(--ui-primary-strong)}.auth-brand{align-items:flex-start}.app-mark,.header-avatar,.profile-avatar,.message-avatar,.install-icon,.sender-inbox-icon{border-radius:var(--ui-radius);background:var(--ui-primary-soft);color:var(--ui-primary-strong)}.sender-qr-card{border-radius:var(--ui-radius);background:var(--ui-surface-subtle)}.sender-qr-glow{display:none}.message-links a,.message-detail-links a,.id-preview{border-radius:var(--ui-radius-sm);background:var(--ui-primary-soft);color:var(--ui-primary-strong)}.sender-qr-frame,.sender-qr img,.sender-qr-badge,.scanner-window,.scan-reticle{border-radius:var(--ui-radius)}.sender-qr-badge{background:var(--ui-primary);color:#fff}.scanner-window{background:#111827}.scanner-window:after{background:linear-gradient(#0000,#8fb2ff47,#0000)}.message-card-button,.sent-message-card,.sent-preview-card,.sender-inbox-card{transition:border-color .16s,transform .16s}.message-card-button:hover,.sent-message-card:hover,.sent-preview-card:hover,.sender-inbox-card:hover{border-color:var(--ui-border-strong);transform:translateY(-1px)}.primary-action,.secondary-action,.icon-action,.ghost-action{transition:background-color .16s,border-color .16s,transform .16s}@media (width>=680px){.app-shell{padding:20px 20px 32px}.page-grid{gap:18px}.panel,.identity-panel{padding:22px}.receiver-modal{align-self:center}}@media (width>=960px){.app-shell{gap:20px;padding:24px 28px 36px}.sender-compose-page,.sender-inbox-page,.profile-page{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:start}.sent-workspace,.inbox-page{max-width:860px;margin-inline:auto}.message-detail-page{max-width:820px;margin-inline:auto}}html.dark h1,html.dark h2,html.dark h3,html.dark strong,html.dark .panel,html.dark .topbar{color:var(--ui-text)}html.dark p,html.dark small,html.dark label span,html.dark .eyebrow,html.dark .push-hint,html.dark .install-profile-card p{color:var(--ui-text-muted)}html.dark .primary-action{background:var(--ui-primary);border-color:var(--ui-primary);color:#0f1218}html.dark .secondary-action,html.dark .icon-action,html.dark .ghost-action{color:var(--ui-text)}@media (width>=820px){.menu__item{min-width:112px}.menu__text{text-overflow:clip;white-space:nowrap;max-width:none;overflow:visible}}.id-preview,.account-id,.sender-qr-caption strong,.connection-row span,.request-card strong,.message-links a,.message-detail-links a{direction:ltr;unicode-bidi:isolate}@keyframes icon-spin{to{transform:rotate(360deg)}}.loading-spinner{animation:.9s linear infinite icon-spin}.loading-state{color:var(--ui-text-muted);justify-items:center;gap:10px;display:grid}.loading-state p{color:inherit;margin:0;font-size:.92rem;font-weight:650}.boot-loading{margin-top:4px}.boot-loading .loading-spinner{color:var(--ui-primary)}.qr-loading{aspect-ratio:1;color:#151816;background:#fff;border-radius:20px;place-content:center;width:min(230px,64vw)}.qr-loading p{font-size:.8rem}@media (prefers-reduced-motion:reduce){.loading-spinner{animation:none}}.app-shell,.page-grid,.sender-compose-page,.profile-page{gap:20px}.connection-list,.request-stack,.message-feed,.sender-inbox-feed,.sent-message-list{gap:14px}.connection-row,.request-card,.message-card,.sender-inbox-card,.sent-message-card,.sent-preview-card{padding-block:16px}.inline-form,.profile-form,.auth-form,.message-composer{row-gap:18px}.group-card-head,.install-profile-card,.push-card{gap:18px}.sender-qr{margin-bottom:6px}.toast-stack{top:calc(12px + env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));bottom:unset;z-index:120;grid-auto-rows:max-content;align-content:start;gap:8px;width:min(340px,100vw - 24px);height:fit-content;max-height:calc(100svh - 24px);left:auto}.toast-card{border-radius:var(--ui-radius);border-inline-start:0;grid-template-columns:30px minmax(0,1fr) 28px;justify-self:stretch;align-items:start;gap:8px;width:100%;height:auto;min-height:56px;padding:9px 9px 11px;position:relative;overflow:hidden}.toast-card p{font-size:.84rem;font-weight:650;line-height:1.35}.toast-icon{border-radius:var(--ui-radius-sm);background:var(--ui-primary-soft);width:30px;height:30px;color:var(--ui-primary-strong);place-items:center;display:grid}.toast-card.success .toast-icon{background:var(--ui-success-soft);color:#0f8f66}.toast-card.error .toast-icon{background:var(--ui-danger-soft);color:#c93737}.toast-card button{width:28px;height:28px}.toast-progress{inset-inline:0;opacity:.22;transform-origin:0;background:currentColor;height:2px;position:absolute;bottom:0;transform:scaleX(1)}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toast-progress{to{transform:scaleX(0)}}.toast-card{animation:.18s ease-out toast-in}.toast-progress{animation:5.2s linear forwards toast-progress}[dir=rtl] .toast-progress{transform-origin:100%}@media (prefers-reduced-motion:reduce){.toast-card,.toast-progress{animation:none}}@keyframes enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scan{0%{transform:translateY(-110%)}to{transform:translateY(110%)}}.boot-screen,.auth-shell,.app-shell{width:min(100%,1120px);min-height:100svh;margin:0 auto}.boot-screen{text-align:center;place-content:center;gap:14px;padding:24px;display:grid}.boot-screen span,.app-mark{background:var(--ink);color:#fff;width:56px;height:56px;font-family:var(--display);border-radius:16px;place-items:center;font-size:1.35rem;font-weight:850;display:grid;box-shadow:0 18px 40px -24px #0f172ad9}.boot-screen span{margin:0 auto}.boot-screen p,.empty-state,.scanner p{color:var(--muted);margin:0;font-size:.92rem;font-weight:650}.auth-shell{padding:max(18px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));align-content:center;gap:14px;display:grid}.identity-panel,.panel,.metric-tile,.sender-qr{box-shadow:var(--shadow);background:#ffffffeb;border:1px solid #0f172a14;border-radius:24px;animation:.36s cubic-bezier(.16,1,.3,1) both enter}.identity-panel,.panel{padding:clamp(18px,4vw,28px)}.identity-panel{gap:18px;width:min(100%,520px);margin:0 auto;display:grid}.auth-brand,.topbar-card,.profile-card,.push-card-head,.push-card-head>div{align-items:center;gap:12px;display:flex}.auth-brand .language-switch{margin-inline-start:auto}.theme-toggle-shell{flex:none;place-items:center;width:36px;height:36px;display:inline-grid}.auth-tabs,.role-switch{background:#e8edf5;border-radius:18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:5px;display:grid}.auth-tabs button,.role-switch button{min-height:44px;color:var(--muted);background:0 0;border:0;border-radius:14px;font-weight:800}.auth-tabs button.is-active,.role-switch button.is-active{background:var(--muted);color:var(--ink);box-shadow:0 12px 24px -22px #0f172ae6}.role-switch button span{font-size:.95rem}.auth-form,.profile-form,.inline-form,.chat-composer,.message-stack,.message-feed,.request-stack,.connection-list,.page-grid{gap:14px;display:grid}.role-badge,.push-pill{border-radius:999px;align-items:center;font-size:.74rem;font-weight:850;display:inline-flex}.eyebrow,label span,legend,.message-sender,.account-id,time{color:var(--muted);letter-spacing:0;text-transform:uppercase;margin:0;font-size:.73rem;font-weight:850}h1,h2,h3{color:var(--ink);font-family:var(--display);letter-spacing:0;margin:0;font-weight:850;line-height:1.06}h1{font-size:clamp(2.2rem,11vw,4.2rem)}.app-shell h1{overflow-wrap:anywhere;font-size:clamp(1.18rem,4vw,1.65rem)}h2{font-size:clamp(1.25rem,4vw,1.65rem)}h3{font-size:1rem}label{gap:7px;display:grid}input,textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #0f172a1a;border-radius:16px;outline:none;box-shadow:inset 0 1px 2px #0f172a09}input{min-height:48px;padding:0 14px}textarea{resize:vertical;min-height:132px;padding:14px}input:focus,textarea:focus{border-color:#176b7a9e;box-shadow:0 0 0 4px #176b7a21}.id-preview{overflow-wrap:anywhere;width:fit-content;max-width:100%;color:var(--cobalt);font-family:var(--mono);background:#176b7a1a;border-radius:999px;padding:8px 12px;font-size:.86rem;font-weight:750}.form-error,.status-note{border-radius:16px;margin:0;padding:12px 14px;font-size:.9rem;font-weight:750}.toast-stack{right:max(14px, env(safe-area-inset-right));bottom:calc(92px + env(safe-area-inset-bottom));left:max(14px, env(safe-area-inset-left));z-index:80;pointer-events:none;gap:10px;display:grid;position:fixed}.toast-card{border:1px solid #15181614;border-inline-start:4px solid var(--cobalt);pointer-events:auto;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;justify-self:end;align-items:center;gap:10px;width:min(100%,430px);padding:12px;display:grid;box-shadow:0 20px 48px -28px #151816d1}.toast-card.success{border-inline-start-color:var(--signal)}.toast-card.error{border-inline-start-color:var(--alert)}.toast-card p{color:var(--ink);margin:0;font-size:.92rem;font-weight:750}.toast-card button{width:28px;height:28px;color:var(--muted);background:#1518160f;border:0;border-radius:999px;place-items:center;display:grid}.form-error{color:#e11d48;background:#f43f5e1a}.status-note{color:#047857;background:#10b9811f}.primary-action,.secondary-action,.ghost-action,.icon-action{border:1px solid #0000;border-radius:16px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 16px;font-weight:850;display:inline-flex}.primary-action{border-color:var(--ink);background:var(--ink);color:#fff}.primary-action.compact,.secondary-action.compact,.icon-action.compact{border-radius:13px;min-height:38px;padding:0 11px;font-size:.86rem}.secondary-action{background:#fff;border-color:#0f172a17;color:var(--ink)!important}.secondary-action.danger-light{color:var(--alert);background:#d94b4b14;border-color:#d94b4b2e}.ghost-action,.icon-action{color:var(--ink);background:#0f172a0e}.icon-action.danger{color:#e11d48;background:#f43f5e1a}.primary-action svg,.secondary-action svg,.ghost-action svg,.icon-action svg{flex:none}.primary-action:hover,.secondary-action:hover,.ghost-action:hover,.icon-action:hover,.menu__item:hover,.auth-tabs button:hover,.role-switch button:hover{transform:translateY(-1px)}.app-shell{padding:max(14px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) calc(96px + env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));align-content:start;gap:16px;display:grid}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd1;border:1px solid #15181612;border-radius:16px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px;display:grid;position:relative;box-shadow:0 12px 28px -26px #151816bf}.topbar:before,.topbar.sender-mode:before{display:none}.topbar-card{z-index:1;gap:9px;min-width:0;position:relative}.header-avatar{background:var(--ink);color:#fff;width:34px;height:34px;font-family:var(--display);text-transform:uppercase;border-radius:12px;flex:none;place-items:center;font-size:.92rem;font-weight:900;display:grid}.sender-mode .header-avatar{background:#8a5b1a}.topbar-copy{min-width:0}.header-meta{flex-wrap:wrap;align-items:center;gap:5px;margin-bottom:1px;display:flex}.role-badge,.account-id{border-radius:999px;min-height:20px;padding:0 7px;font-size:.66rem}.role-badge{color:var(--cobalt);text-transform:capitalize;background:#176b7a1a;flex:none}.sender-mode .role-badge{color:#8a5b1a;background:#c9892f24}.account-id{font-family:var(--mono);text-transform:none;background:#1518160e;align-items:center;display:inline-flex}.topbar h1{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:clamp(.98rem,3vw,1.16rem);line-height:1.1;overflow:hidden}.topbar-actions{z-index:1;flex-wrap:nowrap;justify-content:flex-end;gap:5px;display:flex;position:relative}.topbar-actions .icon-action{background:#fff;border-color:#15181614;border-radius:12px;min-height:34px;padding:0 10px;font-size:.86rem}.language-switch{min-height:34px;color:var(--ink);background:#fff;border:1px solid #15181614;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:0 9px;font-weight:850;display:inline-flex}.logout-action{width:34px;padding:0}.logout-action .action-label{display:none}.auth-brand .theme-toggle-shell{margin-inline-start:auto}.auth-brand .theme-toggle-shell+.language-switch{margin-inline-start:0}.app-menu-shell{right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));left:max(12px, env(safe-area-inset-left));z-index:15;position:fixed}.menu{border:1px solid var(--component-shadow);background:var(--component-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:999px;justify-content:space-between;align-items:center;gap:3px;width:min(100%,520px);min-height:72px;margin:0 auto;padding:8px;display:flex;box-shadow:0 18px 42px -24px #151816a6}.menu__item{appearance:none;min-width:0;min-height:56px;color:var(--component-inactive-color);white-space:nowrap;background:0 0;border:0;border-radius:999px;outline:none;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:5px;padding:0 8px;transition:background .22s,color .22s,transform .22s;display:flex;position:relative}.menu__item:after{width:var(--lineWidth);content:"";background:var(--component-line-inactive-color);transform-origin:50%;border-radius:999px;height:2px;transition:width .22s,transform .22s,background .22s;position:absolute;bottom:8px;right:50%;transform:translate(50%)scaleX(.45)}@keyframes iconRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.menu__item.active{background:var(--component-active-bg);color:var(--component-active-color);flex-direction:row;animation:.7s both iconBounce;display:flex;transform:translateY(-1px)}.menu__item.active:after{background:var(--component-active-color);transform:translate(50%)scaleX(1)}.menu__icon{color:currentColor;place-items:center;width:28px;height:28px;display:grid}.menu__icon .icon{stroke-width:2.35px;width:20px;height:20px}.menu__item.active .menu__icon{animation:.52s both iconRotate}.menu__text{text-overflow:ellipsis;max-width:100%;font-size:.72rem;font-weight:850;line-height:1;transition:color .22s,opacity .22s;display:block;overflow:hidden}.menu__text.active{color:var(--component-active-color)}.menu__badge{top:7px;background:var(--cobalt);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;font-size:.7rem;font-weight:850;display:inline-flex;position:absolute;inset-inline-end:9px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.metric-tile{align-content:space-between;min-height:112px;padding:16px;display:grid}.metric-tile span{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:850}.metric-tile strong{font-family:var(--display);font-size:clamp(2.4rem,12vw,3.5rem);line-height:.9}.metric-tile small{color:var(--muted);font-size:.82rem;font-weight:700}.panel-heading{margin-bottom:16px}.sender-qr{justify-items:center;margin:0;padding:14px;display:grid;overflow:hidden}.sender-qr-card{background:radial-gradient(circle at 18% 12%,#c9892f47,#0000 32%),radial-gradient(circle at 88% 8%,#176b7a3d,#0000 34%),linear-gradient(145deg,#fff9ec,#f6faf5 58%,#eef6f5);border-radius:28px;justify-items:center;gap:14px;width:min(100%,300px);padding:18px;display:grid;position:relative;overflow:hidden}.sender-qr-glow{filter:blur(20px);pointer-events:none;background:linear-gradient(90deg,#176b7a2e,#c9892f38);border-radius:999px 999px 0 0;height:46%;position:absolute;inset:auto -28% -34%}.sender-qr-frame{background:linear-gradient(#fff, #fff) padding-box, linear-gradient(135deg, var(--amber), var(--cobalt)) border-box;border:1px solid #15181614;border-radius:28px;place-items:center;padding:12px;display:grid;position:relative;box-shadow:0 24px 48px -34px #151816b8,inset 0 0 0 1px #ffffffb8}.sender-qr img{width:min(230px,64vw);image-rendering:pixelated;background:#fff;border-radius:20px;padding:8px}.sender-qr-badge{background:linear-gradient(145deg, var(--amber), #8a5b1a);color:#fff;border:3px solid #fff;border-radius:16px;place-items:center;width:42px;height:42px;display:grid;position:absolute;bottom:10px;right:10px;box-shadow:0 14px 24px -18px #151816d9}.sender-qr-caption{z-index:1;text-align:center;justify-items:center;gap:4px;display:grid;position:relative}.sender-qr-caption span{color:var(--muted);text-transform:uppercase;align-items:center;gap:6px;font-size:.74rem;font-weight:850;display:inline-flex}.sender-qr figcaption,.sender-qr-caption strong,.connection-row span,.request-card strong{overflow-wrap:anywhere;font-family:var(--mono);font-size:.9rem;font-weight:750}.inline-form{grid-template-columns:1fr}.scanner{gap:10px;margin-top:14px;display:grid}.scanner-window{background:#0f172a;border-radius:20px;place-items:center;min-height:190px;display:grid;position:relative;overflow:hidden}.scanner-window:after{content:"";background:linear-gradient(#0000,#176b7a52,#0000);animation:2s linear infinite scan;position:absolute;inset:0}.scanner-window video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.scan-reticle{z-index:1;color:#fff;width:82px;height:82px;font-family:var(--mono);border:2px solid #fff;border-radius:20px;place-items:center;font-weight:850;display:grid}.push-actions,.session-actions{flex-wrap:wrap;gap:10px;display:flex}.message-composer{gap:14px;display:grid}.composer-summary{background:linear-gradient(135deg,#176b7a1a,#c9892f17),#f7faf7;border-radius:20px;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.composer-summary span{color:var(--muted);text-transform:uppercase;font-size:.74rem;font-weight:850;display:block}.composer-summary strong{color:var(--ink);font-size:1.05rem;display:block}.composer-summary small{color:var(--muted);font-weight:750}.send-action{justify-self:stretch;min-height:52px}.receiver-selector-card{background:#fbfcfa;border:1px solid #15181614;border-radius:20px;justify-content:space-between;align-items:center;gap:12px;padding:13px;display:flex}.receiver-selector-card>div{gap:2px;min-width:0;display:grid}.receiver-selector-card span,.receiver-select-row small{color:var(--muted);text-transform:uppercase;font-size:.74rem;font-weight:850}.receiver-selector-card strong{color:var(--ink);font-size:1rem}.receiver-selector-card small{color:var(--muted);font-size:.86rem;font-weight:700}.selected-receiver-preview{flex-wrap:wrap;gap:8px;display:flex}.selected-receiver-preview span{color:var(--cobalt);font-family:var(--mono);background:#176b7a17;border-radius:999px;padding:6px 9px;font-size:.78rem;font-weight:750}.modal-backdrop{z-index:50;background:#15181652;align-items:end;padding:14px;display:grid;position:fixed;inset:0}.receiver-modal{background:#fff;border:1px solid #15181614;border-radius:26px;justify-self:center;gap:14px;width:min(100%,560px);max-height:min(82svh,680px);padding:18px;display:grid;overflow:hidden;box-shadow:0 24px 70px -34px #151816d9}.modal-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.modal-actions,.bulk-actions{flex-wrap:wrap;gap:8px;display:flex}.receiver-select-list{gap:8px;padding-inline-end:2px;display:grid;overflow:auto}.receiver-select-row{background:#fbfcfa;border:1px solid #15181614;border-radius:18px;align-items:center;gap:11px;padding:11px 12px;display:flex}.receiver-select-row.all-option{background:#eff5f2}.receiver-select-row input{width:19px;min-height:19px;accent-color:var(--cobalt);flex:none}.receiver-select-row span{gap:1px;min-width:0;display:grid}.receiver-select-row strong{overflow-wrap:anywhere;color:var(--ink);font-size:.98rem}.receiver-select-row small{overflow-wrap:anywhere;font-family:var(--mono);text-transform:none}.bulk-actions{margin-bottom:12px}.message-card,.request-card,.connection-row{background:#fbfcfa;border:1px solid #15181612;border-radius:20px}.message-links{flex-wrap:wrap;gap:8px;display:flex}.message-links a{overflow-wrap:anywhere;background:#176b7a17;border-radius:999px;max-width:100%;padding:7px 10px;font-size:.84rem}.inbox-toolbar{background:#eff5f2;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:12px 14px;display:flex}.inbox-toolbar span{color:var(--muted);text-transform:uppercase;font-size:.74rem;font-weight:850;display:block}.inbox-toolbar strong{color:var(--ink);font-size:1.03rem;display:block}.inbox-toolbar small{color:var(--muted);font-weight:750}.sent-preview-list{gap:10px;display:grid}.sent-preview-card{text-align:left;background:#fbfcfa;border:1px solid #15181612;border-radius:20px;gap:8px;width:100%;padding:14px;display:grid}.message-card-head,.message-card-foot{justify-content:space-between;gap:12px;display:flex}.message-card-head{align-items:flex-start}.message-card-head>div{min-width:0}.message-card-head time{text-align:end;flex:none}.message-card-foot{flex-wrap:wrap;align-items:center}.sent-preview-card p{color:var(--ink);margin:0}.sent-preview-card small{color:var(--muted);font-weight:750}.sender-inbox-hero{background:radial-gradient(circle at 0 0,#c9892f3d,#0000 34%),linear-gradient(135deg,#176b7a1f,#fffffff0),#f7faf7;border:1px solid #15181612;border-radius:24px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;margin-bottom:14px;padding:14px;display:grid}.sender-inbox-hero>div:nth-child(2){min-width:0}.sender-inbox-hero p:not(.eyebrow){color:var(--muted);margin:6px 0 0;font-size:.92rem;font-weight:650;line-height:1.35}.sender-inbox-hero .primary-action{grid-column:1/-1;justify-self:stretch}.sender-inbox-icon{background:var(--ink);color:#fff;border-radius:17px;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 16px 32px -24px #151816e6}.sender-inbox-stats{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.sender-inbox-stats strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sender-inbox-feed{gap:12px;display:grid}.sender-inbox-card{border:1px solid #15181614;cursor:pointer;background:linear-gradient(135deg,#fffffffa,#f6f8f3eb),#fff;border-inline-start:5px solid #176b7a75;border-radius:22px;gap:12px;padding:15px;display:grid;box-shadow:0 14px 30px -28px #151816bf}.sender-inbox-card.featured{border-inline-start-color:var(--amber);background:radial-gradient(circle at 100% 0,#c9892f29,#0000 34%),linear-gradient(135deg,#fffffffa,#f6f8f3eb),#fff}.sender-inbox-card:hover{transform:translateY(-1px)}.sender-inbox-card-head{grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px;display:grid}.sender-inbox-card-head>div:nth-child(2){min-width:0}.sender-inbox-card-head h3{overflow-wrap:anywhere;margin-top:3px;font-size:clamp(1.08rem,3vw,1.28rem)}.sender-inbox-card-head time{text-align:end}.sender-inbox-card p{color:var(--ink);margin:0;line-height:1.55}.sender-inbox-avatar{background:linear-gradient(145deg, #8a5b1a, var(--cobalt))}.message-card-foot small{align-items:center;gap:5px;display:inline-flex}.sent-workspace{display:grid}.sent-overview{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.sent-overview>div{background:#f5f8f5;border:1px solid #15181612;border-radius:18px;align-content:space-between;min-height:84px;padding:12px;display:grid}.sent-overview span,.sent-message-head span{color:var(--muted);text-transform:uppercase;font-size:.72rem;font-weight:850}.sent-overview strong{color:var(--ink);font-family:var(--display);text-overflow:ellipsis;white-space:nowrap;font-size:clamp(1.15rem,5vw,1.75rem);font-weight:850;line-height:1.05;display:block;overflow:hidden}.sent-message-list{gap:12px;display:grid}.sent-message-card{text-align:start;border:1px solid #15181614;border-inline-start:5px solid var(--amber);background:linear-gradient(135deg,#fffffffa,#f6f8f3eb),#fff;border-radius:22px;gap:12px;width:100%;padding:16px;display:grid;box-shadow:0 14px 30px -28px #151816bf}.sent-message-card:hover,.sent-preview-card:hover,.message-card-button:hover{transform:translateY(-1px)}.sent-message-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.sent-message-head>div{min-width:0}.sent-message-head h3{overflow-wrap:anywhere;margin-top:3px;font-size:clamp(1.08rem,3vw,1.28rem)}.sent-message-head time{text-align:end;flex:none}.sent-message-body{max-width:76ch;color:var(--ink);margin:0;font-size:1rem;line-height:1.55}.message-card{border-inline-start:4px solid #176b7a61;gap:12px;padding:15px;display:grid}.message-card-button{text-align:left;cursor:pointer;width:100%}.request-card,.connection-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.message-card p{color:var(--ink);margin:0}.message-card a{overflow-wrap:anywhere;color:var(--cobalt)}.message-card small,.request-card small,.connection-row small{color:var(--muted);font-size:.82rem;font-weight:650}.recipient-strip{border-top:1px solid #15181612;flex-wrap:wrap;gap:8px;padding-top:10px;display:flex}.recipient-strip.compact{overflow:hidden}.recipient-strip span{color:#8a5b1a;font-family:var(--mono);background:#c9892f1f;border-radius:999px;padding:5px 9px;font-size:.76rem;font-weight:750}.message-detail-page{gap:12px;display:grid}.back-action{width:fit-content}.message-detail-card{gap:18px;display:grid}.message-detail-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.message-detail-head>div{min-width:0}.message-detail-head h2{overflow-wrap:anywhere;margin-top:4px;font-size:clamp(1.35rem,5vw,2.2rem)}.message-detail-head time{text-align:end;flex:none}.message-detail-body{max-width:78ch;color:var(--ink);margin:0;font-size:clamp(1.02rem,3vw,1.14rem);line-height:1.65}.message-detail-links{gap:8px;display:grid}.message-detail-links a{overflow-wrap:anywhere;background:#176b7a17;border-radius:999px;align-items:center;gap:8px;width:fit-content;max-width:100%;padding:8px 11px;display:inline-flex}.connection-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:8px;display:flex}.receiver-message{grid-template-columns:38px minmax(0,1fr);align-items:start;gap:10px;display:grid}.message-avatar,.profile-avatar{background:linear-gradient(145deg, var(--cobalt), #14a06f);color:#fff;text-transform:uppercase;border-radius:14px;place-items:center;font-weight:850;display:grid}.message-avatar{width:38px;height:38px}.profile-avatar{width:56px;height:56px;font-size:1.25rem}.request-card,.connection-row{padding:12px}.request-card div:first-child,.connection-row div:first-child{gap:3px;min-width:0;display:grid}.request-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.status-chip{text-transform:uppercase;border-radius:999px;flex:none;padding:6px 10px;font-size:.72rem;font-weight:850}.status-chip.pending{color:var(--cobalt);background:#176b7a1f}.status-chip.approved{color:#047857;background:#10b98124}.status-chip.declined{color:#e11d48;background:#f43f5e1f}.push-card{background:#f5f8f5;border-radius:22px;gap:14px;padding:14px;display:grid}.push-card-head{justify-content:space-between}.push-dot{border-radius:999px;width:10px;height:10px}.push-dot.is-on{background:var(--signal);box-shadow:0 0 0 6px #10b9811f}.push-dot.is-off{background:var(--muted)}.push-pill{min-height:30px;color:var(--muted);background:#0f172a0f;padding:0 10px}.push-card p,.profile-card p{color:var(--muted);margin:0;font-size:.92rem;font-weight:650}.push-hint{color:var(--muted);font-size:.78rem;font-weight:650;display:block}.profile-card strong,.push-card strong{color:var(--ink);display:block}.install-prompt{right:max(14px, env(safe-area-inset-right));bottom:calc(86px + env(safe-area-inset-bottom));left:max(14px, env(safe-area-inset-left));z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff2;border:1px solid #0f172a14;border-radius:22px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex;position:fixed;box-shadow:0 18px 40px -24px #0f172aa6}.install-prompt>div:first-child{min-width:0}.install-prompt p{color:var(--muted);margin:2px 0 0;font-size:.82rem;font-weight:650;line-height:1.25}.install-prompt-actions{flex:none;gap:8px;display:flex}.install-profile-card{gap:14px;display:grid}.install-profile-card>div{align-items:center;gap:12px;display:flex}.install-icon{width:44px;height:44px;color:var(--cobalt);background:#176b7a1a;border-radius:15px;flex:none;place-items:center;display:grid}.install-profile-card strong{color:var(--ink);display:block}.install-profile-card p{color:var(--muted);margin:2px 0 0;font-size:.9rem;font-weight:650}html.dark .identity-panel,html.dark .panel,html.dark .metric-tile,html.dark .sender-qr,html.dark .topbar,html.dark .menu,html.dark .install-prompt,html.dark .toast-card,html.dark .receiver-modal{background:#171615eb;border-color:#ffffff14;box-shadow:0 20px 52px -28px #000c}html.dark .topbar{background:linear-gradient(135deg,#1c1a17fa,#11100feb),#171615}html.dark .menu,html.dark .install-prompt,html.dark .toast-card{background:#171615f2}html.dark input,html.dark textarea,html.dark .language-switch,html.dark .topbar-actions .icon-action,html.dark .secondary-action,html.dark .ghost-action,html.dark .icon-action,html.dark .receiver-selector-card,html.dark .receiver-select-row,html.dark .message-card,html.dark .request-card,html.dark .connection-row,html.dark .sent-preview-card,html.dark .sent-message-card,html.dark .sender-inbox-card,html.dark .sender-inbox-hero,html.dark .sent-overview>div,html.dark .push-card,html.dark .inbox-toolbar{color:var(--ink);background:#ffffff0b;border-color:#ffffff14}html.dark input,html.dark textarea{box-shadow:inset 0 1px 2px #00000038}html.dark input:focus,html.dark textarea:focus{border-color:#72c3d09e;box-shadow:0 0 0 4px #72c3d024}html.dark .primary-action{color:#11100f;background:#dfd8c6;border-color:#dfd8c6}html.dark .secondary-action.danger-light,html.dark .icon-action.danger{color:var(--alert);background:#ff85851a;border-color:#ff85852e}html.dark .id-preview,html.dark .selected-receiver-preview span,html.dark .message-links a,html.dark .message-detail-links a,html.dark .role-badge{color:var(--cobalt);background:#72c3d01f}html.dark .sender-mode .role-badge,html.dark .recipient-strip span{color:var(--amber);background:#d9aa5d24}html.dark .account-id,html.dark .toast-card button{background:#ffffff12}html.dark .composer-summary,html.dark .sender-inbox-hero,html.dark .sender-inbox-card.featured,html.dark .receiver-select-row.all-option{background:linear-gradient(135deg,#72c3d01f,#d9aa5d1a),#ffffff0a}html.dark .sender-qr-card{background:radial-gradient(circle at 18% 12%,#d9aa5d33,#0000 32%),radial-gradient(circle at 88% 8%,#72c3d02e,#0000 34%),linear-gradient(145deg,#ffffff12,#ffffff09)}html.dark .sender-qr-frame{background:linear-gradient(#f7f2e8, #fffaf0) padding-box, linear-gradient(135deg, var(--amber), var(--cobalt)) border-box}html.dark .form-error{color:var(--alert);background:#ff85851f}html.dark .status-note{color:var(--signal);background:#4ed6a11f}html.dark .modal-backdrop{background:#0000008f}html.dark .install-icon{color:var(--cobalt);background:#72c3d01f}@media (width>=680px){.auth-shell{padding:max(28px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(28px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left))}.inline-form{grid-template-columns:minmax(0,1fr) auto;align-items:end}}@media (width>=820px){.app-shell{padding:max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(32px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));gap:18px}.topbar{padding:10px 12px 10px 16px}.topbar-actions{justify-content:flex-end}.logout-action{width:auto;padding:0 10px}.logout-action .action-label{display:inline}.app-menu-shell{position:static}.menu{width:fit-content;max-width:100%;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;grid-auto-columns:minmax(130px,max-content);overflow-x:auto}.menu__item{flex-direction:row;min-height:46px;padding:0 14px;font-size:.84rem}.menu__text{font-size:.84rem}.page-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start}.page-grid>.metric-grid,.page-grid>.panel:first-child{grid-column:1/-1}.page-grid>.panel,.sender-compose-page>.panel{grid-column:span 6}.sender-compose-page>.panel:first-child{grid-column:span 7}.sender-compose-page>.panel:last-child{grid-column:span 5}.sender-inbox-hero{grid-template-columns:auto minmax(0,1fr) auto;padding:16px}.sender-inbox-hero .primary-action{grid-column:auto;justify-self:end}.profile-page>.panel:first-child{grid-column:span 7}.profile-page>.panel{grid-column:span 5}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}