.chat-shell{display:grid;grid-template-columns:280px minmax(0,1fr);border:1px solid #33445e;min-height:600px;background:#0b1930}.chat-sidebar{padding:30px;background:#101f38;border-right:1px solid #33445e}.chat-sidebar>img{width:64px}.chat-sidebar h3{margin:22px 0 6px}.chat-sidebar p{font-size:13px;line-height:1.8}.chat-sidebar .chat-explanation{margin-top:35px}.chat-main{display:flex;flex-direction:column;min-width:0}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #33445e;background:#14243c}.chat-header small{display:block;margin-top:6px;font-size:11px;color:#a7b8cc}#chat-unlock{margin:auto;max-width:440px;padding:40px 28px;text-align:center}#chat-unlock label{text-align:left}.chat-lock-icon{font-size:40px;color:#d4af37}#chat-thread{height:450px;overflow:auto;padding:25px;display:flex;flex-direction:column;gap:16px;background:radial-gradient(#d4af3709 1px,transparent 1px);background-size:22px 22px}.chat-bubble{max-width:85%;align-self:flex-start;background:#1a2d48;border-radius:0 14px 14px;padding:13px 17px;border:1px solid #30435f}.chat-bubble.mine{align-self:flex-end;background:#24385a;border-radius:14px 0 14px 14px;border-color:#6c613c}.chat-bubble strong{font-size:11px;color:#e4c760}.chat-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;color:#edf1f7;font-size:14px;margin:9px 0}.chat-bubble small{font-size:9px;color:#b4c0d1;display:block;text-align:right}#encrypted-message-form{display:flex;gap:12px;padding:18px;background:#14243c}#encrypted-message-form textarea{flex:1;margin:0;resize:vertical;min-height:48px}#chat-status{font-size:11px;padding:0 20px}.chat-footer{text-align:center;font-size:10px;color:#b0bcd0;padding:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.portrait-frame{aspect-ratio:4/5!important}.portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:center 20%}@media(max-width:800px){.chat-shell{grid-template-columns:1fr}.chat-sidebar{border-right:0;border-bottom:1px solid #33445e;padding:20px}.chat-sidebar>img{float:left;margin-right:18px;width:44px}.chat-sidebar h3{margin:0}.chat-sidebar .chat-explanation{margin-top:20px}.chat-main{min-height:550px}.chat-header{padding:15px}.chat-header .button{font-size:10px;padding:10px}#chat-thread{padding:16px}.chat-bubble{max-width:92%}#encrypted-message-form{padding:12px;gap:8px}#encrypted-message-form button{padding:12px}}