*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;overflow:hidden}.app{background:#f7f7f7;width:100vw;height:100vh;display:flex}.nav-rail{background:#111;flex-direction:column;align-items:center;gap:14px;width:56px;height:100%;padding-top:16px;display:flex}.nav-rail button{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:8px;width:36px;height:36px;font-size:18px}.nav-rail button:hover{background:#2a2a2a}.context-panel{background:#fff;border-right:1px solid #ddd;width:230px;height:100%}.pinned-section{padding:20px}.pinned-section h3{margin:0}.board{background:#f5f5f5;flex:1;height:100%;position:relative;overflow:hidden}.messages{position:absolute;inset:0 0 70px;overflow:hidden}.queue-indicator{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#555;pointer-events:none;z-index:100;background:#ffffffbf;border-radius:10px;padding:8px 12px;font-size:13px;position:absolute;top:16px;left:16px}.message{overflow-wrap:anywhere;word-break:break-word;white-space:normal;background:#fff;border:2px solid;border-radius:14px;max-width:280px;max-height:140px;padding:10px 14px;position:absolute;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 4px 14px #00000014}.sender-dot{border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block}.input-area{gap:8px;display:flex;position:absolute;bottom:16px;left:20px;right:20px}.input-area input{border:1px solid #ccc;border-radius:12px;outline:none;flex:1;padding:13px 16px;font-size:15px}.input-area input:focus{border-color:#888}.input-area button{color:#fff;cursor:pointer;background:#111;border:none;border-radius:12px;padding:0 18px}.input-area button:hover{background:#333}