@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-latin-400.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter-latin-700.woff2)format("woff2")}@font-face{font-family:Lora;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/lora-latin-400.woff2)format("woff2")}@font-face{font-family:Lora;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/lora-latin-700.woff2)format("woff2")}:root{--c-bg:#f7f5f0;--c-surface:#fff;--c-text:#1f2a25;--c-muted:#52615a;--c-border:#d5ded7;--c-accent:#176b50;--c-accent-soft:#dcefe5;--c-heart:#9c475b;--c-danger:#a61b37;--c-danger-soft:#fde8ec;--font-text:"Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--c-text);background:var(--c-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--r-sm:8px;--r-md:14px;--r-lg:22px;--dur-control:.14s;--dur-panel:.22s;--ease-out:cubic-bezier(.2,.8,.2,1);font-family:Lora,Georgia,Times New Roman,serif;font-weight:400}@media (prefers-color-scheme:dark){:root{--c-bg:#131c19;--c-surface:#1d2924;--c-text:#f1f5f0;--c-muted:#b6c2bb;--c-border:#405048;--c-accent:#81d3aa;--c-accent-soft:#203e31;--c-heart:#f0a6b4;--c-danger:#ffb4ab;--c-danger-soft:#4a1020}}[data-theme=light]{--c-bg:#f7f5f0;--c-surface:#fff;--c-text:#1f2a25;--c-muted:#52615a;--c-border:#d5ded7;--c-accent:#176b50;--c-accent-soft:#dcefe5;--c-heart:#9c475b;--c-danger:#a61b37;--c-danger-soft:#fde8ec}[data-theme=dark]{--c-bg:#131c19;--c-surface:#1d2924;--c-text:#f1f5f0;--c-muted:#b6c2bb;--c-border:#405048;--c-accent:#81d3aa;--c-accent-soft:#203e31;--c-heart:#f0a6b4;--c-danger:#ffb4ab;--c-danger-soft:#4a1020}*,:before,:after{box-sizing:border-box}body{background:var(--c-bg);min-width:320px;min-height:100svh;color:var(--c-text);font-family:var(--font-text);margin:0}button,input,select,textarea{font:inherit}:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.page{min-height:100svh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);flex-direction:column;display:flex}.welcome-card{width:min(100%,480px);padding:clamp(var(--sp-6), 6vw, 42px);border:1px solid var(--c-border);border-radius:var(--r-lg);background:var(--c-surface);margin:0 auto;box-shadow:0 4px 24px #1f2a250f}.card-header{margin-bottom:var(--sp-2);justify-content:space-between;align-items:center;display:flex}.brand-mark{border-radius:var(--r-md);background:var(--c-accent-soft);width:48px;height:48px;color:var(--c-accent);place-items:center;font-size:26px;display:grid}.theme-toggle{border:1px solid var(--c-border);border-radius:var(--r-sm);background:var(--c-surface);width:44px;height:44px;color:var(--c-muted);cursor:pointer;transition:background var(--dur-control) var(--ease-out), color var(--dur-control) var(--ease-out);justify-content:center;align-items:center;display:flex}.theme-toggle:hover{background:var(--c-accent-soft);color:var(--c-accent)}.eyebrow{margin:var(--sp-6) 0 var(--sp-2);color:var(--c-muted);letter-spacing:.1em;text-transform:uppercase;font-size:.7rem;font-weight:700}h1{letter-spacing:-.04em;color:var(--c-text);margin:0;font-family:Lora,Georgia,serif;font-size:clamp(2rem,7vw,2.8rem);font-weight:700;line-height:1.1}.intro{margin:var(--sp-3) 0 var(--sp-6);color:var(--c-muted);font-size:.95rem;line-height:1.65}.status{align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--c-accent-soft);color:var(--c-accent);font-size:.88rem;font-weight:600;display:flex}.status-dot{background:var(--c-accent);border-radius:50%;flex:none;width:8px;height:8px}.section-heading{letter-spacing:-.02em;color:var(--c-text);margin:0;font-family:Lora,Georgia,serif;font-size:1.1rem}.section-intro{margin:var(--sp-2) 0 var(--sp-5,20px);color:var(--c-muted);font-size:.88rem;line-height:1.5}.auth-form{gap:var(--sp-2);display:grid}.field-label{margin-top:var(--sp-1);color:var(--c-text);font-size:.88rem;font-weight:600}.auth-input{width:100%;min-height:48px;padding:11px var(--sp-3);border:1px solid var(--c-border);border-radius:var(--r-sm);background:var(--c-surface);color:var(--c-text);outline:none}.auth-input:focus-visible{border-color:var(--c-accent);box-shadow:0 0 0 3px #176b502e}.auth-input::placeholder{color:var(--c-muted);font-size:.85rem}.auth-hint{margin:2px 0 var(--sp-1);color:var(--c-muted);font-size:.78rem;line-height:1.55}.auth-error{margin:var(--sp-1) 0;padding:var(--sp-3) var(--sp-3);border-radius:var(--r-sm);background:var(--c-danger-soft);color:var(--c-danger);font-size:.85rem;line-height:1.5}.auth-submit{width:100%;min-height:48px;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-sm);background:var(--c-accent);color:#fff;cursor:pointer;transition:background var(--dur-control) var(--ease-out), opacity var(--dur-control) var(--ease-out);border:0;font-weight:700}.auth-submit:hover{background:color-mix(in srgb, var(--c-accent) 85%, black)}.auth-submit:disabled{cursor:wait;opacity:.6}.secondary-action,.signed-in-intro{margin-bottom:var(--sp-4)}.feature-list{margin-top:var(--sp-6);border-top:1px solid var(--c-border)}.feature-row{justify-content:space-between;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3) 0;border-bottom:1px solid var(--c-border);font-size:.9rem;display:flex}.feature-state{color:var(--c-muted);text-align:right;font-size:.82rem}.footnote{margin:var(--sp-5,20px) 0 0;color:var(--c-muted);font-size:.78rem;line-height:1.6}footer{width:min(100%,480px);padding:var(--sp-4) 0 0;color:var(--c-muted);text-align:center;margin:0 auto;font-size:.75rem;line-height:1.5}@media (prefers-reduced-motion:no-preference){.welcome-card{animation:cwm-appear var(--dur-panel) var(--ease-out) both}@keyframes cwm-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}.key-setup-panel{margin-top:var(--sp-6);border-top:1px solid var(--c-border);padding-top:22px}.key-eyebrow{margin-top:0}.key-intro{color:var(--c-muted);margin:9px 0 17px;font-size:.9rem;line-height:1.6}.key-notice{margin:var(--sp-3) 0;padding:var(--sp-3) var(--sp-4);border:1px solid var(--c-border);border-radius:var(--r-sm);background:var(--c-bg);color:var(--c-text);font-size:.84rem;line-height:1.55}.key-notice p,.key-delete-confirm p{margin:6px 0 0}.key-notice-success{border-color:color-mix(in srgb, var(--c-accent) 30%, transparent);background:var(--c-accent-soft);color:var(--c-accent)}.key-notice-warning{background:color-mix(in srgb, #ca8c35 8%, var(--c-surface));color:#795523;border-color:#ca8c354d}@media (prefers-color-scheme:dark){.key-notice-warning{color:#f0b864}}[data-theme=dark] .key-notice-warning{color:#f0b864}.key-material-input{resize:vertical;overflow-wrap:anywhere;word-break:break-all;min-height:82px;line-height:1.5}.key-divider{align-items:center;gap:var(--sp-2);color:var(--c-muted);letter-spacing:.08em;margin:22px 0 14px;font-size:.68rem;font-weight:700;display:flex}.key-divider:before,.key-divider:after{content:"";background:var(--c-border);flex:1;height:1px}.key-secondary-action{margin-top:var(--sp-2);background:var(--c-accent-soft);color:var(--c-accent)}.key-secondary-action:hover{background:color-mix(in srgb, var(--c-accent-soft) 80%, var(--c-accent))}.key-danger-action{margin-top:var(--sp-2);background:var(--c-danger-soft);color:var(--c-danger)}.key-danger-action:hover{background:color-mix(in srgb, var(--c-danger-soft) 80%, var(--c-danger))}.key-delete-confirm{margin-top:var(--sp-3);padding:var(--sp-3);border:1px solid color-mix(in srgb, var(--c-danger) 25%, transparent);border-radius:var(--r-sm);color:var(--c-danger);font-size:.84rem;line-height:1.55}.key-confirm-label{margin:var(--sp-4) 0 var(--sp-2);color:var(--c-text);align-items:flex-start;gap:9px;font-size:.84rem;line-height:1.55;display:flex}.key-confirm-label input{width:18px;height:18px;accent-color:var(--c-accent);flex:none;margin:2px 0 0}.key-message{margin:var(--sp-3) 0 0;padding:11px var(--sp-3);border-radius:var(--r-sm);background:var(--c-accent-soft);color:var(--c-accent);font-size:.82rem;line-height:1.55}.key-bottom-hint{margin-top:18px}.key-fingerprint{margin:var(--sp-4) 0 var(--sp-2);padding:var(--sp-3);border:1px solid var(--c-border);border-radius:var(--r-sm);background:var(--c-bg)}.key-fingerprint .field-label{margin-top:0}.key-fingerprint-value{margin:var(--sp-2) 0;padding:var(--sp-3);border-radius:var(--r-sm);background:var(--c-surface);color:var(--c-accent);letter-spacing:.035em;overflow-wrap:anywhere;word-break:break-word;font-size:.94rem;font-weight:700;line-height:1.8;display:block}.key-fingerprint-input{resize:vertical;overflow-wrap:anywhere;word-break:break-all;min-height:82px;line-height:1.5}.key-fingerprint-result{margin:var(--sp-2) 0 2px;padding:11px var(--sp-3);border-radius:var(--r-sm);overflow-wrap:anywhere;font-size:.82rem;font-weight:600;line-height:1.55}.key-fingerprint-match{background:var(--c-accent-soft);color:var(--c-accent)}.key-fingerprint-mismatch,.key-fingerprint-invalid{background:var(--c-danger-soft);color:var(--c-danger)}.relay-health-panel{border-top:1px solid var(--c-border);margin-top:22px;padding-top:20px}.relay-eyebrow{margin-top:0}.relay-health-intro{margin:var(--sp-2) 0 var(--sp-3);color:var(--c-muted);font-size:.86rem;line-height:1.6}.chat-panel{margin-top:var(--sp-6);border-top:1px solid var(--c-border);padding-top:22px}.chat-eyebrow{margin-top:0}.chat-intro{color:var(--c-muted);margin:9px 0 15px;font-size:.88rem;line-height:1.6}.chat-gate{gap:var(--sp-2);display:grid}.chat-connection{margin:var(--sp-3) 0;color:var(--c-muted);align-items:center;gap:9px;font-size:.82rem;font-weight:600;display:flex}.chat-connection-dot{background:var(--c-muted);border-radius:50%;width:9px;height:9px}.chat-connection-online{background:#37a66a}.chat-connection-offline{background:#ca8c35}.chat-connection-connecting,.chat-connection-checking{background:var(--c-accent)}.chat-message-list{gap:var(--sp-2);min-height:180px;max-height:min(52svh,440px);padding:var(--sp-3);border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-bg);overscroll-behavior:contain;flex-direction:column;display:flex;overflow-y:auto}.chat-empty{padding:18px var(--sp-2);color:var(--c-muted);text-align:center;margin:auto;font-size:.84rem;line-height:1.6}.chat-message{max-width:88%;padding:var(--sp-2) var(--sp-3) 7px;border-radius:var(--r-md);overflow-wrap:anywhere;word-break:break-word}.chat-message p{white-space:pre-wrap;margin:0;font-size:.9rem;line-height:1.5}.chat-message-sender{color:var(--c-muted);letter-spacing:.04em;margin-bottom:.2rem;font-size:.72rem;font-weight:700;display:block}.chat-message time{color:var(--c-muted);text-align:right;margin-top:5px;font-size:.68rem;display:block}.chat-message-own{background:var(--c-accent-soft);border-bottom-right-radius:5px;align-self:flex-end}.chat-message-peer{background:var(--c-surface);border:1px solid var(--c-border);border-bottom-left-radius:5px;align-self:flex-start}.chat-compose{gap:var(--sp-2);margin-top:var(--sp-3);display:grid}.chat-compose-input{resize:vertical;min-height:72px;line-height:1.5}.chat-compose-footer{justify-content:space-between;align-items:center;gap:var(--sp-2);display:flex}.chat-compose-footer .auth-hint{margin:0}.chat-send-button{width:auto;min-width:130px}.chat-panel>.auth-hint{margin-top:var(--sp-3)}.emoji-picker{gap:var(--sp-2);border:1px solid var(--c-border);border-radius:var(--r-sm);background:var(--c-bg);padding:9px;display:grid}.emoji-picker-items{flex-wrap:wrap;gap:5px;display:flex}.emoji-picker-button{min-width:44px;min-height:44px;padding:var(--sp-1);border-radius:var(--r-sm);cursor:pointer;transition:background var(--dur-control) var(--ease-out), border-color var(--dur-control) var(--ease-out);background:0 0;border:1px solid #0000;font-size:1.35rem}.emoji-picker-button:hover,.emoji-picker-button:focus-visible{border-color:var(--c-border);background:var(--c-accent-soft)}.emoji-preview{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-surface);color:var(--c-muted);font-size:.72rem;display:flex}.emoji-preview>div{gap:3px;display:grid}.emoji-preview strong{color:var(--c-text);font-size:.82rem}.emoji-preview span{line-height:1.45}.emoji-preview-close{border:1px solid var(--c-border);border-radius:var(--r-sm);background:var(--c-surface);min-width:44px;min-height:44px;color:var(--c-muted);cursor:pointer;font:inherit;margin-left:auto}.cwm-emoji-glyph{vertical-align:-.12em;transform-origin:50% 60%;-webkit-user-select:none;user-select:none;line-height:1;display:inline-block}.cwm-emoji-size--inline{font-size:1em}.cwm-emoji-size--preview{vertical-align:middle;font-size:2.35rem}.cwm-emoji-size--single{vertical-align:middle;font-size:clamp(3rem,13vw,4.1rem);line-height:1.12}.chat-message-single-emoji{text-align:left;min-height:3.4rem;margin:0}@media (prefers-reduced-motion:no-preference){.cwm-emoji--face{animation:1.25s cubic-bezier(.2,.8,.2,1) infinite cwm-face}.cwm-emoji--heart{animation:1.1s ease-in-out infinite cwm-heart}.cwm-emoji--animal{animation:1.05s cubic-bezier(.2,.8,.2,1) infinite cwm-animal}.cwm-emoji--gesture{animation:1.2s ease-in-out infinite cwm-gesture}.cwm-emoji--object{animation:1.15s ease-in-out infinite cwm-object}}@media (prefers-reduced-motion:reduce){.cwm-emoji-glyph{animation:none!important}}.call-panel{border-top:1px solid var(--c-border);margin-top:22px;padding-top:20px}.call-video-grid{gap:var(--sp-2);margin:var(--sp-3) 0;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.call-video-grid video{border-radius:var(--r-sm);object-fit:cover;background:#1d1b24;width:100%;min-height:110px}.call-actions{gap:var(--sp-2);flex-wrap:wrap;display:flex}.call-actions .auth-submit{width:auto}.modules-panel{border-top:1px solid var(--c-border);margin-top:22px;padding-top:20px}.module-compose{gap:var(--sp-2);display:grid}.module-compose textarea{resize:vertical;min-height:84px}.module-list{gap:var(--sp-2);margin-top:var(--sp-3);display:grid}.module-card{gap:var(--sp-1);padding:11px var(--sp-3);border:1px solid var(--c-border);border-radius:var(--r-sm);background:var(--c-bg);display:grid}.module-card span{overflow-wrap:anywhere;color:var(--c-muted);white-space:pre-wrap;font-size:.84rem}.album-grid{gap:var(--sp-3);margin-top:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.album-card{border-radius:var(--r-md);background:var(--c-surface);border:1px solid var(--c-border);margin:0;overflow:hidden}.album-card img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.album-card figcaption{padding:var(--sp-2);overflow-wrap:anywhere;color:var(--c-muted);justify-content:space-between;align-items:center;gap:.4rem;font-size:.78rem;display:flex}.safe-panel{border-top:1px solid var(--c-border);margin-top:22px;padding-top:20px}.sticker-row,.safe-card{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.sticker-row{margin:var(--sp-3) 0}.sticker-button{border:1px solid var(--c-border);border-radius:var(--r-sm);background:var(--c-accent-soft);cursor:pointer;min-width:44px;min-height:44px;font-size:1.4rem}.sticker-button img{width:28px;height:28px;display:block}.safe-card{margin-top:var(--sp-2);padding:11px var(--sp-3);border:1px solid var(--c-border);border-radius:var(--r-sm);background:var(--c-bg);justify-items:start;gap:6px;display:grid}.safe-card span{color:var(--c-muted);font-size:.8rem;line-height:1.45}.safe-card .auth-submit{width:auto}.pwa-install-panel{border-top:1px solid var(--c-border);margin-top:22px;padding-top:18px}.pwa-eyebrow{margin-top:0}.pwa-install-intro{margin:var(--sp-2) 0 var(--sp-3);color:var(--c-muted);font-size:.86rem;line-height:1.6}.pwa-install-help{margin:var(--sp-2) 0 0;color:var(--c-muted);font-size:.76rem;line-height:1.6}.pwa-installed{margin:var(--sp-2) 0;padding:var(--sp-3);border-radius:var(--r-sm);background:var(--c-accent-soft);color:var(--c-accent);align-items:flex-start;gap:9px;font-size:.83rem;line-height:1.5;display:flex}.pwa-push-settings{padding-top:var(--sp-3);border-top:1px solid var(--c-border);margin-top:18px}.emoji-credits{border-top:1px solid var(--c-border);font-family:var(--font-text);margin-top:22px;padding-top:18px}.emoji-credits h3{color:var(--c-text);margin:0;font-size:1rem}.emoji-credits p{color:var(--c-muted);font-size:.82rem;line-height:1.6}.emoji-credits a{color:var(--c-accent);text-underline-offset:3px;font-weight:650}.chat-typing-indicator{color:var(--c-muted);margin:9px 0 2px;font-size:.78rem;font-style:italic}.chat-preferences{margin:3px 0 var(--sp-2);flex-wrap:wrap;gap:0 14px;display:flex}.chat-preferences .key-confirm-label{margin:var(--sp-1) 0;font-size:.76rem}.chat-delivery-state{color:var(--c-muted);text-align:right;margin-top:3px;font-size:.64rem;display:block}.chat-attachment-compose{gap:var(--sp-2);margin-top:var(--sp-2);display:grid}.chat-file-input{display:none}.chat-attachment-button{min-height:44px;margin-top:0}.chat-attachment-card{align-items:flex-start;gap:var(--sp-2);max-width:100%;padding:var(--sp-2);border:1px solid var(--c-border);border-radius:var(--r-sm);background:var(--c-surface);overflow-wrap:anywhere;display:flex}.chat-attachment-details{gap:6px;min-width:0;display:grid}.chat-attachment-details>span,.chat-attachment-name{color:var(--c-muted);font-size:.76rem}.chat-attachment-name{overflow-wrap:anywhere;margin:6px 0 0}.chat-attachment-open{width:fit-content;max-width:100%;min-height:44px;padding:var(--sp-2) var(--sp-3);border:1px solid var(--c-border);border-radius:var(--r-sm);background:var(--c-accent-soft);color:var(--c-accent);cursor:pointer;transition:background var(--dur-control) var(--ease-out);font-size:.8rem;font-weight:650}.chat-attachment-open:disabled{cursor:wait;opacity:.65}.chat-attachment-download{overflow-wrap:anywhere;color:var(--c-accent);font-size:.88rem;font-weight:650;display:inline-block}.chat-media-image,.chat-media-video{border-radius:var(--r-sm);object-fit:contain;max-width:100%;max-height:360px;display:block}.chat-media-audio{width:min(100%,320px)}.voice-note-recorder{gap:6px;display:grid}.chat-media-viewer-once-container{align-items:flex-start}.chat-media-viewer-once{border-radius:var(--r-sm);background:#111;width:100%;position:relative;overflow:hidden}.chat-media-viewer-once .chat-media-image{object-fit:contain;width:100%;max-height:70svh;display:block}.chat-media-watermark{pointer-events:none;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));place-items:center;display:grid;position:absolute;inset:-12%;overflow:hidden;transform:rotate(-21deg)}.chat-media-watermark span{color:#ffffffbd;text-align:center;text-shadow:0 1px 4px #000000d9;overflow-wrap:anywhere;max-width:100%;padding:.35rem;font-size:clamp(.58rem,2vw,.85rem);font-weight:700}.chat-view-once-option{align-items:flex-start;margin-top:.25rem}:root{--accent:var(--c-heart);--muted:var(--c-muted);--line:var(--c-border);--ink:var(--c-text)}.chat-message-tools{border:1px solid var(--c-border);border-radius:var(--r-sm);gap:.5rem;margin-bottom:.75rem;padding:.75rem;display:grid}.chat-message-tools .field-label{margin-bottom:-.2rem}.chat-message-tools .auth-hint{margin:.1rem 0 0}.chat-replying-banner,.chat-reply-preview{border-left:3px solid var(--c-heart);background:color-mix(in srgb, var(--c-heart) 10%, transparent);border-radius:.5rem;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.65rem .8rem;display:flex}.chat-replying-banner>div{gap:.2rem;min-width:0;display:grid}.chat-replying-banner strong,.chat-reply-preview p{overflow-wrap:anywhere;margin:0}.chat-reply-preview{gap:.15rem;font-size:.82rem;display:grid}.chat-reply-preview span,.chat-expiration-label{color:var(--c-muted);font-size:.75rem}.chat-message-actions,.chat-reaction-summary{flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:.5rem;display:flex}.chat-message-action,.chat-reaction-count{border:1px solid var(--c-border);min-height:32px;color:var(--c-text);background:var(--c-surface);font:inherit;cursor:pointer;transition:background var(--dur-control) var(--ease-out);border-radius:999px;padding:.22rem .55rem;font-size:.78rem}.chat-message-action:hover{background:var(--c-accent-soft)}.chat-message-action:disabled{opacity:.55;cursor:not-allowed}.chat-pinned-marker{background:color-mix(in srgb, var(--c-heart) 18%, transparent);color:var(--c-heart);border-radius:.4rem;margin-bottom:.35rem;padding:.2rem .45rem;font-size:.75rem;display:inline-block}.chat-expiration-label{margin-top:.4rem;display:block}.app-page{padding:0 0 calc(88px + env(safe-area-inset-bottom));background:var(--c-bg);display:block}.app-shell{width:min(100%,860px);min-height:100svh;padding:calc(12px + env(safe-area-inset-top)) 16px calc(22px + env(safe-area-inset-bottom));margin:0 auto}.app-header{justify-content:space-between;align-items:center;gap:12px;padding:8px 0 22px;display:flex}.app-brand{align-items:center;gap:12px;min-width:0;display:flex}.app-brand .brand-mark{flex:0 0 48px;width:48px;height:48px}.app-kicker{color:var(--c-accent);font-family:var(--font-text);letter-spacing:.12em;margin:0 0 4px;font-size:.65rem;font-weight:760}.app-header h1{letter-spacing:-.045em;margin:0;font-family:Lora,Georgia,serif;font-size:clamp(1.3rem,4.5vw,1.7rem);line-height:1.14}.app-header h1 span{color:var(--c-heart)}.app-subtitle{color:var(--c-muted);font-family:var(--font-text);overflow-wrap:anywhere;margin:4px 0 0;font-size:.74rem}.app-view{min-width:0;padding-bottom:20px}.app-view>.chat-panel:first-child{margin-top:0}.app-section{min-width:0}.section-intro-block{border:1px solid var(--c-border);border-radius:var(--r-lg);background:var(--c-surface);margin:0 0 18px;padding:17px 18px 18px}.section-intro-block h2{letter-spacing:-.035em;color:var(--c-text);margin:0;font-family:Lora,Georgia,serif;font-size:clamp(1.45rem,5vw,1.85rem)}.section-intro-block>p:last-child{color:var(--c-muted);font-family:var(--font-text);margin:8px 0 0;font-size:.9rem;line-height:1.6}.empty-state{border:1px dashed var(--c-border);border-radius:var(--r-lg);background:var(--c-surface);justify-items:start;gap:9px;margin-top:16px;padding:20px;display:grid}.empty-state-mark{border-radius:var(--r-md);background:var(--c-accent-soft);width:44px;height:44px;color:var(--c-accent);place-items:center;display:grid}.empty-state h3{font-family:var(--font-text);color:var(--c-text);margin:0;font-size:1rem}.empty-state p{max-width:38rem;color:var(--c-muted);font-family:var(--font-text);margin:0;font-size:.87rem;line-height:1.6}.app-loading{width:min(100%,320px);min-height:52svh;color:var(--c-muted);place-content:center;justify-items:start;gap:12px;margin:auto;display:grid}.app-loading p{font-family:var(--font-text);margin:0;font-size:.88rem}.app-bottom-nav{z-index:50;width:min(100%,860px);padding:8px 12px calc(8px + env(safe-area-inset-bottom));border:1px solid var(--c-border);background:var(--c-surface);border-bottom:0;border-radius:18px 18px 0 0;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid;position:fixed;bottom:0;left:50%;right:0;transform:translate(-50%);box-shadow:0 -8px 24px #131c1912}.app-nav-item{border-radius:var(--r-md);min-width:0;min-height:56px;color:var(--c-muted);cursor:pointer;font-family:var(--font-text);background:0 0;border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:5px 2px;font-size:.7rem;font-weight:650;display:flex}.app-nav-item svg{flex:none}.app-nav-item.is-active{border-color:var(--c-border);background:var(--c-accent-soft);color:var(--c-accent)}.app-nav-item:active{transform:translateY(1px)}.app-footer{width:auto;margin:0;padding:4px 0 0}.login-page{padding-top:calc(14px + env(safe-area-inset-top));justify-content:flex-start}.login-card{margin-top:0}.login-footer{margin:0 auto}.settings-section .key-setup-panel{border-top:0;margin-top:0;padding-top:0}.settings-section>.relay-health-panel,.settings-section .pwa-install-panel{margin-top:20px}.account-actions{border-top:1px solid var(--c-border);font-family:var(--font-text);margin-top:22px;padding-top:18px}.account-actions h3{color:var(--c-text);margin:0 0 12px;font-size:1rem}.account-actions .auth-submit{margin-top:8px}.account-actions .secondary-action{margin-bottom:0}:root[data-theme=dark] .auth-submit{color:#131c19}:root[data-theme=dark] .key-danger-action{color:var(--c-danger);background:var(--c-danger-soft)}:root[data-theme=dark] .auth-error{color:var(--c-danger)}:root[data-theme=dark] .chat-message-own{color:#f1f5f0}:root[data-theme=dark] .chat-message-peer,:root[data-theme=dark] .chat-message-list,:root[data-theme=dark] .module-card,:root[data-theme=dark] .safe-card,:root[data-theme=dark] .emoji-picker,:root[data-theme=dark] .key-fingerprint,:root[data-theme=dark] .key-fingerprint-value,:root[data-theme=dark] .auth-input{background:var(--c-surface);color:var(--c-text);border-color:var(--c-border)}:root[data-theme=dark] .chat-message time,:root[data-theme=dark] .module-card span,:root[data-theme=dark] .chat-message-sender,:root[data-theme=dark] .chat-attachment-details>span,:root[data-theme=dark] .chat-attachment-name{color:var(--c-muted)}:root[data-theme=dark] .key-notice-warning{color:#f4d89a}@media (width>=720px){.app-shell{padding-left:24px;padding-right:24px}.app-header{padding-top:18px}}.onboarding-guide{border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-accent-soft);color:var(--c-text);font-family:var(--font-text);margin:0 0 20px;padding:16px}.onboarding-guide .app-kicker{margin-bottom:8px}.onboarding-guide h3{margin:0;font-size:1rem}.onboarding-guide ol{gap:9px;margin:12px 0 14px;padding-left:1.25rem;display:grid}.onboarding-guide li{color:var(--c-text);padding-left:2px;font-size:.85rem;line-height:1.55}.onboarding-guide li strong{color:var(--c-text)}.onboarding-guide a{min-height:44px;color:var(--c-accent);text-underline-offset:3px;align-items:center;font-size:.86rem;font-weight:700;display:inline-flex}.key-setup-panel{scroll-margin-top:16px}.network-status-banner{z-index:80;color:#76511f;width:100%;min-height:48px;font-family:var(--font-text);background:#fff1d6;border-bottom:1px solid #ead5a7;justify-content:center;align-items:center;gap:10px;padding:10px 16px;font-size:.82rem;line-height:1.45;display:flex;position:sticky;top:0}.network-status-banner svg{flex:none}.network-status-banner span{max-width:820px}:root[data-theme=dark] .network-status-banner{color:#f4d89a;background:#3b3220;border-color:#71603b}.skeleton-block{gap:var(--sp-2);padding:var(--sp-3) 0;display:grid}.skeleton-line{border-radius:var(--r-sm);background:linear-gradient(90deg, var(--c-border) 25%, color-mix(in srgb, var(--c-border) 60%, var(--c-bg)) 50%, var(--c-border) 75%);background-size:200% 100%;display:block}@media (prefers-reduced-motion:no-preference){.skeleton-line{animation:1.5s ease-in-out infinite cwm-shimmer}@keyframes cwm-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}}.gs-empty{justify-items:start;gap:var(--sp-2);margin-top:var(--sp-4);padding:var(--sp-5,20px) var(--sp-4);border:1px dashed var(--c-border);border-radius:var(--r-lg);background:var(--c-surface);display:grid}.gs-empty-icon{border-radius:var(--r-md);background:var(--c-accent-soft);width:44px;height:44px;color:var(--c-accent);place-items:center;display:grid}.gs-empty-title{color:var(--c-text);margin:0;font-size:1rem}.gs-empty-desc{max-width:36rem;color:var(--c-muted);margin:0;font-size:.87rem;line-height:1.6}.gs-empty-action{margin-top:var(--sp-2)}.gs-error{align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border:1px solid color-mix(in srgb, var(--c-danger) 25%, transparent);border-radius:var(--r-sm);background:var(--c-danger-soft);display:flex}.gs-error-icon{color:var(--c-danger);flex:none;padding-top:2px}.gs-error-msg{color:var(--c-danger);flex:1;margin:0;font-size:.88rem;line-height:1.55}.gs-error-action{margin-top:var(--sp-2);flex:none}.gs-offline{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);color:#76511f;background:#fff1d6;border-bottom:1px solid #ead5a7;font-size:.82rem;line-height:1.45;display:flex}.gs-offline svg{flex:none}@media (prefers-color-scheme:dark){.gs-offline{color:#f4d89a;background:#3b3220;border-color:#71603b}}[data-theme=dark] .gs-offline{color:#f4d89a;background:#3b3220;border-color:#71603b}.gs-undo-toast{z-index:100;bottom:calc(72px + env(safe-area-inset-bottom));align-items:center;gap:var(--sp-2);max-width:min(100vw - 32px,480px);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--c-text);color:var(--c-bg);font-size:.88rem;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #0000002e}@media (prefers-reduced-motion:no-preference){.gs-undo-toast{animation:cwm-toast-in var(--dur-panel) var(--ease-out) both}@keyframes cwm-toast-in{0%{opacity:0;transform:translate(-50%)translateY(12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}}.gs-undo-msg{overflow-wrap:anywhere;flex:1}.gs-undo-btn{min-height:36px;padding:5px var(--sp-3);border:1px solid color-mix(in srgb, var(--c-bg) 40%, transparent);border-radius:var(--r-sm);color:var(--c-accent);cursor:pointer;transition:background var(--dur-control) var(--ease-out);background:0 0;flex:none;font-size:.82rem;font-weight:700}.gs-undo-btn:hover{background:color-mix(in srgb, var(--c-accent) 15%, transparent)}.gs-undo-dismiss{width:32px;height:32px;color:var(--c-bg);opacity:.7;cursor:pointer;transition:opacity var(--dur-control) var(--ease-out);background:0 0;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.gs-undo-dismiss:hover{opacity:1}.gs-success-toast{z-index:100;bottom:calc(72px + env(safe-area-inset-bottom));align-items:center;gap:var(--sp-2);max-width:min(100vw - 32px,360px);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--c-accent);color:#fff;font-size:.88rem;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #0000002e}@media (prefers-reduced-motion:no-preference){.gs-success-toast{animation:cwm-toast-in var(--dur-panel) var(--ease-out) both}}