:root{color:#eef2ec;font-synthesis:none;text-rendering:optimizelegibility;--ink:#eef2ec;--muted:#8e9e98;--line:#bfdcd021;--panel:#0e1c18d6;--panel-solid:#0d1b18;--accent:#b8f397;--accent-dark:#153b2e;--gold:#f3d486;--danger:#ff9d91;background:#07110f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at 83% 12%,#3b6e542e,#0000 34rem),radial-gradient(circle at 8% 88%,#5077651f,#0000 30rem),#07110f;min-width:320px}button,input,textarea{font:inherit}button{color:inherit}code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.eyebrow{color:var(--accent);letter-spacing:.15em;text-transform:uppercase;font-size:.68rem;font-weight:800;display:block}.button{color:#08130f;background:var(--accent);cursor:pointer;border:1px solid #0000;border-radius:.7rem;padding:.66rem .9rem;font-weight:750;transition:transform .12s,opacity .12s,border-color .12s}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.42}.button--large{min-height:3.25rem;margin-top:.35rem}.button--secondary{color:var(--accent);background:#b8f39712;border-color:#b8f3973d}.button--quiet{border-color:var(--line);color:var(--muted);background:0 0}.inline-error,.app-error{color:var(--danger);font-size:.8rem;line-height:1.45}.success-note{color:var(--accent);font-size:.76rem;line-height:1.45}.login-shell{grid-template-columns:minmax(20rem,34rem) minmax(20rem,1fr);min-height:100vh;display:grid}.login-card{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#06100db8;flex-direction:column;justify-content:center;padding:clamp(2rem,7vw,7rem);display:flex}.brand-mark{width:3.25rem;height:3.25rem;color:var(--accent);background:linear-gradient(145deg,#b8f39721,#0000);border:1px solid #b8f3977a;border-radius:1rem;place-items:center;margin-bottom:2.5rem;font-family:Georgia,serif;font-size:1.6rem;display:grid;box-shadow:inset 0 0 1.5rem #b8f3970a}.brand-mark--small{border-radius:.7rem;width:2.35rem;height:2.35rem;margin:0;font-size:1.1rem}.login-card h1{letter-spacing:-.045em;max-width:12ch;margin:.8rem 0 1rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.3rem,4vw,4rem);font-weight:500;line-height:1.03}.login-card>p{max-width:42rem;color:var(--muted);margin:0 0 2.25rem;line-height:1.65}.login-card form{gap:1rem;max-width:29rem;display:grid}.login-card label,.security-panel label{color:var(--muted);letter-spacing:.035em;gap:.4rem;font-size:.74rem;font-weight:700;display:grid}.login-card input,.security-panel input,.security-panel textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#ffffff09;border-radius:.72rem;outline:none;padding:.85rem .95rem}.login-card input:focus,.security-panel input:focus,.security-panel textarea:focus,.composer input:focus{border-color:#b8f39785;box-shadow:0 0 0 3px #b8f39712}.login-card small{color:#5f716a;max-width:29rem;margin-top:2rem;line-height:1.55}.login-proof{align-content:center;justify-items:center;min-height:32rem;padding:3rem;display:grid;position:relative;overflow:hidden}.login-proof>span{color:#587068;font-family:SFMono-Regular,Consolas,monospace;font-size:.72rem;position:absolute;top:2rem;right:2rem}.login-proof p{z-index:2;max-width:26rem;color:var(--muted);text-align:center;margin-top:4rem}.proof-orbit{aspect-ratio:1;border:1px solid #b8f3972e;border-radius:50%;width:min(30vw,20rem);position:relative;box-shadow:0 0 0 3.4rem #b8f39705,0 0 0 7rem #b8f39703,inset 0 0 5rem #b8f3970a}.proof-orbit:after{content:"◆";color:var(--accent);background:#b8f3970b;border:1px solid #b8f39759;border-radius:1.8rem;place-items:center;font-size:2rem;display:grid;position:absolute;inset:29%;transform:rotate(45deg)}.proof-orbit i{background:var(--accent);border-radius:50%;width:.55rem;height:.55rem;position:absolute;box-shadow:0 0 1.2rem #b8f397cc}.proof-orbit i:first-child{top:5%;left:48%}.proof-orbit i:nth-child(2){bottom:25%;right:5%}.proof-orbit i:nth-child(3){bottom:16%;left:11%}.app-shell{grid-template-columns:15.5rem minmax(28rem,1fr) 21rem;height:100vh;display:grid;overflow:hidden}.sidebar,.security-column{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#07120fbf;min-height:0}.sidebar{border-right:1px solid var(--line);flex-direction:column;padding:1.2rem;display:flex}.sidebar__brand{align-items:center;gap:.8rem;padding:.2rem .15rem 1.4rem;display:flex}.sidebar__brand>div:last-child,.identity-card>div{gap:.16rem;min-width:0;display:grid}.sidebar__brand span,.identity-card span,.room-button small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.identity-card{border:1px solid var(--line);background:#ffffff06;border-radius:.8rem;align-items:center;gap:.65rem;margin-bottom:2rem;padding:.78rem;font-size:.72rem;display:flex}.presence{background:var(--accent);border-radius:50%;flex:none;width:.55rem;height:.55rem;box-shadow:0 0 .65rem #b8f3979e}.presence--offline{background:var(--gold);box-shadow:0 0 .65rem #f3d48680}.sidebar nav{gap:.7rem;display:grid}.room-button{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.76rem;grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;width:100%;padding:.72rem;display:grid}.room-button:hover,.room-button--active{border-color:var(--line);background:#b8f3970e}.room-button>span:nth-child(2){gap:.2rem;min-width:0;display:grid}.room-button__icon,.room-button i{color:var(--accent);font-style:normal}.room-button .room-button__warning,.encryption-status--warning{color:var(--danger)}.sidebar__actions{gap:.6rem;margin-top:auto;display:grid}.chat-column{background:#0915128c;flex-direction:column;min-width:0;min-height:0;display:flex}.chat-header{border-bottom:1px solid var(--line);grid-template-columns:minmax(9rem,1fr) minmax(13rem,auto) minmax(11rem,auto);align-items:center;gap:1rem;min-height:6.1rem;padding:1rem 1.4rem;display:grid}.chat-header h1{margin:.2rem 0 0;font-family:Georgia,serif;font-size:1.35rem;font-weight:500}.work-object{border-left:1px solid #f3d48659;gap:.12rem;padding:.6rem .75rem;font-size:.72rem;display:grid}.work-object__eyebrow,.work-object__warning{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.58rem}.work-object code{color:var(--gold);font-size:.66rem}.work-object--missing{color:var(--danger)}.encryption-status{justify-self:end;align-items:center;gap:.6rem;display:flex}.lock-icon{width:2rem;height:2rem;color:var(--accent);border:1px solid #b8f39747;border-radius:50%;place-items:center;font-size:.62rem;display:grid}.encryption-status>div{gap:.16rem;max-width:11rem;display:grid}.encryption-status strong{font-size:.72rem}.encryption-status span:last-child{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.57rem;overflow:hidden}.offline-banner{color:#241e0a;background:var(--gold);text-align:center;padding:.62rem 1rem;font-size:.72rem}.timeline-scroll{scrollbar-color:#b8f39733 transparent;flex:1;min-height:0;padding:1.8rem clamp(1.2rem,4vw,4rem);overflow-y:auto}.timeline{gap:1rem;max-width:54rem;margin:0 auto;padding:0;list-style:none;display:grid}.timeline-empty{height:100%;color:var(--muted);text-align:center;place-content:center;display:grid}.timeline-empty>span{color:var(--accent);font-family:Georgia,serif;font-size:4rem}.message{border:1px solid var(--line);background:#ffffff09;border-radius:.25rem 1rem 1rem;width:min(78%,38rem);padding:.9rem 1rem}.message--own{background:#54836b21;border-color:#b8f39729;border-radius:1rem .25rem 1rem 1rem;justify-self:end}.message__meta{color:var(--muted);align-items:center;gap:.6rem;margin-bottom:.45rem;font-size:.63rem;display:flex}.message__meta strong{color:var(--accent);font-size:.69rem}.message__lock{color:#667b72;text-transform:uppercase;margin-left:auto}.message>p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.55}.message__failure{color:var(--gold);font-size:.82rem}.encrypted-image img{object-fit:contain;border-radius:.65rem;max-width:100%;max-height:22rem;display:block}.encrypted-image a{color:var(--accent);gap:.45rem;font-size:.7rem;text-decoration:none;display:grid}.attachment-button{color:var(--accent);cursor:pointer;background:#b8f3970a;border:1px dashed #b8f39752;border-radius:.7rem;padding:.8rem}.composer{border-top:1px solid var(--line);background:#060f0db3;grid-template-columns:auto 1fr auto;align-items:end;gap:.65rem;padding:1rem clamp(1rem,3vw,3rem) 1.2rem;display:grid}.file-picker{border:1px solid var(--line);width:2.8rem;height:2.8rem;color:var(--accent);cursor:pointer;background:#ffffff06;border-radius:.8rem;place-items:center;font-size:1.25rem;display:grid}.file-picker input{display:none}.composer__input{gap:.35rem;display:grid}.composer input{border:1px solid var(--line);width:100%;min-height:2.8rem;color:var(--ink);background:#ffffff09;border-radius:.8rem;outline:none;padding:.7rem .9rem}.selected-file{width:fit-content;color:var(--gold);background:#f3d48617;border-radius:999px;align-items:center;gap:.5rem;padding:.25rem .5rem .25rem .7rem;font-size:.66rem;display:flex}.selected-file button{color:var(--gold);cursor:pointer;background:0 0;border:0}.send-button{color:#08130f;background:var(--accent);cursor:pointer;border:0;border-radius:.8rem;min-height:2.8rem;padding:.6rem 1rem;font-weight:800}.send-button:disabled{cursor:not-allowed;opacity:.4}.send-receipt{overflow-wrap:anywhere;color:var(--muted);grid-column:2/-1;margin:0;font-size:.62rem}.send-receipt code{color:var(--gold)}.app-error{background:#261714;border:1px solid #ff9d9147;border-radius:.65rem;max-width:30rem;margin:0;padding:.6rem .8rem;position:absolute;bottom:5.2rem;right:1rem}.security-column{border-left:1px solid var(--line);padding:1rem;overflow-y:auto}.security-panel,.evidence-card{border:1px solid var(--line);background:#ffffff06;border-radius:.9rem;margin-bottom:.9rem;padding:.95rem}.panel-heading{justify-content:space-between;align-items:flex-start;gap:.6rem;display:flex}.panel-heading h3,.evidence-card h3{margin:.25rem 0 0;font-family:Georgia,serif;font-size:1rem;font-weight:500}.security-panel .button{margin-top:.6rem;font-size:.7rem}.panel-heading .button{margin:0;padding:.38rem .55rem;font-size:.62rem}.panel-note,.evidence-card p{color:var(--muted);font-size:.71rem;line-height:1.5}.device-list{gap:.45rem;margin:.8rem 0 0;padding:0;list-style:none;display:grid}.device-list li{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:.5rem;padding-top:.55rem;display:flex}.device-list li>div{gap:.15rem;min-width:0;font-size:.67rem;display:grid}.device-list span,.device-list code{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.56rem;overflow:hidden}.trust-pill,.status-dot{border:1px solid var(--line);color:var(--muted);text-transform:uppercase;background:0 0;border-radius:999px;flex:none;padding:.3rem .48rem;font-size:.55rem}button.trust-pill{cursor:pointer}.trust-pill--verified,.status-dot--ready{color:var(--accent);background:#b8f3970f;border-color:#b8f39747}.recovery-key{color:var(--gold);background:#f3d4860b;border:1px solid #f3d4863d;border-radius:.7rem;gap:.45rem;margin:.75rem 0;padding:.7rem;font-size:.65rem;display:grid}.recovery-key code{overflow-wrap:anywhere;line-height:1.5}.evidence-card code{color:var(--gold)}.loading-screen{text-align:center;place-content:center;justify-items:center;min-height:100vh;padding:2rem;display:grid}.loading-screen h1{margin:1.5rem 0 .25rem;font-family:Georgia,serif;font-weight:500}.loading-screen p{color:var(--muted)}.crypto-loader{border:1px solid #b8f3974d;border-radius:50%;width:5rem;height:5rem;animation:4s linear infinite spin;position:relative}.crypto-loader i{background:var(--accent);border-radius:50%;width:.4rem;height:.4rem;position:absolute}.crypto-loader i:first-child{top:-.2rem;left:2.3rem}.crypto-loader i:nth-child(2){bottom:.8rem;right:.25rem}.crypto-loader i:nth-child(3){bottom:.35rem;left:.65rem}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1180px){.app-shell{grid-template-columns:13.5rem minmax(28rem,1fr)}.security-column{display:none}}@media (width<=760px){.login-shell{grid-template-columns:1fr}.login-proof{display:none}.login-card{border:0;min-height:100vh}.app-shell{grid-template-columns:1fr;height:auto;min-height:100vh;overflow:visible}.sidebar{display:none}.chat-column{min-height:100vh}.chat-header{grid-template-columns:1fr}.work-object,.encryption-status{display:none}.timeline-scroll{min-height:60vh}.message{width:90%}}