@import"https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,300;0,400;0,500;0,600;1,400&family=Schibsted+Grotesk:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700&display=swap";:root{--bg-base: oklch(.16 .008 75);--bg-surface: oklch(.19 .01 75);--bg-elevated: oklch(.22 .012 75);--bg-hover: oklch(.25 .014 75);--bg-active: oklch(.28 .016 75);--text-primary: oklch(.93 .012 75);--text-secondary: oklch(.7 .015 75);--text-muted: oklch(.5 .01 75);--border: oklch(.28 .01 75);--border-strong: oklch(.35 .012 75);--ember: oklch(.72 .15 55);--ember-dim: oklch(.55 .12 55);--ember-glow: oklch(.82 .18 55);--ember-soft: oklch(.3 .05 55);--sent-bubble: oklch(.3 .04 55);--received-bubble: oklch(.23 .012 75);--success: oklch(.7 .12 145);--danger: oklch(.65 .18 25);--warning: oklch(.75 .14 85);--font-display: "Spectral", Georgia, serif;--font-body: "Schibsted Grotesk", system-ui, sans-serif;--font-mono: "SF Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.5rem;--text-hero: 3.5rem;--space-3xs: 2px;--space-2xs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 96px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-fast: .15s;--dur-base: .25s;--dur-slow: .4s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;width:100%;overflow:hidden}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.5;color:var(--text-primary);background:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;touch-action:manipulation;user-select:none}input,textarea{font-family:inherit;font-size:inherit;-webkit-appearance:none;appearance:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}::placeholder{color:var(--text-muted)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}.app-shell{display:flex;height:100%;width:100%;background:var(--bg-base)}@keyframes ember-pulse{0%,to{opacity:.6;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.ember-dot{width:8px;height:8px;border-radius:50%;background:var(--ember);box-shadow:0 0 8px var(--ember);animation:ember-pulse 2s ease-in-out infinite}.ember-dot.offline{background:var(--text-muted);box-shadow:none;animation:none}.top-bar{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border);background:var(--bg-surface);min-height:56px}.top-bar__title{font-family:var(--font-display);font-weight:500;font-size:var(--text-lg);letter-spacing:-.01em}.top-bar__spacer{flex:1}.top-bar__action{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);color:var(--text-secondary);transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.top-bar__action:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar{width:340px;min-width:340px;border-right:1px solid var(--border);display:flex;flex-direction:column;background:var(--bg-surface)}.sidebar__header{padding:var(--space-lg) var(--space-lg) var(--space-md);display:flex;align-items:center;justify-content:space-between}.sidebar__brand{font-family:var(--font-display);font-style:italic;font-size:var(--text-2xl);font-weight:400;color:var(--ember);letter-spacing:-.02em}.sidebar__list{flex:1;overflow-y:auto;padding:var(--space-xs) var(--space-sm)}.contact-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.contact-item:hover{background:var(--bg-hover)}.contact-item.active{background:var(--bg-active)}.contact-item__avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--ember-soft);color:var(--ember);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--text-base);font-weight:500;flex-shrink:0}.contact-item__info{flex:1;min-width:0}.contact-item__name{font-weight:500;font-size:var(--text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-item__preview{font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-item__presence{width:8px;height:8px;border-radius:50%;background:var(--text-muted);flex-shrink:0}.contact-item__presence.online{background:var(--ember);box-shadow:0 0 6px var(--ember-dim)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:var(--space-2xl);text-align:center}.empty-state__icon{font-family:var(--font-display);font-size:var(--text-hero);color:var(--ember-dim);margin-bottom:var(--space-lg);font-style:italic}.empty-state__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:400;color:var(--text-primary);margin-bottom:var(--space-xs)}.empty-state__desc{font-size:var(--text-sm);color:text-secondary;max-width:320px;line-height:1.6}.chat-view{flex:1;display:flex;flex-direction:column;min-width:0}.chat-view__messages{flex:1;overflow-y:auto;padding:var(--space-lg) var(--space-xl);display:flex;flex-direction:column;gap:var(--space-xs)}.message{max-width:70%;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);font-size:var(--text-sm);line-height:1.5;word-wrap:break-word;word-break:break-word;animation:message-in var(--dur-base) var(--ease-out)}@keyframes message-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message.sent{align-self:flex-end;background:var(--sent-bubble);color:var(--text-primary);border-bottom-right-radius:var(--radius-sm)}.message.received{align-self:flex-start;background:var(--received-bubble);color:var(--text-primary);border-bottom-left-radius:var(--radius-sm)}.message__time{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-2xs);user-select:none}.message__image{max-width:100%;border-radius:var(--radius-md);display:block}.composer{display:flex;align-items:flex-end;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border-top:1px solid var(--border);background:var(--bg-surface)}.composer__input{flex:1;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-md);color:var(--text-primary);font-size:var(--text-sm);resize:none;max-height:120px;min-height:40px;transition:border-color var(--dur-fast) var(--ease-out)}.composer__input:focus{outline:none;border-color:var(--ember-dim)}.composer__btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);color:var(--text-secondary);transition:all var(--dur-fast) var(--ease-out);flex-shrink:0}.composer__btn:hover{color:var(--text-primary);background:var(--bg-hover)}.composer__btn.send{background:var(--ember);color:var(--bg-base)}.composer__btn.send:hover{background:var(--ember-glow)}.composer__btn.send:disabled{background:var(--bg-active);color:var(--text-muted);cursor:not-allowed}.lock-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:var(--space-3xl)}.lock-screen__ember{font-family:var(--font-display);font-style:italic;font-size:var(--text-hero);color:var(--ember);margin-bottom:var(--space-2xl);position:relative}.lock-screen__ember:after{content:"";position:absolute;inset:-20px;background:radial-gradient(circle,var(--ember-soft) 0%,transparent 70%);z-index:-1;border-radius:50%;opacity:.6}.lock-screen__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:400;margin-bottom:var(--space-xs)}.lock-screen__subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2xl);max-width:320px;text-align:center}.field{display:flex;flex-direction:column;gap:var(--space-2xs);margin-bottom:var(--space-md);width:100%;max-width:360px}.field__label{font-size:var(--text-xs);color:var(--text-secondary);font-weight:500;letter-spacing:.02em;text-transform:uppercase}.field__input{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);color:var(--text-primary);font-size:var(--text-sm);transition:border-color var(--dur-fast) var(--ease-out)}.field__input:focus{outline:none;border-color:var(--ember-dim)}.field__input::placeholder{color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;transition:all var(--dur-fast) var(--ease-out);white-space:nowrap}.btn--primary{background:var(--ember);color:var(--bg-base)}.btn--primary:hover{background:var(--ember-glow)}.btn--primary:disabled{background:var(--bg-active);color:var(--text-muted);cursor:not-allowed}.btn--ghost{color:var(--text-secondary);background:transparent}.btn--ghost:hover{color:var(--text-primary);background:var(--bg-hover)}.btn--full{width:100%;max-width:360px}.modal-overlay{position:fixed;inset:0;background:#040302d9;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fade-in var(--dur-base) var(--ease-out)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-2xl);max-width:480px;width:90%;max-height:90vh;overflow-y:auto;animation:modal-in var(--dur-base) var(--ease-out)}@keyframes modal-in{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:400;margin-bottom:var(--space-xs)}.modal__desc{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-xl);line-height:1.6}.modal__close{position:absolute;top:var(--space-md);right:var(--space-md)}.qr-display{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-lg)}.qr-display__canvas{border-radius:var(--radius-lg);padding:var(--space-md);background:#fff}.qr-display__fingerprint{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);text-align:center;letter-spacing:.05em;word-break:break-all}.qr-scanner{position:relative;width:100%;max-width:320px;aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-base);margin:0 auto}.qr-scanner__video{width:100%;height:100%;object-fit:cover}.qr-scanner__reticle{position:absolute;inset:20%;border:2px solid var(--ember);border-radius:var(--radius-md);box-shadow:0 0 0 9999px #04030280;pointer-events:none}.qr-scanner__loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);color:var(--text-secondary);background:var(--bg-base);pointer-events:none}.emoji-picker{position:absolute;bottom:100%;left:0;margin-bottom:var(--space-xs);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-sm);display:grid;grid-template-columns:repeat(8,1fr);gap:2px;max-width:320px;z-index:10}.emoji-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:20px;border-radius:var(--radius-sm);transition:background var(--dur-fast) var(--ease-out)}.emoji-btn:hover{background:var(--bg-hover)}.mobile-only,.hamburger-mobile,.sidebar-backdrop{display:none}@media(max-width:768px){.sidebar{position:fixed;inset:0;z-index:60;width:100%;min-width:0;transform:translate(-100%);transition:transform var(--dur-base) var(--ease-out)}.sidebar.mobile-open{transform:translate(0)}.sidebar-backdrop{display:block;position:fixed;inset:0;background:#04030299;backdrop-filter:blur(4px);z-index:55;animation:fade-in var(--dur-base) var(--ease-out)}.chat-view{width:100%}.mobile-only,.hamburger-mobile{display:flex}.back-desktop{display:none}.modal{width:95%;max-width:none;border-radius:var(--radius-lg);padding:var(--space-lg)}}.hidden{display:none!important}.flex-row{display:flex;align-items:center;gap:var(--space-xs)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}